/* * 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%}} .album_ordinary,.album_wrap{width:100%;height:100%} .album_wrap{position:fixed!important;left:0;top:0;z-index:98;background:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")} .album_ordinary .slide_c{text-align:center} .album_ordinary .slide_c img{vertical-align:middle;width:auto;max-height:78%} .album_ordinary .slide_c p{position:absolute;left:0;bottom:55px;width:100%;line-height:22px;color:#fff;font-size:16px} .album_ordinary .album_btns { position:absolute;z-index:99;} .album_ordinary .album_btns:hover{filter:alpha(opacity=80);opacity:0.8;} .album_ordinary .album_prev,.album_ordinary .album_next { width:10%;height:5em;line-height:5em;top:50%;margin-top:-3em;font-size:4em;text-align:center;color:#fff;cursor:pointer;} .album_ordinary .album_prev { left:10%;}.album_ordinary .album_next{right:10%;} .album_ordinary .album_close{width:2em;height:2em;line-height:38px;margin:0;text-align:center;cursor:pointer;background:#fabd00;color:#fff;font-size:20px;right:0;top:0;} .album_ordinary .slide_nav,.album_ordinary.unable .album_next,.album_ordinary.unable .album_prev{display:none} .album_preview .slide_nav{display:block;width:100%;left:0;top:50%} .album_preview .slide_nav a{display:none;position:absolute;top:-28px;width:80px;height:55px;line-height:55px;border:4px solid #ffd643;cursor:pointer} .album_preview .slide_nav img{vertical-align:top;width:100%;height:100%} .album_preview .slide_nav .nav_prev{display:block;left:10%}.album_preview .slide_nav .nav_next{display:block;right:10%} .album_preview .album_close{position:absolute;width:2em;height:2em;line-height:38px;z-index:99;margin:0;text-align:center;cursor:pointer;background:#fabd00;color:#fff;font-size:20px;right:0;top:0} .album_preview .album_close .ion{font-size:28px;margin:0}.album_preview .album_pages{position:absolute;top:10px;left:20px;font-size:14px;color:#fabd00;line-height:38px;margin:0 1em} .album_preview .arrs{display:none}.album_gallery .album_bar{position:absolute;left:0;bottom:0;height:50px;width:100%;background:#000;z-index:0} .album_gallery .arrs{position:absolute;width:40px;height:40px;line-height:40px;font-size:22px;color:#fff;bottom:5px} .album_gallery .arr_prev{left:0}.album_gallery .arr_next{left:100px}.album_gallery .arrs:hover{color:red} .album_gallery .album_close,.album_gallery .album_pages{position:absolute;line-height:40px;bottom:5px;text-align:center;color:#fff;background-color:transparent;} .album_gallery .album_pages{height:40px;left:40px;width:60px;font-size:16px} .album_gallery .slide_nav{position:absolute;left:140px;height:40px;line-height:40px;width:60%;display:block;bottom:5px;white-space: nowrap; overflow:hidden;overflow-x: auto;} .album_gallery .slide_nav a{float:left;height:36px;border:2px solid #ccc;margin-right:4px;opacity:0;cursor:pointer} .album_gallery .slide_nav img{height:100%}.album_gallery .slide_nav .on{border-color:red;opacity:1} .album_gallery .album_close{height:40px;width:40px;right:0;cursor:pointer;z-index:2} .album_gallery .album_close .ion{margin:0;font-size:22px}.album_gallery .album_close:hover{color:red;} .album_wrap .slide_wrap img { max-width:100%; } @media screen and (max-width:768px){.album_ordinary{background:#000} .album_ordinary .album_prev, .album_ordinary .album_next{width:20%;} .album_ordinary .album_prev {left:0;}.album_ordinary .album_next{right:0;} .album_preview .slide_nav .nav_next,.album_preview .slide_nav .nav_prev{display:none}} @media screen and (max-width:480px){.album_ordinary .album_prev,.album_ordinary .album_next {font-size:2em;}.album_ordinary .slide_c p{bottom:4em} .album_gallery .slide_nav{display:none}} .album_wrap_case4{text-align:center;z-index: 120;} .album_wrap_case4 .album_case4 .slide_c{position:relative;width: auto;height:auto;} .album_wrap_case4 .album_case4 .slide_c h3{ position:absolute;bottom:0;left:0;padding:2% 3%;width:95%;font-size:16px;color:#fff;text-align:left;font-weight:normal;background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);} .album_wrap_case4 .album_case4 .slide_c p{bottom:0;width:100%;background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);padding:12px 10px;text-align:left;box-sizing:border-box;} .album_wrap_case4 .album_case4 .slide_wrap{width: auto;height:auto!important;} .album_wrap_case4 .album_case4 .arrs,.album_wrap_case4 .album_case4 .slide_nav{display:none;} .album_wrap_case4 .album_case4{height:auto;width:auto;display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;position:relative;max-width:50%;overflow:visible;line-height:normal!important;} .album_wrap_case4 .album_case4 .right_btn{width:80px;position:absolute;top:0;right:-80px;} .album_wrap_case4 .album_case4 .right_btn .btn_box{width:100%;height:80px;display:block;text-align:center;line-height:80px;margin-bottom: 1px;cursor:pointer;background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);font-size:14px;position: static;margin-top: 0;} .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#2e74b5;} .album_wrap_case4 .album_case4 .right_btn .close_btn{position:relative;} .album_wrap_case4 .album_case4 .right_btn .close_btn:after,.album_wrap_case4 .album_case4 .right_btn .close_btn:before{content:"";width:60%;height:1px;background:#fff;display:block;position:absolute;left:50%;margin-left:-30%;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .album_wrap_case4 .album_case4 .right_btn .close_btn:after{top:50%;-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)} .album_wrap_case4 .album_case4 .right_btn .close_btn:before{bottom:50%;-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg)} .album_wrap_case4 .album_case4 .right_btn .close_btn i{opacity:0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;visibility:hidden;color:#fff;} .album_wrap_case4 .album_case4 .right_btn .close_btn:hover:after{top:24%;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)} .album_wrap_case4 .album_case4 .right_btn .close_btn:hover:before{bottom:24%;-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg)} .album_wrap_case4 .album_case4 .right_btn .close_btn:hover i{opacity:1;visibility:visible;} .album_wrap_case4 .album_border{display:inline-block;*display:inline;*zoom:1;width:0;height:100%;vertical-align:middle;}.album_wrap_case4:after{content:"";width:0;height:100%;display:inline-block;vertical-align:middle;}.album_wrap_case4 .unable{display:inline-block;vertical-align:middle;} .album_wrap_case4 .album_case4 .right_btn .album_prev,.album_wrap_case4 .album_case4 .right_btn .album_next{font-size:30px;} @media only screen and (max-width: 760px){ .album_wrap_case4 .album_case4{max-width:94%} .album_wrap_case4 .album_case4 .right_btn{right: 0;width:auto;top: -40px;} .album_wrap_case4 .album_case4 .right_btn .btn_box{height:40px;width:40px;float:right;line-height:40px;} .album_wrap_case4 .album_case4 .right_btn .album_prev,.album_wrap_case4 .album_case4 .right_btn .album_next{font-size:20px;} .album_wrap_case4 .album_case4 .right_btn .close_btn:hover:after{top:50%;-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg)} .album_wrap_case4 .album_case4 .right_btn .close_btn:hover:before{bottom:50%;-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg)} .album_wrap_case4 .album_case4 .right_btn .close_btn:hover i{opacity:0;visibility:hidden;}} /*挂件分页样式*/ .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:#da291c;} .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;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .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;} /* 常量设置 */ .wrap { width:90%; margin-right:auto; margin-left:auto; min-width:1300px;} .nwrap{width:1366px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} /*对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:14px; line-height:1.6; color:#555; background:#fff;} a{color:inherit;} a:hover { color:#da291c;} ::-moz-selection {color:#fff; background:#da291c; } ::selection {color:#fff; background:#da291c; } ::-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) } /* 网站样式 */ /* 首页英文字体 */ @font-face { font-family: "BentonSans"; src: url("../font/bentonsans/bentonsans.woff") format("woff"), url("../font/bentonsans/bentonsans.ttf") format("truetype"), url("../font/bentonsans/bentonsans.eot") format("embedded-opentype"), url("../font/bentonsans/bentonsans.svg") format("svg"); } /* 方正兰亭 */ @font-face { font-family: "fzlt"; src: url("../font/fzlt/fzlt.woff") format("woff"), url("../font/fzlt/fzlt.ttf") format("truetype"), url("../font/fzlt/fzlt.eot") format("embedded-opentype"), url("../font/fzlt/fzlt.svg") format("svg"); } /* helvetica */ @font-face { font-family: "helvetica"; src: url("../font/helvetica/helvetica.woff") format("woff"), url("../font/helvetica/helvetica.ttf") format("truetype"), url("../font/helvetica/helvetica.eot") format("embedded-opentype"), url("../font/helvetica/helvetica.svg") format("svg"); } /* helveticahv */ @font-face { font-family: "helveticahv"; src: url("../font/helveticahv/helveticahv.woff") format("woff"), url("../font/helveticahv/helveticahv.ttf") format("truetype"), url("../font/helveticahv/helveticahv.eot") format("embedded-opentype"), url("../font/helveticahv/helveticahv.svg") format("svg"); } /* leslieb */ @font-face { font-family: "leslieb"; src: url("../font/leslieb/leslieb.woff") format("woff"), url("../font/leslieb/leslieb.ttf") format("truetype"), url("../font/leslieb/leslieb.eot") format("embedded-opentype"), url("../font/leslieb/leslieb.svg") format("svg"); } /* road_range */ @font-face { font-family: "road_range"; src: url("../font/road_range/road_range.woff") format("woff"), url("../font/road_range/road_range.ttf") format("truetype"), url("../font/road_range/road_range.eot") format("embedded-opentype"), url("../font/road_range/road_range.svg") format("svg"); } .ion{font-family: 'ion';} /*body{font-family:BentonSans; }*/ .common-black-tit, .common-red-tit{position:relative; display:block; color:#da291c; text-transform:uppercase; font-size:37px; padding-bottom:20px;} .common-black-tit, .common-black-tit:hover{color:#000;} .common-black-tit:after, .common-red-tit:after{content:""; position:absolute; left:0; bottom:0; background:#da291c; height:2px; width:58px; -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;} .common-red-tit-hover:hover .common-black-tit:after, .common-black-tit:hover:after, .common-red-tit-hover:hover .common-red-tit:after, .common-red-tit:hover:after{width:100px;} .common-link{display:block; width:200px; line-height:42px; color:#da291c; border:1px solid #da291c; border-radius:4px; font-size:16px; text-align:center; text-transform:uppercase; position:relative;} .common-link:after{content:""; position:absolute; left:0; top:0; bottom:0; right:100%; background:#da291c; -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; z-index:0;} .common-link span{position:relative; z-index:1;} .common-link:hover, .common-link.solid{color:#fff;} .common-link:hover:after, .common-link.solid:after{right:0;} .common-pro-link{display:block; width:260px; line-height:65px; color:#da291c; border:1px solid #da291c; border-radius:4px; font-size:16px; text-align:center; text-transform:uppercase; position:relative;} .common-pro-link:after{content:""; position:absolute; left:0; top:0; bottom:0; right:100%; background:#da291c; -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; z-index:0;} .common-pro-link span{position:relative; z-index:1;} .common-pro-link span i{font-size:30px; margin-right:40px; vertical-align:middle;} .common-pro-link:hover{color:#fff;} .common-pro-link:hover:after{right:0;} /* 头部 */ .pageHeaderMask{position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.85); z-index:99; display:none;} .pageHeader{position:fixed; top:0; left:0; right:0; height:60px; z-index:100; transition: all 0.4s ease-in-out;} .pageHeader .con{padding:0 5%; color:#fff; font-size:16px; line-height:60px;} /*.pageHeader .con .logo{width:28%;}*/ .pageHeader .con .channel{width:60%; text-align:right; font-size:16px;} .pageHeader .con .channel .item{margin-right:8%; display:inline-block; *display:inline; *zoom:1; position:relative;} .pageHeader .con .channel .item.item1{position:static;} .pageHeader .con .channel .item .first_channel:hover{font-weight:bold;} .pageHeader .con .right{position:relative; height:60px; font-size: 13px;} .pageHeader .con .right .lang{display:none;} .pageHeader .con .right .fun1{position:relative; color:#cc1133; font-size:16px;} .pageHeader .con .right .fun2{margin-left: 25px; color:#cacaca;} /*.pageHeader .con .right .fun2 a{display:none;}*/ .pageHeader .con .right .fun2 .global{display:block;} .pageHeader .con .right .lang a{margin:0 5px;} .pageHeader .con .sec_channel_list{position:absolute; left:0; top:100%; width:150px; padding:0 10px; line-height:55px; font-size: 13px; color:#212529; background:#fff; text-align:center; display:none;} .pageHeader .con .sec_channel_list li{border-top: 1px solid #333;} .pageHeader .con .sec_channel_list li:first-child{border-top:none;} .pageHeader .con .channel .sec_channel_list{left:-55px; margin-top: 1px;} .pageHeader .con .active .sec_channel_list, .pageHeader .con .channel .item.active .second_channle{display:block; animation: bounceInDown .5s forwards; box-shadow:0 0 10px 0 rgba(0,0,0,0.2)} /* 导航下拉 */ .pageHeader .con .channel .second_channle{position:absolute; top:100%; left:0; right:0; background:#fff; border-top:1px solid #dddddd; box-shadow:1px 1px 5px rgba(0,0,0,0.2); display:none; text-align:left;} .pageHeader .con .channel .second_channle .full-row{position:relative; z-index:1;} .pageHeader .con .channel .second_channle .sec_item{position:relative; padding-left:7%; line-height:1; border-right:1px solid #d5d5d5; display:block; height:240px; overflow:hidden;} .pageHeader .con .channel .second_channle .sec_item .brand{padding-top:40px;} .pageHeader .con .channel .second_channle .sec_item .type{color:#242424; line-height:2; font-size:14px; margin-top:10px;} .pageHeader .con .channel .second_channle .sec_item .btm{position:absolute; bottom:0; left:0; z-index:1;} .pageHeader .con .channel .second_channle .sec_item .pro{position:absolute; bottom:0; right:2%; transform:translateX(20%); -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; z-index:2;} .pageHeader .con .channel .second_channle .sec_item:hover .pro{transform:translateX(0);} .pageHeader .con .channel .second_channle .sec_item:hover{background:#f4f4f4;} .pageHeader .con .channel .second_channle .default_list{background:#ececec; line-height:45px;} .pageHeader .con .channel .second_channle .default_list dl{text-align:center; padding:0 5%;} .pageHeader .con .channel .second_channle .default_list dd{display:inline-block; *display:inline; *zoom:1; font-size: 13px; margin-left:60px; position:relative;} .pageHeader .con .channel .second_channle .default_list dd:before{content:""; position:absolute; left:-30px; top:50%; margin-top: -5px; height:10px; background:#333; width:1px;} .pageHeader .con .channel .second_channle .default_list dd:first-child:before{display:none;} .pageHeader .con .channel .second_channle .default_list dd a:hover{color:#da291c;} /* 头部触控 */ .pageHeader.fixed, .pageHeader:hover{background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.2);} .pageHeader.fixed .con, .pageHeader:hover .con{color:#898989;} .pageHeader.fixed .channel, .pageHeader:hover .channel{color:#242424;} /* 底部 */ .footer{position:relative; z-index:10; background:#efefef; padding-top:30px;} .footer .footer1 .logo{margin:0 5% 30px;} .footer .footer1 .channel_box{border-bottom:1px solid #dbdbdb; padding-bottom:30px; margin:0 5%;} .footer .footer1 .channel_box dl{width:11%;} .footer .footer1 .channel_box .channel{line-height:35px; color:#666; font-size:15px; display: inline-block; *display: inline; *zoom:1;} .footer .footer1 .channel_box dt .channel{font-size:17px; font-weight:bold; color:#333; margin-bottom:10px;} .footer .footer1 .channel_box dt a.channel:hover, .footer .footer1 a.channel:hover{color:#da291c;} .footer .footer1 .right .t{font-size:17px; font-weight:bold; color:#333; margin-bottom:10px;} .footer .footer1 .right a{color: #666; font-size: 15px; margin-right: 20px; margin-left: 0; border-radius: 6px; overflow: hidden;} .footer .footer1 .right span{background:#666 !important;} .footer .footer1 .right a:hover span{background:#da291c !important; opacity:1;} .footer .footer1 .right .share{margin-top:30px;} .footer .footer2{color:#666666; font-size:15px; padding:16px 0;} .footer .footer2 .info{padding:0 5%;} /*底部浮动*/ .floatB{margin-bottom:-65px; opacity:0; position:fixed; right:0; bottom:0; width:100%; z-index:6; transition:all ease .5s; -webkit-transform:translateZ(0); background:#121212; background:rgba(18,18,18,0.85);} .floatB .wrap{width:1260px; position:relative; min-width:0;} .floatB .content{position:relative; height:64px;} .floatB .left{width:80%; float:left;} .floatB .left .float_ewm{float:right; padding:15px 21px; cursor:pointer; position:relative } .floatB .left .float_ewm .icon{width:34px; height:34px; background:url(../img/foot_float01_4.png) no-repeat center;} .floatB .left .float_ewm .ewm_img{width:150px; height:150px; position:absolute; bottom:100%; right:0%; display:none;} .floatB .left .float_txt{line-height:64px; width:650px; height:64px;} .floatB .left .float_txt .tit{color:#cc1133; text-transform:uppercase; margin-right:20px; font-weight:bold; float:left;} .floatB .left .float_txt .list{color:#fff; width:460px; display: inline-block; *display: inline; *zoom:1; height:64px;} .floatB .left .float_txt .list a{display:block;} .floatB .left .float_txt .list a:hover{color:#fff; opacity:0.8;} .floatB .left .float_txt .list .t{width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:20px; display: inline-block; *display: inline; *zoom:1; } .floatB .left .float_txt .list .date{float:right; font-size:12px;} .floatB .left .float_txt .list .info{overflow:hidden;} .floatB .left .float_txt .ctrl{color:#fff; padding-top:16px;} .floatB .left .float_txt .ctrl div{line-height:14px; font-size:12px; cursor:pointer; user-select:none;} .floatB .left .float_txt .ctrl div:hover{color:#da291c; font-weight:bold;} .floatB .right{width:20%; float:right; background:#da291c; padding:20px 0 17px; opacity:1; visibility:visible; transition:all 0.5s ease .3s;} .floatB .right li{width:25%; float:left;} .floatB .right li a{display:block;} .floatB .right li i{display:block; width:39px; height:27px; background:url(../img/foot_float01_1.png) no-repeat center; margin:0 auto;} .floatB .right li i.icon01{background-position:0 0;} .floatB .right li i.icon02{background-position:-39px 0;} .floatB .right li i.icon03{background-position:-78px 0;} .floatB .right li i.icon04{background-position:-117px 0;} .floatB .menu_btn {position:absolute; top:0; right:0; margin-right:-64px; width:64px; height:64px; cursor:pointer; } .floatB .menu_btn .btn_ico {display:block; position:absolute; top:0; left:0; width:64px; height:64px; background:url(../img/foot_float01_3.png) -64px 0 no-repeat; } /*点击关闭*/ .floatB.show{margin-bottom:0; opacity:1;} .floatB.floatBClosed {width:0; padding-right:64px; overflow:hidden;} .floatB.floatBClosed .content{width:0; transition:all 0.5s ease;/* overflow:hidden;*/} .floatB.floatBClosed, .floatB.show {z-index:30; height:64px;} .floatB.floatBClosed .menu_btn {left:0; right:auto;} .floatB.floatBClosed .menu_btn .btn_ico{background-position:0 0;} .floatB.floatBClosed .right{opacity:0; visibility:hidden;} /*首页*/ /*ibanner*/ .ibanner{position:relative; height:749px;} .ibanner .item{height:749px; overflow:hidden; position:relative;} .ibanner .owl-carousel .item{display:none;} .ibanner .owl-carousel.owl-loaded .item{display:block;} .ibanner .item .banner_img{position:absolute; top:0; left:0; z-index:0; cursor:none;} .ibanner .item .banner_img img{width:100%; height:100%; position:absolute;top:0;left:0;} .ibanner video{width:100%;} .ibanner .iban_word{position:absolute; left:0; bottom:0; width:100%; height:100%;} .ibanner .iban_word .img_box{position:absolute; left:50%; margin-left:-650px; width:1300px; max-width:none; z-index:3; bottom:0; background:url(../img/iban_word.png) no-repeat center; height:642px;} .cursor{position:fixed;top:0;left:0;z-index:30; pointer-events:none;display:none; cursor:pointer;} .cursor .cursorIcon{width:33px;height:54px;background:url(../img/cursor-left.png) no-repeat center; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .cursor.right .cursorIcon{background: url(../img/cursor-right.png) no-repeat center;} .ibanner .mask {width:100%; height:100%; position:absolute; z-index:4; top:0%; left:0; background:url(../img/mask.png) center;} .ibanner .words {position:absolute; z-index:5; top:50%; margin-top: -120px; left:0; right:0; text-align:center; color:#fff; cursor:auto;} .ibanner .item .banner_img .words .link{cursor:pointer;} .ibanner .item .banner_img .words .link img{width:30px; height:auto; position:static; display:inline-block;} .ibanner .item .banner_img .words .link span{margin:0 auto;} .ibanner .item .banner_img .words .t1{font-size: 60px; font-family:'road_range';} .ibanner .item .banner_img .words .t2{font-size: 18px; margin:10px 0 30px; text-transform:uppercase;} .ibanner .owl-dots {width:30%; position:absolute; bottom:50px; right:50px;text-align:center;} .ibanner .owl-dots .owl-dot {transition:.3s; display:inline-block; width:58px; height:5px; background:#fff;margin:0 6px; cursor:pointer; position:relative;} .ibanner .owl-dots .owl-dot:after{content:""; position:absolute; left:0; top:0; bottom:0; right:100%; background:#da291c; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index:1;} .ibanner .owl-dots .owl-dot.active:after{right:0;} .index .index01{margin:85px 0 95px; text-transform:uppercase;} .index .index01 .left{width:49%; position:relative;} .index .index01 .right{width:49%;} .index .index01 .rect-80{padding-bottom:80%;} .index .index01 .rect-3825{padding-bottom:38.25%;} .index .index01 .item{display:block;} .index .index01 .tit{position:absolute; left:50px; top:70px; color:#000; font-size:24px; padding-bottom:25px; line-height:1; z-index:1;} .index .index01 .tit:after{content:""; position:absolute; left:0; bottom:0; width:58px; height:2px; background:#da291c; -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;} .index .index01 .pic{position:absolute; right:0; bottom:10%; z-index:2; max-width:65%;} .index .index01 .item:hover .tit:after{width:100px;} .index .index01 .right .pic{right:10%; max-width:40%;} .index .index01 .right .top{margin-bottom:3.6%; position:relative;} .index .index01 .right .btm{position:relative;} .index .index02{background-image:url(../img/index02_bg.jpg); background-repeat:no-repeat; padding:140px 0 225px;} .index .index02 .common-red-tit, .index .index04 .common-red-tit{margin-bottom:30px;} .index .index02 .con, .index .index04 .con{padding-left:5%;} .index .index02 .desc, .index .index04 .desc{color:#fff; font-size:24px;} .index .index02 .detail, .index .index04 .detail{color:#fff; font-size:18px; line-height:35px; margin-bottom:40px; width:33%; min-width:520px;} .index .index04{background:url(../img/index04_bg.jpg) no-repeat center center; padding:140px 0 110px;} /*.index .index04 .detail{}*/ .index .index03{margin-top:120px;} .index .index03 .con{position:relative;} .index .index03 .left{width:50%; text-align:center; position:absolute; z-index:1; left:0; top:0;} .index .index03 .right{width:37%; position:relative; z-index:1; min-width:470px; padding:50px 0;} .index .index03 .right .desc{color:#737373; margin:30px 0 60px; font-size:18px; max-width:500px;} .index .index03 .right .qrcode{margin-right:55px; width:150px;} .index .index03 .right .dl{padding-top:28px;} .index .index03 .right .dl a{font-size:14px; text-transform:capitalize; margin-top:14px;} .index .index03 .right .dl a i{font-size:22px; margin-right:5px;} .index .index03 .center{position:absolute; top:0; left:43%; z-index:0; width:16%;} /* 产品列表 */ /* 产品导航 */ .proNav {position:fixed; top:60px; right:0; left:0; z-index:99; background:#000; display:none;} .proNav .con{padding:0 5%; line-height:60px;} /*.proNav .con .right{width:80%;}*/ .proNav .con .right .item{float:left; margin-left:90px; color:#fff; font-size:16px; cursor:pointer;} .proNav.fixedtop {top:0; -moz-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s;} /*banner*/ .pro_banner{position:relative; height:749px; z-index:10; background:#fff; cursor:none;} .pro_banner .item{height:749px; overflow:hidden; position:relative;} .pro_banner .owl-carousel .item{display:none;} .pro_banner .owl-carousel.owl-loaded .item{display:block;} .pro_banner .item .banner_img{position:absolute; top:0; left:0; z-index:0;} .pro_banner video{width:100%;} .pro_banner .mask{position:absolute; height:auto; top:30%; left:0; right:0; text-align:center; z-index:3;} .pro_banner .mask .img img{width:auto; height:auto; margin:0 auto;} .pro_banner .mask .word{font-size:32px;margin-top:24px; color:#fff;text-align:center;letter-spacing:4px;} .pro_banner .video_cover{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0, 0.4); z-index:2;} .pro_banner .mask .link{margin-top: 20px; text-align:center;} .pro_banner .mask .link a{display:block; width:200px; margin:0 auto; text-align:center; color:#fff; line-height:50px; border:1px solid #fff; font-size:13px; text-transform:uppercase; user-select:none;} .pro_banner .mask .link a img{margin-left: 10px; width: 30px; margin-top:10px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; display:inline-block; *display:inline; *zoom:1;} .pro_banner .mask .link a:hover img{transform:translateX(10px);} .pro_banner .mask .link a:hover{border:1px solid #da291c;} /*.pro_list{font-family:'fzlt';}*/ .pro_list>div{position:relative; z-index:10; background:#fff;} .pro_list .pro_list01{padding-top:35px;} .pro_list .pro_list01 .wrap{position:relative; padding-bottom:35px;} .pro_list .pro_list01 .top{padding:0 0 35px; margin:0 5%; position:relative;} .pro_list .pro_list01 .top:after{content:""; position:absolute; left:-15px; right:-15px; bottom:1px; height:1px; background:#bfbfbf; z-index:0;} .pro_list .pro_list01 .top .fix{position:relative; z-index:1;} .pro_list .pro_list01 .top .cn{color:#3d3c3c; margin-bottom:10px;} .pro_list .pro_list01 .top .en{color:#070707; font-size:28px; font-stretch:condensed; font-family: 'helveticahv'; line-height:1; text-transform:uppercase;} .pro_list .pro_list01 .top .common-pro-link{display: inline-block; *display: inline; *zoom:1; width:280px;} .pro_list .pro_list01 .top .car_type{display: inline-block; *display: inline; *zoom:1; width: 326px; line-height: 65px; color: #fff; border: 1px solid #da291c; background:#da291c; border-radius: 4px; font-size: 16px; text-align: center; text-transform: uppercase; position: relative; margin-left: 10px; user-select:none; position:relative;} .pro_list .pro_list01 .top .car_type i{margin-left: 160px; display: inline-block; *display: inline; *zoom:1; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list01 .top .car_type.on i{transform:rotateZ(180deg)} .pro_list .pro_list01 .top .car_type .list{position:absolute; left:-1px; right:-1px; top:100%; background:#fff; color:#555; border: 1px solid #eee; text-align:left; display:none; box-shadow:1px 1px 5px rgba(0,0,0,0.2);} .pro_list .pro_list01 .top .car_type .list a{display:block; line-height:30px; padding:10px 20px; text-transform:capitalize;} .pro_list .pro_list01 .top .car_type .list a:hover{color:#fff; background: #da291c;} .pro_list .pro_list01 .button_360 { position: absolute; background-color: transparent; border: none; display: block; width: 100px; height: 100px; text-align: center; bottom:70px; left:63%; user-select: none;} .pro_list .pro_list01 .button_360 .text-new { position: absolute; top:44px; left: 0; font-size:12px; /*font-family:'Microsoft Yahei'*/; font-weight: bold; width: 100%; text-align: center; margin: 0 auto; color:#da291c;} .pro_list .pro_list01 .button_360 .circle { position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: 2px solid #da291c; border-radius: 50%; } .pro_list .pro_list01 .button_360 .circle--vert { animation: rotating-x 7s linear infinite; } .pro_list .pro_list01 .button_360 .circle--horiz { animation: rotating-y 5s linear infinite; width: 96px; height: 96px; top: 2px; left: 2px; } @keyframes rotating-y { from { -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg) } to { -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg) } } @keyframes rotating-x { from { -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg) } to { -ms-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -webkit-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg) } } .pro_list .pro_list01 .main{padding:20px 5% 0;} .pro_list .pro_list01 .main .left{width:64%; height:600px; background:url(../img/pro_list01_bg.png) no-repeat center top; background-size:contain; position:relative;} .pro_list .pro_list01 .main .left .pic{position:absolute; bottom:0; right:0; width:800px; height:100%; max-width:100%; top:0 !important; margin-top:0 !important;} .pro_list .pro_list01 .main .left .pic img{position:absolute; left:0; top:0; opacity:0; visibility:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list01 .main .left .pic img.cur{visibility:visible; opacity:1;} .pro_list .pro_list01 .main .right{width:36%;} .pro_list .pro_list01 .main .right .all{text-align:right; line-height:60px; font-size:13px; display:block; color:#030303; display:none;} .pro_list .pro_list01 .main .right .all .icon{font-size:20px; width:48px; height:48px; border:1px solid #dbdbdb; border-radius:50%; float:right; text-align:center; margin-left:10px; color:#da291c; line-height:48px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list01 .main .right .all:hover .icon{border-color:#da291c;} .pro_list .pro_list01 .main .right .t1{margin-top:180px; color:#000; font-size: 20px;} .pro_list .pro_list01 .main .right .t2{color:#000; font-size:30px; font-weight:bold; /*font-family:'Microsoft Yahei'*/} .pro_list .pro_list01 .main .right .color_box{margin-top:35px;} .pro_list .pro_list01 .main .right .color_box .item{float:left; padding:5px; margin-right:20px; border:2px solid #fff; border-radius:50%; user-select:none ; cursor:pointer; margin-left: 5px; position:relative;} .pro_list .pro_list01 .main .right .color_box .item .tip{position:absolute; top:100%; margin-top:10px; left:50%; width:100px; margin-left: -50px; text-align:center; opacity:0; visibility:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list01 .main .right .color_box .item:hover .tip{opacity:1; visibility:visible;} .pro_list .pro_list01 .main .right .color_box .item img{border-radius:50%; box-shadow: 0px 0px 8px rgba(0,0,0,0.2);} .pro_list .pro_list01 .main .right .color_box .item.cur{border-color:#555d68;} /*pro_list01_jt.png*/ .pro_list .pro_list01 .right_ctrl{position:absolute; right:5%; top:150px; color:#333; font-size: 18px;} .pro_list .pro_list01 .right_ctrl .item{position:relative; padding-bottom: 10px; margin-bottom: 15px; cursor:pointer; /*font-family:'Microsoft Yahei'*/} .pro_list .pro_list01 .right_ctrl .item:after{content:""; position:absolute; left:0; right:100%; bottom:0; height:13px; background:url(../img/pro_list01_jt.png) no-repeat right center; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list01 .right_ctrl .item.cur{color:#da291c; font-weight: bold;} .pro_list .pro_list01 .right_ctrl .item.cur:after, .pro_list .pro_list01 .right_ctrl .item:hover:after{right:0;} .pro_list .pro_list01 .classify2{display:none;} .pro_list .pro_list02{position:relative; height:960px;} .pro_list .pro_list02 .pic{position:absolute; left:50%; top:0; width:1919px; margin-left:-960px; height:960px;} .pro_list .pro_list02 .pic img{position:absolute; left:0; top:0; opacity:0; visibility:hidden; -moz-transition:all 0.9s ease 0s; -ms-transition:all 0.9s ease 0s; -o-transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; transition:all 0.9s ease 0s;} .pro_list .pro_list02 .pic img.cur{opacity:1; visibility:visible;} .pro_list .pro_list02 .wrap{position:absolute; left:0; top:0; right:0; bottom:0;} .pro_list .pro_list02 .tit{text-align:center; margin:85px auto; color:#fff; max-width:870px;} .pro_list .pro_list02 .tit .t{font-size:30px; margin-bottom:15px;} .pro_list .pro_list02 .tit .desc{font-size: 12px;} .pro_list .pro_list02 .tit .light {margin-top:30px; text-align:center; cursor:pointer;} /*.pro_list .pro_list02 .tit .light ul{display:inline-block;} .pro_list .pro_list02 .tit .light ul li{width:110px; line-height:30px; text-align:center; border:1px solid #fff; cursor:pointer;} .pro_list .pro_list02 .tit .light ul li.cur{background:#fff; color:#000;}*/ .pro_list .pro_list02 .tit .light .light_con{position:relative; display:inline-block; *display:inline; *zoom:1; height:28px;} .pro_list .pro_list02 .tit .light .light_line{width:92px; height:28px; background:url(../img/close_light.png); margin:0 auto; display:inline-block; *display:inline; *zoom:1; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .pro_list .pro_list02 .tit .light .light_ball{position:absolute; width:60px; height:60px; top:50%; margin-top:-30px;right:100%; margin-right:-40px; background:url(../img/ball_light.png); -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;} .pro_list .pro_list02 .tit .light.open .light_line{background:url(../img/open_light.png);} .pro_list .pro_list02 .tit .light.open .light_ball{right:0; margin-right:-20px;} .pro_list .pro_list02 .btm{padding:0 5%; position:absolute; left:0; right:0; bottom:120px;} .pro_list .pro_list02 .btm .item{width:24%; padding-top: 30px; position: relative; color:#fff; cursor:pointer; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list02 .btm .item.center{margin:0 14%;} .pro_list .pro_list02 .btm .item:before{content:""; position: absolute; top:0; left:0; right:0; height:2px; background:#cecfd0; z-index:1;} .pro_list .pro_list02 .btm .item:after{content:""; position: absolute; top:0; left:0; right:100%; height:2px; background:#da291c; z-index:2; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list02 .btm .item .t{font-size: 20px; margin-bottom: 10px;} .pro_list .pro_list02 .btm .item .d{font-size: 12px;} .pro_list .pro_list02 .btm .item:hover{color:#da291c;} .pro_list .pro_list02 .btm .item:hover:after{right:0;} .pro_list .pro_list03{z-index:9; overflow:hidden; padding:300px 0;} .pro_list .pro_list03 .video{position:fixed; left:0; top:-90px; z-index:1;} .pro_list .pro_list03 .pic{position: relative; z-index:3; text-align:center;} .pro_list .pro_list03:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:2;} .pro_list .pro_list04{background:#000;} .pro_list .pro_list04 img{width:100%;} .pro_list .pro_list04 .left, .pro_list .pro_list04 .right{width:49.6%;} .pro_list .pro_list04 .top{margin-bottom:15px; padding:0 5%;} .pro_list .pro_list04 .t_btm{margin-top:14px;} .pro_list .pro_list04 .t_btm .item{width:49.2%;} .pro_list .pro_list04 .link{padding:50px 0 110px; text-align:center; display:block;} .pro_list .pro_list04 .link a{display:block; width:300px; margin:0 auto; text-align:center; color:#fff; line-height:70px; background:#da291c; font-size:16px; text-transform:uppercase; user-select:none;} .pro_list .pro_list04 .link a img{margin-left:10px; width: 40px; margin-top: 13px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list04 .link a:hover img{transform:translateX(20px);} .pro_list .pro_list04 .btm .right .item{width:49%;} .pro_list .pro_list04 .item{position:relative; cursor:pointer; overflow:hidden;} .pro_list .pro_list04 .item .cover{position:absolute; bottom:13px; right:13px; color:#fff; z-index:3;} .pro_list .pro_list04 .item .cover img{width:auto; margin-right:5px;} .pro_list .pro_list04 .item .cover span{display: inline-block; *display: inline; *zoom:1; line-height:30px;} .pro_list .pro_list04 .item:before{content:""; position:absolute; left:50%; top:50%; width:32px; height:32px; margin-left:-16px; margin-top:-16px; background:url(../img/icon_search.png) no-repeat center; z-index:1; } .pro_list .pro_list04 .item:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1;} .pro_list .pro_list04 .item:before,.pro_list .pro_list04 .item:after{-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; visibility:visible; opacity:1; } .pro_list .pro_list04 .item:hover:before,.pro_list .pro_list04 .item:hover:after{opacity:0; visibility:hidden; } .pro_list .pro_list04 .t_top:before, .pro_list .pro_list04 .t_top:after{display:none;} body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover {background:#da291c;} .pro_list .pro_list04 .heartimg {width: 1.2rem; height: 1.2rem; position: absolute; bottom: 1.6rem; right: 1rem; z-index: 100; } .pro_list .pro_list05{position:relative; height:1120px; overflow:hidden;} .pro_list .pro_list05 .media{position:absolute; width:100%; height:100%; top:-10%;} .pro_list .pro_list05 .media img{position:absolute; width:100%; top:0; left:0; opacity:0; visibility:hidden;} .pro_list .pro_list05 .media img.cur{opacity:1; visibility:visible;} /*.pro_list .pro_list05 .media:after{content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../img/pro_list05_cover.png);}*/ .pro_list .pro_list05>img{position:absolute; left:50%; margin-left:-960px; max-width:none; width:1920px; margin-top: 120px; bottom:0;} .pro_list .pro_list05 .tit{position:absolute; left:0; right:0; top:120px; text-align:center; color:#fff;} .pro_list .pro_list05 .tit .t{font-size:30px; margin-bottom: 10px;} .pro_list .pro_list05 .tit .desc{font-size: 13px;} .pro_list .pro_list05 .tit .icon{margin-top: 15px;} .pro_list .pro_list05 .tit .ctrl{display: inline-block; *display: inline; *zoom:1; font-size:15px; margin-top:40px; position:relative;} .pro_list .pro_list05 .tit .ctrl:after{content:""; position:absolute; bottom:0; left:28px; right:28px; height:1px; background:rgba(255,255,255,0.25);} .pro_list .pro_list05 .tit .ctrl .item{display: inline-block; *display: inline; *zoom:1; margin:0 28px; cursor:pointer; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; padding-bottom:20px; position:relative;} .pro_list .pro_list05 .tit .ctrl .item img{display:block; width: 70px; margin: 0 auto 20px;} .pro_list .pro_list05 .tit .ctrl .item.cur{font-weight:bold;} .pro_list .pro_list05 .tit .ctrl .item:after{content:""; position:absolute; left:50%; bottom:0; right:50%; height:2px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; background:#da291c;} .pro_list .pro_list05 .tit .ctrl .item.cur:after{left:0; right:0;} .pro_list .pro_list05 .num{font-family: 'leslieb'; position: absolute; left: 50%; margin-left: -75px; width: 200px; bottom: 340px; z-index: 1; text-align: center; font-size: 36px; color: #1a191b;} .pro_list .pro_list06{background:rgba(0,0,0,0.5);} .pro_list .pro_list06 .item{width:31.33%; float:left; cursor:pointer;} .pro_list .pro_list06 .item2{margin:0 3%;} .pro_list .pro_list06 .item .img{position:relative; overflow:hidden;} .pro_list .pro_list06 .item .img2{position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; visibility:hidden; -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;} .pro_list .pro_list06 .item:hover .img2{opacity:1; visibility:visible;} .pro_list .pro_list06 .item1 .start, .pro_list .pro_list06 .item1 .stop{position:absolute; top:50%; left:50%; z-index:1; margin-left: -132px; margin-top: -132px; opacity:0; visibility:hidden; -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;} .pro_list .pro_list06 .item1.mp3_start .start{opacity:1; visibility:visible;} .pro_list .pro_list06 .item1.mp3_stop .stop{opacity:1; visibility:visible;} .pro_list .pro_list06 .item .txt{margin:43px 0 113px; padding-left:22px; padding-right:48px; border-left:3px solid #da291c; color:#fff;} .pro_list .pro_list06 .item .txt .t1{font-size:24px;} .pro_list .pro_list06 .item .txt .d{font-size:13px; line-height:20px; min-height:60px;} /* .pro_list .pro_list07 .wave{position:relative; z-index:1;} */ .pro_list .pro_list07{position:relative;height:640px;overflow:hidden;color: #f8f8f8;} .pro_list .pro_list07 .wave{position:absolute; left:0; bottom:100px; width:36%; z-index:0;} .pro_list .pro_list07 .wave img {position:absolute; bottom:0; left:50px; opacity:0;} .pro_list .pro_list07 .wave3{-webkit-animation:proWave 2s linear infinite 0.8s; animation:proWave 2s linear infinite 0.8s;} .pro_list .pro_list07 .wave2 {-webkit-animation:proWave 2s linear infinite 0.4s; animation:proWave 2s linear infinite 0.4s;} .pro_list .pro_list07 .wave1 {-webkit-animation:proWave 2s linear infinite; animation:proWave 2s linear infinite;} @-webkit-keyframes proWave { 0% { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); } 50% { opacity: 0.4; -webkit-transform: scale(1.4); transform: scale(1.4); } 100% { opacity: 0; -webkit-transform: scale(2.4); transform: scale(2.4); } } @keyframes proWave { 0% { opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); } 50% { opacity: 0.4; -webkit-transform: scale(1.4); transform: scale(1.4); } 100% { opacity: 0; -webkit-transform: scale(2.4); transform: scale(2.4); } } .pro_list .pro_list07 .content{position:relative; z-index:2; padding-top:150px;} .pro_list .pro_list07 .content .left{width:39%; position:relative; max-width:780px; margin-left:5%;} .pro_list .pro_list07 .content .left .app{position:absolute; right:0; bottom:30px; z-index:0; width:37%; height:100%;} .pro_list .pro_list07 .content .left .app img{position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list07 .content .left .app img.cur{visibility:visible; opacity:1;} .pro_list .pro_list07 .content .left .pro{position:relative; z-index:1; width:84%;} .pro_list .pro_list07 .right{position:relative; width:46%;} .pro_list .pro_list07 .right .top .item{display:none; color:#000;} .pro_list .pro_list07 .right .top .item.cur{display:block;} .pro_list .pro_list07 .right .t{font-size:30px;} .pro_list .pro_list07 .right .desc{font-size:13px; line-height:22px; margin:20px 0 40px; min-height:44px;} .pro_list .pro_list07 .right ul{overflow:hidden;} .pro_list .pro_list07 .right ul li{cursor:pointer; font-size:13px; color:#333; float:left; width:18%; position:relative; padding-left:2%;} .pro_list .pro_list07 .right ul li span{display:inline-block; *display:inline; *zoom:1; position:relative; padding-bottom: 5px;} .pro_list .pro_list07 .right ul li span:after{content:""; position:absolute; left:0; right:100%; height:1px; bottom:0; background:#da291c; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list07 .right ul li.cur{color:#da291c;} .pro_list .pro_list07 .right ul li.cur span:after{right:0;} .pro_list .pro_list07 .right ul li:after{content:'';width:4px; height:4px; border-radius:50%; background:#333; position:absolute; left:0; top:50%; margin-top:-6px;} .pro_list .pro_list07 .right ul li.cur:after{background:#da291c;} .pro_list .pro_list07 .right .search{color:#da291c; margin-top:30px; border-bottom:1px solid #da291c; padding:5px; display:inline-block; *display:inline; *zoom:1; font-weight: bold;} .pro_list .pro_list07 .right .search i{margin-left:15px;} .pro_list .pro_list07 .right .btm{margin-top:40px;} .pro_list .pro_list07 .right .qrcode{margin-right:55px; width:150px; height:150px; overflow:hidden;} /*.pro_list .pro_list07 .right .btm .dl {padding-top: 28px; }*/ .pro_list .pro_list07 .right .btm a {font-size:14px; text-transform:capitalize; margin-top:14px; font-family: BentonSans;} .pro_list .pro_list07 .right .btm a i{font-size:22px; margin-right:5px;} .pro_list .pro_list08_tit .tit{text-align:center; padding:100px 0 30px; margin:0 auto; color:#000; max-width:870px;} .pro_list .pro_list08_tit .tit .t{font-size:30px; margin-bottom:15px;} .pro_list .pro_list08{height:1280px; background:#000;} .pro_list .pro_list08 .con{padding-top:120px; color:#fff; position:relative; z-index:10;} .pro_list .pro_list08 .con .tit{margin-left:200px; font-size:40px;} .pro_list .pro_list08 .con .desc{margin-left:200px; font-size:14px; width:400px; margin-top: 20px;} .pro_list .pro_list08 .list{height:100vh; overflow:hidden; position:absolute; left:0; top:0; right:0; z-index:9;} .pro_list .pro_list08 .list .img_box{position:absolute; left:50%; top:0; width:1920px; margin-left: -960px; height:100%; z-index:1;} .pro_list .pro_list08 .list .img_box img{position: absolute; left: 50%; top: 50%; margin-left: -960px; margin-top: -480px; opacity: 0; visibility: hidden; width: 1920px; height: 960px;} .pro_list .pro_list08 .list .img_box img.cur{opacity:1; visibility:visible;} .pro_list .pro_list08 .list .video_cover{position:absolute; left:0; bottom:0; right:0; top:0; z-index:2; background:rgba(0,0,0,0.9)} .pro_list .pro_list08 .list .detail{position:absolute; left:0; bottom:0; right:0; z-index:3; color:#fff; border-right:1px solid rgba(255,255,255,0.4);} .pro_list .pro_list08 .list .detail .item{float:left; width:25%; position:relative; cursor:pointer; color:#fff;} .pro_list .pro_list08 .list .detail .item .info{border-right:1px solid rgba(255,255,255,0.4); height:100vh; position:relative;} .pro_list .pro_list08 .list .detail .item:first-child .info{border-left:1px solid rgba(255,255,255,0.4);} .pro_list .pro_list08 .list .detail .item .info .tit{font-size:20px; position:absolute; bottom:100px; left:0; right:0; padding:0 40px; z-index:1;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .pro_list .pro_list08 .list .detail .item .info .cover{position:absolute; left:40px; right:40px; bottom:-100px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; opacity:0; visibility:hidden;} .pro_list .pro_list08 .list .detail .item .info .cover .t{font-size:30px; line-height:1.2; margin:15px 0;} .pro_list .pro_list08 .list .detail .item .info .cover .d{font-size:13px;} .pro_list .pro_list08.fixed .list{position:fixed;} .pro_list .pro_list08.abs .list{bottom:0; top:auto;} .pro_list .pro_list08 .list .detail .item:hover .cover{opacity:1; visibility:visible; bottom:100px; padding-top: 40px;} .pro_list .pro_list08 .list .detail .item:hover .tit{opacity:0; visibility:hidden; bottom:20px;} .pro_list .pro_list09{padding-top:60px; color:#000;} .pro_list .pro_list09 .tit{font-size: 30px; margin-bottom: 50px; text-align:center;} .pro_list .pro_list09 .left{width:50%;} .pro_list .pro_list09 .left .item{margin:20px 10% 50px; text-align:center; padding:0 10%; border-bottom:1px solid #cacaca;} .pro_list .pro_list09 .left .item.item3, .pro_list .pro_list09 .left .item.item4{border-bottom:none;} .pro_list .pro_list09 .left .item .t{color:#da291c; margin:10px 0;font-family:Impact; font-style: italic; font-size: 16px;} .pro_list .pro_list09 .left .item .t span{font-size: 32px;} .pro_list .pro_list09 .left .item .d{line-height:22px; height:66px; margin-bottom:25px;} .pro_list .pro_list09 .right{width:50%; text-align:right;} /*.pro_list .pro_list10{padding-bottom:1px;}*/ .pro_list .pro_list10 ul{padding-bottom:0;} .pro_list .pro_list10 .li{padding-top:3px;} .pro_list .pro_list10 .li .t{background:#da291c; height:62px; cursor:pointer; line-height:62px; position:relative; overflow:hidden; color:#fff; font-size:20px; font-weight:lighter;} .pro_list .pro_list10 .li .t .add{position:absolute; right:200px; top:50%; margin-top:-5.5px; width:11px; height:11px; background:url(../img/pro_jiahao.png) no-repeat center;} .pro_list .pro_list10 .li.cur .t .add{background:url(../img/pro_jianhao.png) no-repeat center;} .pro_list .pro_list10 .li .t .dl{font-size:14px; margin-left:50px; color:#fff;} .pro_list .pro_list10 .li .c{background:#dfdfdf; display:none;} .pro_list .pro_list10 .li .c .key{line-height:57px; border-top:1px solid #c5c5c5; color:#000; font-size:16px; transition:.5s ease;} .pro_list .pro_list10 .li .c .key .left{float:left; width:35%; font-size:16px;} .pro_list .pro_list10 .li .c .key .left i{display:inline-block; width:7px; height:7px; background:url(../img/pro_list09_jt.png) no-repeat center; transition:.5s ease; opacity:0;} .pro_list .pro_list10 .li .c .key:hover .left i{opacity:1; margin-right:8px;} .pro_list .pro_list10 .li .c .key .right{float:left; width:65%; text-transform:uppercase; } .pro_list .pro_list10 .li .c .key:hover{background-image:url(../img/pro_list09_bg.png); background-repeat:no-repeat; background-position:center; color:#da291c;} .pro_list .pro_list11{padding-top:110px; padding-bottom:160px;} .pro_list .pro_list11 .top{text-align:center; color:#000;} .pro_list .pro_list11 .top .tit{font-size:40px; margin-bottom:15px;} .pro_list .pro_list11 .choose{padding:40px 5%;} .pro_list .pro_list11 .select{width:90%; overflow:hidden; margin:0 auto;} .pro_list .pro_list11 .select select, .pro_list .pro_list11 .select-ui-choose-default{width:100%; padding:0 17px; height:60px; line-height:60px; border:1px solid #cccccc; box-sizing:border-box; font-family:Arial; font-size:23px; color:#070707; border-radius:5px;} body .select-ui-options-default li{line-height:50px; height:50px; font-size:20px; box-sizing:border-box; padding:0 17px;;} body .select-ui-options-default li:hover{background:#da291c;} body .select-ui-choose-default ._txt{padding-left:0;} body .select-ui-choose-default ._arrow .arr{width:11px; height:7px; background:url(../img/pro_list11_jt.png) no-repeat center; border:none; margin-top:-3px; transition:.5s ease;} body .select-ui-choose-default ._arrow {width:11px;padding-right:25px;} body .select-ui-choose-default.on ._arrow .arr{margin-top:-3px; transform:rotateZ(180deg)} .pro_list .pro_list11 .pro{padding:0 5%; text-align:center;} .pro_list .pro_list11 .pro .item{overflow:hidden; display:block;} .pro_list .pro_list12{background:url(../img/pro_list12_bg.jpg) no-repeat center center; background-size:cover; text-align:center;} .pro_list .pro_list12 a{font-size:0; position:relative;} .pro_list .pro_list12 .item{overflow:hidden; display: inline-block; *display: inline; *zoom:1; color:#fff; font-size:25px; padding:88px 0; position:relative; z-index:2;} .pro_list .pro_list12 .item .icon{float:left; width:0; height:60px; overflow:hidden; -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; opacity:0; visibility:hidden;} .pro_list .pro_list12 .item .icon img{max-width:none; width:60px;} .pro_list .pro_list12 .item .t{float:right; line-height:60px;} .pro_list .pro_list12 a.link2:before{content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; background:url(../img/black.28.png) repeat;} .pro_list .pro_list12 a:after{content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:url(../img/red.8.png) repeat; -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; opacity:0; visibility:hidden;} .pro_list .pro_list12 a:hover:after{opacity:1; visibility:visible;} .pro_list .pro_list12 a:hover .t{font-weight:bold;} .pro_list .pro_list12 a:hover .icon{width:60px; opacity:1; visibility:visible; margin-right:40px;} .pro_list .pro_list13{position:relative; height:930px; } .pro_list .pro_list13 .poster{position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; max-width:none; z-index:0;} .pro_list .pro_list13 .video{position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; opacity:0; visibility:hidden; z-index:1; -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;} .pro_list .pro_list13:hover .video{opacity:1; visibility:visible;} .pro_list .pro_list13 .content{position:absolute; top:280px; left:0; right:0; color:#fff; font-size: 18px; z-index:3; /*font-family: 'Microsoft Yahei'*/} .pro_list .pro_list13 .content .t{margin-left: 10%; font-size: 50px; font-weight: bold; margin-bottom: 20px;} .pro_list .pro_list13 .content .d{margin-left: 10%; max-width:660px;} .pro_popup{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(230,230,230,0.95); padding:110px 0; overflow:auto; z-index:100; display:none;} .pro_popup .pro_content{background:#fff; box-shadow: 0px 4px 8px rgba(0,0,0,0.25); border-radius:8px; padding:5%; position:relative;} .pro_popup .pro_content .close{font-size:40px; position:absolute; top:30px; left:5%; cursor:pointer;} .pro_popup .pro_content .close:hover{color:#da291c;} .pro_popup .pro_content .tit{color:#000; font-size: 40px; margin-bottom: 40px; font-weight: bold; text-align:center;} .pro_popup .pro_content .item{background:#f7f7f7; padding:20px 30px; margin-bottom: 50px; border-radius:8px;} .pro_popup .pro_content .item .t{font-size:24px; padding:20px 0; text-align:center; border-bottom:1px solid #d6d6d6; margin-bottom:20px; color:#000;} .pro_popup .pro_content .item ul{margin-left:20px;} .pro_popup .pro_content .item ul li{margin-bottom:12px; position:relative;} .pro_popup .pro_content .item ul li::before {content: ""; width:3px; height:3px; background: #888; position:absolute; left:-10px; top:10px; } /* 关于 */ .about_us{/*font-family:'Microsoft Yahei'*/} .about_us .infor{text-align:center;} .about_us .wrap{max-width:1300px; min-width:0;} .about_us .infor .tit{font-size:30px; color:#333; position:relative; padding-bottom:20px; margin:80px 0 10px; transition:all 1s;} .about_us .infor .tit:after{content:''; width:116px; height:2px; background:#da291c; position:absolute; bottom:0; left:50%; margin-left:-58px;} .about_us .infor .con{font-size:14px; color:#333; line-height:40px; transition:all 1s;} .about_us_banner .xc_banner{position:relative; height:710px; overflow:hidden;} .about_us_banner .xc_banner img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .about_us01{overflow:hidden; background:url(../img/about_us01.jpg) no-repeat center; background-size:cover; padding-bottom:60px;} .about_us01 .infor .tit{opacity:0; transform: translate(0, 30vh); margin:54px 0 33px;} .about_us01 .infor .con{opacity:0; transform: translate(0, 30vh); text-align: left;text-indent:2em; line-height:36px;} .about_us01.active .infor .tit {transform:translate(0, 0); opacity:1;} .about_us01.active .infor .con {transform:translate(0, 0); opacity:1;} .about_us01 .infor .tit.delay {transition-delay:.2s;} .about_us02{overflow:hidden;} .about_us02 .content{width:1200px; margin:0 auto;} .about_us02 .owl-carousel{display:none;} .about_us02 .owl-carousel.owl-loaded{display:block;} .about_us02 .owl-carousel .owl-stage-outer{overflow:inherit;} .about_us02 .content .item .t{text-align:center; font-size:16px; color:#333; margin-bottom:10px;} .about_us02 .content .item .img{position:relative;} .about_us02 .content .item .img:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/about_us02_cover.png); opacity:1; transition:.3s ease;} .about_us02 .content .item .img .cover{position:absolute; bottom:15px; width:100%; text-align:center; font-size:16px; color:#fff; line-height:32px; opacity:0; transition:.3s ease;} .about_us02 .content .active .item .img:after{opacity:0;} .about_us02 .content .active .item .img .cover{opacity:1;} /* 按钮 */ .about_us02 .content .owl-nav>div{font-size:0; width:80px; height:80px; background:url(../img/about_us02_jt.png) no-repeat; position:absolute; top:50%;} .about_us02 .content .owl-nav .owl-prev{left:-50px;} .about_us02 .content .owl-nav .owl-next{right:-50px; background-position:-80px 0;} /* 年份 */ .about_us02 .infor .tit{margin-bottom:0;} .about_us02 .infor .ctrl{margin:30px 0;} .about_us02 .infor .ctrl>div{display:inline-block; *display:inline; *zoom:1; overflow:hidden;} .about_us02 .infor .prev,.about_us02 .infor .next{cursor:pointer; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; user-select:none;} .about_us02 .infor .prev:hover{transform:translateX(-10px);} .about_us02 .infor .next:hover{transform:translateX(10px);} .about_us02 .infor .dots{margin:0 50px;} .about_us02 .infor .dots .dot{text-align:center; display:inline-block; cursor:pointer; width:60px; height:60px; position:relative; line-height:60px;} .about_us02 .infor .dots .dot .circleChart{opacity:0;} .about_us02 .infor .dots .dot.active .circleChart{opacity:1;} .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut;} @-webkit-keyframes fadeOut{0%{opacity:1;}100% {opacity:0;}} @keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}} .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;} @-webkit-keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}} @keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}} .circleChart{position:absolute !important; width:100%; height:100%; top:0; left:0;} /* 第三部分 */ .about_us03 .infor{margin-bottom:15px;} .about_us03 .rect-555{padding-bottom:55.5%;} .about_us03 .item{background:#eaeaea; display:none;} .about_us03 .owl-item .item{display:block;} .about_us03 .item .left{float:left; width:69.3%;} .about_us03 .item .right{float:left; width:30.7%; position:relative; height:500px;} .about_us03 .item .right .box{position:absolute; width:100%; top:50%; transform:translateY(-50%); text-align:center; line-height:35px; font-size:16px; color:#333; /*font-weight:lighter;*/} .about_us03 .owl-nav>div{font-size:0;} .about_us03 .owl-nav .owl-next{width:46px; height:46px; background:url(../img/about_us03_jt.png) no-repeat center; position:absolute; background-color:#757575; right:30px; bottom:30px;} .about_us03 .owl-nav .owl-next:hover{background-color:#da291c;} .about_us04 .infor{margin-bottom:15px;} .about_us04 .infor .con{font-family: 'road_range'; font-size: 30px; line-height: 1.8; color: #da291b;} .about_us04 .rect-934{padding-bottom:93.4%;} .about_us04 .content .cover{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5)} .about_us04 .content .cover .box{padding:38% 13%;} .about_us04 .content .cover .txt{font-size:15px; color:#fff; line-height:36px; /*font-weight:lighter;*/} .about_us05 .infor{margin-bottom:15px;} .about_us05 .content{position:relative; height:500px; overflow:hidden;} /*.about_us05 .content img{position:absolute; left:50%; margin-left:-960px; max-width:none; width:1920px;}*/ .about_us05 img{max-width:none;} /*首页2*/ .index2_01{margin-top: 60px;} .index2_pro{position:relative; z-index:2;} .index2_pro .poster{width:100%; position:relative; z-index:0;} .index2_pro .video{position:absolute; left:0; top:0; width:100%; opacity:0; visibility:hidden; z-index:1; -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;} .index2_pro .content{position:absolute; top:25%; left:0; right:0; color:#fff; font-size: 14px; z-index:3;} .index2_pro .content .con{margin-left:5%; max-width:600px; transform:translateY(50px); -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index2_pro .content .con .detail .d{margin-bottom: 50px; margin-top: 15px; display:none;} .index2_pro .content .con .pic img{margin-bottom:15px;} .index2_pro .content .t{font-size: 22px; line-height:24px; } /*.index2_pro .index2_btn{margin-top:50px;}*/ .index2_btn{line-height:38px; border:1px solid rgba(255,255,255,0.2); display:inline-block; *display:inline; *zoom:1; width:150px; text-align:center; border-radius:4px; color:#fff; position:relative; overflow:hidden;} .index2_btn:after{content:""; position:absolute; left:0; right:100%; background:#da291c; top:0; bottom:0; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index:0;} .index2_btn span{position:relative; z-index:1;} .index2_btn img{margin-top:16px; margin-left: 20px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index2_btn:hover{border:1px solid #da291c; color:#fff;} /*.index2_btn:hover img{transform:translateX(10px);}*/ .index2_btn:hover:after{right:0;} .index2_pro:hover .video{opacity:1; visibility:visible;} .index2_pro:hover .con{transform:translateY(0); -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;} .index2_05 .content{margin:0 30px;} .index2_05 .content .left, .index2_05 .content .right{width:49.5%;} .index2_05 .rect-79{padding-bottom:79%;} .index2_05 .item .con{position:absolute; left:0; right:0; top:0; bottom:0; padding-top:10%; text-align:center; color:#fff;} .index2_05 .item .con .t{font-size: 40px;} .index2_05 .item .con .d{font-size: 16px; margin:10px 0 15px;} .index2_05 .common-probtn>span{margin:0 auto;} /*经销商查询*/ .dealer{margin-top: 60px;} .dealer01{padding:50px 0 20px;} .dealer01 .tit{font-size: 36px; color:#000; text-align:center;} .dealer02 .left{width:49.5%;} .dealer02 .right{width:49.5%;} .dealer02 .rect-92{padding-bottom:92%;} .dealer02 .item{position:relative; cursor:pointer;} .dealer02 .item .t{bottom:105px; color:#fff; font-size: 20px; position:absolute; left:0; right:0; text-align:center;} .dealer02 .item .t span{display:inline-block; *display:inline; *zoom:1; padding:5px 20px; border:1px solid #fff; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .dealer02 .item .t span:hover{background:#da291c; border:1px solid #da291c;} .dealer03{padding:70px 0 90px; background:#da291c; color:#fff;} .dealer03 .con{text-align:center; max-width:1100px; margin:0 auto; font-size: 14px; line-height:30px;} .dealer04{background:url(../img/delear03_bg.jpg) repeat; color:#fff; text-align:center; padding-top:50px;} .dealer04 .tab{font-size: 0;} .dealer04 ul{display:inline-block; *display:inline; *zoom:1;} .dealer04 ul li{float:left; line-height:100px; width:300px; font-size:22px; cursor:pointer; max-width:50%;} .dealer04 ul li.cur{background:#fff; color:#000;} .dealer05 .item2{padding:200px 0 280px; background:url(../img/delear04_bg.jpg) no-repeat center; background-size:cover; display:none;} .dealer05 .item2.cur{display:block;} .dealer05 .item1{padding:200px 0 280px; background:url(../img/delear04_am_bg.jpg) no-repeat center; background-size:cover; display:none;} .dealer05 .item1.cur{display:block;} .dealer05 .con{margin:0 auto; max-width:1200px; color:#000;} .dealer05 .con .tit{font-size: 42px; font-weight: bold;} .dealer05 .con .d{font-size: 22px; margin:15px 0 25px;} .dealer05 .con .link{line-height:34px; text-align:center; color:#fff; background:#da291c; padding:11px 40px; border-radius:4px; font-size: 18px; cursor:pointer; display:inline-block; *display:inline; *zoom:1;} .dealer05 .con .link img{margin-left:150px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .dealer05 .con .link:hover img{transform:translateX(10px);} .dealer05 .con .link a:hover{color:#fff;} .dealer_popup{position:fixed; top:0; left:0; right:0; bottom:0; background:url(../img/black.5.png) repeat; z-index:100; display:none;} .dealer_popup .content{background:#fff; border-radius:6px; padding:40px 40px 95px; margin:0 auto; width:730px; position:relative; color:#333; position:relative; top:50%; margin-top:-350px;} .dealer_popup .content .close{position:absolute; right:25px; top:25px; color:#000; cursor:pointer;} .dealer_popup .content .close:hover{color:#da291c;} .dealer_popup .content .t{text-align:center; font-size: 24px; margin-bottom: 30px;} .dealer_popup .content .key{font-size:16px; margin-bottom:10px;} .dealer_popup .content .key span{color:#da291c;} .dealer_popup .content .inp{padding-right:5%; margin-bottom: 25px;} .dealer_popup .content .inp input{line-height:38px; border-radius:4px; background:#f2f2f2; border:1px solid #d9cab9; width:98%; padding:0 5px;} .dealer_popup .select-ui-choose-default{width:100%; line-height:38px; background:#f2f2f2; border:1px solid #d9cab9; height:40px; margin-bottom: 10px;} .dealer_popup .select-ui-choose-default ._arrow .arr{background:url(../img/dealer_jt.png);} .dealer_popup .select-ui-choose-default ._txt{padding:0 5px;} .dealer_page .select-ui-options-default li{text-align:center; font-size: 14px; border-bottom:1px solid #d9cab9; line-height:46px; height:46px;} .dealer_page .select-ui-options-default{border-left:1px solid #d9cab9; border-right:1px solid #d9cab9; max-height:200px;} .dealer_popup .content .submit{text-align:center; margin-top: 55px;} .dealer_popup .content .submit_btn{width:300px; height:50px; line-height:50px; background:#da291c; text-align:center; font-size: 18px; color:#fff; border:none; margin:0 auto; border-radius:4px; cursor:pointer; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .dealer_popup .content .submit_btn:hover{opacity:0.8;} /*联系我们*/ .contact01{margin-top: 60px; height:320px; position:relative;} .contact01 img{position:absolute; left:50%; top:0; width:1920px; max-width:none; margin-left: -960px;} .contact01 .con{font-size: 36px; color:#fff; text-align:center; position:absolute; left:0; right:0; top:100px; padding-bottom: 10px;} .contact01 .con:after{content:""; position:absolute; left:50%; width:100px; height:2px; bottom:0; margin-left: -50px; background:#da291c;} .contact02{margin-top:88px;} .contact02 .content{margin:0 5%;} .contact02 .content .t{font-size: 32px; color:#000; margin-bottom: 15px;} .contact02 .content .d{color:#6d6d6d; font-size: 16px; line-height:35px;} .contact02 form{margin-top: 20px;} .contact02 .key{color:#262626; font-size: 14px; font-weight: bold;} .contact02 .key span{color:#da291c;} .contact02 .inp input{width:90%; line-height:28px; margin:10px 0 15px; background:#fcfcfc; border:1px solid #ececec;} .contact02 .inp textarea{width:90%; height:140px; background:#fcfcfc; border:1px solid #ececec; margin-top: 10px; resize:none;} .contact02 .submit{margin-top: 40px; margin-bottom: 100px;} .contact02 .link{display:block; width:240px; text-align:center; color:#fff; line-height:50px; border:1px solid #fff; font-size:16px; text-transform:uppercase; user-select:none; background:#da291c; cursor:pointer;} .contact02 .link img{margin-left: 10px; width: 30px; margin-top:10px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; display:inline-block; *display:inline; *zoom:1;} .contact02 .link:hover img{transform:translateX(10px);} .contact02 .hotline{font-size:16px; margin-top:40px; color:#000;} .contact02 .tel{font-size: 38px; font-family:Impact; margin-bottom: 30px; color:#da291c; display:block;} .contact02 .qrcode{text-align:center; } .contact02 .qrcode .name{font-size: 18px; font-weight: bold; color:#3e3e3e; margin-top: 5px;} /* .contact03{background:#f5f5f5; height:85px;} */ .common-probtn{text-align:center; cursor:pointer;} .common-probtn a, .common-probtn>span{display:block; width:230px; text-align:center; color:#fff; line-height:50px; border:1px solid #fff; font-size:13px; text-transform:uppercase; user-select:none; position:relative; border-radius:4px;} .common-probtn .txt{position:relative; z-index:1; display:inline-block; *display:inline; *zoom:1;} .common-probtn a:before, .common-probtn>span:before{content:""; position:absolute; left:0; top:0; bottom:0; right:100%; background:#da291c; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index:0;} .common-probtn a img, .common-probtn>span img{margin-left: 10px; width: 30px; margin-top:10px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; display:inline-block; *display:inline; *zoom:1; position:relative; z-index:1; border-radius:4px;} .common-probtn a:hover, .common-probtn>span:hover{border:1px solid #da291c;} .common-probtn a:hover img, .common-probtn>span:hover img{transform:translateX(10px);} .common-probtn a:hover:before, .common-probtn>span:hover:before{right:0;} .morePageSlide.album_wrap_case4{top:-200%; display:block !important;} /*表单*/ .form_page .wrap{max-width:1200px; min-width:1200px;} .form_page01 .top{padding:60px 0; font-size: 14px; line-height:2; text-align:center; width:90%;} .form_page01 .center_desc{padding: 0px 0 50px; font-size: 16px; line-height: 2; text-align: center; font-weight: bold;} .form_page01 .form_top, .form_page01 .form_btm{margin-top: 20px; width:80%; margin:0 auto;} .form_page01 .key{color:#262626; font-size: 14px; font-weight: bold;} .form_page01 .key span{color:#da291c;} .form_page01 .form_top .inp{height:55px;} .form_page01 .inp input{width:90%; line-height:28px; margin:10px 0 15px; background:#fcfcfc; border:1px solid #ececec;} .form_page01 .inp input[readonly]{color:#aeaeae;} .form_page01 .inp textarea{width:90%; height:140px; background:#fcfcfc; border:1px solid #ececec; margin-top: 10px; resize:none; margin-bottom: 15px;} .form_page01 .inp select{width:90%; margin:10px 0 15px;} .form_page01 .submit{margin-top: 40px; margin-bottom: 100px; width:90%;} .form_page01 .link{display:block; width:240px; text-align:center; color:#fff; line-height:50px; border:1px solid #fff; font-size:16px; text-transform:uppercase; user-select:none; background:#da291c; cursor:pointer; margin:0 auto;} .form_page01 .link img{margin-left: 10px; width: 30px; margin-top:10px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; display:inline-block; *display:inline; *zoom:1;} .form_page01 .link:hover img{transform:translateX(10px);} .form_page01 .select-ui-choose-default{width: 90%; border-radius: 0; padding: 0 2px; background: #fcfcfc; border: 1px solid #ececec;margin: 10px 0 15px;} .form_page01 .ctrl{color:#000; cursor:pointer; margin-bottom: 10px;} .form_page01 .ctrl.slide .txt{display:none;} .form_page01 .ctrl.slide .jt{transform:rotate(180deg);} .form_page01 .ctrl .jt{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; font-weight: bold;} .formBody .select-ui-options-default li{line-height:36px; height:36px; font-size: 14px;} .formBody .select-ui-choose-default ._arrow .arr{background:url(../img/dealer_jt.png);} body .select-ui-choose-default.select-ui-choose-default-bottom ._txt{color:#da291c;} body .select-ui-choose-default.select-ui-choose-default-bottom.on ._txt{color:#b8b8b8;} .form_page01 .line{height:1px; border-bottom:1px solid #ddd; margin:40px 0;} /*语言*/ .language_slide{position: fixed; top: 60px; left: 0px; right: 0px; background: rgb(255, 255, 255); height: 100%; overflow: auto; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px inset; display:none;} .language01{margin:40px 0; text-align:center; font-size: 24px; font-weight: bold; color:#000; position:relative;} .language01 .wrap{position:relative;} .language01 .close{position:absolute; top:-50px; right:0; font-size: 20px; color:#999999; font-weight:linear; cursor:pointer;} .language01 .close:hover{color:#da291c;} .language02 li{float:left; width: 18%; margin: 10px 1% 10px 1%; min-height:320px;} .language02 dl{overflow:hidden; margin-top: 20px;} .language02{padding-bottom: 40px;} .language02 .dist5{width:100%; margin: 10px 0 10px 0;} .language02 .dist5 dl dd{float:left; width:20%;} .language02 .gd_lb dd{ width:100%; float:left; line-height:20px; font-size:14px; margin:10px 0px; } .language02 .gd_lb dd img{ width:21px; height:14px; margin-right:10px; margin-top: 2px;} .language02 .gd_lb dd a{color:#999999;} .language02 .gd_lb dd a:hover{color:#da291c;} .language02 li h2{ width:100%; font-size:20px; font-weight:bold; border-bottom:solid 1px #e9e9e9; height:45px; line-height:45px; text-transform:uppercase;} .xc-banner{margin-top: 60px; height:320px; position:relative;} .xc-banner img{position:absolute; left:50%; top:0; width:1920px; max-width:none; margin-left: -960px;} .xc-banner .con{font-size: 36px; color:#fff; text-align:center; position:absolute; left:0; right:0; top:100px; padding-bottom: 10px;} .xc-banner .con:after{content:""; position:absolute; left:50%; width:100px; height:2px; bottom:0; margin-left: -50px; background:#da291c;} /*隐私政策*/ .privacy_content{padding:0 5%;} /*视频页*/ .common-video{position:relative;} .common-video video{width:100%;} .common-video .mask{position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0, 0.2); z-index:1;} .common-video .words{position:absolute; left:0; right:0; text-align:center; top:50%; margin-top: -128px; z-index:2;} /* 首屏加载 */ .progress{display:none;} :root .progress {position:fixed; top:0; left:0; right:0; bottom:0; display:block; background:#fff; z-index:110; display:flex; align-items:center; justify-content:center; flex-flow:column nowrap;} .progress .loading{margin:0 auto; position:relative;} .progress .count{margin-top:20px;} .progress .count .num{position:relative; font-size:30px;} .progress .load-img{position:absolute;width:400px;height:51px;top:0;left:0;background:url(../img/load2.png) no-repeat top left;-webkit-animation:load 3s infinite linear;animation:load 3s infinite linear;} @-webkit-keyframes load { 0% { width: 0; } 100% { width: 280px; } } @keyframes load { 0% { width: 0; } 100% { width: 280px; } } @font-face { font-family: 'ion'; /* project id 2026757 */ src: url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.eot'); src: url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.woff2') format('woff2'), url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.woff') format('woff'), url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.ttf') format('truetype'), url('//at.alicdn.com/t/font_2026757_rhgv5ez0jpk.svg#iconfont') format('svg'); } #about05-map-49820 .amap-info-contentContainer{background:#fff; padding:20px 30px; line-height:1.8;} /*滚动加载*/ .load_more{text-align:center; padding-top:20px;} .load_more span{display:inline-block; vertical-align:middle;} .load_more span.icon{width:25px; height:25px; background:url(../img/loading.gif) no-repeat center; margin-right:20px; background-size:cover;} .load_more span.txt{font-size:16px; color:#999999;} .load_more.nomore {display:none;} /*招聘列表*/ .job_list02{margin:70px 0;} .job_list02 .left{width:75%; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);} .job_list02 .left .content{padding:45px 4% 100px;} .job_list02 .load_more{margin-bottom:50px;} .job_list02 .right{width:23%;} .job_list02 .tit{color:#262626; font-size:36px; margin-bottom: 20px; text-align:center;} .job_list02 .filter .t{font-size: 20px; color:#262626;} .job_list02 .filter .condition{overflow:hidden; margin-bottom:30px;} .job_list02 .filter .condition .item{display:inline-block; *display:inline; *zoom:1; background:#7c7c7c; font-size: 18px; line-height:50px; padding-left:40px; padding-right: 30px; color:#fff; margin:10px 15px 10px 0; cursor:pointer; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .job_list02 .filter .condition .item i{margin-left: 20px; margin-right: 0;} .job_list02 .filter .condition .item:hover{background:#a4a4a4;} .job_list02 .bd .first {background:#da291c;border-bottom:none; padding:0; height:60px;line-height:60px;} .job_list02 .bd ._ut {float:left; text-align:center; color:#fff; font-size:18px;} .job_list02 .bd li {float:left; width:100%; height:75px; line-height:75px; background:#fff; border-bottom:1px dashed #dedede} .job_list02 .bd li ._un {float:left; text-align:center; height:75px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .job_list02 .bd ._t1 {width:25%;} .job_list02 .bd ._t2 {width:25%;} .job_list02 .bd ._t3 {width:25%;} .job_list02 .bd ._t4 {width:25%;} .job_list02 .bd ._t5 {width:25%;} .job_list02 .bd ._t6 {width:25%; cursor:pointer;} .job_list02 .bd li ._t6:after {content:"+"; display:inline-block; vertical-align:-1px; color:#da291c; font-weight:bold; margin-left:5px; font-size:20px;} .job_list02 .bd li.j_t_cur ._t6:after {content:"-";} .job_list02 .bd li.j_t {font-size:15px; cursor:pointer;} .job_list02 .bd li.j_t.nodata{text-align:center;} .job_list02 .bd li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;} .job_list02 .bd .j_c .j_c_box {margin-bottom:20px; padding:65px;} .job_list02 .bd .j_c .j_c_box .intro {font-size:14px; color:#666; line-height:24px; position:relative;} .job_list02 .bd .j_c .j_c_box .intro strong{display:block; font-size:16px; color:#333; margin-bottom:10px} .job_list02 .bd .j_c .intro .job_btn {position:absolute; right:0; bottom:0;} .job_list02 .bd .j_c .intro .job_btn ._btn {display:inline-block; width:160px; height:48px;line-height:48px; color:#fff; font-size:16px; background:#da291c; cursor:pointer; text-align:center; transition:.5s ease;} .job_list02 .bd .j_c .intro .job_btn ._btn:hover{background:#da291c} .job_list02 .bd .j_c .link{margin-top:20px;} .job_list02 .bd .j_c .link_a{font-size:16px; line-height:28px; color:#da291c; font-weight:bold;} .job_list02 .bd .j_c .link_a a:hover{opacity:0.8;} .job_list02 .right .right_tit{display:none; color:#000; font-size: 33px; text-align:center; } .job_list02 .right .search{margin-bottom:25px;} .job_list02 .right .search .t{font-size: 20px; color:#262626; margin-bottom: 10px; margin-top:55px;} .job_list02 .right .search .inp{position:relative; padding-right:65px;} .job_list02 .right .search .inp input{border:1px solid #a9a9a9; line-height:40px; border-radius:0; display:block; width:100%; text-indent:1em;} .job_list02 .right .search .inp button:hover{background:#da291c; border-color:#da291c;} .job_list02 .right .search .inp button{position:absolute; right:0; top:0; bottom:0; width:50px; color:#fff; background:#da291c; border:1px solid #da291c; box-shadow:none; font-size:24px; line-height:40px; text-align:center; transition:.5s ease;} .job_list02 .right .search .inp button i{margin: 0; vertical-align: baseline; outline:none;} .job_list02 .right .choose .item{margin-bottom: 5px;} .job_list02 .right .choose .key{line-height:55px; padding:0 20px; color:#141414; background:#eeeeee; font-size: 20px; position:relative; cursor:pointer;} .job_list02 .right .choose .key:after{content:"+"; position:absolute; top:0; bottom:0; right:20px; font-size:28px;} .job_list02 .right .choose .list{padding:15px 20px;} .job_list02 .right .choose .list li{font-size:15px; position:relative; padding-left:26px; cursor:pointer; } .job_list02 .right .choose .list li .sel{position:absolute; left:0; top:0; color: #bebebe;} .job_list02 .right .choose .list li .sel>i{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .job_list02 .right .choose .list li .sel .selected{position:absolute; left:0; top:0; color:#da291c; opacity:0; visibility:hidden;} .job_list02 .right .choose .item.cur .key{color:#fff; background:#7c7c7c;} .job_list02 .right .choose .item.cur .key:after{content:"-";} .job_list02 .right .choose .item.cur li.active .sel .selected{opacity:1; visibility:visible;} .job_list02 .right .choose .item.cur li.active .sel .null{opacity:0; visibility:hidden;} .job_list02 .right .reset_btn{text-align:right;} .job_list02 .right .reset_btn button{display:inline-block; *display:inline; *zoom:1; width:150px; background:#da291c; color:#fff; line-height:55px; color:#fff; text-align:center; border:none; font-size:16px; margin-top: 20px; transition:.5s ease; cursor:pointer;} .job_list02 .right .reset_btn button:hover{background:#da291c;} @-webkit-keyframes bounceInDown { 0%,100%,60%,75%,90% { -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1); transition-timing-function: cubic-bezier(0.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } 100% { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 0%,100%,60%,75%,90% { -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1); transition-timing-function: cubic-bezier(0.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } 100% { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } .common_share{ display:none; width:50px; height:50px; position:fixed; z-index:100; right:10%; bottom:20%; cursor:pointer;} .privacy_content .Form-J1-content{padding:70px 0;} .privacy_content .Form-J1 .Form-J1-Btn ._submit{background:#da291c;} /*.pro_list .pro_list09 .left .imgY180:hover img{-moz-transform:none; -ms-transform:none; -o-transform:none; -webkit-transform:none; transform:none;} .pro_list .pro_list09 .left .item:hover .icon img{animation: alarm .15s 3;} @-webkit-keyframes alarm { 0%,100% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(-15deg); } 50% { -webkit-transform: rotate(0deg); } 75% { -webkit-transform: rotate(15deg); } } @keyframes alarm { 0%,100% { transform: rotate(0deg); } 25% { transform: rotate(-15deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(15deg); } }*/ .pro_list .pro_list04 .link img{width:30px;} .pro_list .pro_list04 .link span{margin:0 auto;} .footer_gotop{z-index:99; position:fixed; bottom:65px; right:0; width:64px; opacity:0; visibility:hidden;transition: all ease .5s; margin-bottom: -65px; cursor:pointer;} .footer_gotop.show{opacity:1; visibility:visible; margin-bottom: 0;} .footer_gotop.expanded{visibility:hidden; opacity:0; margin-bottom: -65px;} .dealer2_pt{padding-top: 130px; padding-bottom:50px;} .dealer2_pt .con{margin:0 5%; background:#f1f1f1; position:relative;} .dealer2_pt .rect-81{padding-bottom: 81%;} .dealer2_pt .rect-81 img{display:none;} .dealer2_pt .rect-81 img.cur{display:block;} .dealer2_pt .detail{padding:0 7%;} .dealer2_pt .detail .tit{font-size: 34px; font-weight: bold; color:#000; padding-top: 12%; text-transform:uppercase; margin-bottom: 10px;} .dealer2_pt .detail .desc{font-size: 14px; color:#7d7d7d; line-height:2;} .dealer2_pt .info{position:absolute; left:50%; right:0; bottom:0; background:#da291c; color:#fff; padding:40px 0 10px; font-size: 24px;} .dealer2_pt .info .item{margin-bottom:30px;} .dealer2_pt .info .item span{line-height:52px; vertical-align:middle; margin-right:30px;} .dealer2_pt .info .link{display:inline-block; *display:inline; *zoom:1;} .dealer2_pt .info .link a:hover{border:1px solid #fff;} /*分辨率调整*/ .index2_pro img{width:100%;} .pro_list .pro_list02{background:#000;} .pro_list .pro_list03 .video{min-width:100%;} .pro_list .pro_list03 .video video{width:100%;} .pro_list .pro_list08 .list .img_box{position: absolute; left: 0; top: 0; width: 100%; margin-left: 0; height: 100%; z-index: 1;} .pro_list .pro_list08 .list .img_box img{position: absolute; left: 0; top: 0; margin-left: 0; margin-top: 0; opacity: 0; visibility: hidden; width: 100%; height: auto;} .pro_list .pro_list08 .list .detail .item .info{height:1280px;} /* .pro_list .pro_list08 .list .detail{top:0;} */ /* 5G 20201020 wk */ .news_detail .play_audio{position: relative;top: 22px;display: inline-block;width: 66px;height: 66px;background: url(../img/5g/audio_play.png) no-repeat center/100%;cursor: pointer;} .news_detail .play_audio.on{background-image: url(../img/5g/audio_pause.png);} .news_detail .play_times{display: inline-block;height: 100%;padding-left: 28px;background: url(../img/5g/audio_times.png) no-repeat left 7px/20px auto;font-size: 22px;} .audiojs{position: relative;padding: 0 0 0 50px;height: 40px;overflow: hidden;font-family: monospace;font-size: 12px;box-shadow:1px 1px 8px rgba(0,0,0,.3);} .audiojs .play-pause{position: absolute;left: 0;z-index: 10;overflow: hidden;} .audiojs .play-pause, .audiojs p{width: 40px;height: 40px;margin: 0;} .audiojs .play{background:url(../img/5g/audio_play.png) no-repeat center/100% auto;} .audiojs .pause{background:url(../img/5g/audio_pause.png) no-repeat center/100% auto; } .audiojs .loading{background:url(/resources/modules/audio/player-graphics.gif) -2px -31px no-repeat;} .audiojs .error{background:url(/resources/modules/audio/player-graphics.gif) -2px -61px no-repeat;} .audiojs .scrubber{position: relative;background: #b1c7d6;height: 4px;margin: 10px;} .audiojs .time{box-sizing: border-box;width: 100%;padding-left: 50px;color: #5b5f62;} .audiojs .time em{color: #5b5f62;font-style: normal;position: absolute;left: 60px;} .audiojs .time strong{padding: 0 0 0 2px;font-weight: 400;position: absolute;right: 10px;} .audiojs .error-message{display: none;margin: 0 10px;width: 400px;overflow: hidden;white-space: nowrap;color: #fff;text-overflow: ellipsis;-o-text-overflow: ellipsis;-icab-text-overflow: ellipsis;-khtml-text-overflow: ellipsis;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;} .audiojs .progress{width: 12px;height: 12px;position: absolute;top: -3px;right: 0;bottom: 0;display: block;background: #e94b40;z-index: 110;border-radius: 50%;box-shadow:0px 0px 10px 1px #e94b40;} .audiojs .scrubber{margin: 10px 10px 5px 10px;} .audiojs .progress{position: absolute;top: -4px;z-index: 110;display: block !important;width: 12px;height: 12px;border-radius: 50%;background: #e94b40;box-shadow:0px 0px 10px 1px #e94b40;} .playing .error,.playing .loading,.playing .play{display:none} .playing .pause{display:block} .loading .error,.loading .pause,.loading .play{display:none} .loading .loading{display:block} .error .loading,.error .pause,.error .play,.error .scrubber,.error .time{display:none} .error .error,.error .error-message{display:block} .error .play-pause p{cursor:auto} /* 20201027 5G专题 */ /* .new_report{ margin: 0 0 100px; } .new_report .pt1{ overflow: hidden; position: relative; width: 100%; text-align: center; } .new_report .pt1 .imgbox{ position: absolute; width: 100%; top: 0; left: 0; height: 100%; } */ /*.new_report .pt1 .imgbox img{ max-width: none; }*/ /* .new_report .pt1 #video{ max-width: 100%; min-width: 100%; position: absolute; top: 0; left: 0; width: 100%; } .new_report .pt1 .con-box{ position: absolute; width: 100%; left: 0; top: 30%; } .new_report .pt1 .con{ color: #f0f1f3; width: 80%; margin: 0 auto; } .new_report .pt1 .con .tit{ font-size: 46px; font-family: "CH-Bold"; margin-bottom: 20px; } .new_report .pt1 .con .dec{ font-size: 14px; font-family: "CH-Bold"; } .new_report .icon_mouse{width: 34px;height: 49px;display: inline-block;background: url(../img/c_img/mouse_play.png) no-repeat center;position: relative;cursor: pointer; margin-top: 8%;} .new_report .icon_mouse:after{content: '';position: absolute;bottom: -20px;left: 0;width: 34px;height: 20px;background: url(../img/c_img/mouse_play_dowm.png) no-repeat center;animation: mouse_down 2s infinite;transition: all .5s ease;-webkit-transition: all .5s ease;} .new_report .pt-hd{ text-align: center; padding-top: 5%; } .new_report .pt-hd .tit{ font-size: 40px; color: #393939; margin-bottom: 4%; } .new_report .pt2 li{ transition: all .3s ease; } .new_report .pt2 li a{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2%; border-bottom: 1px solid #f0f1f3; height: 222px; } .new_report .pt2 li .imgbox{ float: left; margin-right: 3%; width: 20%; } .new_report .pt2 li .time{ color: #5a5a5a; padding: 10px 0 0; } .new_report .pt2 li .title{ font-size: 20px; color: #000; font-weight: bold; margin-bottom: 15px; } .new_report .pt2 li .dec{ font-size: 15px; color: #5a5a5a; } .new_report .pt2 li:hover{ background: #f8f8f9; } */ /*滚动加载更多的样式*/ /* .uni_btn_more_wrap { margin:50px auto; } .uni_btn_more { position:relative; margin:4px auto; width:248px; height:38px; line-height:38px; font-size:14px; color:#333; text-align:center; border:#dbdbdb 1px solid; cursor:pointer; } .uni_btn_more:hover { color:#fff; border-color:#e23d1d; } .uni_btn_more:after { background-color:#e23d1d; } .uni_loading { display:none; margin:0 auto; width:48px; height:48px; background:url(../img/loading.png) center center no-repeat; animation:rotating 3s linear infinite; -webkit-animation:rotating 3s linear infinite; } .uni_btn_more_wrap.loading .uni_loading { display:block; } .uni_btn_more_wrap.loading .uni_btn_more { display:none; } .uni_btn_more_wrap.nomore .uni_btn_more { border-color:transparent; cursor:default; } .uni_btn_more_wrap.nomore .uni_btn_more:before { content:'没有更多内容了'; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background-color:#fff; z-index:3; color:#333; } .uni_btn_more_wrap.nomore .uni_btn_more:after { display:none; } .uni_btn_more_wrap.nomore .uni_btn_more .btn_con{display:none;} @keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } @-webkit-keyframes rotating { 0% { transform:rotate(0); -webkit-transform:rotate(0); } 25% { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } 50% { transform:rotate(-180deg); -webkit-transform:rotate(-180deg); } 75% { transform:rotate(-270deg); -webkit-transform:rotate(-270deg); } 100% { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); } } .new_report .pt3{ background: url(../img/report_pt3_bg.jpg) no-repeat center center; height: 614px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: cover; } .new_report .pt3 .item{ background: #fff; cursor: pointer; } .new_report .pt3 .item .title{ font-size: 20px; color: #000; padding: 4% 0 4% 6%; } .new_report .pt3 .owl-prev,.new_report .pt3 .owl-next{ position: absolute; top: 50%; font-size: 0; width: 85px; height: 100px; margin-top: -50px; background: url(../img/new_report_pt3_pn.png) no-repeat; } .new_report .pt3 .owl-prev{ left: -100px; } .new_report .pt3 .owl-prev:hover{ background-position: 0 -100px; } .new_report .pt3 .owl-next{ right: -100px; background-position: -85px 0; } .new_report .pt3 .owl-next:hover{ background-position: -85px -100px; } .new_report .pt4 .big-video{ width: 75%; cursor: pointer; } .new_report .pt4 .big-video .play-ico{ position: absolute; width: 110px; height: 110px; top: 50%; left: 50%; margin-top: -55px; margin-left: -55px; background: url(../img/c_img/play.png) no-repeat; } .new_report .pt4 .big-video .title{ position: absolute; width: 80%; left: 10%; bottom: 5%; font-size: 30px; color: #fff; font-family: "CH-Bold"; } .new_report .pt4 .video-list{ width: 20%; } .new_report .pt4 .lists{ position: relative; height: 450px; overflow: hidden; width: 100%; } .new_report .pt4 li{ margin-bottom: 15px; cursor: pointer; } .new_report .pt4 li .title{ display: none; } .new_report .pt4 li .play_ico{ position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; background: url(../img/c_img/play.png) no-repeat; background-size: cover; } .new_report .pt4 .myprev,.new_report .pt4 .mynext{ width: 52px; height: 30px; margin: 0 auto; background: url(../img/new_report_pt4_pn.png) no-repeat; cursor: pointer; } .new_report .pt4 .mynext{ background-position: 0 -30px; } .new_report .pt4 .myprev:hover{ background-position: -52px 0; } .new_report .pt4 .mynext:hover{ background-position: -52px -30px; } */ /* 20201126 */ /* 直播平台 */ .channel_content.zhibo{padding:170px 0 110px;} .zhibo01 .infor{padding:0 5%; margin-bottom:28px; position:relative;} .zhibo01 .infor .tit{font-size:24px; color:#000;} .zhibo01 .infor .tit span{font-size:14px; color:#fff; background:#cf1d19; display:inline-block; padding:0 10px; border-radius:2px; margin-left:15px;} .zhibo01 .infor .con{margin-top:15px;} .zhibo01 .infor .con ul li{float:left; font-size:14px; color:#666; margin-right:10px;} .zhibo01 .infor .con ul li span{color:#cf1d19;} .zhibo01 .infor .view{position:absolute; right:5%; bottom:0; font-size:14px; color:#666;} .zhibo01 .content{padding:0 5%;} .zhibo01 .content .left{float:left; width:78.4%; } .zhibo01 .content .left .video{overflow:hidden; height:574px;} .zhibo01 .content .left .video img{width:100%;} .zhibo01 .content .left video{width:100%;} .zhibo01 .content .left .video_tools{font-size:14px; color:#b6b6b6; line-height:45px; height:45px; background:#222; padding:0 20px; position:relative;} .zhibo01 .content .left .video_tools i{vertical-align:top;} .zhibo01 .content .left .video_tools>div{cursor:pointer;} .zhibo01 .content .left .phone_box{display:none; position:absolute; z-index:15; right:0; top:102%; width:234px; height:88px; background:#fff; box-shadow:0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);} .zhibo01 .content .left .phone_box .inner{padding:12px;} .zhibo01 .content .left .phone_box .inner .tips{width:60%; text-align:center; line-height:30px;} .zhibo01 .content .left .phone_box .inner .tips .t{color:#cf1d19;} .zhibo01 .content .left .phone_box .inner .tips .c{font-size:12px;} .zhibo01 .content .right{float:left; width:21.6%; background:#2d2d2d;} .zhibo01 .content .right .tab_t{font-size:14px; color:#fff; line-height:35px; height:35px; border-bottom:1px solid rgba(255,255,255,0.1);} .zhibo01 .content .right .tab_t ul{text-align:center;} .zhibo01 .content .right .tab_t ul li{display:inline-block; position:relative; padding:0 15px; margin:0 10%; cursor:pointer;} .zhibo01 .content .right .tab_t ul li:after{content:''; position:absolute; width:0; height:3px; background:#cf1d19; bottom:-1px; left:0;} .zhibo01 .content .right .tab_t ul li.cur{color:#cf1d19;} .zhibo01 .content .right .tab_t ul li.cur:after{width:100%;} .zhibo01 .content .right .tab_c{padding:0 10px; height:518px; margin-bottom:20px; overflow-y:auto; overflow-x:hidden;} .zhibo01 .content .right ::-webkit-scrollbar-track-piece {background:#959595;} /*凹槽颜色*/ .zhibo01 .content .right ::-webkit-scrollbar {width:3px; height:5px;} /*滚动条宽高*/ .zhibo01 .content .right ::-webkit-scrollbar-thumb {background:#cf1d19;; background-clip:padding-box; min-height:10px;}/*滚动条设置*/ .zhibo01 .content .right ::-webkit-scrollbar-thumb:hover {background:#959595;} .zhibo01 .content .right .tab_c .tab_box{display:none;} .zhibo01 .content .right .tab_c .date{font-size:12px; color:#959595; text-align:center; padding:12px 0;} .zhibo01 .content .right .tab_c .item{margin-bottom:20px; overflow:hidden;} .zhibo01 .content .right .tab_c .item .head_{ float:left; width:32px; height:32px; border-radius:50%; margin-right:10px;} .zhibo01 .content .right .tab_c .item .info{float:left; width:83%;} .zhibo01 .content .right .tab_c .item .info .t{font-size:12px; color:#959595;} .zhibo01 .content .right .tab_c .item .info .c{font-size:14px; color:#f2f2f2;} .zhibo01 .content .right .tab_c .item .info .c img{width:50px; height:50px;} .zhibo01 .content .right .form{height:45px;} .zhibo01 .content .right .form .face{display:inline-block; position:relative; } .zhibo01 .content .right .form .face i{cursor:pointer; margin:10px; width:22px; height:22px; background:url(../img/zhibo01_2.png) no-repeat center; display:inline-block; vertical-align:middle;} .zhibo01 .content .right .form .face .face_box{display:none; position:absolute; background:#fff; bottom:102%; left:0; padding:5px; width:213px; height:100px; border-radius:5px; } .zhibo01 .content .right .form input{width:60%; background:#3e3e3e; border:none; line-height:36px; height:36px; padding:0 2px; border-radius:3px;} .zhibo01 .content .right .form button{border-radius:3px; cursor:pointer; background:#cf1d19; color:#fff; line-height:36px; height:36px; outline:none; border:none; padding:0 12px;} .zhibo01 .content .right .form .face_box .icon{width:30px; height:30px; display:inline-block; vertical-align:top; font-size:0; text-align:center;} .mobile_share{display:none; position:fixed; top:0; z-index:100; width:100%; height:100%; background:#191919;} @media only screen and (max-width: 1870px) { /* 直播平台 */ .zhibo01 .content .left video{height:100%; width:auto;} } @media only screen and (max-width: 1440px) { /* 直播平台 */ .zhibo01 .infor{padding:0;} .zhibo01 .infor .view{right:0;} .zhibo01 .content{padding:0;} .channel_content.zhibo{padding:130px 0 60px;} } @media only screen and (max-width:1240px) { /* 直播平台 */ .zhibo01 .content .left{width:70%;} .zhibo01 .content .left .video{height:500px;} .zhibo01 .content .right{width:30%;} .zhibo01 .content .right .tab_c{height:444px;} .zhibo01 .content .right .tab_c .item{margin-bottom:10px;} } @media only screen and (max-width: 992px) { /* 直播平台 */ .zhibo01 .content .left{width:100%;} .zhibo01 .content .left .video{height:auto;} .zhibo01 .content .left video{width:100%; height:auto;} .zhibo01 .content .right{width:100%;} .zhibo01 .content .right .tab_c .item .info{width:93%;} } @media only screen and (max-width: 760px) { /* 直播平台 */ .channel_content.zhibo{padding:80px 0 20px;} .zhibo01 .infor .tit{font-size:20px;} .zhibo01 .content .left .video_tools .phoneView{display:none;} .zhibo01 .content .right .tab_c .item .info{width:85%;} .zhibo01 .infor{margin-bottom:20px;} .zhibo01 .infor .view{position:static;} .zhibo01 .content .right .tab_c{height:300px;} .pageHeader .con .right .fun2{display:none;} } .pageHeader .con .right .fun1{cursor:pointer;} /* 右侧导航 */ /* LNB */ .lnb .lnb_bg{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/black.6.png); visibility:hidden; opacity:0;z-index: 999; transition: all 0.3s;} .lnb .lnb_area{position:fixed; right:-497px; top:0; width:497px; height:100%; z-index:999; background:#fff; transition:all 0.3s;} .lnb .lnb_inner{position:relative; overflow:auto; height:100%;} .lnb .lnb_inner .btn_lnb_close{position:absolute; right:50px; top:30px; font-size:16px; font-weight:bold; transition:.5s ease;} .lnb .lnb_inner .btn_lnb_close:hover{transform:rotateZ(180deg);} .lnb .lnb_top .box{padding:90px 50px 18px;} .lnb .lnb_top .box .tit{font-size:20px; color:#262626; font-weight:bold; margin-bottom:20px;} .lnb .lnb_top .box .con a{display:block; padding:0 20px; border:1px solid #cccccc; line-height:40px; height:40px; overflow:hidden; font-size:15px; color:#262626; margin-bottom:10px;} .lnb .lnb_top{border-bottom:1px solid #eeeeee;} .lnb .lnb_top .box .con a i{float:right; transition:transform .3s ease; transform:translateX(-5px)} .lnb .lnb_top .box .con a:hover{background:#cf1d19; color:#fff;} .lnb .lnb_top .box .con a:hover i{transform:translateX(0);} .lnb .lnb_bott .tit{font-size:20px; color:#262626; font-weight:bold; padding:20px 50px;} .lnb .lnb_bott .con{position:relative;} .lnb .lnb_bott .con ul{position:relative; background:rgba(0,0,0,0.3); z-index:1; font-size:15px;} .lnb .lnb_bott .con ul li{border-bottom:2px solid rgba(255,255,255,0.2); transition:.3s ease;} .lnb .lnb_bott .con ul li a{padding:28px 50px; display:block; color:#fff;} .lnb .lnb_bott .con ul li a i{float:right; opacity:0; visibility:hidden; transition:.3s ease; transform:translateX(-5px)} .lnb .lnb_bott .con ul li:hover{background:#cf1d19;} .lnb .lnb_bott .con ul li:hover a i{transform:translateX(0);opacity:1; visibility:visible;} .lnb .lnb_bott .con .img img{position:absolute; top:0; left:0; width:100%; height:100%;} /* 展开 */ .lnb.on .lnb_bg {visibility:visible; opacity:1;} .lnb.on .lnb_area {right:0} .language_slide::-webkit-scrollbar-track-piece {background:#fff;}/*凹槽颜色*/ .language_slide::-webkit-scrollbar {width:5px; height:5px;} /*滚动条宽高*/ .language_slide::-webkit-scrollbar-thumb {background:#cf1d19;; background-clip:padding-box; min-height:10px;}/*滚动条设置*/ .language_slide::-webkit-scrollbar-thumb:hover {background:#bbb;} body #chatBtn{bottom:130px!important; padding:0!important; z-index:100; width:64px!important; height:64px!important; font-size:0; margin-bottom:-65px; overflow:hidden; opacity:0; transition: all ease .5s;} body #chatBtn img{margin-top:18px!important;} body #chatBtn.show{opacity:1; margin-bottom:0; overflow:visible;} #chatBtn{border-radius:0!important; right:0!important;} /* 20200114 */ .header .mobile_key, .header .m_nav{display:none;} .index2_02, .index2_03, .index2_05{display:none;} /* 新闻列表 */ .newsBanner.xc_banner{height:590px; overflow:hidden; margin-top:60px; position:relative;} .newsBanner>img{position:absolute;left:50%;margin-left:-960px;width:1920px;max-width:none;} .newsBanner .content{position:absolute; left:0; width:100%; height:100%; top:50px; z-index:2;} .newsBanner .rect-528{padding-bottom:52.8%;} .newsBanner .rect-1096{padding-bottom:108.6%;} .newsBanner .left{float:left; width:66%;} .newsBanner .left .cover{position:absolute; left:0; width:100%; height:100%; top:0; background:url(../img/news_list01_2.png) no-repeat center; background-size:cover;} .newsBanner .left .cover a{display:block;} .newsBanner .left .cover .box{padding:65px 50px;} .newsBanner .left .cover .box .date{font-size:17px; font-family:Arial; color:#cf1d19;} .newsBanner .left .cover .box .tit{font-size:28px; font-weight:bold; color:#fff;} .newsBanner .left .cover .box .con{font-weight:lighter; color:#fff; color:rgba(255,255,255,0.7); line-height:24px; height:96px; overflow:hidden; width:50%; margin:25px 0 15px;} .newsBanner .left .cover .box .links a{display:inline-block; vertical-align:middle; padding:0 12px; height:24px; line-height:24px; border:1px solid rgba(255,255,255,0.5); text-align:center; color:rgba(255,255,255,0.8); margin-right:8px; font-size:12px; margin-bottom:5px; font-weight:lighter;} .newsBanner .left .cover .box .links a:hover{background:#cf1d19; border-color:#cf1d19; color:#fff;} .newsBanner .right{float:right; width:32%; background:#fff;} .newsBanner .right .item{display:none;} .newsBanner .right .owl-item .item{display:block;} .newsBanner .right .box {padding:65px 35px;} .newsBanner .right .box .date{font-size:17px; font-family:Arial; color:#cf1d19; margin-bottom:2px;} .newsBanner .right .box .tit{font-size:28px; font-weight:bold; color:#333333; line-height:1.2;} .newsBanner .right .box .con{color:#706f6f; line-height:24px; height:96px; overflow:hidden; margin:25px 0 30px;} .newsBanner .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;} .newsBanner .right .box .links a:hover{background:#cf1d19; border-color:#cf1d19; color:#fff;} .newsBanner .right .owl-nav{position:absolute; bottom:50px;left:35px;} .newsBanner .right .owl-nav>div{width:51px; height:51px; display:inline-block; font-size:0; background:url(../img/news_list01_jt.jpg) no-repeat; top:50%; margin-top:-26px; transition:.3s ease; vertical-align:top;} .newsBanner .right .owl-nav .owl-prev{background-position:0 0; margin-right:8px;} .newsBanner .right .owl-nav .owl-next{background-position:-51px -51px;} .news_list{margin:60px 0; min-height:470px;} .news_list01 .hd{margin-bottom:40px;} .news_list01 .hd .box{padding:30px 35px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1)} .news_list01 .hd .box .form_box .hd_tit{font-size:26px; color:#333f47; height:40px; line-height:40px; margin-right:4%; text-transform:uppercase;} .news_list01 .hd .box .form_box .inp_box_wrap {width:24%; margin-right:2%;} .news_list01 .hd .box .form_box .inp_box{display:block; width:100%; height:40px; line-height:40px; padding:0; margin:0; font-size:14px; text-indent:10px; background:#f8f8f8; border-color:#f8f8f8;} .news_list01 .hd .box .form_box input.inp_box{outline:none; border:1px solid #f8f8f8;} .news_list01 .hd .box .form_box .hd_btn{width:40px; background:#cf1d19; font-size:15px; color:#fff; height:40px; line-height:40px; outline:none; cursor:pointer; text-align:center; border:none;} .news_list01 .hd .box .form_box .hd_btn .icon{vertical-align:top; font-size:18px;} body .select-ui-choose-default ._arrow{width:2em;} .news_list01 .select-ui-choose-default ._arrow .arr{border-color:#b5b5b5 transparent transparent;} .news_list01 .select-ui-choose-default.on ._arrow .arr {border-color:transparent transparent #b5b5b5;} .news_list01 .hd .leibie_select_wrap{position:relative;height:56px; line-height:56px; background:#f8f8f8; border:1px solid #f8f8f8;} .news_list01 .hd .tit{font-size:14px; display:block; padding-left:8px; padding-right:20px; text-indent:10px; position:relative; cursor:pointer;} .news_list01 .hd .tit:after{content:''; margin:-.2em 0 0; border:.4em solid; border-color:#b5b5b5 transparent transparent; position:absolute; top:50%; right:8px;} .news_list01 .hd .tit.cur:after{border-color: transparent transparent #b5b5b5; margin-top:-.5em;} .news_list01 .hd .leibie_down{position:absolute; left:0; top:100%; width:100%; background:#fff; z-index:2; border:1px solid #eee; border-top:none; display:none;} .news_list01 .hd .leibie_down li a{display:block; padding:12px 8px; line-height:1.8; text-indent:10px;} .news_list01 .hd .leibie_down li a:hover{background:#cf1d19; color:#fff;} .news_list01 .bd .rect-62{padding-bottom:62%;} .news_list01 .bd ul li{background:#f2f2f2; transition:.5s ease; margin-bottom:30px;} .news_list01 .bd ul li a{display:block;} .news_list01 .bd ul li .img{float:left; width:28%;} .news_list01 .bd ul li .intro{float:left; width:72%;} .news_list01 .bd ul li.noimg .img{display:none;} .news_list01 .bd ul li.noimg .intro{width:100%;} .news_list01 .bd ul li.noimg .intro .box{padding-bottom:30px;} .news_list01 .bd ul li .intro .box{padding:50px 50px 0;} .news_list01 .bd ul li .intro .box .txt{float:left; width:80%;} .news_list01 .bd ul li .intro .box .txt .d{display:none;} .news_list01 .bd ul li .intro .box .txt .t{font-size:26px; color:#373737; transition:.3s ease;} .news_list01 .bd ul li .intro .box .txt .c{font-size:14px; color:#333f47; line-height:26px; height:52px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; margin:8px 0 15px; font-weight:lighter; transition:.3s ease;} .news_list01 .bd ul li .intro .box .txt .c a:hover{opacity:0.8; color:#fff} .news_list01 .bd ul li .intro .box .txt .links a{display:inline-block; vertical-align:middle; padding:0 12px; height:24px; font-size:12px; line-height:24px; border:1px solid #6a6a6a; text-align:center; color:#6a6a6a; margin-right:8px; margin-bottom:5px; font-weight:lighter;} .news_list01 .bd ul li .intro .box .date{float:right; width:10%; text-align:center; color:#333f47;} .news_list01 .bd ul li .intro .box .date .day{font-family:Impact; font-size:48px; transition:.3s ease; line-height:1.2;} .news_list01 .bd ul li .intro .box .date .year{font-family:Arial; font-size:17px;} .news_list01 .bd ul li a{transition:0s;} .news_list01 .bd ul li:hover{background:#cf1d19;} .news_list01 .bd ul li:hover .intro .box .txt .t{color:#fff} .news_list01 .bd ul li:hover .intro .box .txt .t a{color:#fff} .news_list01 .bd ul li:hover .intro .box .txt .c{color:#fff} .news_list01 .bd ul li:hover .intro .box .date{color:#fff} .news_list01 .bd ul li:hover .intro .box .links a{border-color:#fff; color:#fff;} /*滚动加载*/ .load_more{text-align:center; padding-top:20px; cursor:pointer;} .load_more span{display:inline-block; vertical-align:middle;} .load_more span.icon{display:none; width:44px; height:44px; background:url(../img/brand_loading.gif) no-repeat center; margin-right:20px;} .load_more span.txt{display:inline-block; border:2px #cf1d19 solid; height:45px; line-height:45px; width:366px; text-align:center; font-size:16px; color:#cf1d19; position:relative; z-index:2; margin:auto;} .load_more span.txt:hover{border-color:#cf1d19; background-color:#cf1d19; color:#f0f0f0;} .load_more.nomore {display:none;} /*新闻详细*/ .newsDetail_ban{position:relative; height:265px; overflow:hidden; margin-top:60px;} .newsDetail_ban>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;} .newsDetail_ban .intro{position:absolute; left:0; width:100%; z-index:2; bottom:40px;} .newsDetail_ban .intro .tit{font-size:45px; line-height:45px; color:#fff; font-weight:lighter;} .newsDetail_ban .intro .con a{float:left; display:block; width:42px; height:42px; background:url(../img/newsDetail_ban02.png) no-repeat; margin-left:10px;} .newsDetail_ban .intro .con a.prev{background-position:0 0;} .newsDetail_ban .intro .con a.next{background-position:-42px 0;} .newsDetail_ban .intro .con a.back{background-position:-84px 0;} .news_detail.channel_content{padding:60px 0 0px;} .news_detail01 .left{width:84px; float:left;} .news_detail01 .left .bdsharebuttonbox{overflow:hidden;} .news_detail01 .left .bdsharebuttonbox a{display:block; float:none; width:84px; height:84px; padding:0; margin:0 0px 1px; background-position:0 0;} .news_detail01 .left .bdsharebuttonbox a:hover{background-position:-84px 0;} .news_detail01 .right{width:80%; float:right;} .news_detail01 .right .box{padding-right:16%;} .news_detail01 .right .tit{font-size:18px; line-height:28px; color:#cf1d19; font-weight:lighter;} .news_detail01 .right .con{display:inline-block; vertical-align:middle;} .news_detail01 .right .con .date{display:inline-block; font-size:14px; line-height:28px; color:#2c2c2c;} .news_detail01 .right .con .switcher{display:inline-block; font-size:14px; line-height:28px; margin:0 20px 0 30px;} .news_detail01 .right .view{display:inline-block; vertical-align:middle;} .news_detail01 .right .intro .title{font-size:44px; line-height:52px; color:#000; margin-top:30px; font-weight:lighter; padding-bottom:30px; border-bottom:1px solid #d0d0d0; margin-bottom:35px;} .news_detail01 .right .intro .text{font-size:15px; line-height:28px; color:#575757; font-weight:lighter;} .news_detail01 .right .intro .text a{color:#cf1d19; text-decoration:underline;} .news_detail01 .right .intro .text a:hover{background:#cf1d19; color:#fff;text-decoration:none;} .news_detail01 .right .keywords{font-size:16px; color:#2f2f2f; margin-top:60px;} .news_detail01 .right .keywords a{color:#cf1d19; text-decoration:underline; margin:0 5px} .news_detail03{padding:65px 0; background:url(../img/newsDetail03_1.jpg) no-repeat center; margin-top:60px;} .news_detail03 .infor{text-align:center; margin-bottom:40px;} .news_detail03 .infor .tit{font-size:44px; line-height:44px; color:#fff; font-weight:lighter;} .news_detail03 .content li{width:32%; margin-left:1%; float:left; background:#fff; transition:all 0.5s ease;} .news_detail03 .content li:first-child{margin-left:0;} .news_detail03 .content li .li_box{display:block; padding:40px;} .news_detail03 .content li .li_box .date{font-size:17px; line-height:28px; color:#cf1d19;} .news_detail03 .content li .li_box .tit{font-size:30px; line-height:40px; color:#454545; font-weight:lighter; margin:7px 0 45px; height:80px; overflow:hidden;} .news_detail03 .content li .li_box .more span{display:inline-block; vertical-align:middle; font-size:17px; line-height:30px; font-weight:lighter; color:#242d38; transition:all 0.5s ease;} .news_detail03 .content li .li_box .more span.icon{width:10px; height:17px; background:url(../img/newsDetail03_1.png) no-repeat center; margin-left:15px;} .news_detail03 .content li:hover{box-shadow:0 0 15px rgba(0,0,0,.2)} .news_detail03 .content li:hover .li_box .more span{color:#cf1d19} .news_detail03 .content li:hover .li_box .more span.icon{background:url(../img/newsDetail02_2.png) no-repeat center;} .audio_play{float:left; width:40px;} .audiojs{padding:0; font-size:0; width:40px; border-radius:50%;} .audiojs .scrubber{display:none;} .index2_06 .button_360 { position: absolute; background-color: transparent; border: none; display: block; width: 100px; height: 100px; text-align: center; bottom:0; left:45%; user-select: none;} .index2_06 .button_360 .text-new { position: absolute; top:44px; left: 0; font-size:12px; /*font-family:'Microsoft Yahei'*/; font-weight: bold; width: 100%; text-align: center; margin: 0 auto; color:#da291c;} .index2_06 .button_360 .circle { position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: 2px solid #da291c; border-radius: 50%; } .index2_06 .button_360 .circle--vert { animation: rotating-x 7s linear infinite; } .index2_06 .button_360 .circle--horiz { animation: rotating-y 5s linear infinite; width: 96px; height: 96px; top: 2px; left: 2px; } #chatBtn.expanded {visibility:hidden;opacity:0;margin-bottom:-65px;} .index2_06{margin-top:-84px; position:relative; z-index:1;} /* 首页部分新增 */ .index05{background:url(../img/index05_bg.jpg) no-repeat center; padding:60px 0 40px; background-size:cover;} .index05 .infor{font-size:34px; color:#222; margin-bottom:25px; font-weight:lighter;} .index05 .content .item{float:left; width:23.5%; background:#fff; margin-right:2%; margin-bottom:23px; transition:.5s ease;} .index05 .content .item.four_item{margin-right:0;} .index05 .content .item .box{padding:30px 25px;} .index05 .content .item .box .img{float:left; width:23%; margin-right:5%; transition:.5s ease;} .index05 .content .item .box .intro{float:left; width:72%;} .index05 .content .item .box .intro .tit{font-size:24px; color:#222; transition:.5s ease; font-weight:lighter;} .index05 .content .item .box .intro .con{font-size:15px; color:#3f3f3f;} .index05 .content .item.cur{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);} .index05 .content .item.cur .img{transform:rotateY(180deg)} .index05 .content .item.cur .intro .tit{color:#da291c;} /* 首页部分新增 end */ .pageHeader .con .right .fun2.zlpt{margin-right:25px;} .pageHeader .con .right .fun2.zlpt a{padding:3px 20px; border:1px solid #cacaca; display:inline-block; line-height:20px; border-radius:28px;} /* 产品列表2 */ .pro_list .pro_list14_tit .tit{padding:85px 0 50px;} .pro_list .pro_list08_tit .tit .t, .pro_list .pro_list14_tit .tit .t{font-size:30px; margin-bottom:15px;} .pro_list .pro_list08_tit .tit, .pro_list .pro_list14_tit .tit{text-align:center; padding:100px 0 30px; margin:0 auto; color:#000; max-width:870px;} .pro_list .pro_list02 .btm .item{width:23.5%;} .pro_list .pro_list02 .btm .item.item2{margin-left: 2%;} .pro_list .pro_list02 .btm .item.item3{margin-left: 2%; margin-right: 2%;} .pro_list .pro_list14 {background:#dadbe0;} .pro_list .pro_list14 .content{ } .pro_list .pro_list14 .content .item{display:none; background:#000;} .pro_list .pro_list14 .content .item:first-child{background:none;} .pro_list .pro_list14 .content .item.cur{display:block;} .pro_list .pro_list14 .content .fix{position:relative;} .pro_list .pro_list14 .content .left{float:none;} .pro_list .pro_list14 .content .left .video{position:relative; padding-bottom:45.5%; overflow:hidden;} .pro_list .pro_list14 .content .left video{width:100%; position:absolute; left:0; top:0; min-width:100%; min-height:100%; max-height:100%; object-fit:contain; z-index:2;} .pro_list .pro_list14 .content .left img{position:absolute; left:0; top:0; width:100%; z-index:1;} .pro_list .pro_list14 .content .right{width:25%; margin-right: 5%; color:#fff; padding:5% 0 6%; min-width:380px; float:none; position:absolute; right:0; top:0; top:20%; z-index: 2;} .pro_list .pro_list14 .content .right .t{font-size: 32px; margin-bottom: 20px;} .pro_list .pro_list14 .content .right .desc{font-size:13px;} .pro_list .pro_list14 .tab ul{text-align:center;} .pro_list .pro_list14 .tab li{display:inline-block; font-size: 18px; line-height:60px; padding:20px 0; margin:0 3%; cursor:pointer;} .pro_list .pro_list14 .tab li span{vertical-align:middle;} .pro_list .pro_list14 .tab li span.icon{width:45px; height:60px; display:inline-block; *display:inline; *zoom:1; background:url(../img/btn_right_black.png) no-repeat center; background-size:contain; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; opacity:0; visibility:hidden; transform:translateX(-10px); margin-left: 20px;} .pro_list .pro_list14 .tab li.cur span.icon{visibility:visible; opacity:1; transform:translateX(0);} .pro_list .pro_list14 .tab li.cur span{color:#da291c;} .xc-banner{margin-top: 60px; height:315px; position:relative; overflow:hidden;} .xc-banner img{position:absolute; left:50%; top:0; width:1920px; max-width:none; margin-left: -960px;} .xc-banner .con{font-size: 36px; color:#fff; text-align:center; position:absolute; left:0; right:0; top:100px; padding-bottom: 10px;} .xc-banner .con:after{content:""; position:absolute; left:50%; width:100px; height:2px; bottom:0; margin-left: -50px; background:#da291c;} /* 下载中心 */ .download01{padding:90px 0;} /* .download01 .wrap{padding:0 5%;} */ .download01 .album_t{display:none;} .download01 .item .txt{font-size:15px; color:#262626; padding:15px 50px; background:#d3d7db; position:relative; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .download01 .item .txt .t{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .download01 .item .txt .pic_icon{position:absolute; top:15px; left:15px; z-index:1;} .download01 .item .txt .down{position:absolute; top:15px; right:15px; z-index:1; -moz-transition:none; -ms-transition:none; -o-transition:none; -webkit-transition:none; transition:none;} .download01 .item .txt .down:hover{color:#fff;} .download01 .cover{opacity:0; visibility:hidden; transition:.5s ease;position:absolute; width:100%; height:100%; background:url(../img/black.2.png); top:0; left:0;} .download01 .cover .icon{transition:.5s ease; transform:scale(0);position:absolute; width:36px; height:36px; background:url(../img/download01_2.png) no-repeat center;; top:50%; margin-top:-18px; left:50%;margin-left:-18px;} .download01 .item{cursor:pointer; margin-bottom: 20px;} .download01 .item:hover .cover{opacity:1; visibility:visible;} .download01 .item:hover .icon{transform:scale(1);} .download01 .item:hover .txt{background:#da291c; color:#fff;} body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#da291c;} /*招聘列表*/ .job_list02{margin:70px 0;} .job_list02 .left{width:75%; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);} .job_list02 .left .content{padding:45px 4% 100px;} .job_list02 .load_more{margin-bottom:50px;} .job_list02 .right{width:23%;} .job_list02 .tit{color:#262626; font-size:36px; margin-bottom: 20px; text-align:center;} .job_list02 .filter .t{font-size: 20px; color:#262626;} .job_list02 .filter .condition{overflow:hidden; margin-bottom:30px;} .job_list02 .filter .condition .item{display:inline-block; *display:inline; *zoom:1; background:#7c7c7c; font-size: 18px; line-height:50px; padding-left:40px; padding-right: 30px; color:#fff; margin:10px 15px 10px 0; cursor:pointer; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .job_list02 .filter .condition .item i{margin-left: 20px; margin-right: 0;} .job_list02 .filter .condition .item:hover{background:#a4a4a4;} .job_list02 .bd .first {background:#da291c;border-bottom:none; padding:0; height:60px;line-height:60px;} .job_list02 .bd ._ut {float:left; text-align:center; color:#fff; font-size:18px;} .job_list02 .bd li {float:left; width:100%; height:75px; line-height:75px; background:#fff; border-bottom:1px dashed #dedede} .job_list02 .bd li ._un {float:left; text-align:center; height:75px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .job_list02 .bd ._t1 {width:25%;} .job_list02 .bd ._t2 {width:25%;} .job_list02 .bd ._t3 {width:25%;} .job_list02 .bd ._t4 {width:25%;} .job_list02 .bd ._t5 {width:25%;} .job_list02 .bd ._t6 {width:25%; cursor:pointer;} .job_list02 .bd li ._t6:after {content:"+"; display:inline-block; vertical-align:-1px; color:#da291c; font-weight:bold; margin-left:5px; font-size:20px;} .job_list02 .bd li.j_t_cur ._t6:after {content:"-";} .job_list02 .bd li.j_t {font-size:15px; cursor:pointer;} .job_list02 .bd li.j_t.nodata{text-align:center;} .job_list02 .bd li.j_c {height:auto; line-height:1.5; background:#f9f9f9; display:none;} .job_list02 .bd .j_c .j_c_box {margin-bottom:20px; padding:65px;} .job_list02 .bd .j_c .j_c_box .intro {font-size:14px; color:#666; line-height:24px; position:relative;} .job_list02 .bd .j_c .j_c_box .intro strong{display:block; font-size:16px; color:#333; margin-bottom:10px} .job_list02 .bd .j_c .intro .job_btn {position:absolute; right:0; bottom:0;} .job_list02 .bd .j_c .intro .job_btn ._btn {display:inline-block; width:160px; height:48px;line-height:48px; color:#fff; font-size:16px; background:#da291c; cursor:pointer; text-align:center; transition:.5s ease;} .job_list02 .bd .j_c .intro .job_btn ._btn:hover{background:#da291c} .job_list02 .bd .j_c .link{margin-top:20px;} .job_list02 .bd .j_c .link_a{font-size:16px; line-height:28px; color:#da291c; font-weight:bold;} .job_list02 .bd .j_c .link_a a:hover{opacity:0.8;} .job_list02 .right .right_tit{display:none; color:#000; font-size: 33px; text-align:center; } .job_list02 .right .search{margin-bottom:25px;} .job_list02 .right .search .t{font-size: 20px; color:#262626; margin-bottom: 10px; margin-top:55px;} .job_list02 .right .search .inp{position:relative; padding-right:80px;} .job_list02 .right .search .inp input{border:1px solid #a9a9a9; line-height:40px; border-radius:0; display:block; width:100%; text-indent:1em;} .job_list02 .right .search .inp button:hover{background:#da291c; border-color:#da291c;} .job_list02 .right .search .inp button{position:absolute; right:0; top:0; bottom:0; width:50px; color:#fff; background:#da291c; border:1px solid #da291c; box-shadow:none; font-size:24px; line-height:40px; text-align:center; transition:.5s ease; padding:0;} .job_list02 .right .search .inp button i{margin: 0; vertical-align: baseline; outline:none;} .job_list02 .right .choose .item{margin-bottom: 5px;} .job_list02 .right .choose .key{line-height:55px; padding:0 20px; color:#141414; background:#eeeeee; font-size: 20px; position:relative; cursor:pointer;} .job_list02 .right .choose .key:after{content:"+"; position:absolute; top:0; bottom:0; right:20px; font-size:28px;} .job_list02 .right .choose .list{padding:15px 20px;} .job_list02 .right .choose .list li{font-size:15px; position:relative; padding-left:26px; cursor:pointer; } .job_list02 .right .choose .list li .sel{position:absolute; left:0; top:0; color: #bebebe;} .job_list02 .right .choose .list li .sel>i{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .job_list02 .right .choose .list li .sel .selected{position:absolute; left:0; top:0; color:#da291c; opacity:0; visibility:hidden;} .job_list02 .right .choose .item.cur .key{color:#fff; background:#7c7c7c;} .job_list02 .right .choose .item.cur .key:after{content:"-";} .job_list02 .right .choose .item.cur li.active .sel .selected{opacity:1; visibility:visible;} .job_list02 .right .choose .item.cur li.active .sel .null{opacity:0; visibility:hidden;} .job_list02 .right .reset_btn{text-align:right;} .job_list02 .right .reset_btn button{display:inline-block; *display:inline; *zoom:1; width:150px; background:#da291c; color:#fff; line-height:55px; color:#fff; text-align:center; border:none; font-size:16px; margin-top: 20px; transition:.5s ease; cursor:pointer;} .job_list02 .right .reset_btn button:hover{background:#da291c;} /*联系我们*/ .contact01{margin-top: 60px; height:320px; position:relative;} .contact01 img{position:absolute; left:50%; top:0; width:1920px; max-width:none; margin-left: -960px;} .contact01 .con{font-size: 36px; color:#fff; text-align:center; position:absolute; left:0; right:0; top:100px; padding-bottom: 10px;} .contact01 .con:after{content:""; position:absolute; left:50%; width:100px; height:2px; bottom:0; margin-left: -50px; background:#da291c;} .contact02{margin-top:88px;} .contact02 .content{margin:0 5%;} .contact02 .content .t{font-size: 32px; color:#000; margin-bottom: 15px;} .contact02 .content .d{color:#6d6d6d; font-size: 16px; line-height:35px;} .contact02 form{margin-top: 20px;} .contact02 .key{color:#262626; font-size: 14px; font-weight: bold;} .contact02 .key span{color:#da291c;} .contact02 .inp input{width:90%; line-height:28px; margin:10px 0 15px; background:#fcfcfc; border:1px solid #ececec;} .contact02 .inp textarea{width:90%; height:140px; background:#fcfcfc; border:1px solid #ececec; margin-top: 10px; resize:none;} .contact02 .submit{margin-top: 40px; margin-bottom: 100px;} .contact02 .link{display:block; width:240px; text-align:center; color:#fff; line-height:50px; border:1px solid #fff; font-size:16px; text-transform:uppercase; user-select:none; background:#da291c; cursor:pointer;} .contact02 .link img{margin-left: 10px; width: 30px; margin-top:10px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; display:inline-block; *display:inline; *zoom:1;} .contact02 .link:hover img{transform:translateX(10px);} .contact02 .hotline{font-size:16px; margin-top:40px; color:#000;} .contact02 .tel{font-size: 38px; font-family:Impact; margin-bottom: 30px; color:#da291c; display:block;} .contact02 .qrcode{text-align:center; } .contact02 .qrcode .name{font-size: 18px; font-weight: bold; color:#3e3e3e; margin-top: 5px;} /* .contact03{background:#f5f5f5; height:85px;} */ /* 微杂志 */ .weizazhi01{margin:60px 0; min-height:470px;} .weizazhi01 .hd{margin-bottom:40px;} .weizazhi01 .hd .box{padding:30px 35px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1)} .weizazhi01 .hd .box .form_box .hd_tit{font-size:26px; color:#333f47; height:40px; line-height:40px; margin-right:4%; text-transform:uppercase;} .weizazhi01 .hd .box .form_box .inp_box_wrap {width:24%; margin-right:2%;} .weizazhi01 .hd .box .form_box .inp_box{display:block; width:100%; height:40px; line-height:40px; padding:0; margin:0; font-size:14px; text-indent:10px; background:#f8f8f8; border-color:#f8f8f8;} .weizazhi01 .hd .box .form_box input.inp_box{outline:none; border:1px solid #f8f8f8;} .weizazhi01 .hd .box .form_box .hd_btn{width:40px; background:#cf1d19; font-size:15px; color:#fff; height:40px; line-height:40px; outline:none; cursor:pointer; text-align:center; border:none;} .weizazhi01 .hd .box .form_box .hd_btn .icon{vertical-align:top; font-size:18px;} body .select-ui-choose-default ._arrow{width:2em;} .weizazhi01 .select-ui-choose-default ._arrow .arr{border-color:#b5b5b5 transparent transparent;} .weizazhi01 .select-ui-choose-default.on ._arrow .arr {border-color:transparent transparent #b5b5b5;} .weizazhi01 .hd .leibie_select_wrap{position:relative;height:56px; line-height:56px; background:#f8f8f8; border:1px solid #f8f8f8;} .weizazhi01 .hd .tit{font-size:14px; display:block; padding-left:8px; padding-right:20px; text-indent:10px; position:relative; cursor:pointer;} .weizazhi01 .hd .tit:after{content:''; margin:-.2em 0 0; border:.4em solid; border-color:#b5b5b5 transparent transparent; position:absolute; top:50%; right:8px;} .weizazhi01 .hd .tit.cur:after{border-color: transparent transparent #b5b5b5; margin-top:-.5em;} .weizazhi01 .hd .leibie_down{position:absolute; left:0; top:100%; width:100%; background:#fff; z-index:2; border:1px solid #eee; border-top:none; display:none;} .weizazhi01 .hd .leibie_down li a{display:block; padding:12px 8px; line-height:1.8; text-indent:10px;} .weizazhi01 .hd .leibie_down li a:hover{background:#cf1d19; color:#fff;} .weizazhi01 .bd ul li{background:#f7f7f7; float:left; width:47.5%; margin-right:5%; margin-bottom:60px;} .weizazhi01 .bd ul li.two_li{margin-right:0;} .weizazhi01 .bd ul li .img{float:left; width:37%;} .weizazhi01 .bd ul li .rect-176{padding-bottom:176%;} .weizazhi01 .bd ul li .intro{float:left; width:63%;} .weizazhi01 .bd ul li .intro .box{padding:50px 40px;} .weizazhi01 .bd ul li .intro .box .date{font-size:16px; color:#666;} .weizazhi01 .bd ul li .intro .box .tit{font-size:24px; line-height:30px; color:#333; font-weight:bold; margin:15px 0;} .weizazhi01 .bd ul li .intro .box .con{font-size:14px; color:#666;} .weizazhi01 .bd ul li .intro .box .ewm{width:135px; margin-top:20px;} .weizazhi01 .bd ul li .intro .box .txt{font-size:14px; color:#666; margin-top:5px;} body .surveyhead h1{color:#da291c;} body input.submitbutton{background:#da291c;} body .questionnaire{background:#fff;} .questionnaire .tab_btn{text-align:center; background:#efefef;} .questionnaire .tab_btn a{display:inline-block; margin:20px 10px; position:relative;} .questionnaire .tab_btn a:after{content:''; position:absolute; left:0; width:100%; height:1px; background:#da291c; bottom:-5px; opacity:0; visibility:hidden; transition:.5s ease;} .questionnaire .tab_btn a.cur:after{opacity:1; visibility:visible;} .questionnaire .tab_btn a.cur{color:#da291c;} .survey{width:100%!important;} .privacy_content .intro{text-align:center; margin-top:30px;} .privacy_content .intro .t{font-size:36px; color:#000; font-weight:lighter; margin-bottom:10px;} .privacy_content .intro .c{font-size:14px; color:#6a6a6a;} /* 个人中心 */ .learn_center{margin-top:90px;} .learn_center01 .right{float:right; width:100%;} .learn_center01 .right .top_{background:#da291c; } .learn_center01 .right .top_ .box{padding:20px 65px;} .learn_center01 .right .top_ .box .txt{width:65%; margin-left:2%;} .learn_center01 .right .top_ .box .txt .t{font-size:24px; color:#fff; margin:46px 0;} .learn_center01 .right .top_ .box .txt .t span{background:#fff; color:#da291c; padding:2px 10px; font-size:14px; margin-left:10px; display:inline-block;} .learn_center01 .right .top_ .box .txt .c{font-size:15px; font-weight:lighter; color:#fff;} .learn_center01 .right .bott_{background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); padding:40px; margin-bottom:30px;} .learn_center01 .right .bott_ .content2{padding-top:30px;} .learn_center01 .right .bott_ .content .infor{font-size:16px; padding-left:10px; color:#da291c; font-weight:bold; padding-bottom:5px; position:relative; border-bottom:1px solid #e9e9e9;} .learn_center01 .right .bott_ .content .infor:after{content:''; position:absolute; bottom:0; background:#da291c; width:112px; height:2px; left:0;} .learn_center01 .right .bott_ .content .item{margin-top:30px;} .learn_center01 .right .bott_ .content .item .box{font-size:16px; color:#666;} .learn_center01 .right .bott_ .content .item .con{margin:0 15px;} .learn_center01 .right .bott_ .content .item .con .line{position:relative; display:inline-block; width:247px; height:10px; background:#d5d5d5; } .learn_center01 .right .bott_ .content .item .con .line i{position:absolute; width:0; height:10px; top:0; left:0; background:#da291c;} .learn_center01 .right .bott_ .content .item .con .jd{color:#333;} .learn_center01 .right .bott_ .content .item .con .t{font-size:12px; color:#828282;} .learn_center01 .right .bott_ .content .item .con .t span{font-size:14px; color:#cf1d19; margin:0 3px;} .learn_center01 .right .bott_ .content .item2 .con{position:relative;} .learn_center01 .right .bott_ .content .item2 .con .t{position:absolute; bottom:17px; margin-left:-26px;} .learn_center01 .right .bott_ .content .item2 .con .t span{padding:3px 6px; background:#d5d5d5; border-radius:5px; position:relative; min-width:26px; display:inline-block; text-align:center;} .learn_center01 .right .bott_ .content .item2 .con .t span:after{content:''; position:absolute; width:6px; height:3px; background:url(../img/learn_center_jt.png) no-repeat center; top:100%; left:50%; margin-left:-1px; } .learn_center01 .right .bott_ .content .item .con .c{font-size:18px; color:#333; font-weight:bold; margin-top:25px;} .learn_center01 .right .bott_ .content .item .con .c span{color:#cf1d19; font-size:48px; line-height:1; font-weight:normal;} .learn_center01 .right .bott_ .content2 .item .con{margin:0;} .learn_center01 .right .bott_ .content3 .item .con{margin-left:0;} .learn_center01 .right .bott_ .content3 .item{margin-top:0;} .learn_center01 .right .bott_ .content1 .infor{margin-bottom:50px;} .learn_center01 .right .bott_ .content1 .item1{margin-top:0;} .learn_center01 .right .bott_ .content1 .item1 .box{margin:0 0 30px;} .learn_center01 .right .bott_ .content1 .item1 .tit{font-size:18px; font-weight:bold; color:#333;} .learn_center01 .right .bott_ .content1 .item1 .con{margin-top:5px;} .learn_center01 .right .bott_ .content1 .pay_order ul{width:1200px;} .learn_center01 .right .bott_ .content1 .pay_order ul li{line-height:40px; height:40px;} .learn_center01 .right .bott_ .content1 .pay_order ul li:nth-child(2n+1){background:#f3f5f7; } .learn_center01 .right .bott_ .content1 .pay_order .t{width:15%; float:left; text-align:center; font-size:13px; color:#333;} .learn_center01 .right .bott_ .content1 .pay_order ul li.first .t{font-size:14px; font-weight:bold;} .learn_center01 .right .bott_ .content1 .pay_order .t.t2{width:20%;} .learn_center01 .right .bott_ .content1 .pay_order .t.t3{width:15%;} .learn_center01 .right .bott_ .content1 .pay_order .t.t5{width:15%;} .learn_center01 .right .bott_ .content1 .pay_order .t.t6{width:14%;} .learn_center01 .right .bott_ .content1 .pay_order .t.t7{width:14%;} .learn_center01 .right .bott_ .content1 .pay_order .refund_btn{cursor:pointer; display:inline-block; color:#fff; font-size:12px; background:#cf1d19; border-radius:28px; line-height:31px; padding:0 18px;} .learn_center01 .right .bott_ .content1 .pay_order .refund_btn:hover{background:#da291c; color:#fff;} /* 退款弹窗 */ .modal_contact{display:none; flex-direction:column; box-sizing:border-box; position:fixed; z-index:100; top:50%; left:50%; width:800px; height:500px; transform: translate(-50%, -50%); background:#fff;} .modal_contact .infor{padding:30px 40px;} .modal_contact .infor .tit{font-size:32px; text-align:center;} .modal_contact .infor .con{margin-top:16px; font-size:16px;} .modal_contact .infor .close_btn{position:absolute; top:40px; right:40px; width:20px; height:20px; background:url(../img/modal_contact_close.png) center/contain no-repeat;} .modal_contact .content{padding:40px;} .modal_contact .form_con .line{margin-bottom:10px;} .modal_contact .form_con .cell{box-sizing:border-box; position:relative; padding-left:150px; color:#222;} .modal_contact .form_con .cell label{position:absolute; top:0; left:0; line-height:40px; font-size:16px;} .modal_contact .form_con .cell input{box-sizing:border-box; width:100%; line-height:40px; color:#222; padding:0; border:1px solid #ebebeb; font-size:16px;} .modal_contact .form_con .cell textarea{box-sizing:border-box; width:100%; line-height:1.5; color:#222; padding:0; border:1px solid #ebebeb; font-size:16px; resize: none;} .modal_contact .form_con .cell.cell_veri{width:72%;} .modal_contact .form_con .veri_btn{box-sizing:border-box; width:25%; height:42px; line-height:40px; padding:0; border:1px solid #cf1d19; outline:none; color:#cf1d19; font-size:14px; text-align: center; background:#fff; cursor:pointer; transition:all .3s ease;} .modal_contact .form_con .veri_btn:hover{color:#fff; background:#cf1d19;} .modal_contact .form_con .veri_btn:disabled{border-color:#DCDCDC; color:#DCDCDC; cursor:default;} .modal_contact .form_con .veri_btn:disabled:hover{border-color:#DCDCDC; color:#DCDCDC; background:#fff;} .modal_contact .form_con .select-ui-choose{box-sizing:border-box; width:100%; line-height:40px; height:40px; color:#222; padding:0; border:1px solid #ebebeb; font-size:16px; border-radius:0;} .modal_contact .form_con .line_submit{text-align:right;} .modal_contact .form_con .submit_btn{display:inline-block; width:180px; height:60px; line-height:60px; border:none; border-radius:4px; outline:none; color:#fff; font-size:18px; text-align:center; background:#da291c; cursor:pointer;} .modal_contact .form_con .submit_btn:disabled{border:1px solid #DCDCDC; color:#cf1d19; background:#F7F7F7; cursor:not-allowed;} .modal_contact .form_con .line_agree{margin-bottom:10px;} .modal_contact .form_con .line_agree label{box-sizing:border-box; display:inline-block; position:relative; padding-left:20px; width:100%; color:#888; font-size:12px; } .modal_contact .form_con .line_agree label::before{content:""; position:absolute; top:4px; left:0; width:10px; height:10px; border:1px solid #888; border-radius:2px;} .modal_contact .form_con .line_agree label a{color:#da291c;} .modal_contact .form_con .line_agree input:checked+label::before{background:#da291c; border-color:#da291c;} .modal_contact.weixin{display:block; box-sizing:border-box; position:static!important; width:100vw!important; height:auto!important; background-size:100% 174px; transform: none!important;} .modal_contact.weixin .infor .close_btn{display:none!important;;} .modal_contact .form_con select{box-sizing:border-box; width:100%; line-height:40px; height:40px; color:#222; padding:0; border:1px solid #ebebeb; font-size:16px; border-radius:0; background:none;} .modal_bg{display:none; position:fixed; z-index:99; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.7);} /*ai_search*/ .ai_search{margin-top:5%;} .ai_search .chat-container{margin-left:25%; width: 60%;max-width: 600px;background-color: #fff;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);overflow: hidden;} .ai_search .chat-header{background-color: #da291c;color: #fff;padding: 15px;text-align: center;border-top-left-radius: 10px;border-top-right-radius: 10px;} .ai_search .chat-body{padding: 20px;height: 300px;overflow-y: auto;border-bottom: 1px solid #eaeaea;} .ai_search .message{margin-bottom: 15px;} .ai_search .user-message{text-align: right;} .ai_search .ai-message{text-align: left;} .ai_search .message-text{display: inline-block;padding: 10px;border-radius: 5px;max-width: 70%;} .ai_search .user-message .message-text{background-color: #dcf8c6;} .ai_search .ai-message .message-text{background-color: #e8f0fe;} .ai_search .chat-footer{padding: 15px;display: flex;} .ai_search .chat-input{flex-grow: 1;padding: 10px;border: 1px solid #ccc;border-radius: 5px;outline: none;resize: none;} .ai_search .send-button{margin-left: 10px;padding: 10px 20px;background-color: #da291c;color: #fff;border: none;border-radius: 5px;cursor: pointer;} .ai_search .send-button:hover{background-color: #b82318;} .ai_search .quick-search{margin-bottom: 10px;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;} .ai_search .quick-search-button{padding: 10px 20px;background-color: #da291c;color: white;border: none;border-radius: 5px;margin: 5px;cursor: pointer;transition: background-color 0.3s, transform 0.3s;font-size: 16px;flex: 0 0 45%;} .ai_search .quick-search-button:hover{background-color: #b82318;transform: scale(1.05);} .ai_search .quick-search-button:active{background-color: #9b1d12;transform: scale(0.98);} /* ai显示 */ .chat-robot{position:fixed; z-index:99999; top:294px; right:-70px; bottom:0px; left:unset; margin:auto 0px; width:423px; height:143px; transform:translate(-50%, 0px); scale:1;}