.pro_list .pro_list02.pro_list02_atv .btm .item { width: 31.33%; }/* * 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(/assets/resources/web/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;} /* .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:14px;} .pageHeader .con .channel .item{margin-right:6%; 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 .fun1{margin-right: 30px; position:relative;} .pageHeader .con .right .fun2{margin-left: 25px; color:#cacaca;} .pageHeader .con .right .fun2 .global{margin-left: 20px;} .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:75px; font-size: 13px; color:#212529; background:#fff; text-align:center; display:none;} .pageHeader .con .sec_channel_list li{border-top: 1px solid #333; line-height: 25px; padding: 25px 0;} .pageHeader .con .sec_channel_list li:first-child{border-top:none;} .pageHeader .con .channel .sec_channel_list{left: 50%; margin-top: 1px; margin-left: -75px;} .pageHeader .con .active .sec_channel_list, .pageHeader .con .channel .item.active .second_channle{display:block; /*animation: bounceInDown .5s forwards;*/} /* 导航下拉 */ .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:#fff; 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{margin-right:2.7%} .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:16px; 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:84%; 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(/assets/resources/web/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:16%; float:right; background:#da291c; padding:20px 0 17px; opacity:1; visibility:visible; transition:all 0.5s ease .3s;} .floatB .right li{width:33.33%; float:left;} .floatB .right li a{display:block;} .floatB .right li i{display:block; width:39px; height:27px; background:url(/assets/resources/web/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(/assets/resources/web/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;} .ibanner .item .banner_img img{width:100%; height:100%; position:absolute;top:0;left:0; z-index:1;} .ibanner video{width:100%; position:relative; z-index:2;} .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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/img/cursor-right.png) no-repeat center;} .ibanner .mask {width:100%; height:100%; position:absolute; z-index:4; top:0%; left:0; background:url(/assets/resources/web/img/mask.png) repeat;} .ibanner .words {position:absolute; z-index:5; top:50%; margin-top: -120px; left:50%; right:0; text-align:center; color:#fff;width: 500px;transform: translateX(-50%);} .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(/assets/resources/web/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(/assets/resources/web/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:60px; 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*/ /*banner*/ .pro_banner{position:relative; height:100vh; z-index:10; background:#fff; cursor:none;} .pro_banner .item{height:100vh; 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{position: absolute; top: 0; left: 0; z-index:1; min-width: 100%; min-height: 100%; object-fit: contain;} .pro_banner .owl-carousel .item img.hide{display:none;} .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;} img {} .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:65px;} .pro_list .pro_list01 .wrap{position:relative; padding-bottom: 110px;} .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:130px; 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: 35px 5% 0;} .pro_list .pro_list01 .main .left{width:64%; height:680px; background:url(/assets/resources/web/img/pro_list01_bg.png) no-repeat right 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: 200px; 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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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;} .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(/assets/resources/web/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(/assets/resources/web/img/pro_list05_cover.png);}*/ .pro_list .pro_list05>img{position:absolute; left:50%; margin-left:-2000px; max-width:none; width:4000px; margin-top: 120px; bottom:0;} .pro_list .pro_list05 .tit{position:absolute; left:0; right:0; top:150px; 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.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 .tit .ctrl .item img{display:block; width: 70px; margin: 0 auto 20px;} .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:850px;overflow:hidden;background:url(/assets/resources/web/img/pro_list07_bg.jpg) no-repeat center; background-size:cover; color: #f8f8f8;} .pro_list .pro_list07 .wave{position:absolute; left:0; bottom:160px; width:36%; z-index:0;} .pro_list .pro_list07 .wave img {position:absolute; bottom:0; left:0; 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:200px;} .pro_list .pro_list07 .content .left{width:50%; position:relative; max-width:780px;} .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;} /*.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, .pro_list .pro_list14_tit .tit{text-align:center; padding:100px 0 30px; margin:0 auto; color:#000; max-width:870px;} .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{height:1280px;} .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:60px;} .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(/assets/resources/web/img/pro_jiahao.png) no-repeat center;} .pro_list .pro_list10 .li.cur .t .add{background:url(/assets/resources/web/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; cursor:pointer;} .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(/assets/resources/web/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%;} .pro_list .pro_list10 .li .c .key:hover{background-image:url(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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; } /*新闻列表*/ .newsList_crumbs{text-align:center; height:58px; line-height:58px; background:#fff; position: fixed; top: 60px; right: 0; left: 0; z-index: 99; display: none;} .newsList_crumbs.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; } .newsList_crumbs .item{display:inline-block; vertical-align:top; font-size:13px; /*font-family:fzlt;*/ position:relative; z-index:3} .newsList_crumbs .item.home{font-size:16px; height:58px; line-height:58px; vertical-align:top} .newsList_crumbs .item i{display:inline-block; margin:0; transition:all 0.5s ease;} .newsList_crumbs em{margin:0 25px; display:inline-block; width:7px; height:14px; background:url(/assets/resources/web/img/jx/newsCrumbs_01.png) no-repeat center; vertical-align:middle;} .newsList_crumbs .item ul{position:absolute; left:50%; margin-left:-65px; top:100%; width:130px; background:#fff; padding:10px 0; display:none; box-shadow: rgba(74, 90, 117, 0.08) 0px 2px 10px 0px, rgba(74, 90, 117, 0.24) 0px 20px 20px -12px;} .newsList_crumbs .item ul li a{display:block; font-size:13px; color:#555; padding:10px 20px; line-height:16px;} .newsList_crumbs .item ul li a:hover{color:#da291c;} .newsList_crumbs .item_second.on i{transform:rotateZ(-90deg);} .news_list{padding:115px 0 100px; background:#f0f0f0;} .news_list01 form, .news_list01 .content{padding:0 5%;} .news_list01 .inp_wrap{width:100%; border:1px solid #ddd; border-radius:6px; background:#fff; height:60px; line-height:60px; position:relative; font-size:0;} .news_list01 .inp_wrap .btns{width:62px; display:inline-block; height:60px; line-height:60px; vertical-align:middle; padding:0; outline:none; border:none; background:none; position:relative; cursor:pointer;} .news_list01 .inp_wrap .btns:after{content:''; width:1px; height:26px; background:#cacaca; position:absolute; right:0; top:50%; margin-top:-13px;} .news_list01 .inp_wrap .btns .icon{display:inline-block; width:16px; height:17px; background:url(/assets/resources/web/img/jx/news_search.png) no-repeat center; vertical-align:middle;} .news_list01 .inp_wrap .inp{width:70%; display:inline-block; height:60px; line-height:60px; vertical-align:middle; padding:0; margin:0; border:none; text-indent:20px; color:#8e8e8e; font-size:13px; /*font-family:fzlt*/} .news_list01 .content{margin-top:43px;} .news_list01 .content li{margin-bottom:30px;} .news_list01 .content li .rect-545{padding-bottom:54.5%;} .news_list01 .content li .rect-3917{padding-bottom:39.17%;} .news_list01 .content .li_{width:32%; margin-right:2%; float:left; position:relative; height:400px; padding-bottom: 10%;} .news_list01 .content .li_three{margin-right:0px;} .news_list01 .content li .front{background:#fff; border-bottom:3px solid #cecdcf;} .news_list01 .content li .front .intro .box{padding:25px;} .news_list01 .content li .front .intro .box .sign{display:inline-block; width:89px; height:40px; background:url(/assets/resources/web/img/jx/news_list01_2.png) no-repeat center;} .news_list01 .content li .front .intro .box .sign a{display:block; line-height:30px; text-align:center; color:#fff; font-size:12px; /*font-family:fzlt;*/} .news_list01 .content li .front .intro .box .tit{font-size: 20px; line-height: 32px; height: 64px; overflow: hidden; color: #565656; /*font-family: fzlt;*/ margin: 0px 0 45px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_list01 .content li .front .intro .box .date{font-size:15px; line-height:20px; color:#a1a0a1; /*font-family:fzlt;*/ position:absolute; left:25px; bottom:25px;} .news_list01 .content li .front .intro .box .icon{width:23px; height:23px; background:url(/assets/resources/web/img/jx/news_list01_3.png) no-repeat center; position:absolute; right:23px; bottom:23px; cursor:pointer;} .news_list01 .content li .back{background:#cf171a;} .news_list01 .content li .back .box{padding:35px 70px 35px 25px;} .news_list01 .content li .back .box .sign{display:inline-block; width:108px; height:48px; background:url(/assets/resources/web/img/jx/news_list01_5.png) no-repeat center;} .news_list01 .content li .back .box .sign a{display:block; line-height:34px; text-align:center; color:#cf171a; font-size:14px; /*font-family:fzlt;*/} .news_list01 .content li .back .box .tit a{font-size:28px; line-height:40px; height:80px; overflow:hidden; color:#fff; /*font-family:fzlt;*/ margin:20px 0 30px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news_list01 .content li .back .box .con span{display:block; font-size:18px; line-height:40px; color:#fff; margin-bottom:8px;} .news_list01 .content li .back .box .con .con_a{font-size:0;} .news_list01 .content li .back .box .con .con_a a{display:inline-block; padding:0 15px; height:33px; line-height:33px; border-radius:50px; font-size:14px; color:#fff; margin-right:13px; margin-bottom:13px; background:url(/assets/resources/web/img/jx/news_list01_6.png) center;} .news_list01 .content li .back .box .icon{width:29px; height:29px; background:url(/assets/resources/web/img/jx/news_list01_4.png) no-repeat center; position:absolute; right:23px; bottom:23px; cursor:pointer;} /*没有图片*/ .news_list01 .content li.no_img .front .img_{width:100%; height:161px; background:url(/assets/resources/web/img/jx/news_list01_7.png) no-repeat bottom; background-size:cover; position:relative;} .news_list01 .content li.no_img .front .img_ .t{font-size:20px; line-height:40px; color:#fff; position:absolute; left:30px; bottom:30px;} /*前后翻转*/ .news_list01 .content li .front{transform: rotateY(0deg);} .news_list01 .content li .back{transform:rotateY(180deg);} .news_list01 .content li.on .front{transform: rotateY(180deg); } .news_list01 .content li.on .back{transform: rotateY(0deg);} .news_list01 .content li .front, .news_list01 .content li .back {position:absolute; left:0; top:0; height:100%; width:100%; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform-style:preserve-3d; transition:ease-in-out 600ms;} /*前后翻转 end*/ /*新闻详细*/ .newsDetail_ban{background:#cf171a; position:relative; height:170px; /*font-family:fzlt;*/ margin-top:60px;} .newsDetail_ban .intro{position:absolute; left:0; width:100%; bottom:35px;} .newsDetail_ban .intro .tit{float:left; font-size:36px; line-height:36px; color:#fff;} .newsDetail_ban .intro .con{float:right;} .newsDetail_ban .intro .con a{float:left; width:44px; height:44px; margin-left:30px;} .newsDetail_ban .intro .con a.prev{background:url(/assets/resources/web/img/jx/news_detail01_1.png) no-repeat center; background-size:cover;} .newsDetail_ban .intro .con a.next{background:url(/assets/resources/web/img/jx/news_detail01_2.png) no-repeat center; background-size:cover;} .newsDetail_ban .intro .con a.prev:hover{background:url(/assets/resources/web/img/jx/news_detail01_1_hover.png) no-repeat center; background-size:cover;} .newsDetail_ban .intro .con a.next:hover{background:url(/assets/resources/web/img/jx/news_detail01_2_hover.png) no-repeat center; background-size:cover;} .news_detail01{padding-bottom:60px; /*font-family:fzlt;*/ font-size: 14px;} /*.news_detail01>.wrap{width:1100px; margin:0 auto;}*/ .news_detail01 .top_{margin-bottom:60px; padding-top:60px; position:relative;} .news_detail01 .top_:after{content:''; width:0px; height:0px; margin-bottom:20px; border-style:solid; border-width:28px 28px 0px 0px; border-color:#cf171a transparent transparent;position:absolute; left:0; top:0%;} .news_detail01 .top_ .title{font-size:50px; line-height:55px; margin-bottom:25px;} .news_detail01 .top_ .date {font-size:24px; color:#bbc0c8; padding-bottom:25px; border-bottom:2px solid #d3d9de;} .news_detail01 .bott_ .bott_l {margin-right:5%;} .news_detail01 .bott_ .bott_l .bdsharebuttonbox{overflow:hidden;} .news_detail01 .bott_ .bott_l a{display:block; float:none; width:72px; height:72px; background:#f5f5f5; padding:0; margin:0; -webkit-box-align:center; align-items:center; cursor:pointer; display:flex; -webkit-box-pack:center; justify-content:center; text-decoration:none;} .news_detail01 .bott_ .bott_l a svg{display:block; height:30px; width:30px; border-radius:3px; background:#d7d7d7; fill:#fff;} .news_detail01 .bott_ .bott_r{width:75%;} .news_detail01 .bott_ .bott_r .text{font-size:18px; font-weight:400; color:#677283;} .news_detail01 .bott_ .bott_r .text a{text-decoration:underline; color:#cf171a;} /* 关于 */ .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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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:400px;} .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(/assets/resources/web/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;} .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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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(/assets/resources/web/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{min-width:1200px;} .form_page01 .top{padding:60px 0; font-size: 14px; line-height:2; text-align:center;} .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; width:90%;} .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(/assets/resources/web/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:-30px; 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; 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;} /*隐私政策*/ .privacy_content{padding:0 5%;} /*视频页*/ .common-video{position:relative; overflow:hidden;} .common-video video{width:100%;} .common-video img.hide{display:block; position: absolute; top: 0; left: 0; width: 100%; z-index:1;} .common-video .mask{position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0, 0.2); z-index:3;} .common-video .words{position:absolute; left:0; right:0; text-align:center; top:50%; margin-top: -128px; z-index:5;} /* 首屏加载 */ .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:180px;top:50%;left:50%;margin:-25px 0 0 -90px; overflow:hidden; -webkit-animation:load 3s infinite linear;animation:load 3s infinite linear;} .progress .load-img img{max-width: none;} @-webkit-keyframes load { 0% { width: 0; } 100% { width: 400px; } } @keyframes load { 0% { width: 0; } 100% { width: 400px; } } @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;} /*滚动加载*/ .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(/assets/resources/web/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: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;} /* 下载中心 */ .download_page.channel_content{background:#f0f0f0;} .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(/assets/resources/web/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(/assets/resources/web/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;} @-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{display:block;} .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;} .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 5%;} .dealer2_pt .detail .tit{font-size: 34px; font-weight: bold; color:#000; padding-top: 5%; text-transform:uppercase; margin-bottom: 10px;} .dealer2_pt .detail .desc{font-size: 14px; color:#7d7d7d; line-height:1.8;} .dealer2_pt .info{position:absolute; left:50%; right:0; bottom:0; background:#da291c; color:#fff; padding:30px 0 10px; font-size: 24px;} .dealer2_pt .info .item{margin-bottom:20px;} .dealer2_pt .info .item span{line-height:52px; vertical-align:middle; margin-right:10px; font-size: 20px; display:inline-block; width:230px;} .dealer2_pt .info .item .common-probtn a{width:330px;} .dealer2_pt .info .link{display:inline-block; *display:inline; *zoom:1;} .dealer2_pt .info .link a:before{background:#fff;} .dealer2_pt .info .link.cur a, .dealer2_pt .info .link a:hover{border:1px solid #fff; color:#da291c;} .dealer2_pt .info .link.cur a:before{right:0;} .dealer2_pt .info .link.cur a:hover img{transform: translateX(10px); } /*分辨率调整*/ .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;} /*20201027*/ .pro_list .pro_list03 .video{min-width: 100%; min-height: 100%; object-fit: fill; height: 100%; top: 0;} .pro_list .pro_list03 .video video{min-width: 100%; min-height: 100%; object-fit: fill;} .form_page01 .inp input[readonly] {color: #646464; } .pro_banner .owl-dots {width:30%; position:absolute; bottom:50px; right:50px;text-align:center;} .pro_banner .owl-dots .owl-dot {transition:.3s; display:inline-block; width:58px; height:5px; background:#fff;margin:0 6px; cursor:pointer; position:relative;} .pro_banner .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;} .pro_banner .owl-dots .owl-dot.active:after{right:0;} .index2_pro .content .con .pic img{width:auto;} .common-probtn a, .common-probtn>span{width:220px;} .pro_list .pro_list08{background:#000;} /*20201028*/ .header .mobile_key, .header .m_nav{display:none;} .common-video video {min-width: 100%; min-height: 100%; object-fit: fill; position:relative; z-index:2;} .header.menu-open{background:#fff;} body .Form-J1 .Form-J1-li label{width:120px;} body .Form-J1 .Form-J1-li{padding-left: 120px;} .form_page01 .link.pass{background:#006d12;} body .Form-J1 .Form-J1-Btn button{font-family:Arial;} .form_page01 .inp input{height:28px;} .job_list02 .right .search .inp input{height:40px;} .pro_list .pro_list07 .right .qrcode img{display:none;} .pro_list .pro_list07 .right .qrcode img.cur{display:block;} /*20201104*/ .contact01 .con, .xc-banner .con{text-shadow: 4px 2px 10px black;} .form_page01 .inp input.short_input{display:inline-block; *display:inline; *zoom:1; width:150px; margin-left: 5px; margin-right: 5px;} .form_page01 .inp input[type="checkbox"]{width: 15px; margin: 0; height: 15px; margin-top: -2px; vertical-align: middle; margin-right: 5px;} .form_page01 .inp_lab{display:inline-block; *display:inline; *zoom:1; width:24%; line-height: 40px;} .form_page01 .inp_short{display:inline-block; *display:inline; *zoom:1;} .form_page01 .inp input[type="radio"]{width: 15px; margin: 0; height: 15px; margin-top: -2px; vertical-align: middle; margin-right: 5px;} /*20201125@wangqz*/ .pro_banner .owl-item .item .banner_img .hide{display:none;} /*20120105@jiaoll*/ .pageHeader .con .channel .second_channle .sec_item a{display:block;} .pageHeader .con .channel .second_channle .sec_item .sec_link{margin-top:12px;position: relative;z-index: 10; overflow:hidden;} .pageHeader .con .channel .second_channle .sec_item .sec_link a{font-size: 14px; color:#000; position:relative; display:inline-block; padding-right:60px; float: left;} .pageHeader .con .channel .second_channle .sec_item .sec_link a:after{content:""; position:absolute;top:0; bottom:0; right:20px; background:url(/assets/resources/web/img/pro_nav_arrow.png) no-repeat left top; width:16px; -moz-transition:transform .5s ease 0s; -ms-transition:transform .5s ease 0s; -o-transition:transform .5s ease 0s; -webkit-transition:transform .5s ease 0s; transition:transform .5s ease 0s;} .pageHeader .con .channel .second_channle .sec_item .sec_link a:hover{color:#da291c;} .pageHeader .con .channel .second_channle .sec_item .sec_link a:hover:after{background-position:right center; transform:translateX(5px)} .pageHeader .con .channel .second_channle .sec_item .sec_link a span{display:block; margin-top:5px;color:#d2d2d2; font-weight: bold;} .pageHeader .con .channel .second_channle .sec_item .sec_link a:hover span{color:#da291c;} /*20210125ssv*/ .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:#dcdfe5;} .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(/assets/resources/web/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);} /*20120105@jiaoll*/ .pageHeader .con .channel .second_channle .sec_item a{display:block;} .pageHeader .con .channel .second_channle .sec_item .sec_link{margin-top:12px;position: relative;z-index: 10; overflow:hidden;} .pageHeader .con .channel .second_channle .sec_item .sec_link a{font-size: 14px; color:#000; position:relative; display:inline-block; padding-right:60px; float: left;} .pageHeader .con .channel .second_channle .sec_item .sec_link a:after{content:""; position:absolute;top:0; bottom:0; right:20px; background:url(/assets/resources/web/img/pro_nav_arrow.png) no-repeat left top; width:16px; -moz-transition:transform .5s ease 0s; -ms-transition:transform .5s ease 0s; -o-transition:transform .5s ease 0s; -webkit-transition:transform .5s ease 0s; transition:transform .5s ease 0s;} .pageHeader .con .channel .second_channle .sec_item .sec_link a:hover{color:#da291c;} .pageHeader .con .channel .second_channle .sec_item .sec_link a:hover:after{background-position:right center; transform:translateX(5px)} .pageHeader .con .channel .second_channle .sec_item .sec_link a span{display:block; margin-top:5px;color:#d2d2d2; font-weight: bold;} .pageHeader .con .channel .second_channle .sec_item .sec_link a:hover span{color:#da291c;} /*20210109@jiaoll*/ .pro_list .pro_list14 .tab li.cur {color: #de2017;font-weight: bold;} .pro_list .pro_list14 .tab li span.icon{background: url(/assets/resources/web/img/btn_right_red.png) no-repeat center; background-size: contain;} .pro_list.pro_list_ssv .pro_list01 .main .left .pic {top: 30px !important;} /*20210122wangqz*/ .pro_list .pro_list01 .right_vr {position: absolute; right: 3%; top: 270px; width:105px; color: #333; font-size: 16px; cursor:pointer} .pro_list .pro_list01 .right_vr span{margin-top: 10px; font-weight: bold; position: relative; padding-bottom: 10px; display: inline-block;} .pro_list .pro_list01 .right_vr span:after {content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 13px; background: url(/assets/resources/web/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_vr:hover span:after {right: 0; } .pro_list .pro_list01 .right_vr:hover span{color:#da291c; font-weight: bold;} /*20210401wangqz*/ /*.pro_SSVG .pro_list06 .item{width: 22.73%;float:left;cursor:pointer;} .pro_SSVG .pro_list06 .item3{margin-right: 3%;}*/ /*20210414wangqz*/ .pro_list .pro_list09 .tab{text-align:center; margin-bottom: 40px;} .pro_list .pro_list09 .tab li{display:inline-block; width:100px; cursor:pointer;} /*wangqz20210429*/ .pro_list.pro_SSVG .pro_list08 .list .detail .item{width:33.333%;} /*wangqz20210429*/ /*后市场*/ .after_market01{padding:70px 0;} .after_market01 .list_box{padding:0 5%;} .after_market01 .list_box .list_nav{ width: 16%; background: #303c4a; color: #fff; } .after_market01 .list_box .t_box{ background: #da291c; font-size: 20px;padding: 5% 10%; font-weight: bold;} .after_market01 .list_box .channel_cont ul a{display:block; width:90%; margin-left:10%; border:1px solid #dfdfdf; margin-bottom: 28px;} .after_market01 .list_box .channel_cont ul a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2)} .after_market01 .list_box .channel_cont .title{text-align:center; padding:20px 0; font-size: 16px; color:#555;} .after_market01 .a_box{padding:10%; font-size: 16px; } .after_market01 .a_box a{display:block; margin-bottom: 15px;} .after_market01 .a_box a.cur{color:#da291c;} .after_market01 .channel_cont{ width: 82%; } .after_market_popup{position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; color:#555; display:none;} .after_market_popup .bg{position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,0.4);} .after_market_popup .close{text-align:right; margin-top:20px; margin-right: 20px; font-size: 30px; line-height:1.2;} .after_market_popup .close i{cursor:pointer;} .after_market_popup .close i:hover{color:#da291c;} .after_market_popup .content{position:fixed; top:50%; left:50%; width:1060px; height:620px; z-index:2; background:#fff; margin-left: -530px; margin-top: -310px; text-align:center;} .after_market_popup .content .tit{font-size: 26px; margin-bottom: 30px;} .after_market_popup .content .info{max-width:660px; margin:0 auto;} .after_market_popup .content .info .left{width:58%;} .after_market_popup .content .info .left .owl-nav>*{position:absolute; top:50%; font-size: 30px; line-height:40px; margin-top: -20px;} .after_market_popup .content .info .left .owl-nav .owl-prev{left:0;} .after_market_popup .content .info .left .owl-nav .owl-next{right:0;} .after_market_popup .content .info .left .owl-nav>*:hover{color:#da291c;} .after_market_popup .content .info .right{width:38%; text-align:left;} .after_market_popup .content .contact{max-width:600px; display:block; line-height:65px; color:#fff; background:#da291c; font-size: 16px; margin: 50px auto 0} .after_market_popup .owl-carousel{display:none;} .after_market_popup .owl-carousel.owl-loaded{display:block;} .pro_list .pro_list02.pro_list02_atv .btm .item { width: 31.33%; } .product_page01 .content{padding:0 5%; margin-bottom: 100px;} .product_page01 .content .tit{font-size: 30px; position:relative; padding-bottom: 15px; margin-top: 80px;} .product_page01 .content .tit:after{content:""; position:absolute; bottom:0; left:0; width:140px; height:2px; background:#da291c; } .product_page01 .content li{float:left; width:30%; margin-right: 5%; background:#f8f8f8; text-align:center; margin-top: 60px;} .product_page01 .content li a{display:block;} .product_page01 .content li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);} .product_page01 .content li .t{padding:20px 0; font-size: 24px;} .product_page01 .content li:nth-child(3n){margin-right:0;} .download01{padding-top: 40px;} .download02{ padding:90px 0 0;} .download02 a{display: inline-block; min-width: 100px; padding:0 10px; background: #da291c; color:#fff; text-align: center; line-height: 40px; margin-right: 20px;} .download02 a:hover{opacity: 0.8;} /*20211117wangqz*/ .after_market01 .item .a_box{display:none;} .after_market01 .item.on .a_box{display:block;} /*20211123wangqz*/ /*产品中心*/ .pro_center01{padding:70px 0 0;} .pro_center01 .wrap{padding:0 5%; box-sizing: border-box;} .pro_center01 .tit{font-size: 30px; position:relative; margin-bottom: 40px; padding-bottom: 15px;} .pro_center01 .tit:after{content:""; position:absolute; bottom:0; left:0; width:140px; height:2px; background:#da291c; } .pro_center01 .item{margin-bottom: 60px;} .pro_center01 .item a{display:block;} .pro_center01 .item .pic img{display:none;} .pro_center01 .item .pic img.cur{display:block;} .pro_center01 .item .info{padding:15px 10%;} .pro_center01 .item .info .t{font-size: 20px; color:#da291c;} .pro_center01 .item .info .cla{margin:15px 0;} .pro_center01 .item .info .cla .icon{display:inline-block; width:30px; height:30px; border-radius:50%; margin-right: 50px; overflow:hidden; padding:2px; border:2px solid #fff; cursor:pointer;} .pro_center01 .item .info .cla .icon img{box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius:50%;} .pro_center01 .item .info .cla .icon.cur{border-color: #69707a;} .pro_center01 .item .info .param .key{color:#d2d2d2;} .pro_center01 .item .info .param .val{font-size: 20px; color:#333;} /*用户手册下载*/ .manual01{padding:70px 0; border-bottom:1px solid #ececec;} .manual01 .wrap{padding:0 10%; box-sizing: border-box;} .manual01 .tit{font-size: 30px; position:relative; margin-bottom: 40px; padding-bottom: 15px;} .manual01 .tit:after{content:""; position:absolute; bottom:0; left:0; width:140px; height:2px; background:#da291c; } .manual01 .desc{font-size: 16px; margin-bottom: 40px;} .manual01 .group{margin-bottom: 3px;} .manual01 .group .add{float:right; width:20px; height:20px; background:url(/assets/resources/web/img/pro_jiahao.png) no-repeat center;} .manual01 .group.cur .add{background:url(/assets/resources/web/img/pro_jianhao.png) no-repeat center;} .manual01 .group .cla{background:#da291c; color:#fff; line-height:20px; padding:20px 40px; font-size: 18px; cursor:pointer;} .manual01 .group .list{background:#dfdfdf; padding:20px 40px; line-height:40px; font-size: 16px; color: #000; display:none;} .manual01 .group .list a{display: block;} .manual01 .group .list i{margin-left: 0;} .pro_list14_tit {position: relative;z-index: 2;background: #dee0e4;} .pro_list14 .wrap{position: relative;z-index: 1;margin-top: -2px;} .pro_center01 .tit{font-size:26px; font-weight:bold;} .pro_center01 .item a{width:70%;} .after_market01 .list_box .list_nav{width:18%;} .pro_center01 .item .info{height:160px;} .appdl01{padding:70px 0; border-bottom:1px solid #ececec;} .appdl01 .transiton05{transition: all .5s ease;-webkit-transition:all .5s ease;} .appdl01 ul{padding:0 5%; box-sizing:border-box;} .appdl01 ul li{padding: 20px 2%;float: left;width: 44.5%;background-color: #f7f7f7;margin-right: 3%;margin-bottom: 3%;} .appdl01 ul li.even{margin-right: 0;} .appdl01 ul li .con{width: 70%;display: inline-block;height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .appdl01 ul li a{display: block;} .appdl01 ul li .iconfont{font-size: 35px;line-height: 1;} .appdl01 ul li:hover{background-color: #da291c;} .appdl01 ul li:hover .iconfont{color: #fff;} .appdl01 ul li:hover .con{color: #fff;} .pro_list .pro_list14.pro_list14_atv_h{background:#dde0e6;} .pro_list .pro_list14.pro_list14_atv_h .pro_list14_tit{background: #dde0e6;} /* 20220930 fengyh */ /* 语言区域下拉 */ .language_slide{height:calc(100vh - 60px); color:#000; line-height:1.5;} .language_slide .iconfont{font-size:20px;} .language_slide .wrap{width:80%;} .language_slide .lang_infor{margin-top:70px;} .language_slide .lang_infor .tit{font-size:24px;} .language_slide .lang_infor .txt{font-size:14px; margin-top:20px;} .language_slide .lang_rec{margin-top:35px;} .language_slide .lang_rec .item{float:left; margin-left:14.33%;} .language_slide .lang_rec .item:first-child{margin-left:0;} .language_slide .lang_rec .item .tit{display:inline-block; font-size:20px;} .language_slide .lang_rec .item .choice_box{cursor:pointer; display:inline-block; border:1px solid #eeeeee; border-radius:22px; margin-left:30px; position:relative; font-size:16px; line-height:40px; } .language_slide .lang_rec .item .lang_btn{font-size:16px; padding:0 20px; line-height:40px; } .language_slide .lang_rec .item .lang_btn img{height:30px; margin:5px 0; margin-right:20px;} .language_slide .lang_content{margin-top:40px;} .language_slide .lang_content .area{} .language_slide .lang_content .area .intro{border-top:1px solid #eee; padding:25px 0; padding-right:20px; cursor:pointer;} .language_slide .lang_content .area .intro .tit{float:left; font-size:24px;} .language_slide .lang_content .area .intro .arrow{float:right; transition:all .5s ease; transform: rotate(0deg);} .language_slide .lang_content .area .list{display:none;} .language_slide .lang_content .area .item{float:left; width:20%; line-height:30px; margin-bottom:20px; font-size:16px; color:#999;} .language_slide .lang_content .area .item>a{display:inline-block;} .language_slide .lang_content .area .item img{height:30px; margin-right:20px;} .language_slide .lang_content .area.on .intro .arrow{transform: rotate(180deg);} .language_slide .lang_close{position:absolute; right:20px; top:0; cursor:pointer;} /* 2022109 新增下拉 */ .language_slide .lang_rec .item .choice_box .choice_down{z-index:20; display:none; position:absolute; top:100%; left:0; background:#fff; width:100%; border:1px solid #eeeeee; border-radius:22px; overflow:hidden;} .language_slide .lang_rec .item .choice_box .choice_down ul{max-height:452px; overflow-y:auto;} .language_slide .lang_rec .item .choice_box .choice_down ul::-webkit-scrollbar {width:2px; height:4px;} .language_slide .lang_rec .item .choice_box .choice_down ul::-webkit-scrollbar-thumb {border-radius:5px; background:#da291c; } .language_slide .lang_rec .item .choice_box .choice_down ul::-webkit-scrollbar-track {border-radius:0; background:#fff;} .language_slide .lang_rec .item .choice_box .choice_down li{ margin:0 19px; margin-bottom:5px;} .language_slide .lang_rec .item .choice_box .choice_down li a{display:block; overflow:hidden; white-space:nowrap;} .language_slide .lang_rec .item .choice_box .choice_down li img{height:30px; margin:5px 0; margin-right:20px;} /*.common_cookie_popup{display:none; position:fixed; left:32px; bottom:32px; padding:32px; width:266px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 16px 8px; border-radius:8px; background:#fff; z-index:99;}*/ .common_cookie_popup{position:fixed; left:32px; bottom:32px; padding:32px; width:266px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 16px 8px; border-radius:8px; background:#fff; z-index:99;} .common_cookie_popup.on{display:block;} .common_cookie_popup .cookie_img{text-align:center;} .common_cookie_popup img{width:100%; max-width:212px;} .common_cookie_popup .tit{font-size:16px; font-weight:bold; color:#101e1e; margin-top:10px;} .common_cookie_popup .con{font-size:14px; color:#101e1e; margin-top:10px;} .common_cookie_popup .btns{margin-top:20px; font-size:16px;} .common_cookie_popup .btns button{color:#da291c; width:49%; text-align:center; background:none; padding:0; margin:0; outline:none; border:none;} .common_cookie_popup .btns .accept_btn{line-height:40px; border-radius:20px; background:rgba(242, 181, 177, 0.502);} /* 技术支持 */ /* banner */ .xc-banner.technology .content{position:absolute; left:0; width:100%; top:50%; transform:translate(0,-50%);} .xc-banner.technology .content .cont{padding:0 5%;} .xc-banner.technology .content .cont .c{font-size: 36px; color:#fff; line-height:50px; position:relative; margin-bottom:25px;} .xc-banner.technology .content .cont .c:after{content:""; position:absolute; left:0; width:100px; height:2px; bottom:0; background:#da291c;} .xc-banner.technology .content .cont .links{font-size:15px; color:#fff; line-height:24px;} .xc-banner.technology .content .cont .links em{padding-left:10px; padding-right:40px;} /* 公共部分 */ .technology .content{padding:0 5%;} .technology .content .title{text-align:center; font-size:30px; color:#222222; margin-bottom:45px; text-transform:uppercase;} .technology01{margin-top:70px;} .technology01 .content .cont .tab_t_box{text-align:center; } .technology01 .content .cont .tab_t{display:inline-block; padding:0 15px; margin:0 37px; font-size:16px; color:#222222; line-height:40px; position:relative; cursor:pointer; text-transform:uppercase;} .technology01 .content .cont .tab_t::after{content:''; position:absolute; left:50%; right:50%;width:0; height:2px; bottom:0; background:#da291c; transition:all .5s ease;} .technology01 .content .cont .tab_t.cur{color:#da291c;} .technology01 .content .cont .tab_t.cur::after{left:0; right:0; width:100%;} .technology01 .content .cont .tab_t:hover{color:#da291c;} .technology01 .content .cont .tab_t:hover::after{left:0; right:0; width:100%;} .technology01 .content .cont .tab_c_box{margin-top:60px;} .technology01 .content .cont .tab_c_box .tab_c li{float:left; width:23.8%; margin-right:1.6%; cursor:pointer; margin-bottom:20px;} .technology01 .content .cont .tab_c_box .tab_c .li04{margin-right:0;} .technology01 .content .cont .tab_c_box .tab_c li .img_box{position:relative; overflow:hidden;} .technology01 .content .cont .tab_c_box .tab_c li .rect-6675{padding-bottom:66.75%;} .technology01 .content .cont .tab_c_box .tab_c li .rect-6675::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/assets/resources/web/img/technology01_cover.png); opacity:0; visibility:hidden; transition:all .5s ease;} .technology01 .content .cont .tab_c_box .tab_c li .cover{width:32px; height:32px; background:url(/assets/resources/web/img/technology01_play.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); cursor:pointer; z-index:5;} .technology01 .content .cont .tab_c_box .tab_c li .words_box{background:#fafafa; } .technology01 .content .cont .tab_c_box .tab_c li .words_box .t{font-size:20px; color:#222222; line-height:24px; padding:35px 40px; transition:all .5s ease; text-transform:uppercase;} .technology01 .content .cont .tab_c_box .tab_c li:hover .words_box .t{color:#da291c;} .technology01 .content .cont .tab_c_box .tab_c li:hover .rect-6675::after{opacity:1; visibility:visible;} .technology02{margin-top:70px;} .technology02 .content .cont .item{border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:30px 6.8% 0 4%; margin-bottom:20px; overflow:hidden;} .technology02 .content .cont .item .tit_box{position:relative;} .technology02 .content .cont .item .tit{font-size:16px; color:#222222; line-height:24px; padding-bottom:30px; text-transform:uppercase; width:calc(100% - 25px);} .technology02 .content .cont .item .cont_box{font-size:14px; color:#666666; line-height:24px; height:0; transition:all .5s ease; width:90%; text-transform:uppercase; text-align:justify;} .technology02 .content .cont .item .tit_box .icon{position:absolute; right:0; top:11px; width:16px; height:2px; background:#000000; transition:all .3s ease;} .technology02 .content .cont .item .tit_box .icon::after{content:''; position:absolute; right:7px; top:-7px; width:2px; height:16px; background:#000000; transition:all .3s ease;} .technology02 .content .cont .item.open .tit_box .icon{background:#da291c;} .technology02 .content .cont .item.open .tit_box .icon::after{background:#da291c; transform:rotate(-90deg);} .technology02 .content .cont .item.open .cont_box{height:auto; margin-bottom:25px;} .technology03{margin-top:70px; background:#fafafa; padding:70px 0 100px;} .technology03 .cont .top{position:relative; overflow:hidden; margin-bottom:20px;} .technology03 .cont .top .words_box{position:absolute; top:34%; left:13%; width:22%; text-align:center;} .technology03 .cont .top .words_box .icon img{margin:0 auto; display:block; } .technology03 .cont .top .words_box .tit{margin-top:60px; font-size:24px; color:#222222; line-height:30px; font-weight:bold; margin-bottom:15px; text-transform:uppercase;} .technology03 .cont .top .words_box dd{font-size:16px; color:#222222; line-height:24px;} .technology03 .cont .top .words_box dd span{color:#da291c;} .technology03 .cont .bott li{float:left; width:24.1%; margin-right:1.2%; background:#fff; padding:60px 20px 50px; text-align:center; box-sizing:border-box;} .technology03 .cont .bott .li04{margin-right:0;} .technology03 .cont .bott li .img_{width:144px; height:144px; position:relative; margin:0 auto;} .technology03 .cont .bott li .img_>img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .technology03 .cont .bott li .tit{margin-top:20px; font-size:24px; color:#222222; line-height:30px; font-weight:bold; margin-bottom:20px; text-transform:uppercase;} .technology03 .cont .bott li .con{font-size:16px; color:#222222; line-height:24px;} .technology03 .cont .bott li .con a{color:#da291c; display:block;} /* 售后服务 */ .sgwcare .content{padding:0 5%;} .sgwcare input:-moz-placeholder{color:#999999;} .sgwcare input::-webkit-input-placeholder{color:#999999;} .sgwcare input:-ms-input-placeholder{color:#999999;} .sgwcare01{height:100vh; background:url(/assets/resources/web/img/sgwcare01_bg.png) no-repeat center; background-size:cover; margin-top:60px; position:relative;} .sgwcare01 .content_{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .sgwcare01 .left{width:44%; display:inline-block; vertical-align:middle; margin-right:9.6%; color:#fff;} .sgwcare01 .left .tit{font-size:42px; font-weight:bold; line-height:46px; text-transform:capitalize; margin-bottom:25px;} .sgwcare01 .left .con{font-size:24px; line-height:30px;} .sgwcare01 .right{display:inline-block; vertical-align:middle; width:32.7%;} .sgwcare02{margin-top:80px; } .sgwcare02 .cont{position:relative;} .sgwcare02 .left{margin-left:8.35%; } .sgwcare02 .right{position:absolute; right:0; top:50%; transform:translateY(-50%); width:45.4%;} .sgwcare02 .right .words .tit{font-size:42px; font-weight:bold; line-height:46px; text-transform:capitalize; color:#222222; margin-bottom:25px;} .sgwcare02 .right .words .con{font-size:24px; line-height:30px; color:#222222;} .sgwcare02 .right .form_box{margin:0; padding:0; border:0; background:#f7f7f7; border-radius:16px; padding:7px; margin-top:55px;} .sgwcare02 .right .form_box .inp{margin:0; padding:0; border:0; background:none; line-height:55px; width:calc(100% - 170px); height:55px; text-indent:18px; font-size:24px; box-sizing:border-box; } .sgwcare02 .right .form_box .btn01{width:160px; height:55px; line-height:55px; cursor:pointer; color:#fff; text-align:center; font-size:21px; border:0; padding:0; margin:0; outline:none; border-radius:15px; background:linear-gradient(to right,#de2629,#ff5c36); transition:all .5s ease;} .sgwcare02 .right .form_box .btn01:hover{background:linear-gradient(to right,#c81e1d,#e75126);} .sgwcare03{background:#f9f9f9; padding:70px 0 90px;} .sgwcare03 .title{text-align:center; font-size:42px; font-weight:bold; line-height:46px; color:#222222; margin-bottom:50px;} .sgwcare03 .inp_box{float:left; width:46%; margin-right:8%; margin-bottom:30px;} .sgwcare03 .inp_box:nth-child(2n){margin-right:0;} .sgwcare03 .inp_box .label_{font-size:18px; line-height:24px; font-weight:bold; color:#333333; margin-bottom:10px; } .sgwcare03 .inp_box .label_ span{color:#dd2429;} .sgwcare03 .inp_box .inp{width:100%; border:0; padding:0; margin:0; display:block; background:#fff; line-height:26px; padding:10px 0; text-indent:20px; font-size:18px;} .sgwcare03 .btn02{display:block; width:240px; text-align:center; border-radius:20px; color:#fff; line-height:50px; border:1px solid #fff; font-size:16px; text-transform:uppercase; user-select:none; background:#da291c; cursor:pointer; margin:40px auto 0; } .sgwcare03 .btn02.pass{background:#006d12;} .sgwcare03 .btn02 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;} .sgwcare03 .btn02:hover img{transform:translateX(10px);} .sgwcareCover{position:fixed; top:50%; right:0; transform:translateY(-50%); cursor:pointer;} .sgwcareCover .t{writing-mode:tb; background:#fff; color:#222; padding:10px; font-size:16px; border-radius:10px;} .sgwcareCover:hover .t{color:#da291c;} .tc_bg{position:fixed; left:0; top:0; width:100vw; height:100vh; background:url(/assets/resources/web/img/black.6.png); z-index:101; display:none;} .care_tc{position:fixed; top:50%; left:50%; width:70vw; height:auto; min-height:50vh; max-height:70vh; transform:translate(-50%,-50%); display:none; background:#fff; padding:30px 40px; box-sizing:border-box; z-index:102;} .care_tc .tit{font-size:30px; font-weight:bold; line-height:40px; margin-bottom:20px;} .care_tc .left{width:40%; } .care_tc .left .label_inp{font-size:18px; line-height:40px; display:inline-block; vertical-align:middle; width:80px;} .care_tc .left .care_inp{text-indent:10px; display:inline-block; vertical-align:middle; font-size:15px; line-height:40px; border:1px solid #ccc; padding:0; margin:0; background:none; border-radius:5px; width:calc(100% - 100px); } .care_tc .left .btn01{margin-top:20px; margin-left:80px; cursor:pointer; border:1px solid #111; background:#fff; width:150px; height:42px; line-height:42px; display:block; text-align:center; font-size:18px; font-weight:bold; outline:none;} .care_tc .left .btn01:hover {background:#da291c; color:#fff; border:none; outline:none;} .care_tc .right{width:50%; } .care_tc .right .con{font-size:18px; line-height:30px;} .care_tc .close_btn{width:31px; height:31px; background:url(/assets/resources/web/img/care_close.png) no-repeat center; position:absolute; right:20px; top:20px; cursor:pointer;} /* 弹窗页 */ .tanchuang01 {background:#fff; padding: 60px 0; box-sizing:border-box;} .tanchuang01 .content{padding:0 5%;} .tanchuang01 .tit{font-size:30px; font-weight:bold; line-height:40px; margin-bottom:20px;} .tanchuang01 .tit .small_txt{font-size:20px;} .tanchuang01 .left{width:40%; } .tanchuang01 .left .label_inp{font-size:18px; line-height:40px; display:inline-block; vertical-align:middle; width:80px;} .tanchuang01 .left .care_inp{text-indent:10px; display:inline-block; vertical-align:middle; font-size:15px; line-height:40px; border:1px solid #ccc; padding:0; margin:0; background:none; border-radius:5px; width:calc(100% - 100px); } .tanchuang01 .left .btn01{margin-top:20px; margin-left:80px; cursor:pointer; border:1px solid #111; background:#fff; width:150px; height:42px; line-height:42px; display:block; text-align:center; font-size:18px; font-weight:bold; outline:none;} .tanchuang01 .left .btn01:hover {background:#da291c; color:#fff; border:none; outline:none;} .tanchuang01 .right{width:50%; } .tanchuang01 .right .con{font-size:18px; line-height:30px;} .tanchuang01 .close_btn{width:31px; height:31px; background:url(/assets/resources/web/img/care_close.png) no-repeat center; position:absolute; right:20px; top:20px; cursor:pointer;} /* smart moving */ .smart_moving .content{padding:0 5%;} .smart_moving_banner{position:relative; margin-top:60px; height:454px; overflow:hidden;} .smart_moving_banner > img{position:absolute; left:50%; top:0; width:1920px; max-width:none; margin-left: -960px; z-index:0;} .smart_moving_banner .wrap{position:relative; z-index:1; height:100%;} .smart_moving_banner .intro{position:absolute; top:50%; left:5%; right:5%; transform:translateY(-50%);} .smart_moving_banner .intro .btns{margin-top:30px;} .smart_moving_banner .intro .btns .watch_btn{display:inline-block; height:60px; line-height:60px; padding:0 26px; font-size:24px; font-weight:bold; color:#222; font-family: Arial, Helvetica, sans-serif; background:#fff; border-radius:4px;} .smart_moving01{padding-top:70px;} .smart_moving01 .infor{text-align:center;} .smart_moving01 .infor .tit{font-size:42px; color:#333; font-weight:bold;} .smart_moving01 .infor .con{margin-top:10px; font-size:24px; line-height:30px; color:#999;} .smart_moving01 .cont{position:relative; margin-top:50px;} .smart_moving01 .cont .rect-68{padding-bottom:68.96%;} .smart_moving01 .cont .left{width:50%; padding-right:50%;} .smart_moving01 .cont .right{position:absolute; left:50%; right:0; top:0; bottom:0; padding:110px 20px 110px 40px; background: #000;} .smart_moving01 .cont .right .tabs .item{float:left; font-size:24px; font-weight:bold; color:#fff; cursor:pointer;} .smart_moving01 .cont .right .tabs .item.cur{color:#ddd;} .smart_moving01 .cont .right .tabs .item::after{content:"|"; margin-left:5px; margin-right:8px;} .smart_moving01 .cont .right .tabs .item:last-child:after{display:none;} .smart_moving01 .cont .right .desc{margin-top:40px;} .smart_moving01 .cont .right .desc .item{display:none; font-size:24px; line-height:30px; color:#fff;} .smart_moving02{padding:70px 0;} .smart_moving02 .infor{text-align:center;} .smart_moving02 .infor .tit{font-size:42px; color:#333; font-weight:bold;} .smart_moving02 .infor .con{margin-top:10px; font-size:24px; line-height:30px; color:#999;} .smart_moving02 .cont{margin-top:50px;} .smart_moving02 .cont .item{float:left; width:31.33%; margin-right:3%; text-align:center;} .smart_moving02 .cont .item:last-child{margin-right:0;} .smart_moving02 .cont .item .tit{font-size:24px; font-weight:bold; color:#222; margin-top:20px;} .smart_moving02 .cont .item .con{font-size:18px; color:#222; margin-top:10px;} .smart_moving03 .outer_box{position:relative; padding:60px 90px 50px; height:530px; background:url(/assets/resources/web/img/smart_moving03_bg.jpg) no-repeat center/cover;} .smart_moving03 .outer_box .ribbon{position:absolute; right:-23px; top:60px; width:288px; line-height:65px; height:65px; padding-top:11px; padding-left:40px; font-size:28px; font-weight:bold; color:#fff; background:url(/assets/resources/web/img/smart_moving03_ribbon.png) no-repeat center/cover;} .smart_moving03 .inner_box{position:relative; height:100%;} .smart_moving03 .inner_box .intro{width:60%;} .smart_moving03 .inner_box .intro .tit{font-size:30px; font-weight:bold; color:#fff;} .smart_moving03 .inner_box .intro .con{font-size:18px; line-height:30px; color:#fff; opacity:0.4; margin-top:10px;} .smart_moving03 .inner_box .cont{position:absolute; bottom:0; left:0; right:0; z-index:1; } .smart_moving03 .inner_box .cont .left{float:left;} .smart_moving03 .inner_box .cont .left .txt_box .tit{font-size:16px; color:#fff;} .smart_moving03 .inner_box .cont .left .img_box{margin-top:5px;} .smart_moving03 .inner_box .cont .right{position:absolute; bottom:0; right:0;} .smart_moving03 .inner_box .cont .right .item{margin-top:10px;} .smart_moving03 .inner_box .cont .right .item .icon{float:left; width:56px; height:56px;} .smart_moving03 .inner_box .cont .right .item .tit{float:left; line-height:56px; font-size:16px; color:#fff; margin-left:20px;} .smart_moving03 .inner_box .cont .right .item .icon{width:40px; height:40px;} .smart_moving03 .inner_box .cont .right .item .tit{line-height:40px; font-size:15px; margin-left:10px;} .smart_moving04{padding:70px 0;} .smart_moving04 .left{float:left; width:40%; padding-top:120px;} .smart_moving04 .left .intro .tit{font-size:37px; line-height:40px; font-weight:bold; color:#333;} .smart_moving04 .left .intro .btns{margin-top:20px;} .smart_moving04 .left .intro .btns .download_btn{display:inline-block; line-height:50px; height:50px; padding:0 20px; font-size:18px; color:#fff; background:#d22d27; border-radius:3px;} .smart_moving04 .right{float:right; width:60%;} .smart_moving04 .right .item{float:left; width:50%;} .smart_moving04 .right .item>a{display:block;} .smart_moving04 .right .item .img_box{position:relative; height:342px;} .smart_moving04 .right .item .img_box img{position:absolute; bottom:0; left:0; right:0;} .smart_moving04 .right .item .txt_box{text-align:center;} .smart_moving04 .right .item .txt_box .tit{font-size:30px; font-weight:bold; color:#333; transition:all .5s ease;} .smart_moving04 .right .item:hover .txt_box .tit{color:#da291c;} .smart_moving05{padding:50px 0; background:url(/assets/resources/web/img/smart_moving05_bg.jpg) no-repeat center/cover;} .smart_moving05 .left{float:left; width:20%; padding-top:100px;} .smart_moving05 .left .intro .tit{font-size:30px; font-weight:bold; color:#fff;} .smart_moving05 .left .intro .tabs{margin-top:20px;} .smart_moving05 .left .intro .tabs .item{float:left; font-size:18px; color:#fff; letter-spacing:-1px; cursor:pointer;} .smart_moving05 .left .intro .tabs .item.cur{color:#ddd;} .smart_moving05 .left .intro .tabs .item::after{content:"|"; margin:0 5px; font-size:18px; line-height:20px; color:#fff;} .smart_moving05 .left .intro .tabs .item:last-child::after{display:none;} .smart_moving05 .left .intro .desc{margin-top:20px;} .smart_moving05 .left .intro .desc .item{display:none; font-size:18px; color:#fff;} .smart_moving05 .right{float:right; width:76.5%;} .smart_moving05 .right .rect-200{padding-bottom:200%;} .smart_moving05 .right .list{margin-right:-2.5%;} .smart_moving05 .right .item{float:left; width:17.5%; margin-right:2.5%;} .smart_moving05 .right .item .txt_box .tit{position:relative; font-size:14px; color:#fff; margin-top:10px; line-height:26px; height:26px; padding-left:22px; background:#d22d27; border-radius:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .smart_moving05 .right .item .txt_box .tit::before{content:""; position:absolute; left:12px; top:50%; transform:translateY(-50%); width:8px; height:8px; border-radius:50%; background:#fff;} .smart_moving05 .right .item .txt_box .con{font-size:11px; color:#fff; margin-top:10px;} .smart_moving06{position:relative;height:850px;overflow:hidden;background:url(/assets/resources/web/img/pro_list07_bg.jpg) no-repeat center; background-size:cover; color: #f8f8f8;} .smart_moving06 .wave{position:absolute; left:0; bottom:160px; width:36%; z-index:0;} .smart_moving06 .wave img {position:absolute; bottom:0; left:0; opacity:0;} .smart_moving06 .wave3{-webkit-animation:proWave 2s linear infinite 0.8s; animation:proWave 2s linear infinite 0.8s;} .smart_moving06 .wave2 {-webkit-animation:proWave 2s linear infinite 0.4s; animation:proWave 2s linear infinite 0.4s;} .smart_moving06 .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); } } .smart_moving06 .content{position:relative; z-index:2; padding-top:200px;} .smart_moving06 .content .left{width:50%; position:relative; max-width:780px;} .smart_moving06 .content .left .app{position:absolute; right:0; bottom:30px; z-index:0; width:37%; height:100%;} .smart_moving06 .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;} .smart_moving06 .content .left .app img.cur{visibility:visible; opacity:1;} .smart_moving06 .content .left .pro{position:relative; z-index:1; width:84%;} .smart_moving06 .right{position:relative; width:46%;} .smart_moving06 .right .top .item{display:none; color:#000;} .smart_moving06 .right .top .item.cur{display:block;} .smart_moving06 .right .t{font-size:30px;} .smart_moving06 .right .desc{font-size:13px; line-height:22px; margin:20px 0 40px; min-height:44px;} .smart_moving06 .right ul{overflow:hidden;} .smart_moving06 .right ul li{cursor:pointer; font-size:13px; color:#333; float:left; width:18%; position:relative; padding-left:2%;} .smart_moving06 .right ul li span{display:inline-block; *display:inline; *zoom:1; position:relative; padding-bottom: 5px;} .smart_moving06 .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;} .smart_moving06 .right ul li.cur{color:#da291c;} .smart_moving06 .right ul li.cur span:after{right:0;} .smart_moving06 .right ul li:after{content:'';width:4px; height:4px; border-radius:50%; background:#333; position:absolute; left:0; top:50%; margin-top:-6px;} .smart_moving06 .right ul li.cur:after{background:#da291c;} .smart_moving06 .right .search{color:#da291c; margin-top:30px; border-bottom:1px solid #da291c; padding:5px; display:inline-block; *display:inline; *zoom:1; font-weight: bold;} .smart_moving06 .right .search i{margin-left:15px;} .smart_moving06 .right .btm{margin-top:40px;} .smart_moving06 .right .qrcode{margin-right:55px; width:150px;} /*.smart_moving06 .right .btm .dl {padding-top: 28px; }*/ .smart_moving06 .right .btm a {font-size:14px; text-transform:capitalize; margin-top:14px; font-family: BentonSans;} .smart_moving06 .right .btm a i{font-size:22px; margin-right:5px;} .smart_moving06 .right .qrcode img{display:none;} .smart_moving06 .right .qrcode img.cur{display:block;} .smart_moving07{padding-top:70px;} .smart_moving07 .infor{text-align:center;} .smart_moving07 .infor .tit{font-size:42px; color:#333; font-weight:bold;} .smart_moving07 .cont{overflow:hidden; margin-top:55px;} .smart_moving07 .cont .rect-55{padding-bottom:55.42%;} .smart_moving07 .cont .list{margin-right:-1.5225%;} .smart_moving07 .cont .list .item{float:left; width:31.83%; margin-right:1.5%; margin-bottom:1.3%; cursor:pointer;} .smart_moving07 .cont .list .item .txt_box{padding:26px; background:#f7f7f7;} .smart_moving07 .cont .list .item .txt_box .tit{font-size:16px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#333; transition:all .5s ease;} .smart_moving07 .cont .list .item:hover .txt_box .tit{color:#da291c;} .smart_moving08{position:relative; padding:70px 0;} .smart_moving08::after{content:""; position:absolute; bottom:0; left:0; right:0; height:35%; background:#f7f7f7; z-index:-2;} .smart_moving08 .infor{text-align:center;} .smart_moving08 .infor .tit{font-size:42px; color:#333; font-weight:bold;} .smart_moving08 .infor .con{margin-top:10px; font-size:24px; line-height:30px; color:#999;} .smart_moving08 .cont{margin-top:30px;} .smart_moving08 .cont .box{position:relative; width:62%; margin:0 auto;} .smart_moving08 .cont .box .left{position:absolute; left:-19%; bottom:0; width:90%; z-index:-1;} .smart_moving08 .cont .box .right{position:relative; float:right; width:36%;} .smart_moving08 .cont .box .right .frame{position:relative; user-select:none; pointer-events:none; z-index:1;} .smart_moving08 .cont .box .right .owl-carousel{position:absolute; top:50%; left:50%; transform:translate(-51%, -50%); width:88%; height:96%; border-radius:20px; overflow:hidden; z-index:0; overflow:hidden; background:#000;} .smart_moving08 .cont .box .right .owl-carousel .item img{max-width:100%;} /* 20230130 */ .smart_moving06 .content{padding-left:0; padding-right:0;} .smart_moving08 .cont .box .right .owl-carousel .owl-nav{position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);} .smart_moving08 .cont .box .right .owl-carousel .owl-nav .owl-prev{float:left;} .smart_moving08 .cont .box .right .owl-carousel .owl-nav .owl-next{float:right;} .smart_moving08 .cont .box .right .owl-carousel .owl-nav .iconfont{font-size:32px; margin:0; font-weight:bold; color:#da291c; opacity:0.8;} .smart_moving08 .cont .box .right .owl-carousel .owl-nav .disabled .iconfont{opacity:0.4; cursor:not-allowed;} .pageHeader .con .channel .item{margin-right:5%;} .pro_list .pro_list09 .left .item .t{white-space:nowrap;} .pro_list .pro_list09 .left .item{overflow:visible;} /* 底部表单 */ .footer_form .content{margin:0 5%; position:relative;} .footer_form .top{background:#d82c26; cursor:pointer;} .footer_form .top .t{color:#ffffff; font-family:Arial; font-size:24px; line-height:78px;} .footer_form .top .icon{position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(180deg); width:24px; height:24px; background:url(/assets/resources/web/img/footer_form_jt.png) no-repeat center/cover; transition:all .3s ease-in-out;} .footer_form .bott{font-size:0; height:0; transition:all .3s ease-in-out;} .footer_form .bott .form_box>div{display:inline-block; vertical-align:bottom;} .footer_form .bott .inp_box{width:27.5%; margin-right:1.8%; padding-top:35px;} .footer_form .bott .inp_box label{display:block; font-size:16px; line-height:20px; color:#222222; font-weight:bold; margin-bottom:10px;} .footer_form .bott .inp_box .footer_inp{line-height:30px; padding:10px; margin:0; border:0; background:#f7f7f7; width:100%; box-sizing:border-box; font-size:16px;} .footer_form .bott .btns_box{width:12.1%;} .footer_form .bott .btns_box .link{display:block; width:100%; text-align:center; color:#fff; line-height:50px; border:none; padding:0; font-size:16px; user-select:none; background:#da291c; cursor:pointer;} .footer_form .bott .btns_box .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;} .footer_form .bott .btns_box .link:hover img{transform:translateX(10px);} .footer_form .top.cur .icon{transform:translateY(-50%) rotate(0);} .footer_form .bott.cur{height:115px;} .ibanner .img_cover{position:absolute; left:0; top:0; width:100%; z-index:0;} .ibanner .img_cover img{display:block; width:100%;} .ibanner{height:100vh;} /* 市场选择器 */ .market_selector{position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; background:url(/assets/resources/web/img/market_selector_bg.jpg) no-repeat center/cover; z-index:10000;} .market_selector.hide{display:none;} .market_selector .container{position:absolute; top:50%; left:50%; transform:translate(-50%, -40%); width:600px;} .market_selector .intro{text-align:center; margin-bottom:100px;} .market_selector .intro .tit{font-size:40px; font-weight:bold; color:#333;} .market_selector .content .top{margin-bottom:150px;} .market_selector .content .mkt_btn{display:block; width:200px; height:100px; line-height:100px; background:#eee; font-size:32px; text-align:center; color:#333;} .market_selector .content .mkt_btn:hover{background:#da291c; color:#fff;} .market_selector .content .bottom{text-align:center;} .market_selector .content .mkt_link{font-size:25px; color:#ccc;} .market_selector .content .mkt_link:hover{color:#da291c;} /* 首页 */ .pro_new_banner{position:relative;} .pro_new_banner .infor {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;} .pro_new_banner .infor .tit{font-size:16px; line-height:24px; color:#de1a11; font-family:Arial;} .pro_new_banner .infor .con{font-size:72px; line-height:72px; color:#fff; font-family:'road_range'; margin:20px 0;} .pro_new_banner .infor .text{font-size:18px; line-height:26px; color:#fff; margin-bottom:60px;;} .pro_new_banner .infor .link a{margin:0 auto; font-size:16px;} .pro_new .wrap_content{margin:0 5%;} .pro_new1{background:url(/assets/resources/web/img/jx/pro_new1_1.jpg) no-repeat center; background-size:cover; height:960px; overflow:hidden;} .pro_new1 .wrap_content{position:relative;} .pro_new1 .hd {margin-bottom:70px; position:absolute; left:0; top:310px; z-index:3;;} .pro_new1 .hd .cell{display:inline-block; font-size:18px; line-height:30px; color:#666; margin-right:50px; position:relative; cursor:pointer;} .pro_new1 .hd .cell:after{content:''; width:100%; height:1px; background:#d02128; position:absolute; left:0; bottom:0; transform:scale(0); transition:all 0.5s ease;} .pro_new1 .hd .cell.cur{color:#d02128;} .pro_new1 .hd .cell.cur:after{transform:scale(1);} .pro_new1 .hd .cell:hover{color:#d02128;} .pro_new1 .hd .cell:hover:after{transform:scale(1);} .pro_new1 .bd .cell{display:none;} .pro_new1 .bd .cell.cur{display:block;} .pro_new1 .bd .left{width:39.5%; float:left; padding-top:412px; position:relative; min-height:355px;} .pro_new1 .bd .chanpin{display:none; } .pro_new1 .bd .chanpin.cur{display:block;} .pro_new1 .bd .left .item .info .tit{font-size:60px; line-height:60px; color:#222222; font-weight:bold; text-transform:uppercase; margin-bottom:10px;} .pro_new1 .bd .left .item .info .con{font-size:18px; line-height:26px; color:#666;} .pro_new1 .bd .left .item .info .button_360 { position: absolute; background-color: transparent; border: none; display: block; width: 100px; height: 100px; text-align: center; bottom:0; left:0%; user-select: none;} .pro_new1 .bd .left .item .info .button_360 .text-new { position: absolute; top:44px; left: 0; font-size:22px; /*font-family:'Microsoft Yahei'*/; font-weight: bold; width: 100%; text-align: center; margin: 0 auto; color:#da291c;} .pro_new1 .bd .left .item .info .button_360 .circle { position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: 2px solid #da291c; border-radius: 50%; } .pro_new1 .bd .left .item .info .button_360 .circle--vert { animation: rotating-x 7s linear infinite; } .pro_new1 .bd .left .item .info .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_new1 .bd .right{margin-top:220px; width:50%; float:right; margin-right:5.5%; height:540px; position:relative; margin-bottom:70px;} .pro_new1 .bd .right .item{position:absolute; bottom:0; right:0; width:800px; height:100%; max-width:100%; top:0 !important; margin-top:0 !important;} .pro_new1 .bd .right .item 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_new1 .bd .right .item img.cur{visibility:visible; opacity:1;} .pro_new1 .bd .color{clear:both; height:50px; line-height:50px; background:#313131; border-radius:10px; width:69%; margin:0 auto; } .pro_new1 .bd .color .color_item{width:20%; float:left; text-align:center; position:relative; cursor:pointer;} .pro_new1 .bd .color .color_item:after{content:''; width:1px; height:26px; background:#fff; position:absolute; left:0; top:50%; margin-top:-13px;} .pro_new1 .bd .color .color_item:first-child::after{display:none;} .pro_new1 .bd .color .color_item img{vertical-align:middle;} .pro_new1 .bd .color .color_item span{font-size:13px; display:inline-block; margin-left:10px; color:#fff; vertical-align:middle;} .pro_new1 .bd .color .color_item.cur span{color:#d02128;} .pro_new2{height:960px; position:relative; overflow:hidden;} .pro_new2 .infor{padding-top:137px; color:#fff; width:57%;} .pro_new2 .infor .tit{font-size:48px; line-height:48px;} .pro_new2 .infor .con{font-size:16px; line-height:30px; margin-top:16px;} .pro_new3{height:950px; position:relative; overflow:hidden;} .pro_new3 .bg_box{width:100%; height:100%; position:absolute; left:0; top:0;} .pro_new3 .bg_box .bg{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease;} .pro_new3 .bg_box .bg.cur{opacity:1; visibility:visible;} /**.pro_new3 .bg_box .bg img{max-width:none;width:100%;}**/ .pro_new3 .bg_box .bg img{max-width:none;position: absolute;left: 50%;transform: translateX(-50%);top: 0;} .pro_new3 .wrap_content{position:relative; height:960px;} .pro_new3 .content{position:absolute; left:50%; bottom:50px; transform:translateX(-50%); width:100%; text-align:center;} .pro_new3 .content .dots_btn{margin-bottom:30px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; display:inline-block;} .pro_new3 .content .dots_btn .dot {position:relative; cursor:pointer; padding:0 50px; font-size:18px; color:#777777; height:58px; line-height:58px; display:inline-block;} .pro_new3 .content .dots_btn .dot:after{content:''; position:absolute; left:0; width:100%; height:2px; bottom:-1px; background:#e40045; transform:scale(0); transition:.5s ease;} .pro_new3 .content .dots_btn .dot.active{color:#fff;} .pro_new3 .content .dots_btn .dot.active:after{transform:scale(1);} .pro_new3 .content .item{width:50%; margin:0 auto;} .pro_new3 .content .item .tit{opacity:0; visibility:hidden; font-size:16px; color:#fff;} .pro_new3 .content .item .img_box{opacity:0; visibility:hidden;} .pro_new3 .content .item .img_box .img{float:left;} .pro_new3 .content .item .img_box img{width:auto;} .pro_new3 .content .active .item .tit{animation:indbanLeft 1s ease both .4s; visibility:visible; opacity:1;} .pro_new3 .content .active .item .con{animation:indbanLeft 1s ease both .6s; visibility:visible; opacity:1;} .pro_new3 .content .active .item .more{animation:indbanLeft 1s ease both .8s; visibility:visible; opacity:1;} .pro_new3 .content .active .item .img_box{animation:indbanLeft 1s ease both 1s; visibility:visible; opacity:1;} @keyframes indbanLeft{ 0%{opacity:0;transform:translateX(140px);} 100%{opacity:1;transform:translateX(0);} } .pro_new4{height:960px; position:relative; overflow:hidden;} .pro_new4 .infor{padding-top:230px; color:#fff; width:45%;} .pro_new4 .infor .tit{font-size:48px; line-height:48px;} .pro_new4 .infor .con{font-size:16px; line-height:30px; margin-top:16px;} .pro_new5{background:#2a2828; height:920px; position:relative; overflow:hidden; padding-top:250px; box-sizing:border-box;} .pro_new5 .img_{width:413px; height:729px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .pro_new5 .left{width:24%; float:left;} .pro_new5 .right{width:24%; float:right;} .pro_new5 .item{font-size:48px; line-height:48px; min-height:106px; color:#fff; margin-bottom:130px; position:relative; padding-top:28px;} .pro_new5 .item:after{content:''; width:100px; height:1px; background:#fff; background:rgba(255,255,255,.5); position:absolute; left:0; top:0;} .pro_new5 .item span{display:block; margin-top:10px;} .pro_new6{padding:100px 0 60px;} .pro_new6 .item{width:47.5%} .pro_new6 .item .rect-58{padding-bottom:58%;;} .pro_new6 .item .info .box{padding:40px 20px 30px 0;} .pro_new6 .item .info .box .tit{font-size:20px; line-height:24px; color:#222;} .pro_new6 .item .info .box .con{font-size:16px; line-height:30px; color:#666; margin-top:15px;} .pro_new7{height:960px; position:relative; overflow:hidden;} .pro_new7 .infor{padding-top:230px; color:#fff; width:55%;} .pro_new7 .infor .tit{font-size:48px; line-height:48px; color:#222;} .pro_new7 .infor .con{font-size:16px; line-height:30px; margin-top:16px; color:#666;} .pro_new8{height:960px; position:relative; overflow:hidden;} .pro_new8 .wrap_content{position:static;} .pro_new8 .left{width:38%; float:left; margin-top:230px;} .pro_new8 .left .infor .tit{font-size:50px; line-height:50px; color:#fff; margin-bottom:20px; font-weight:bold;} .pro_new8 .left .infor .con{font-size:16px; line-height:30px; color:#fff; margin-bottom:30px;} .pro_new8 .left .infor .list{font-size:48px; line-height:50px; color:#fff;} .pro_new8 .left .infor .list .item{width:50%; float:left; padding-top:20px; position:relative;} .pro_new8 .left .infor .list .item span{display:block;} .pro_new8 .left .infor .list .item:after{content:''; width:100px; height:1px; background:#fff; background:rgba(255,255,255,.5); position:absolute; left:0; top:0;} .pro_new8 .left .infor .list .item p{font-size:18px; display:block;} .pro_new8 .left .infor .list .item i{font-size:30px;} .pro_new8 .right{position:absolute; right:0; top:108px;} .pro_new9{height:950px; position:relative; overflow:hidden;} .pro_new9 .bg_box{width:100%; height:100%; position:absolute; left:0; top:0;} .pro_new9 .bg_box .bg{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease;} .pro_new9 .bg_box .bg.cur{opacity:1; visibility:visible;} .pro_new9 .bg_box .bg img{max-width:none;} .pro_new9 .wrap_content{position:relative; height:960px;} .pro_new9 .content{position:absolute; left:50%; bottom:50px; transform:translateX(-50%); width:100%; text-align:center;} .pro_new9 .content .dots_btn{margin-bottom:30px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; display:inline-block;} .pro_new9 .content .dots_btn .dot {position:relative; cursor:pointer; padding:0 50px; font-size:18px; color:#777777; height:58px; line-height:58px; display:inline-block;} .pro_new9 .content .dots_btn .dot:after{content:''; position:absolute; left:0; width:100%; height:2px; bottom:-1px; background:#e40045; transform:scale(0); transition:.5s ease;} .pro_new9 .content .dots_btn .dot.active{color:#fff;} .pro_new9 .content .dots_btn .dot.active:after{transform:scale(1);} .pro_new9 .content .item{width:50%; margin:0 auto;} .pro_new9 .content .item .tit{opacity:0; visibility:hidden; font-size:16px; color:#fff;} .pro_new9 .content .item .img_box{opacity:0; visibility:hidden;} .pro_new9 .content .item .img_box .img{float:left;} .pro_new9 .content .item .img_box img{width:auto;} .pro_new9 .content .active .item .tit{animation:indbanLeft 1s ease both .4s; visibility:visible; opacity:1;} .pro_new9 .content .active .item .con{animation:indbanLeft 1s ease both .6s; visibility:visible; opacity:1;} .pro_new9 .content .active .item .more{animation:indbanLeft 1s ease both .8s; visibility:visible; opacity:1;} .pro_new9 .content .active .item .img_box{animation:indbanLeft 1s ease both 1s; visibility:visible; opacity:1;} @keyframes indbanLeft{ 0%{opacity:0;transform:translateX(140px);} 100%{opacity:1;transform:translateX(0);} } .pro_new10{height:960px; position:relative; overflow:hidden;} .pro_new10 .infor{padding-top:230px; color:#fff; width:40%;} .pro_new10 .infor .tit{font-size:48px; line-height:48px; margin-bottom:20px;} .pro_new10 .infor .con{font-size:16px; line-height:30px;} .pro_new11{padding:100px 0;} .pro_new11 .infor{margin-bottom:45px;} .pro_new11 .infor .tit{float:left; width:51%;} .pro_new11 .infor .tit .t{font-size:48px; line-height:50px; color:#222;} .pro_new11 .infor .tit .c{font-size:16px; line-height:27px; color:#222; margin-top:20px;} .pro_new11 .infor .con{font-size:16px; line-height:30px; color:#666; text-align:right;} .pro_new11 .infor .con span{color:#e50018; font-size:72px; line-height:72px; display:block;} .pro_new11 .item{margin-top:90px;} .pro_new11 .item:first-child{margin-top:0;} .pro_new12{height:950px; position:relative; overflow:hidden;} /* .pro_new12 .bg_box{width:100%; height:100%; position:absolute; left:0; top:0;} .pro_new12 .bg_box .bg{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease;} .pro_new12 .bg_box .bg.cur{opacity:1; visibility:visible;} .pro_new12 .bg_box .bg img{max-width:none;} */ .pro_new12 .wrap_content{position:relative; height:960px;} .pro_new12 .content{position:absolute; left:50%; bottom:50px; transform:translateX(-50%); width:100%; text-align:center;} .pro_new12 .content .dots_btn{margin-bottom:30px; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; display:inline-block;} .pro_new12 .content .dots_btn .dot {position:relative; cursor:pointer; padding:0 50px; font-size:18px; color:#777777; height:58px; line-height:58px; display:inline-block;} .pro_new12 .content .dots_btn .dot:after{content:''; position:absolute; left:0; width:100%; height:2px; bottom:-1px; background:#e40045; transform:scale(0); transition:.5s ease;} .pro_new12 .content .dots_btn .dot.active{color:#fff;} .pro_new12 .content .dots_btn .dot.active:after{transform:scale(1);} .pro_new12 .content .item{width:50%; margin:0 auto;} .pro_new12 .content .item .tit{opacity:0; visibility:hidden; font-size:16px; color:#fff;} .pro_new12 .content .item .img_box{opacity:0; visibility:hidden;} .pro_new12 .content .item .img_box .img{float:left;} .pro_new12 .content .item .img_box img{width:auto;} .pro_new12 .content .active .item .tit{animation:indbanLeft 1s ease both .4s; visibility:visible; opacity:1;} .pro_new12 .content .active .item .con{animation:indbanLeft 1s ease both .6s; visibility:visible; opacity:1;} .pro_new12 .content .active .item .more{animation:indbanLeft 1s ease both .8s; visibility:visible; opacity:1;} .pro_new12 .content .active .item .img_box{animation:indbanLeft 1s ease both 1s; visibility:visible; opacity:1;} @keyframes indbanLeft{ 0%{opacity:0;transform:translateX(140px);} 100%{opacity:1;transform:translateX(0);} } .pro_new13{background:#ededed;} .pro_new13 .left{width:62%; float:left;} .pro_new13 .right{width:35.5%; float:right; padding-top:115px;} .pro_new13 .right .info .tit{font-size:36px; line-height:40px; color:#222;} .pro_new13 .right .info .con{font-size:18px; line-height:30px; color:#222; margin-top:10px;} .pro_new13 .right .info .btm{margin-top:40px;} .pro_new13 .right .info .qrcode{margin-right:55px; width:150px;} .pro_new13 .right .info .qrcode img{display:none;} .pro_new13 .right .info .qrcode img.cur{display:block;} .pro_new13 .right .info .btm a {font-size:14px; text-transform:capitalize; margin-top:14px;} .pro_new13 .right .info .btm a i{font-size:22px; margin-right:5px;} .pro_new14{padding:80px 0;} .pro_new14 .right{width:41%; float:right;} .pro_new14 .right .list dl{margin-bottom:20px;} .pro_new14 .right .list dl dt{font-size:24px; line-height:49px; color:#fff; background:url(/assets/resources/web/img/jx/pro_new14_2.png) no-repeat center; text-align:center; margin-bottom:10px;} .pro_new14 .right .list dl dd{font-size:16px; line-height:26px; color:#fff; position:relative; padding-left:22px; margin:10px 0;} .pro_new14 .right .list dl dd i{content:''; width:8px; height:16px; background:url(/assets/resources/web/img/jx/pro_new14_3.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-8px;;} .pro_new14 .right .list dl dd span{float:left; width:50%;} .pro_new14 .right .list .btn_box>div{width:48%; margin-right:4%; float:left;} .pro_new14 .right .list .btn_box>div:last-child{margin-right:0;} .pro_new14 .right .list .btn_box>div a{width:auto;} .pro_new15{padding:95px 0;} .pro_new15 .infor{margin-bottom:40px;} .pro_new15 .infor .tit{font-size:36px; line-height:40px; color:#fff;} .pro_new15 .item{float:left; width:32%; margin-left:2%} .pro_new15 .item:first-child{margin-left:0;} .pro_new15 .item .rect-65{padding-bottom:65%;} .morePageSlide.album_wrap_case4{top:-200%; display:block !important;} .pro_new16{background:url(/assets/resources/web/img/pro_list12_bg.jpg) no-repeat center center; background-size:cover; text-align:center;} .pro_new16 a{font-size:0; position:relative;} .pro_new16 .item{overflow:hidden; display: inline-block; *display: inline; *zoom:1; color:#fff; font-size:25px; padding:88px 0; position:relative; z-index:2;} .pro_new16 .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_new16 .item .icon img{max-width:none; width:60px;} .pro_new16 .item .t{float:right; line-height:60px;} .pro_new16 a.link2:before{content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; background:url(/assets/resources/web/img/black.28.png) repeat;} .pro_new16 a:after{content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:url(/assets/resources/web/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_new16 a:hover:after{opacity:1; visibility:visible;} .pro_new16 a:hover .t{font-weight:bold;} .pro_new16 a:hover .icon{width:60px; opacity:1; visibility:visible; margin-right:40px;} /* 产品首页新版 */ .productNew_banner{position:relative;} .productNew_banner .iban_infor{position:absolute; left:0; bottom:370px; width:100%; z-index:5;} .productNew_banner .iban_infor .infor .tit{font-size:68px; line-height:70px; color:#fff; font-weight:bold; margin-bottom:30px;} .productNew_banner .iban_infor .infor .con{font-size:34px; line-height:40px; color:#fff;} .product_new01{height:960px; background-position-x:center; background-position-y:0; background-image:url(/assets/resources/web/img/jx/product_new01_bg1.jpg); background-repeat:no-repeat; background-size:cover; } .product_new01 .wrap{ height:100%;} .product_new01 .wrap .wrap_content{position:relative; height:100%;} .product_new01 .infor{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;} .product_new01 .infor .sect{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; opacity:0; visibility:hidden;} .product_new01 .infor .sect01{opacity:1; visibility:visible;} .product_new01 .infor .sect01 .intro{position:absolute; top:50%; transform:translateY(-50%);} .product_new01 .infor .sect02 .intro01{position:absolute; top:20%;} .product_new01 .infor .sect02 .intro02{position:absolute; bottom:20%; right:0;} .product_new01 .infor .intro .tit{font-size:50px; font-weight:bold; color:#fff;} .product_new01 .infor .intro .tit .red{font-weight:normal; margin-left:10px; background:linear-gradient( -90deg, rgb(250,26,23) 0%, rgb(254,203,202) 99%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .product_new01 .infor .intro .con{font-size:30px; color:#fff;} .product_new01 .infor .sect02 .intro{width:33%;} .product_new01 .infor .sect02 .intro .con{font-size:16px;} .product_new01 .content{position:relative; height:100%;} .product_new01 .content .img_box{position:absolute; top:50%; left:40%; width:60%; transform:translateY(-45%);} .product_new01 .content .img_box .front{position:absolute; top:0; left:0;} /* lenis 平滑滚动 */ html.lenis { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-scrolling iframe { pointer-events: none; } .product_new03{height:960px; position:relative; overflow:hidden; padding-top:250px; box-sizing:border-box;} .product_new03 .img_{width:413px; height:729px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .product_new03 .left{width:24%; float:left;} .product_new03 .right{width:24%; float:right;} .product_new03 .item{font-size:48px; line-height:48px; min-height:106px; color:#fff; margin-bottom:130px; position:relative; padding-top:28px;} .product_new03 .item:after{content:''; width:100px; height:1px; background:#fff; background:rgba(255,255,255,.5); position:absolute; left:0; top:0;} .product_new03 .item span{display:block; margin-top:10px;} .product_new03 .item .pic{text-align:center; padding-bottom:10px;} .product_new03 .item .txt{font-size:36px; line-height:40px; color:#222; text-align:center;} .product_new03 .item .txt span{font-size:72px; line-height:72px; font-weight:bold;background-image: linear-gradient(to bottom, #ff9c9b, #d73038); -webkit-background-clip:text;color: transparent;} .product_new05 .infor{text-align:center; position:absolute; left:50%; transform:translateX(-50%); top:190px;} .product_new05 .infor .tit{font-size:60px; line-height:60px; color:#fff; font-weight:bold;} .product_new05 .infor .con{font-size:72px; line-height:72px; font-weight:bold;background-image: linear-gradient(to bottom, #ff9c9b, #d73038); -webkit-background-clip:text;color: transparent; margin-top:10px;} .product_new06 .left .infor .list .item{font-size:50px; font-weight:bold; background-image: linear-gradient(to bottom, #ff9c9b, #d73038); -webkit-background-clip:text;color: transparent; margin-top:10px} .product_new06 .left .infor .list .item p{background-image:none; color:#fff; font-size:18px; font-weight:normal;} .product_new06 .right .pic2{position:absolute; left:0; top:0;} .product_new07{position:relative; height:960px; overflow:hidden;} .product_new07 .left{width:27%; float:left; padding-top:290px;} .product_new07 .left .info{margin-bottom:110px;} .product_new07 .left .info .tit{font-size:50px; line-height:50px; color:#fff; font-weight:bold;} .product_new07 .left .info .con{font-size:30px; line-height:40px; color:#fff; margin-top:22px;} .product_new07 .left .number .t{font-size:18px; line-height:26px; color:#fff; margin-bottom:10px;} .product_new07 .left .number .c{font-size:30px; line-height:30px; background-image: linear-gradient(to bottom, #ff9c9b, #d73038); -webkit-background-clip:text;color: transparent; font-weight:bold;} .product_new07 .left .number .c span{font-size:60px; line-height:60px;} .product_new07 .right{position:absolute; right:0; top:0;} .product_new08.pro_new11 .infor .con span{font-size:30px; line-height:30px; background-image: linear-gradient(to bottom, #ff9c9b, #d73038); -webkit-background-clip:text;color: transparent; font-weight:bold;} .product_new08.pro_new11 .infor .con span em{font-size:72px; line-height:72px;} .product_new09 .bg_box{width:100%; height:100%; position:absolute; left:0; top:0;} .product_new09 .bg_box .bg{position:absolute; left:50%; top:145px; width:935px; height:592px; opacity:0; visibility:hidden; transition:all 0.5s ease; transform:translateX(-55%);} .product_new09 .bg_box .bg.cur{opacity:1; visibility:visible;transform:translateX(-50%);} .product_new09 .bg_box .bg img{max-width:none;} .product_new10{height:958px; overflow:hidden; padding-top:240px; box-sizing:border-box;} .product_new10 .left{float:left;} .product_new10 .left{width:26%; float:left; padding-top:25px;} .product_new10 .left .info .tit{font-size:50px; line-height:50px; font-weight:bold; color:#fff;} .product_new10 .left .info .con{font-size:25px; line-height:30px; color:#fff; margin-top:20px;} .product_new10 .left .info .btm{margin-top:40px;} .product_new10 .left .info .qrcode{margin-right:55px; width:150px;} .product_new10 .left .info .qrcode img{display:none;} .product_new10 .left .info .qrcode img.cur{display:block;} .product_new10 .left .info .btm a {font-size:14px; text-transform:capitalize; margin-top:14px;} .product_new10 .left .info .btm a i{font-size:22px; margin-right:5px;} .product_new10 .left .common-link{color:#fff; border-color:#fff;} .product_new10 .left .common-link:after{border-radius:5px;} .product_new10 .right{float:right;;} .product_new10 .right .img_{float:right; margin-left:2%;width: 23%} .product_new10 .right .img_ .txt{font-size:24px; line-height:30px; margin-top:30px; text-align:center; color:#fff;} .product_new11 {height:915px; box-sizing:border-box;} .product_new11 .img_{display:none;} .product_new10 .right{width: 73%;} .pup_box{position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:100vh; overflow:hidden; display:none;} .pup_box::after{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:100vh; background:rgb(0 0 0 / 30%); content:'';} .pup_box .content{position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:80vw; height:70vh; z-index:1; background:#fff; box-sizing:border-box; padding:5%;} .pup_box .content .close{position:absolute; right:3%; top:4%; color:#000; cursor:pointer; font-weight:bold; z-index:2; font-size:30px;} .pup_box .content .close i{margin:0;} .pup_box .content .table-responsive{height:100%; overflow:auto;} .pup_box .content table{width:100%; text-align:center; font-size:16px;} .pup_box .content table tr:first-child td:first-child{font-weight:bold; font-size:20px;} .pup_box{z-index:100;} .product_new08.pro_new11 .infor .con span{line-height:40px;} .product_new05 .infor{z-index:3} .pro_new8 .left .infor .list .item:after{display:none} .pro_new8 .left .infor .con{font-size:30px;} .product_new08.pro_new11 .infor .con span{font-size:60px; line-height:80px} .product_new07 .right{width:75%} /* 20230601 fyh */ .product_new03 .item:last-child{margin-bottom:0;} .product_new03{padding-top: 150px;} .product_new03 .wrap_content{position: relative;} .product_new06 .left{width:50%;} .product_new06 .left .infor .tit{margin-bottom:70px;} .product_new06 .left .infor .list .item{font-size:60px; background:none;} .product_new06 .left .infor .list .item em{background-image: linear-gradient( 0, rgb(254,43,31) 0%, rgb(237,186,181) 99%); -webkit-background-clip:text; color: transparent; -webkit-text-fill-color:transparent;} .product_new06 .left .infor .list{margin-bottom: 80px;} .product_new06 .left .infor .mode .txt{font-size: 18px; color:#fff; margin-bottom:20px;} .product_new06 .left .infor .mode ul{position:relative; display:inline-block; padding-top:40px;} .product_new06 .left .infor .mode ul::after{content:""; position:absolute; top:43px; left:0; width:100%; height:1px; background:#fff; opacity:0.3;} .product_new06 .left .infor .mode ul::before{content:""; position:absolute; top:0; left:40px; margin-left:-16px; width:33px; height:24px; background:url(/assets/resources/web/img/product_new06_tri.png) no-repeat center; animation:tri_ani 6s infinite cubic-bezier(0.77,0,0.18,1);} .product_new06 .left .infor .mode li::before{content:""; display: block; width:6px; height:6px; border-radius: 50%; border:1px solid #fff; margin:0 auto 10px;} .product_new06 .left .infor .mode li{display: inline-block; font-size: 18px; color:#fff; width:80px; margin-right:30px; text-align:center;} .product_new06 .left .infor .mode li:last-child{margin-right:0;} .product_new06 .left .infor .list .item i{font-weight:normal;} @keyframes tri_ani { 0% { left:40px; opacity:0; } 10% { left:40px; opacity:1; } 45% { left:155px; } 55% { left:155px; } 90% { left:270px; opacity:1; } 100% { left:270px; opacity:0; } } /*只有英文*/ .product_new07 .left .info .con{font-size: 26px;} .product_new07 .left .number .t{font-size: 20px;} .product_new07 .left .number .c{font-size: 40px;} .product_new07 .left .number .c span{font-size: 72px; line-height: 1;} /* 第六部分修改 */ .pro_index6_new .content{position:relative;} .pro_index6_new .content .item{height:900px; padding-top:100px; box-sizing:border-box;;} .pro_index6_new .content .item .hd_l{width:38%; float:left;} .pro_index6_new .content .item .hd_l .t{font-size:30px; color:#fff;} .pro_index6_new .content .item .hd_l .c{font-size:18px; line-height:30px; color:#fff; margin-top:10px;} .pro_index6_new .content .item .hd_r{float:right; text-align:center; margin-top:50px;} .pro_index6_new .content .item .hd_r li{float:left; margin:0 20px; vertical-align:top;} .pro_index6_new .content .item .hd_r li .icon{width:70px; height:70px; margin:0 auto;} .pro_index6_new .content .item .hd_r li .text{font-size:12px; color:#fff; opacity:0.7;} .pro_index6_new .content .item .bd {margin-top:34px; font-size:0; text-align:center;} .pro_index6_new .content .item .bd li{ display:inline-block; width:16%; margin:0 2%; vertical-align:top;} .pro_index6_new .content .item .bd li .txt_{font-size:18px; line-height:22px; color:#fff; margin-top:15px; position:relative;display: inline-block;} .pro_index6_new .content .item .bd li .txt_ i{display: inline-block; width:30px; height:22px; background:url(/assets/resources/web/img/pro_index6_new5.png) no-repeat center; position:absolute; left: 0; top:0;} .pro_index6_new .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:100px; left:0%; width:100%; text-align:center;} .pro_index6_new .content .owl-carousel .owl-dot{width:14px; height:14px; background:#808080; margin:0 10px;border-radius:50%; display:inline-block;} .pro_index6_new .content .owl-carousel .owl-dot.active{background:#fff;} .pro_index6_new .bd_l{width:200px; float:left;} .pro_index6_new .bd_l .btm{margin-top:40px;} .pro_index6_new .bd_l .qrcode{margin:0 auto; width:150px;} .pro_index6_new .bd_l .qrcode img{display:none;} .pro_index6_new .bd_l .qrcode img.cur{display:block;} .pro_index6_new .bd_l .btm a {font-size:14px; text-transform:capitalize; margin-top:14px;} .pro_index6_new .bd_l .btm a i{font-size:22px; margin-right:5px;} .product_new10 .left .common-link{color:#fff; border-color:#fff;} .product_new10 .left .common-link:after{border-radius:5px;} .pro_index6_new .bd_r{float:right; width:calc(100% - 260px);} .pro_new1 .bd .color{width:90%;} .pageHeader .con .channel .second_channle .sec_item .sec_link a.hot{padding-left:25px; position:relative} .pageHeader .con .channel .second_channle .sec_item .sec_link a.hot:after{content:''; width:16px; height:20px; background:url(/assets/resources/web/img/jx/hot.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-10px} .pageHeader .con .channel .second_channle .sec_item .sec_link a{line-height:30px} .product_new07 .left .number .text{font-size:16px; color:#595353; line-height:26px; margin-top:5px;} .pro_new8 .left .infor .list .item p span{display:inline-block;color:#928e8e;} .product_new07 .left .info .con{font-size:20px; line-height:25px;} .pro_new1 .bd .left .item .info .button_360 .text-new{font-size:15px;} .carPageSlide.album_wrap_case4{top:-200%; display:block !important;} .pro_new1 .bd .left .item .info .button_360{display:none;} .pro_new1 .bd .left .item .info .button_360.cur{display:block;} .common_cookie_popup{display:none} .ibanner .item .banner_img>a{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:3} /* 产品首页2 */ .pro_index .wrap_content{margin:0 5%;} .pro_index_ban{position:relative} .pro_index_ban .wrap_content{margin:0 5%;} .pro_index_ban video{width:100%; height:100%; object-fit:cover;} .pro_index_ban .intro{position:absolute; left:0; width:100%; top:50%; transform: translateY(-50%); color:#fff;} .pro_index_ban .intro .tit{font-size:30px; line-height:40px; font-weight:bold;} .pro_index_ban .intro .con{font-size:60px; font-family: 'road_range';} .pro_index1{background:url(/assets/resources/web/img/jx/pro_new1_1.jpg) no-repeat center; background-size:cover; overflow:hidden; padding:200px 0 90px;} .pro_index1 .wrap_content{position:relative;} .pro_index1 .bd .left{width:39.5%; float:left; padding-top:40px; position:relative; min-height:355px;} .pro_index1 .bd .left .item .info .tit{font-size:36px; line-height:40px; color:#222222; font-weight:bold; text-transform:uppercase; margin-bottom:10px;} .pro_index1 .bd .left .item .info .con{font-size:16px; line-height:24px; color:#666; margin-top:10px;} .pro_index1 .bd .left .item .info .button_360 { position: absolute; background-color: transparent; border: none; display: block; width: 100px; height: 100px; text-align: center; bottom:0; left:0%; user-select: none;} .pro_index1 .bd .left .item .info .button_360 .text-new { position: absolute; top:44px; left: 0; font-size:13px; /*font-family:'Microsoft Yahei'*/; font-weight: bold; width: 100%; text-align: center; margin: 0 auto; color:#da291c;} .pro_index1 .bd .left .item .info .button_360 .circle { position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: 2px solid #da291c; border-radius: 50%; } .pro_index1 .bd .left .item .info .button_360 .circle--vert { animation: rotating-x 7s linear infinite; } .pro_index1 .bd .left .item .info .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_index1 .bd .right{ width:50%; float:right; margin-right:5.5%; height:540px; position:relative; margin-bottom:60px;} .pro_index1 .bd .right .item{position:absolute; bottom:0; right:0; width:800px; height:100%; max-width:100%; top:0 !important; margin-top:0 !important;} .pro_index1 .bd .right .item 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_index1 .bd .right .item img.cur{visibility:visible; opacity:1;} .pro_index1 .bd .color{clear:both; height:50px; line-height:50px; background:#313131; border-radius:10px; width:69%; margin:0 auto; text-align:center;} .pro_index1 .bd .color .color_item{width:auto; display:inline-block; padding:0 30px; text-align:center; position:relative; cursor:pointer;} .pro_index1 .bd .color .color_item:after{content:''; width:1px; height:26px; background:#fff; position:absolute; left:0; top:50%; margin-top:-13px;} .pro_index1 .bd .color .color_item:first-child::after{display:none;} .pro_index1 .bd .color .color_item img{vertical-align:middle;} .pro_index1 .bd .color .color_item span{font-size:13px; display:inline-block; margin-left:10px; color:#fff; vertical-align:middle;} .pro_index1 .bd .color .color_item.cur span{color:#d02128;} .pro_index2{padding:120px 0 50px;} .pro_index2 .rect-67{padding-bottom:67%;} .pro_index2 .item{width:48%;} .pro_index2 .item a{display:block;} .pro_index2 .item .intro .box{padding:40px 0; padding-right:77px;} .pro_index2 .item .intro .box .t{font-size:24px; line-height:30px; color:#222; font-weight:bold;} .pro_index2 .item .intro .box .c{font-size:18px; line-height:26px; height:52px; color:#666; margin-top:10px;} .pro_index2 .item img{transition:all 0.5s ease;} .pro_index2 .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .pro_index3{background:url(/assets/resources/web/img/pro_index3_01.jpg) no-repeat center; background-size:cover; height:960px; position:relative;} .pro_index3 .infor{padding-top:100px; text-align:center;} .pro_index3 .infor .tit{font-size:36px; line-height:40px; color:#fff; font-weight:bold;} .pro_index3 .infor .con{font-size:18px; line-height:25px; color:#fff; padding:0 16%; margin-top:10px;} .pro_index3 .content{position:absolute; left:0%; width:100%; bottom:80px} .pro_index3 .content ul{font-size:0;} .pro_index3 .content li{display:inline-block; width:25%; text-align:center; position:relative;} .pro_index3 .content li:after{content:''; width:1px; height:110px; background:#fff; background:rgba(255,255,255,.5); position:absolute; left:0; top:50%; margin-top:-55px;} .pro_index3 .content li:first-child:after{display:none;} .pro_index3 .content li .num{font-size:24px; line-height:30px; color:#fff;} .pro_index3 .content li .num span{font-size:60px; font-weight:bold; display:inline-block; margin-right:10px;} .pro_index3 .content li .con{font-size:24px; line-height:30px; color:#fff; margin-top:25px;} .pro_index4{padding:120px 0 40px;} .pro_index4 .rect-67{padding-bottom:67%;} .pro_index4 .content{position:relative;} .pro_index4 .content .owl-carousel .owl-stage-outer{overflow:visible;} .pro_index4 .content .item{opacity:0.2; transition:0.5s ease;} .pro_index4 .content .owl-item.active .item{opacity:1;} .pro_index4 .content .item a{display:block;} .pro_index4 .content .item .intro .box{padding:40px 0; padding-right:77px;} .pro_index4 .content .item .intro .box .t{font-size:24px; line-height:30px; color:#222; font-weight:bold;} .pro_index4 .content .item .intro .box .c{font-size:18px; line-height:26px; height:78px; color:#000; margin-top:10px;} .pro_index4 .pro_index4_btn>div{width:58px; height:98px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-49px;;} .pro_index4 .pro_index4_btn .owl-prev {left:0;background:url(/assets/resources/web/img/pro_index4_02.png) no-repeat center;} .pro_index4 .pro_index4_btn .owl-next {right:0;background:url(/assets/resources/web/img/pro_index4_03.png) no-repeat center;} .pro_index5 .content{position:relative;} .pro_index5 .content .item{position:relative;} .pro_index5 .content .item .infor{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);} .pro_index5 .content .item .infor .box{width:47.5%; color:#fff;} .pro_index5 .content .item .infor .box .tit{font-size:36px; line-height:40px; font-weight:bold;} .pro_index5 .content .item .infor .box .con{font-size:18px; line-height:26px; margin-top:10px;;} .pro_index5 .pro_index5_btn>div{width:58px; height:98px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-49px;;} .pro_index5 .pro_index5_btn .owl-prev {left:0;background:url(/assets/resources/web/img/pro_index4_02.png) no-repeat center;} .pro_index5 .pro_index5_btn .owl-next {right:0;background:url(/assets/resources/web/img/pro_index4_03.png) no-repeat center;} .pro_index5 .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:44px; left:0%; width:100%; text-align:center;} .pro_index5 .owl-carousel .owl-dot{width:14px; height:14px; margin:0 5px; border-radius:50%; display:inline-block; background:#fff; opacity:0.4;} .pro_index5 .owl-carousel .owl-dot.active{opacity:1;} .pro_index6{background:#fff; position:relative;} .pro_index6 .left{width:55.5%; position:absolute; left:0;} .pro_index6 .left .img_{display:none;} .pro_index6 .right{width:44.3%; float:right; padding-bottom:70px;} .pro_index6 .right .infor{margin-top:200px;} .pro_index6 .right .infor .tit{font-size:36px; line-height:40px; color:#222; font-weight:bold; margin-bottom:100px;} .pro_index6 .right .infor .con .cell{font-size:18px; line-height:30px; color:#222; width:50%; float:left; text-transform:uppercase; margin-bottom:34px; position:relative; padding-left:40px; box-sizing:border-box; cursor:pointer;} .pro_index6 .right .infor .con .cell span{display:inline-block; position:relative;} .pro_index6 .right .infor .con .cell span:after{content:''; width:100%; height:2px; background:#d82c26; position:absolute; left:0; bottom:0; width:100%; transform:scale(0); transition:0.5s ease;} .pro_index6 .right .infor .con .cell .icon{width:30px; height:30px; transition:0.5s ease; position:absolute; left:0; top:0} .pro_index6 .right .infor .con .cell01 .icon{background:url(/assets/resources/web/img/pro_index6_icon1.png);} .pro_index6 .right .infor .con .cell02 .icon{background:url(/assets/resources/web/img/pro_index6_icon2.png);} .pro_index6 .right .infor .con .cell03 .icon{background:url(/assets/resources/web/img/pro_index6_icon3.png);} .pro_index6 .right .infor .con .cell04 .icon{background:url(/assets/resources/web/img/pro_index6_icon4.png);} .pro_index6 .right .infor .con .cell.cur{color:#d82c26;} .pro_index6 .right .infor .con .cell.cur span:after{transform:scale(1);} .pro_index6 .right .infor .con .cell01.cur .icon{background:url(/assets/resources/web/img/pro_index6_icon1_on.png);} .pro_index6 .right .infor .con .cell02.cur .icon{background:url(/assets/resources/web/img/pro_index6_icon2_on.png);} .pro_index6 .right .infor .con .cell03.cur .icon{background:url(/assets/resources/web/img/pro_index6_icon3_on.png);} .pro_index6 .right .infor .con .cell04.cur .icon{background:url(/assets/resources/web/img/pro_index6_icon4_on.png);} .pro_index6 .right .infor .con .cell:hover{color:#d82c26;} .pro_index6 .right .infor .con .cell:hover span:after{transform:scale(1);} .pro_index6 .right .infor .con .cell01:hover .icon{background:url(/assets/resources/web/img/pro_index6_icon1_on.png);} .pro_index6 .right .infor .con .cell02:hover .icon{background:url(/assets/resources/web/img/pro_index6_icon2_on.png);} .pro_index6 .right .infor .con .cell03:hover .icon{background:url(/assets/resources/web/img/pro_index6_icon3_on.png);} .pro_index6 .right .infor .con .cell04:hover .icon{background:url(/assets/resources/web/img/pro_index6_icon4_on.png);} .pro_index6 .right .btm{margin-top:40px;} .pro_index6 .right .btm .qrcode{margin-right:55px; width:150px;} .pro_index6 .right .btm .qrcode img{display:none;} .pro_index6 .right .btm .qrcode img.cur{display:block;} .pro_index6 .right .btm a {font-size:14px; text-transform:capitalize; margin-top:14px;} .pro_index6 .right .btm a i{font-size:22px; margin-right:5px;} /* .pro_index6 .right .common-link{color:#fff; border-color:#fff;} */ .pro_index6 .right .common-link:after{border-radius:5px;} .pro_index7{background:#f9f9f9; padding:120px 0 70px;} .pro_index7 .left{width:37%; float:left;} .pro_index7 .left .infor .tit{font-size:36px; line-height:40px; color:#222; font-weight:bold; text-transform:uppercase;} .pro_index7 .left .content{margin-top:60px;} .pro_index7 .left .content .hd{border-bottom:1px solid #D9D9D9;} .pro_index7 .left .content .hd .item{font-size:18px; line-height:35px; display:inline-block; position:relative; margin-right:67px; cursor:pointer; position:relative;} .pro_index7 .left .content .hd .item:after{content:''; width:100%; height:2px; background:#d82c26; position:absolute; left:0; bottom:0; width:100%; transform:scale(0); transition:0.5s ease;} .pro_index7 .left .content .hd .item:last-child{margin-right:0;} .pro_index7 .left .content .hd .item.cur{color:#D82D26;} .pro_index7 .left .content .hd .item.cur:after{transform:scale(1);} .pro_index7 .left .content .bd{margin-top:40px; font-size:18px; line-height:30px; padding-bottom:30px;border-bottom:1px solid #D9D9D9; margin-bottom:30px;} .pro_index7 .left .content .bd dl{display:none;} .pro_index7 .left .content .bd .bd_l{float:left; color:#888; width:28%;} .pro_index7 .left .content .bd .bd_r{float:right; color:#222; width:70%; text-align:right;} .pro_index7 .left .content .more{float:left; width:200px; height:56px; line-height:56px; background:#D82D26; text-align:center; font-size:18px; color:#fff; text-transform:uppercase;} .pro_index7 .left .content .more:hover{opacity:0.6;} .pro_index7 .right{width:49.5%; float:right; background:url(/assets/resources/web/img/pro_index7_02.png) no-repeat left bottom; background-size:contain; height:484px; position:relative;} .pro_index7 .right .img_{position:absolute; right:0; bottom:96px;} .pro_index8{padding:87px 0 100px;} .pro_index8 .infor{margin-bottom:40px;} .pro_index8 .infor .tit{font-size:36px; line-height:40px; color:#222; font-weight:bold; text-transform:uppercase;} .pro_index8 .common-probtn a{border-color:#222222; color:#222222;} .pro_index8 .common-probtn a:hover{border-color:#d82c26; color:#fff;} .pro_index8 .content .item{float:left; width:32.6%; margin-right:1.1%; margin-bottom:1%; position:relative; cursor:pointer;} .pro_index8 .content .item:first-child{width:100%; margin-right:0;;} .pro_index8 .content .item:last-child{margin-right:0;} .pro_index8 .content .item .cover{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); transition:0.5s ease; opacity:0; visibility:hidden;} .pro_index8 .content .item .cover .icon{width:40px; height:40px; background:url(/assets/resources/web/img/pro_index8_03.png) no-repeat center; background-size:cover; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px;} .pro_index8 .content .item:hover .cover{opacity:1; visibility:visible;} .left_nav{position:fixed; left:16px; top:50%; transform:translateY(-50%); display:none; z-index:10;} .left_nav li{margin:17px 0; cursor:pointer;} .left_nav li .circle_dot{width:12px; height:12px; border-radius:50%; display:inline-block; position:relative;} .left_nav li .circle_dot:after{content:''; width:5px; height:5px; border-radius:50%; background:#222; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .left_nav li span{display:inline-block; font-size:13px; line-height:22px; color:#222; font-weight:bold; margin-left:15px; opacity:0; visibility:hidden; transition:0.5s ease;} .left_nav li.cur .circle_dot{background:#222;} .left_nav li.cur span{opacity:1; visibility:visible;} .left_nav li:hover .circle_dot{background:#222;} .left_nav li:hover span{opacity:1; visibility:visible;} .left_nav.white li .circle_dot:after{background:#fff} .left_nav.white li span{color:#fff} /* .left_nav.two li:nth-child(2) .circle_dot{background:#222;} .left_nav.two li:nth-child(2) span{opacity:1; visibility:visible;} .left_nav.three li:nth-child(3) .circle_dot{background:#222;} .left_nav.three li:nth-child(3) span{opacity:1; visibility:visible;} .left_nav.four li:nth-child(4) .circle_dot{background:#222;} .left_nav.four li:nth-child(4) span{opacity:1; visibility:visible;} .left_nav.five li:nth-child(5) .circle_dot{background:#222;} .left_nav.five li:nth-child(5) span{opacity:1; visibility:visible;} .left_nav.six li:nth-child(6) .circle_dot{background:#222;} .left_nav.six li:nth-child(6) span{opacity:1; visibility:visible;} */ .pro_index6 .left .img_{position:absolute; top:0; left:0;} .pro_index1 .hd {margin-bottom:70px; position:absolute; left:0; top:310px; z-index:3;;} .pro_index1 .hd .cell{display:inline-block; font-size:18px; line-height:30px; color:#666; margin-right:50px; position:relative; cursor:pointer;} .pro_index1 .hd .cell:after{content:''; width:100%; height:1px; background:#d02128; position:absolute; left:0; bottom:0; transform:scale(0); transition:all 0.5s ease;} .pro_index1 .hd .cell.cur{color:#d02128;} .pro_index1 .hd .cell.cur:after{transform:scale(1);} .pro_index1 .hd .cell:hover{color:#d02128;} .pro_index1 .hd .cell:hover:after{transform:scale(1);} .pro_index1 .bd .cell{display:none;} .pro_index1 .bd .cell.cur{display:block;} .pro_index1 .bd .chanpin{display:none; } .pro_index1 .bd .chanpin.cur{display:block;} .pro_index1 .hd{top:100px;} .pro_index1 .bd .left{padding-top:200px;} .pro_index6_new .item_mobile{background-image:url(/assets/resources/web/img/pro_index6_new1.jpg); background-repeat:no-repeat; background-size:cover;} .pro_index6_new .item_pc{background-image:url(/assets/resources/web/img/pro_index6_new1.jpg); background-repeat:no-repeat; background-size:cover;} .pro_index1 .bd .left .item .info .button_360{display:none;} .pro_index1 .bd .left .item .info .button_360.cur{display:block;} .pro_index_ban.productNew_banner .iban_infor .infor {position:absolute; left:0; width:100%; top:50%; transform: translateY(-50%); color:#fff;} .pro_index_ban.productNew_banner .iban_infor .infor .tit{font-size:30px; line-height:40px; font-weight:bold;} .pro_index_ban.productNew_banner .iban_infor .infor .con{font-size:60px; /*font-family: 'road_range';*/} /* geo */ @font-face { font-family: "geo"; src: url("../font/geo/geomgraphic_bold-webfont.woff") format("woff"), url('../font/geo/geomgraphic_bold-webfont.woff2') format('woff2') } /* din */ @font-face { font-family: "geo"; src:url('../font/din/DIN-Regular.otf') format('otf'), } .ibanner .item .banner_img .words.geo{width: 800px;} .ibanner .item .banner_img .words.geo .t1{font-family: 'geo';} .ibanner .item .banner_img .words.geo .t2{font-size: 20px;} .sgwcare03 .xz i {display: inline-block;*display: inline;*zoom: 1;width: 11px;height: 11px;margin-right: 10px;vertical-align: middle;background: url(/assets/resources/web/img/service_case02_1.png) no-repeat 0 0;} .sgwcare03 .xz.cur i{background-position:0 -11px;} .sgwcare03 .inp_box select{display: none;} .sgwcare03 .inp_box .select-ui-choose-default{height:46px; line-height:46px; width:100%; padding-left:20px; box-sizing:border-box} .time_content{position:relative} .time_content .time_infor{position:absolute; left:0; width:100%; top:20%; text-align:center; z-index:10; color:#fff;} .time_content .time_infor .title{margin-bottom:10px; font-size:70px; font-weight:bold;font-family: 'geo';} .time_content .time_infor .date{margin-bottom:25px; font-size:30px;font-family: 'geolight';} .time_content .time_infor .time{margin-bottom:10px; font-size:70px; line-height:40px; font-family:Impact; } .time_content .time_infor .time span{display:inline-block; padding:0 30px; position:relative} .time_content .time_infor .time span em{display:block; font-size:14px; color: rgba(255,255,255,.7); margin-top:5px; font-family:Arial;font-style:normal;} .time_content .time_infor .time span i{position:absolute; right:-3px; top:0px; height:20px; font-family:Arial;font-style:normal;} /* geo */ @font-face { font-family: "geo"; src: url("/assets/resources/web/font/geo/geomgraphic_bold-webfont.woff") format("woff"), url('/assets/resources/web/font/geo/geomgraphic_bold-webfont.woff2') format('woff2') } @font-face { font-family: "geolight"; src: url("/assets/resources/web/font/geo/geomgraphic_light-webfont.woff") format("woff") } /* 2023-1023 赛格威首页新 */ .mwrap { width:85%; margin-right:auto; margin-left:auto;} /* 线框按钮 */ .border-probtn{cursor:pointer; text-align:center;} .border-probtn>span{display:block; width:230px; color:#000; line-height:50px; border:1px solid #da291c; font-size:18px; text-transform:uppercase; user-select:none; position:relative; border-radius:4px;} .border-probtn .txt{position:relative; z-index:1; display:inline-block; *display:inline; *zoom:1;} .border-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;} .border-probtn>span .icon{margin-left:10px; width:30px; height:31px; -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; position:relative; z-index:1; background:url(/assets/resources/web/img/btn_right1.png) no-repeat center; background-size:cover; vertical-align:-8px;} .border-probtn>span:hover{color:#fff;} .border-probtn>span:hover .icon{transform:translateX(10px); background:url(/assets/resources/web/img/btn_right.png) no-repeat center; background-size:cover;} .border-probtn>span:hover:before{right:0;} /* 线框按钮 end*/ /* banner */ .index_new_ban .infor{position:absolute; z-index:5; top:50%; transform:translateY(-50%); color:#fff; width: 100%; left:0;} .index_new_ban .infor .tit{font-size:60px; font-family:'road_range'; text-transform:uppercase;} .index_new_ban .infor .link{cursor:pointer; font-family:Arial;} .index_new_ban .infor .link img{width:30px; height:auto; position:static; display:inline-block;} .index_new_ban .infor .link span{margin-top:68px;} .index_new_ban .infor .geo{font-family: 'geo';} .index_new_ban .infor .din{font-family: 'din';} .index_new_ban .infor .tit2{font-family:inherit; font-size:20px;} /* .index_new_ban .item .banner_img .infor .tit2{font-size: 18px; margin:10px 0 30px;} */ .index_new{min-height:300px;} .index_new_pt1{padding:80px 0 90px;} .index_new_pt1 .infor .tit{font-size:46px; line-height:50px; color:#ccc; text-transform:uppercase; font-weight:bold;} .index_new_pt1 .infor .con{font-size:22px; line-height:50px; font-weight:bold; color:#000; text-transform:uppercase;} .index_new_pt1 .infor .con .item{display:inline-block; margin-left:80px; padding-bottom:13px; position:relative; cursor:pointer;} .index_new_pt1 .infor .con .item.cur{color:#dd2429;} .index_new_pt1 .infor .con .item:after{content:''; width:22px; height:23px; background:url(/assets/resources/web/img/index_new_pt1_06.png) no-repeat center; position:absolute; left:50%; margin-left:-11px; bottom:0; transition:0.5s ease; opacity:0; visibility:hidden;} .index_new_pt1 .infor .con .item.cur:after{opacity:1; visibility:visible;} .index_new_pt1 .content{width:66%; margin:90px auto 0; position:relative;} .index_new_pt1 .content .content_box{display:none;} .index_new_pt1 .content .item {display:none;} .index_new_pt1 .content .owl-item .item{display:block;} .index_new_pt1 .content .item .title{font-size:280px; color:#efefef; font-weight:bolder; text-align:center; position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; line-height:1.4;} .index_new_pt1 .content .item img{position:relative; z-index:2;} .index_new_pt1 .content .item .info .t{font-size:36px; line-height:40px; color:#000; text-transform:uppercase; text-align:center;} .index_new_pt1 .content .item .info .btns{text-align:center;margin-top:35px;} .index_new_pt1 .content .item .info .btns a{display:inline-block; margin:0 20px;} .index_new_pt1 .content .index_new_pt1_btn>div{width:20px; height:32px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-14px;;} .index_new_pt1 .content .index_new_pt1_btn .owl-prev {left:-60px;background:url(/assets/resources/web/img/index_new_pt1_04.png) no-repeat center;} .index_new_pt1 .content .index_new_pt1_btn .owl-next {right:-60px;background:url(/assets/resources/web/img/index_new_pt1_05.png) no-repeat center} .index_new_pt2 .content{width:960px; margin:0 auto; position:relative; padding-bottom:50px;} .index_new_pt2 .content .rect-109{padding-bottom:109.5%;} .index_new_pt2 .content .rect-76{padding-bottom:76%;} .index_new_pt2 .content .item{display:none; border-radius:15px; overflow:hidden;} .index_new_pt2 .content .owl-item .item{display:block;} .index_new_pt2 .content .item_l{width:41%; float:left;} .index_new_pt2 .content .item_r{width:59%; float:right; background:#f0f0f0; transition:0.5s ease;} .index_new_pt2 .content .item_r .box{padding:55px 35px 65px;} .index_new_pt2 .content .item_r .box .pic img{width:auto; max-width:none;} .index_new_pt2 .content .item_r .box .pic .img1{display:block;} .index_new_pt2 .content .item_r .box .pic .img2{display:none;} .index_new_pt2 .content .item_r .box .tit{font-size:40px; line-height:40px; color:#000; font-weight:bold; text-transform:uppercase; transition:0.5s ease; margin-top:25px;} .index_new_pt2 .content .item_r .box .con{margin:40px 0 50px;} .index_new_pt2 .content .item_r .box .con ul{font-size:0;} .index_new_pt2 .content .item_r .box .con li{display:inline-block; width:33%; text-align:center; position:relative;} .index_new_pt2 .content .item_r .box .con li:after{content:''; width:1px; height:65px; background:#fff; background:rgba(255,255,255,.5); position:absolute; left:0; top:50%; margin-top:-32.5px;} .index_new_pt2 .content .item_r .box .con li:first-child:after{display:none;} .index_new_pt2 .content .item_r .box .con li .num{font-size:16px; line-height:48px; color:#d62f2e; font-weight:bold; transition:0.5s ease} .index_new_pt2 .content .item_r .box .con li .num span{font-size:54px; display:inline-block; margin-right:10px;} .index_new_pt2 .content .item_r .box .con li .num em{font-size:48px; display:inline-block; margin-right:10px;} .index_new_pt2 .content .item_r .box .con li .txt{font-size:14px; line-height:20px; font-weight:bold; color:#000;transition:0.5s ease} .index_new_pt2 .content .item_r .box .btns>span{background:#d62f2e; border-color:transparent} .index_new_pt2 .content .item_r .box .btns>span:hover:before{right:inherit;} .index_new_pt2 .content .item_r .box .btns>span:hover{color:#000;} .index_new_pt2 .content .item_r .box .btns>span .icon{background:url(/assets/resources/web/img/btn_right.png) no-repeat center; background-size:cover; transition:0.5s ease} .index_new_pt2 .content .item img{transition:all 0.5s ease;} .index_new_pt2 .content .item:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .index_new_pt2 .content .owl-carousel .owl-stage-outer{overflow:visible;} .index_new_pt2 .content .active .item_r{background:#d62f2e;} .index_new_pt2 .content .active .item_r .box .pic .img1{display:none;} .index_new_pt2 .content .active .item_r .box .pic .img2{display:block;} .index_new_pt2 .content .active .item_r .box .tit{color:#fff;} .index_new_pt2 .content .active .item_r .box .con li .num{color:#fff;} .index_new_pt2 .content .active .item_r .box .btns>span .icon{background:url(/assets/resources/web/img/btn_right1.png) no-repeat center; background-size:cover;} .index_new_pt2 .content .active .item_r .box .btns>span{background:#fff;} .index_new_pt2 .content .active .item_r .box .con li .txt{color:#fff;} .index_new_pt2 .content .item:hover .item_r{background:#d62f2e;} .index_new_pt2 .content .item:hover .item_r .box .pic .img1{display:none;} .index_new_pt2 .content .item:hover .item_r .box .pic .img2{display:block;} .index_new_pt2 .content .item:hover .item_r .box .tit{color:#fff;} .index_new_pt2 .content .item:hover .item_r .box .con li .num{color:#fff;} .index_new_pt2 .content .item:hover .item_r .box .btns>span .icon{background:url(/assets/resources/web/img/btn_right1.png) no-repeat center; background-size:cover;} .index_new_pt2 .content .item:hover .item_r .box .btns>span{background:#fff;} .index_new_pt2 .content .item:hover .item_r .box .con li .txt{color:#fff;} .index_new_pt2 .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:-50px; left:0%; width:100%; text-align:center;} .index_new_pt2 .content .owl-carousel .owl-dot{width:10px; height:10px; border:3px solid #444; margin:0 5px;border-radius:50%; display:inline-block;} .index_new_pt2 .content .owl-carousel .owl-dot.active{background:#444444;} .index_new_pt3{padding:80px 0 70px;} .index_new_pt3 .infor .tit{font-size:46px; line-height:50px; color:#000; font-weight:bold; text-transform:uppercase;} .index_new_pt3 .infor .con .btns>span{background:#d62f2e; border-color:transparent; color:#fff;} .index_new_pt3 .infor .con .btns>span:hover:before{right:inherit;} .index_new_pt3 .infor .con .btns>span:hover{color:#000;} .index_new_pt3 .infor .con .btns>span .icon{background:url(/assets/resources/web/img/btn_right.png) no-repeat center; background-size:cover;} .index_new_pt3 .content{margin-top:40px;} .index_new_pt3 .content li{width:32%; float:left; margin-left:2%;} .index_new_pt3 .content li:first-child{margin-left:0;} .index_new_pt3 .content li .rect-65{padding-bottom:65%;} .index_new_pt3 .content li .li_box{display:block;} .index_new_pt3 .content li .li_box .intro .t{font-size:24px; line-height:30px; color:#000; font-weight:bold; margin:35px 0 13px; text-transform:uppercase; transition:0.5s ease;} .index_new_pt3 .content li .li_box .intro .c{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .index_new_pt3 .content li .li_box .intro .more{font-size:16px; line-height:20px; margin-top:25px;;} .index_new_pt3 .content li .li_box .intro .more i{display:inline-block; width:12px; height:14px; background:url(/assets/resources/web/img/index_new_pt3_2.png) no-repeat center; transition:0.5s ease; margin-left:10px; vertical-align:middle;} .index_new_pt3 .content li:hover .li_box .intro .t{color:#d62f2e;} .index_new_pt3 .content li:hover .li_box .intro .more i{background:url(/assets/resources/web/img/index_new_pt3_3.png) no-repeat center;} .index_new_pt3 .content li img{transition:all 0.5s ease;} .index_new_pt3 .content li:hover img {-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);} .index_new_pt4{background:#eeeeee; margin-bottom:50px;} .index_new_pt4 .left{width:62%;} .index_new_pt4 .right{width:38%; padding-top:120px; color:#222;} .index_new_pt4 .right .tit{font-size:36px; line-height:40px; font-weight:bold; text-transform:uppercase;} .index_new_pt4 .right .con{font-size:18px; line-height:30px; margin:25px 0 40px;} .index_new_pt4 .right .app .qrcode{margin-right:55px; width:150px;} .index_new_pt4 .right .qrcode img{display:none;} .index_new_pt4 .right .app .dl{padding-top:8px;} .index_new_pt4 .right .app .dl a{font-size:14px; text-transform:capitalize; margin-top:14px;} .index_new_pt4 .right .app .dl a i{font-size:22px; margin-right:5px;} .index_new_pt5 .content{position:relative;} .index_new_pt5 .content .item{display:none; background:#d62f2e;} .index_new_pt5 .content .owl-item .item{display:block;} .index_new_pt5 .content .item .img_{width:54%; float:left; position:relative; cursor:pointer;} .index_new_pt5 .content .item .img_ .play{width:110px; height:110px; background:url(/assets/resources/web/img/index_new_pt5_2.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .index_new_pt5 .content .item .img_ .rect-68{padding-bottom:68%;} .index_new_pt5 .content .item .info_{width:46%; float:right; height:100%; position:relative;} .index_new_pt5 .content .item .info_ .box{padding-top:100px;} .index_new_pt5 .content .item .info_ .box .intro{padding:0 158px 0 100px; color:#fff; text-transform:uppercase;} .index_new_pt5 .content .item .info_ .box .intro .tit{font-size:46px; line-height:50px; font-weight:bold; font-weight:bold} .index_new_pt5 .content .item .info_ .box .intro .con{font-size:24px; line-height:36px; margin:40px 0 160px;} .index_new_pt5 .content .btns{ position:absolute; bottom:72px; right:150px; z-index:2;} .index_new_pt5 .content .btns>div{width:76px; height:76px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; transition:0.5s ease;} .index_new_pt5 .content .btns .owl-prev {margin-right:20px; background:url(/assets/resources/web/img/index_new_pt5_3.png) no-repeat center;background-size:cover;} .index_new_pt5 .content .btns .owl-next {background:url(/assets/resources/web/img/index_new_pt5_4.png) no-repeat center;background-size:cover;} .index_new_pt5 .content .btns .owl-prev:hover {background:url(/assets/resources/web/img/index_new_pt5_3_on.png) no-repeat center; background-size:cover;} .index_new_pt5 .content .btns .owl-next:hover {background:url(/assets/resources/web/img/index_new_pt5_4_on.png) no-repeat center;background-size:cover;} .index_new_pt5 .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:50px; left:0%; width:54%; text-align:center;} .index_new_pt5 .content .owl-carousel .owl-dot{width:10px; height:10px; border:3px solid #fff; margin:0 9px;border-radius:50%; display:inline-block;} .index_new_pt5 .content .owl-carousel .owl-dot.active{background:#de2629; border-color:#de2629;} .index_new_pt6{padding:100px 0 80px;} .index_new_pt6 .infor .tit{font-size:25px; line-height:50px; color:#ccc; font-weight:bold; text-transform:uppercase;} .index_new_pt6 .infor .con .btns>span{background:#d62f2e; border-color:transparent; color:#fff;} .index_new_pt6 .infor .con .btns>span:hover:before{right:inherit;} .index_new_pt6 .infor .con .btns>span:hover{color:#000;} .index_new_pt6 .infor .con .btns>span .icon{background:url(/assets/resources/web/img/btn_right.png) no-repeat center; background-size:cover;} .index_new_pt6 .content{margin-top:40px; position:relative;} .index_new_pt6 .content .item{width:16.66%; float:left; position:relative;} .index_new_pt6 .content .item .icon{width:25px; height:25px; background:url(/assets/resources/web/img/index_new_pt6_2.png) no-repeat center; position:absolute; right:10px; top:10px;} .index_new_pt6 .content .item.video .icon{width:42px; height:48px; background:url(/assets/resources/web/img/index_new_pt6_1.png) no-repeat center; position:absolute; left:50%; right:inherit; top:50%; transform:translate(-50%,-50%);} .index_new_pt7{padding-bottom:80px;} .index_new_pt7 .content{margin:0 30px;} .index_new_pt7 .content .left, .index_new_pt7 .content .right{width:49.2%;} .index_new_pt7 .rect-79{padding-bottom:77%;} .index_new_pt7 .item .info{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; color:#fff;} .index_new_pt7 .item .info .t{font-size:40px; font-weight:bold; text-transform:uppercase; color:#fff;} .index_new_pt7 .item .info .d{font-size:16px; margin:10px 0 15px;} .index_new_pt7 .common-probtn>span{margin:0 auto;} /* 产品首页 */ .fz36{font-size:36px; line-height:40px; text-transform:uppercase; font-weight:bold;} .fz16{font-size:16px; line-height:24px;} .fz18{font-size:18px; line-height:24px;} .productNew_banner .iban_intro{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:5;text-transform:uppercase;} .productNew_banner .iban_intro .intro .tit{font-size:30px; line-height:30px; color:#fff; font-weight:bold; margin-bottom:30px;} .productNew_banner .iban_intro .intro .con{font-size:60px; line-height:60px;/* font-family:'road_range';*/ color:#fff;} .product_ssv01{background:url(/assets/resources/web/img/product_ssv1_01.jpg) no-repeat center; background-size:cover; padding:170px 0 80px;} .product_ssv01 .infor{text-align:center; padding:0 17%;} .product_ssv01 .infor .tit{color:#222; margin-bottom:20px;} .product_ssv01 .infor .intro{display:none;} .product_ssv01 .content{margin-top:90px; position:relative;} .product_ssv01 .content .img_box .rect-56{padding-bottom:56%;} .product_ssv01 .content .img_box .img_{position:relative; width:47%; margin:0 auto; display:none;} .product_ssv01 .content .img_box .button_360 { position: absolute; background-color: transparent; border: none; display: block; width: 100px; height: 100px; text-align: center; bottom:95px; left:-250px; user-select: none;} .product_ssv01 .content .img_box .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;} .product_ssv01 .content .img_box .button_360 .circle { position: absolute; top: 0; left: 0; width: 100px; height: 100px; border: 2px solid #da291c; border-radius: 50%; } .product_ssv01 .content .img_box .button_360 .circle--vert { animation: rotating-x 7s linear infinite; } .product_ssv01 .content .img_box .button_360 .circle--horiz { animation: rotating-y 5s linear infinite; width: 96px; height: 96px; top: 2px; left: 2px; } .product_ssv01 .content .img_box .img_.cur{display:block;} .product_ssv01 .content .list_nav{position:absolute; right:0; width:20%; top:50%; transform:translateY(-50%); } .product_ssv01 .content .list_nav .item{font-size:24px; line-height:90px; text-transform:uppercase; transition:0.5s ease; text-align:right; position:relative; cursor:pointer;} .product_ssv01 .content .list_nav .item span{display:inline-block; padding-right:45px;} .product_ssv01 .content .list_nav .item:after{content:''; width:100%; height:90px; background:url(/assets/resources/web/img/product_ssv1_03.png) no-repeat center; transition:0.5s ease; opacity:0; visibility:hidden; position:absolute; right:0; top:0;} .product_ssv01 .content .list_nav .item .icon{display:inline-block; height:42px; vertical-align:middle; background:url(/assets/resources/web/img/btn_right1.png) no-repeat center; background-size:cover; opacity:0; visibility:hidden; transition:0.5s ease; width:0;} .product_ssv01 .content .list_nav .item.cur{color:#de2629;} .product_ssv01 .content .list_nav .item.cur::after{opacity:1; visibility:visible;} .product_ssv01 .content .list_nav .item.cur .icon{width:41px; opacity:1; visibility:visible; transform:translateX(-10px);margin-left:25px; } .product_ssv02{margin-top:80px;} .product_ssv02 .content{position:relative;} .product_ssv02 .content .item{display:none; position:relative;} .product_ssv02 .content .owl-item .item{display:block;} .product_ssv02 .content .info{position:absolute; left:0; bottom:0; width:100%; padding:50px; box-sizing:border-box;} .product_ssv02 .content .info{color:#fff;} .product_ssv02 .content .info .con{margin-top:15px;} .product_ssv02 .nav_btn>div{width:58px; height:99px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-49px; background-color:rgba(255,255,255,.7);} .product_ssv02 .nav_btn .owl-prev {left:0;background-image:url(/assets/resources/web/img/product_ssv2_01.png) ; background-position:center; background-repeat:no-repeat;} .product_ssv02 .nav_btn .owl-next {right:0;background-image:url(/assets/resources/web/img/product_ssv2_02.png) ; background-position:center; background-repeat:no-repeat;} .product_ssv02 .nav_btn>div:hover{background-color:#fff;} .product_ssv02 .dots_btn{margin-top:40px; width:100%; text-align:center;} .product_ssv02 .dots_btn .owl-dot{width:10px; height:10px; margin:0 10px;border-radius:50%; display:inline-block; border:3px solid #444; cursor:pointer;} .product_ssv02 .dots_btn .owl-dot.active{background:#444;} .product_ssv03{margin:40px 0; position:relative;} .product_ssv03 .infor{width:60%; position:absolute; left:50%; transform:translateX(-50%); top:75px; color:#fff; z-index:2; text-align:center;} .product_ssv03 .infor .con{margin-top:15px;} .product_ssv03 .content{position:relative;} .product_ssv03 .content .item{display:none; position:relative;} .product_ssv03 .content .owl-item .item{display:block;} .product_ssv03 .nav_btn>div{width:58px; height:99px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-49px; background-color:rgba(255,255,255,.7);} .product_ssv03 .nav_btn .owl-prev {left:0;background-image:url(/assets/resources/web/img/product_ssv2_01.png) ; background-position:center; background-repeat:no-repeat;} .product_ssv03 .nav_btn .owl-next {right:0;background-image:url(/assets/resources/web/img/product_ssv2_02.png) ; background-position:center; background-repeat:no-repeat;} .product_ssv03 .nav_btn>div:hover{background-color:#fff;} .product_ssv03 .dots_btn{margin-top:40px; width:100%; text-align:center;} .product_ssv03 .dots_btn .owl-dot{width:10px; height:10px; margin:0 10px;border-radius:50%; display:inline-block; border:3px solid #444; cursor:pointer;} .product_ssv03 .dots_btn .owl-dot.active{background:#444;} .product_ssv03 .item .img_pc{display:block;} .product_ssv03 .item .img_mobile{display:none;} /* .product_ssv03 .item01 .lines{width:800px; height:500px; position:absolute; left:50%; transform:translateX(-50%); bottom:120px;} */ .product_ssv03 .item01 .lines{width:100%; height:100%; top:0; left:0; position:absolute;} .product_ssv03 .item01 .lines .line{position:absolute; } .product_ssv03 .item01 .lines .line01{top:28%; right:51%;} .product_ssv03 .item01 .lines .line02{top:64%; right:39%;} .product_ssv03 .item01 .lines .line03{top:32%; right:9%;} .product_ssv03 .item01 .lines .line04{top:55%; right:9%;} .product_ssv03 .item01 .lines .line .info{color:#fff; position:absolute; top:30px; width:356px;} .product_ssv03 .item01 .lines .line .info .t{font-size:24px; line-height:30px;} .product_ssv03 .item01 .lines .line .info .c{font-size:16px; line-height:30px;} .product_ssv03 .item01 .lines .line01{width:767px; height:180px; background:url(/assets/resources/web/img/product_ssv3_01.png) no-repeat center; background-size:contain;} .product_ssv03 .item01 .lines .line01 .info{left:0;} .product_ssv03 .item01 .lines .line02{width:994px; height:19px; background:url(/assets/resources/web/img/product_ssv3_02.png) no-repeat center; background-size:contain;} .product_ssv03 .item01 .lines .line02 .info{left:0;} .product_ssv03 .item01 .lines .line03{width:567px; height:157px; background:url(/assets/resources/web/img/product_ssv3_03.png) no-repeat center; background-size:contain;} .product_ssv03 .item01 .lines .line03 .info{right:0; text-align:right;} .product_ssv03 .item01 .lines .line04{width:698px; height:19px; background:url(/assets/resources/web/img/product_ssv3_04.png) no-repeat center; background-size:contain;} .product_ssv03 .item01 .lines .line04 .info{right:0; text-align:right;} .product_ssv03 .item02 .lines{width:800px; height:500px; position:absolute; left:50%; transform:translateX(-50%); bottom:120px;} .product_ssv03 .item02 .lines .line{position:absolute;} .product_ssv03 .item02 .lines .line .info{color:#fff; position:absolute; top:30px; width:356px;} .product_ssv03 .item02 .lines .line .info .t{font-size:24px; line-height:30px;} .product_ssv03 .item02 .lines .line .info .c{font-size:16px; line-height:30px;} .product_ssv03 .item02 .lines .line01{width:767px; height:180px; background:url(/assets/resources/web/img/product_ssv3_01.png) no-repeat center} .product_ssv03 .item02 .lines .line01 .info{left:0;} .product_ssv03 .item02 .lines .line02{width:994px; height:19px; background:url(/assets/resources/web/img/product_ssv3_02.png) no-repeat center} .product_ssv03 .item02 .lines .line02 .info{left:0;} .product_ssv03 .item02 .lines .line03{width:567px; height:157px; background:url(/assets/resources/web/img/product_ssv3_03.png) no-repeat center} .product_ssv03 .item02 .lines .line03 .info{right:0; text-align:right;} .product_ssv03 .item02 .lines .line04{width:698px; height:19px; background:url(/assets/resources/web/img/product_ssv3_04.png) no-repeat center} .product_ssv03 .item02 .lines .line04 .info{right:0; text-align:right;} .product_ssv04{height:960px; background:url(/assets/resources/web/img/product_ssv4_01.jpg) no-repeat center} .product_ssv04 .infor{padding:115px 15% 0; color:#fff; text-align:center;} .product_ssv04 .infor .con{margin-top:15px;} .product_ssv04 .content{margin-top:150px;} .product_ssv04 .content .list{width:27%; float:right;} .product_ssv04 .content .list .hd .item{width:50%; float:left; line-height:48px; color:#d62f2e; background:#fff; border:1px solid #d62f2e; text-align:center; cursor:pointer; box-sizing:border-box;} .product_ssv04 .content .list .hd .item.cur{color:#fff; background:#d62f2e;} .product_ssv04 .content .list .bd .item{display:none;} .product_ssv04 .content .list .bd .item.cur{display:block;} .product_ssv04 .content .list .bd .item .cell{width:48%; padding-left:2%; float:left;; color:#fff; margin-top:40px;} .product_ssv04 .content .list .bd .item .cell .line{width:45px; height:1px; background:#fff; background:rgba(255,255,255,.5);} .product_ssv04 .content .list .bd .item .cell .tit{font-size:24px; line-height:30px; margin:12px 0 3px;} .product_ssv04 .content .list .bd .item .cell .con{font-size:24px; line-height:30px;} .product_ssv04 .content .list .bd .item .cell .con span{font-weight:bold; font-size:30px;} .product_ssv05{padding:120px 0 40px;} .product_ssv05 .rect-67{padding-bottom:67%;} .product_ssv05 .content{position:relative;} .product_ssv05 .content .owl-carousel .owl-stage-outer{overflow:visible;} .product_ssv05 .content .item{opacity:0.2; transition:0.5s ease;} .product_ssv05 .content .owl-item.active .item{opacity:1;} .product_ssv05 .content .item a{display:block;} .product_ssv05 .content .item .intro .box{padding:40px 0; padding-right:77px;} .product_ssv05 .content .item .intro .box .t{font-size:24px; line-height:30px; color:#222; font-weight:bold;} .product_ssv05 .content .item .intro .box .c{font-size:18px; line-height:26px; height:78px; overflow:hidden; color:#000; margin-top:10px;} .product_ssv05 .content .item .intro .box .c{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .product_ssv05 .product_ssv05_btn>div{width:58px; height:99px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-49px; background-color:rgba(255,255,255,.7);} .product_ssv05 .product_ssv05_btn .owl-prev {left:0;background-image:url(/assets/resources/web/img/product_ssv2_01.png) ; background-position:center; background-repeat:no-repeat;} .product_ssv05 .product_ssv05_btn .owl-next {right:0;background-image:url(/assets/resources/web/img/product_ssv2_02.png) ; background-position:center; background-repeat:no-repeat;} .product_ssv05 .product_ssv05_btn>div:hover{background-color:#fff;} .product_ssv06 .item{background-image:url(/assets/resources/web/img/pro_index6_new1.jpg); background-repeat:no-repeat; background-size:cover;} .product_ssv06 .item_l{width:20%; float:left; color:#fff;} .product_ssv06 .item_l .t{font-size:30px; line-height:30px; font-weight:bold; text-transform:uppercase} .product_ssv06 .item_l .c{font-size:18px; line-height:30px; margin-top:15px; color:rgba(255,255,255,.7);} .product_ssv06 .item_r{width:79%; float:right;} .product_ssv06 .item_r li{width:32%; margin-right:2%; float:left; margin-bottom:2%;} .product_ssv06 .item_r li:nth-child(3n){margin-right:0;} .product_ssv06 .item_r li .txt{font-size:18px; color:#fff; text-transform:uppercase; margin-top:10px; text-align:center;} .product_ssv06 .item_r li .txt .icon{display:inline-block; width:31px; vertical-align:middle; margin-right:10px;} .product_ssv07 {height:auto; box-sizing:border-box; position:relative;} /* .product_ssv07 .img_box{position:absolute; left:0; top:0; width:100%; height:100%;} */ .product_ssv07 .img_box .img_{display:none; height:100%;} .product_ssv07 .img_box .img_.cur{display:block;} .product_ssv07 .img_box .img_ img{width:100%; height:100%; object-fit:cover;} .product_ssv07 .content{position:absolute; left:0; top:0; width:100%; z-index:3; padding-top:80px;} .product_ssv07 .content .left{width:27%; float:left;} .product_ssv07 .content .left .hd .item{width:50%; float:left; line-height:48px; color:#d62f2e; background:#fff; border:1px solid #d62f2e; text-align:center; cursor:pointer; box-sizing:border-box;} .product_ssv07 .content .left .hd .item.cur{color:#fff; background:#d62f2e;} .product_ssv07 .content .right{width:41%; float:right;} .product_ssv07 .content .right .list{display:none;} .product_ssv07 .content .right .list.cur{display:block;} .product_ssv07 .content .right .list dl{margin-bottom:20px;} .product_ssv07 .content .right .list dl dt{font-size:24px; line-height:49px; color:#fff; background:url(/assets/resources/web/img/jx/pro_new14_2.png) no-repeat center; text-align:center; margin-bottom:10px;} .product_ssv07 .content .right .list dl dd{font-size:16px; line-height:26px; color:#fff; position:relative; padding-left:22px; margin:10px 0;} .product_ssv07 .content .right .list dl dd i{content:''; width:8px; height:16px; background:url(/assets/resources/web/img/jx/pro_new14_3.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-8px;;} .product_ssv07 .content .right .list dl dd span{float:left; width:50%;} .product_ssv07 .content .right .list .btn_box>div{width:48%; margin-right:4%; float:left;} .product_ssv07 .content .right .list .btn_box>div:last-child{margin-right:0;} .product_ssv07 .content .right .list .btn_box>div a{width:auto;} .product_ssv09{background:url(/assets/resources/web/img/pro_list12_bg.jpg) no-repeat center center; background-size:cover; text-align:center;} .product_ssv09 a{font-size:0; position:relative;} .product_ssv09 .item{overflow:hidden; display: inline-block; *display: inline; *zoom:1; color:#fff; font-size:25px; padding:88px 0; position:relative; z-index:2;} .product_ssv09 .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;} .product_ssv09 .item .icon img{max-width:none; width:60px;} .product_ssv09 .item .t{float:right; line-height:60px;} .product_ssv09 a.link2:before{content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; background:url(/assets/resources/web/img/black.28.png) repeat;} .product_ssv09 a:after{content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:url(/assets/resources/web/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;} .product_ssv09 a:hover:after{opacity:1; visibility:visible;} .product_ssv09 a:hover .t{font-weight:bold;} .product_ssv09 a:hover .icon{width:60px; opacity:1; visibility:visible; margin-right:40px;} .product_ssv08 .content .item .rect-42{padding-bottom:42%;} .product_ssv08 .content .item .rect-53{padding-bottom:53%;} /* .pro_index6_new .content{position:relative;} .pro_index6_new .content .item{height:900px; padding-top:100px; box-sizing:b;;} .pro_index6_new .content .item .hd_l{width:38%; float:left;} .pro_index6_new .content .item .hd_l .t{font-size:30px; color:#fff;} .pro_index6_new .content .item .hd_l .c{font-size:18px; line-height:30px; color:#fff; margin-top:10px;} .pro_index6_new .content .item .hd_r{float:right; text-align:center; margin-top:50px;} .pro_index6_new .content .item .hd_r li{float:left; margin:0 20px; vertical-align:top;} .pro_index6_new .content .item .hd_r li .icon{width:70px; height:70px; margin:0 auto;} .pro_index6_new .content .item .hd_r li .text{font-size:12px; color:#fff; opacity:0.7;} .pro_index6_new .content .item .bd {margin-top:34px; font-size:0; text-align:center;} .pro_index6_new .content .item .bd li{ display:inline-block; width:16%; margin:0 2%; vertical-align:top;} .pro_index6_new .content .item .bd li .txt_{font-size:18px; line-height:22px; color:#fff; margin-top:15px; position:relative;display: inline-block;} .pro_index6_new .content .item .bd li .txt_ i{display: inline-block; width:30px; height:22px; background:url(/assets/resources/web/img/pro_index6_new5.png) no-repeat center; position:absolute; left: 0; top:0;} .pro_index6_new .content .owl-carousel .owl-dots{position:absolute; z-index:10; bottom:100px; left:0%; width:100%; text-align:center;} .pro_index6_new .content .owl-carousel .owl-dot{width:14px; height:14px; background:#808080; margin:0 10px;border-radius:50%; display:inline-block;} .pro_index6_new .content .owl-carousel .owl-dot.active{background:#fff;} .pro_index6_new .bd_l{width:200px; float:left;} .pro_index6_new .bd_l .btm{margin-top:40px;} .pro_index6_new .bd_l .qrcode{margin:0 auto; width:150px;} .pro_index6_new .bd_l .qrcode img{display:none;} .pro_index6_new .bd_l .qrcode img.cur{display:block;} .pro_index6_new .bd_l .btm a {font-size:14px; text-transform:capitalize; margin-top:14px;} .pro_index6_new .bd_l .btm a i{font-size:22px; margin-right:5px;} .pro_index6_new .bd_r{float:right; width:calc(100% - 260px);} */ /* 2023-1102 */ .morePageSlide.album_wrap_case4{overflow:hidden;} .product_ssv03 .item01 .lines .line .info .c{font-size:14px; line-height:22px; margin-top:10px;} /* 2023-1106 */ .index_new_pt6{background:#eee; padding-bottom:0; margin-bottom:90px;} .index_new_pt6>.mwrap{width:auto; margin:0 30px;} .index_new_pt6 .content .rect-3665{padding-bottom:36.65%;} .index_new_pt6 .content .rect-153{padding-bottom:156.5%;} .index_new_pt6 .content .left{width:49%; float:left;} .index_new_pt6 .content .right{width:49%; float:right;} .index_new_pt6 .content .cell{width:48.5%; margin-bottom:3%; float:left;} .index_new_pt6 .content .cell01{margin-right:3%;} /* .index_new_pt6 .content .cell03{width:100%;} */ .index_new_pt6 .content .cell04{margin-right:3%;} .index_new_pt6 .content .cell .intro{position:absolute; left:0; bottom:0; width:100%;} .index_new_pt6 .content .cell .intro .box{padding:40px 30px;} .index_new_pt6 .content .cell .intro .box .tit{font-size:18px; line-height:24px; text-transform:uppercase;} .index_new_pt6 .content .cell .intro .box .con{font-size:24px; line-height:30px; margin:25px 0 15px;} .index_new_pt6 .content .cell .intro .box .icon{width:20px; height:20px; background:url(/assets/resources/web/img/index_new_pt6_ico1.png) no-repeat center; display:inline-block;} .index_new_pt6 .content .cell.video .intro .box .icon{background:url(/assets/resources/web/img/index_new_pt6_ico2.png) no-repeat center;;} .product_ssv06 .item_l .c{font-size:16px; line-height:24px;} .pro_index6_new .content .item .hd_l .c{font-size:16px; line-height:24px;} .product_ssv03 .content .item02 .infor{width:23%; left:inherit; right:9%; top:45%; transform:translateY(-50%); text-align:left;} .index_new_pt_video .content{margin-top:20px; position:relative;} .index_new_pt_video .content .item {display:none;} .index_new_pt_video .content .owl-item .item{display:block;} .index_new_pt_video .content .item .rect-65{padding-bottom:65%;} .index_new_pt_video .content .item .rect-56{padding-bottom:56%;} .index_new_pt_video .content .item .li_box{display:block;} .index_new_pt_video .content .item .li_box .intro .t{font-size:24px; line-height:30px; color:#000; font-weight:bold; margin:35px 0 13px; text-transform:uppercase; transition:0.5s ease;} .index_new_pt_video .content .item .li_box .intro .c{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .index_new_pt_video .content .item .li_box .intro .more{font-size:16px; line-height:20px; margin-top:25px;;} .index_new_pt_video .content .item .li_box .intro .more i{display:inline-block; width:12px; height:14px; background:url(/assets/resources/web/img/index_new_pt_video_2.png) no-repeat center; transition:0.5s ease; margin-left:10px; vertical-align:middle;} .index_new_pt_video .content .item:hover .li_box .intro .t{color:#d62f2e;} .index_new_pt_video .content .item:hover .li_box .intro .more i{background:url(/assets/resources/web/img/index_new_pt3_3.png) no-repeat center;} .index_new_pt_video {margin:50px 0;} .index_new_pt_video .content .video_btns>div{width:20px; height:32px; z-index:2; font-size:0; cursor:pointer; transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-14px;;} .index_new_pt_video .content .video_btns .owl-prev {left:-60px;background:url(/assets/resources/web/img/index_new_pt1_04.png) no-repeat center;} .index_new_pt_video .content .video_btns .owl-next {right:-60px;background:url(/assets/resources/web/img/index_new_pt1_05.png) no-repeat center} .index_new_pt4{margin-top:50px;} .index_new_pt6 .content .left .cell{margin-right:3%} .index_new_pt6 .content .left .cell:nth-child(2n){margin-right:0} .index_new_pt1 .infor .tit{font-size:25px; line-height:40px; font-weight:normal;} .index_new_pt1 .content .item{opacity:0; visibility:hidden;transition:all 1.5s ease; transform:translateX(20px)} .index_new_pt1 .content .owl-item.active .item{opacity:1; visibility:visible; transform:translateX(0)} .index_new_pt1 .content .index_new_pt1_btn>div.disabled{display:none;} .index_new_pt1 .content .title_box{position:absolute; left:0; top:0; width:100%; height:100%} .index_new_pt1 .content .title_box .title{font-size:280px; color:#efefef; font-weight:bolder; text-align:center; position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; line-height:1.4;} .index_new_pt1 .content .content_box{position:relative;} .index_new_pt1 .content .title_box .title{opacity: 0;visibility: hidden;transition: 0.5s ease 0.3s;} .index_new_pt1 .content .title_box .title.cur{opacity: 1;visibility: visible;} /*.index_new_pt_video .infor .tit{float:none; font-size:25px; line-height:50px; color:#ccc; font-weight:bold; text-transform:uppercase;} */ .index_new_pt_video .infor .tit{font-size:25px; line-height:40px; font-weight:normal;color:#ccc; text-transform:uppercase;} .index_new_pt_video .infor .con {float:none; font-size:24px; line-height:30px; color:#000; margin-top:10px} .index_new_pt6 .infor .tit{width:49%; margin-right:2%} .index_new_pt6 .infor .con {float:left; width:49%; font-size:25px; line-height:50px; color:#ccc; font-weight:bold; text-transform:uppercase;} .index_new_pt6 .content .right .m_right_tit{display:none} .index_new_pt7 .content{margin:0 auto; width:85%;} .index_new_pt4{overflow:hidden; height:572px;} .index_new_pt4 .left {width:59%;} .index_new_pt4 .left>img{display:none;} /* .index_new_pt4 .left .appl_intro {position:absolute; z-index:1; top:0; left:0; overflow:hidden; width:100%; height:100%; pointer-events:none; -webkit-backface-visibility:hidden;} */ .index_new_pt4 .left .slide_body{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-transform:rotate(0deg);transform:rotate(0deg); -webkit-transform-origin:50% 50%;transform-origin:50% 50%;justify-content:flex-end;-webkit-backface-visibility:hidden;margin:0 auto;margin-right:0;} .index_new_pt4 .left .slide_rail{height:100%; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin-left:3%;} .index_new_pt4 .left .slide_rail:nth-child(odd) .slide_rail_inner ul:first-child{-webkit-animation:railDown1 800s -400s linear infinite; animation:railDown1 800s -400s linear infinite;} .index_new_pt4 .left .slide_rail:nth-child(odd) .slide_rail_inner ul:last-child{-webkit-animation:railDown2 800s linear infinite; animation:railDown2 800s linear infinite;} .index_new_pt4 .left .slide_rail_inner{position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .index_new_pt4 .left .slide_rail_inner ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} .index_new_pt4 .left .slide_rail_inner ul:first-child{-webkit-animation:railUp1 800s -400s linear infinite; animation:railUp1 800s -400s linear infinite;} .index_new_pt4 .left .slide_rail_inner ul:last-child{-webkit-animation:railUp2 800s linear infinite; animation:railUp2 800s linear infinite} .index_new_pt4 .left .slide_tile{margin-bottom:0.3rem; position:relative; width:100%; border-radius:.06rem; overflow:hidden;} @-webkit-keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @keyframes railUp1{ 0%{-webkit-transform:translateY(100%); transform:translateY(100%)} to{-webkit-transform:translateY(-100%); transform:translateY(-100%)} } @-webkit-keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @keyframes railUp2{ 0%{-webkit-transform:translateY(0); transform:translateY(0)} to{-webkit-transform:translateY(-200%); transform:translateY(-200%)} } @-webkit-keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @keyframes railDown1{ 0%{-webkit-transform:translateY(-100%); transform:translateY(-100%)} to{-webkit-transform:translateY(100%); transform:translateY(100%)} } @-webkit-keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } @keyframes railDown2{ 0%{-webkit-transform:translateY(-200%); transform:translateY(-200%)} to{-webkit-transform:translateY(0%); transform:translateY(0%)} } /* 2023-1216 */ .index_new_pt4{margin-bottom:100px;} .index_new_pt_video .content .item .rect-65:before{content:''; width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; left:0; top:0; z-index:2} .index_new_pt_video .content .item .rect-65:after{content:''; width:100px; height:50px; background:url(/assets/resources/web/img/index_new_pt_video_play.png) no-repeat center; background-size:cover;; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events:none; z-index:4;} .index_new_pt6 .content .cell .intro .box .tit{color:#fff} .index_new_pt6 .content .cell .intro .box .con{font-size:20px; margin:5px 0; color:#fff;} .footer .footer1 .channel_box .right{width:35%;} .footer .footer1 .right .f_form{margin-bottom:20px;} .footer .footer1 .right .f_form .content{margin:0 0%; position:relative;} .footer .footer1 .right .f_form .top{ cursor:pointer;} .footer .footer1 .right .f_form .top .t{color:#ccc; font-family:Arial; font-size:18px; line-height:30px; padding:10px 0; margin-bottom:0;} .footer .footer1 .right .f_form .top .icon{position:absolute; right:0; top:50%; transform:translateY(-50%) rotate(180deg); width:24px; height:24px; background:url(/assets/resources/web/img/f_form_jt.png) no-repeat center/cover; transition:all .3s ease-in-out; display:none;} .footer .footer1 .right .f_form .bott{font-size:0; height:auto; transition:all .3s ease-in-out;} .footer .footer1 .right .f_form .bott .content{margin:0;} .footer .footer1 .right .f_form .bott .form_box{font-size:0;} .footer .footer1 .right .f_form .bott .form_box>div{display:inline-block; vertical-align:bottom;} .footer .footer1 .right .f_form .bott .inp_box{width:calc(100% - 140px); margin-right:1.8%; padding-top:35px; margin-right:10px;} .footer .footer1 .right .f_form .bott .inp_box label{display:inline-block; font-size:16px; line-height:20px; color:#222222; font-weight:bold; margin-bottom:10px; width:80px;} .footer .footer1 .right .f_form .bott .inp_box .footer_inp{line-height:30px; padding:10px; margin:0; border:0; background:#f7f7f7; width:100%; box-sizing:border-box; font-size:16px; width:calc(100% - 100px);} .footer .footer1 .right .f_form .bott .btns_box{width:130px;} .footer .footer1 .right .f_form .bott .btns_box .link{display:block; width:100%; text-align:center; color:#fff; line-height:50px; border:none; padding:0; font-size:16px; user-select:none; background:#da291c; cursor:pointer;} .footer .footer1 .right .f_form .bott .btns_box .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;} .footer .footer1 .right .f_form .bott .btns_box .link:hover img{transform:translateX(10px);} .footer .footer1 .right .f_form .top.cur .icon{transform:translateY(-50%) rotate(0);} .footer .footer1 .right .f_form .bott.cur{height:115px;} /* 2023-1225 */ .index_region{padding-top:60px;} .index_region .infor {text-align:center;} .index_region .infor .tit{font-size:36px; line-height:40px; color:#000; font-weight:bold;} .index_region .content{} .index_region .content .hd{padding:0 10%;} .index_region .content .hd .item{width:17%;margin: 0px -0.5%;float:left;cursor:pointer;position:relative;} .index_region .content .hd .item:after{content:''; width:100%; height:1px; background:#000; position:absolute; left:0; bottom:0; opacity:0; visibility:hidden; transition:0.5s ease;} .index_region .content .hd .item:before{content:''; border-top:10px solid #000; border-right:10px solid transparent; position:absolute; left:0; top:100%; border-bottom:10px solid transparent; border-left:10px solid #000;opacity:0; visibility:hidden; transition:0.5s ease} .index_region .content .hd .item .txt{font-size:16px; font-weight:bold; color:#999; text-align:center; padding-bottom:10px;} .index_region .content .hd .item img{opacity:0.5; transition:0.5s ease;} .index_region .content .hd .item:hover img{opacity:1;} .index_region .content .hd .item.cur img{opacity:1;} .index_region .content .hd .item.cur:after{opacity:1; visibility:visible;} .index_region .content .hd .item.cur:before{opacity:1; visibility:visible;} .index_region .content .bd{margin-top:60px;} .index_region .content .bd .cell{display:none;} .index_region .content .bd li{width:16.6%;float:left;line-height:40px;font-size:16px;padding: 0px 20px;line-height: 40px;} .index_region .content .bd li a{display:block;} .index_region .content .bd li a img{vertical-align:-1px;height: 17.55px;margin-right:20px;width: 27.3px;} /* 官网 产品下拉改版 */ .pageHeader .con .channel .item.active .pro_nav_down{display:block; height:calc(100vh - 60px)} .pro_nav_down{position:absolute; top:100%; left:0; right:0; overflow:hidden; background-color:#ffffff; text-align:left; box-shadow: 0px 2px 6px 0px rgba(27, 27, 27, 0.07); display:none; height:0; transition:all 0.4s ease-in-out; font-family:'s_light';} .pro_nav_down .wrap{height:100%;} .pro_nav_down .content{height:100%; padding:0 5%;} .pro_nav_down .nav_left{width:16%; height:100%; padding-top:50px; box-sizing:border-box; position:relative;} .pro_nav_down .nav_left::before{position:absolute; content:''; top:0; right:0; min-width:1000px; height:100%; background-color:#f5f5f5;} .pro_nav_down .nav_left .left_ul .left_tab{padding:25px 0; line-height:32px; font-size:21px; color:#222222; font-weight:bold; transition:all .3s ease; position:relative;} .pro_nav_down .nav_left .left_ul .left_tab::after{content:''; position:absolute; top:50%; right:42px; transform:translate(-25px, -50%); background:url(/assets/resources/web/img/pro_nav_icon01.png) no-repeat center/contain; width:12px; height:14px; z-index:2; opacity:0; visibility: hidden; transition:all .3s ease;} .pro_nav_down .nav_left .left_ul .left_tab a{display:block; position:relative;} .pro_nav_down .nav_left .left_ul .left_tab.select{color:#df201f;} .pro_nav_down .nav_left .left_ul .left_tab.select::after{opacity:1; visibility:visible; transform:translate(0, -50%);} .pro_nav_down .nav_right{width:84%; height:100%; padding-top:80px; box-sizing:border-box;} .pro_nav_down .nav_right .rect-7727{padding-bottom:77.27%;} .pro_nav_down .nav_right .nav_rc_title{white-space:nowrap;position:relative;line-height:1;font-size:20px;font-weight:bold;color:#222222;padding-bottom:18px;margin-bottom:45px;display:inline-block;font-family: Arial;} .pro_nav_down .nav_right .nav_rc_title::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#df201f;} .pro_nav_down .nav_right .nav_rc_box{height:100%; width:calc(100% - 250px); padding-left:6.8%; padding-right:5.4%; box-sizing:border-box;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item{display:none;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item.negtive{display:block;height:100%;overflow-y: auto;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item::-webkit-scrollbar{width:5px;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item::-webkit-scrollbar-thumb{background:#555; border-radius:10px;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item::-webkit-scrollbar-track{background:#f1f1f1; border-radius:10px; } .pro_nav_down .nav_right .nav_rc_box .nav_rc_item::-webkit-scrollbar-thumb:hover{background:#222;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item .add_nav_box{height:calc(100% - 7rem); overflow-y:auto;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item .add_nav_box::-webkit-scrollbar{width:5px;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item .add_nav_box::-webkit-scrollbar-thumb{background:#555; border-radius:10px;} .pro_nav_down .nav_right .nav_rc_box .nav_rc_item .add_nav_box::-webkit-scrollbar-track{background:#f1f1f1; border-radius:10px; } .pro_nav_down .nav_right .nav_rc_box .nav_rc_item .add_nav_box::-webkit-scrollbar-thumb:hover{background:#222;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li{width:25.2%; margin-right:12.2%; margin-bottom:45px; float:left;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li:nth-child(3n){margin-right:0;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .img_box{margin-bottom:5px;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .con{line-height:30px; font-size:20px; font-weight:bold; color:#222222; transition:all .3s ease; text-align:center;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li:hover .con{color:#df201f;} .pro_nav_down .nav_right .nav_rr{width:230px; box-sizing:border-box; margin-left:20px;} .pro_nav_down .nav_right .nav_rr .nav_rr_tab .nav_rr_item{height:68px; box-sizing:border-box; color:#222222; transition:all .3s ease; position:relative; padding:22px 0; padding-left:15px; padding-right:15px; display:flex; align-items:center; justify-content:space-between; cursor:pointer;} .pro_nav_down .nav_right .nav_rr .nav_rr_tab .nav_rr_item:hover{background-color:#f6f6f6;} .pro_nav_down .nav_right .nav_rr .nav_rr_tab .nav_rr_item div{display:inline-block; vertical-align:middle;} .pro_nav_down .nav_right .nav_rr .nav_rr_tab .nav_rr_item .icon02{margin-right:8px; width:8px; height:14px; background:url(/assets/resources/web/img/pro_nav_icon02.png) no-repeat center/contain;} .pro_nav_down .nav_right .nav_rr .nav_rr_tab .nav_rr_item .icon01{width:24px; height:24px; margin-right:10px;} .pro_nav_down .nav_right .nav_rr .nav_rr_tab .nav_rr_item .icon01 img{width:100%; height:100%; object-fit:contain;} .pro_nav_down .nav_right .nav_rr .nav_rr_tab .nav_rr_item .tit{width:calc(100% - 40px); line-height:24px; font-size:15px;} .pro_nav_down .nav_right .nav_rc_box{padding-right:0;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li{width:33.3%; margin-right:0; margin-bottom:10px;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li:nth-child(3n){margin-right:0;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .con{max-height:60px; height:60px;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .img_box{padding:0 19%;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .con{line-height:24px; font-size:16px;} .pro_nav_down .nav_left .left_ul .left_tab a.img_box{width:116px;} .pro_nav_down .nav_left .left_ul .left_tab a.img_box img{width:100%;} .pro_nav_down .nav_right .nav_rc_box{padding-left:1.2%; padding-right:5.6%;} .pro_nav_down .nav_right .nav_rc_title{margin-left:7%;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li{width:25%; margin-bottom:20px;} .pro_nav_down .nav_right .tit_twice{margin-bottom:20px; font-size:18px; line-height:1; padding-left:20px; position:relative; padding-right:50px; margin-left:7%;font-family: Arial;font-weight:bold;} .pro_nav_down .nav_right .tit_twice::before{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:2px; height:18px; background-color:#da291c; border-radius:5px;} .pro_nav_down .nav_right .tit_twice::after{content:''; position:absolute; top:50%; margin-left:15px; transform:translateY(-50%); width:8px; height:14px; background:url(/assets/resources/web/img/pro_nav_icon02.png) no-repeat center/contain;} .pro_nav_down .nav_left .left_ul .left_tab{font-size:0;} .pro_nav_down .nav_left .left_ul .left_tab a{display:inline-block; vertical-align:middle;} .pro_nav_down .nav_left .left_ul .left_tab a.text_box{font-size:16px; line-height:36px; margin-right:10px;} .pro_nav_down .nav_left .left_ul .left_tab a.img_box{width:auto; height:36px;} .pro_nav_down .nav_left .left_ul .left_tab a.img_box img{width:auto; height:100%;} .pro_nav_down .nav_left .left_ul .left_tab a.all_box{font-size:24px; padding-left:60px;} /* .pro_nav_down .nav_left .left_ul .left_tab:nth-child(2) a.text_box{font-size:14px;} */ /* .pro_nav_down .nav_left .left_ul .left_tab:nth-child(3) a.text_box{font-size:14px;} */ .pageHeader .con .sec_channel_list{font-size:14px; padding:0; line-height:22px; text-align:left; width:160px;} .pageHeader .con .sec_channel_list li{border:none; padding:11px 10px; line-height:22px;} .pageHeader .con .sec_channel_list li:hover{background-color:#f6f6f6; color:#da291c;} .pageHeader .con .channel .sec_channel_list{margin-top:0; background:transparent; font-family:'s_light'; font-weight:bold;} .pageHeader .con .channel .sec_channel_list ul{background:#ffffff; padding:4px 0; margin-top:2px; border-radius:4px;} .pageHeader .con .channel .item:hover{font-weight:bold; color:#da291c;} .pageHeader .con .active .sec_channel_list{animation: fullInDown 1s forwards;} @keyframes fullInDown { 0% { opacity: 0; } 100% { opacity: 1; } } .pro_index3 .content ul{text-align:center;} .pageHeader .con .channel{width:66%;} .pageHeader .con .right .fun2{margin-left:0;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .con span{position:relative;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .con span::after{content:''; width:16px; height:20px; background:url(/assets/resources/web/img/jx/hot.png) no-repeat center; position:absolute; top:0; right:0; display:none; transform:translateX(calc(100% + 10px));} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li.hot .con span::after{display:block;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .img_box{position:relative;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li .img_box::after{content:''; width:29px; height:20px; background:url(/assets/resources/web/img/jx/new.png) no-repeat center; position:absolute; top:0; right:22px; display:none;} .pro_nav_down .nav_right .nav_rc_box .pro_nav_li.new .img_box::after{display:block;} .pageHeader .con .sec_channel_list li{text-align:center;} .pageHeader .con .fun1 .sec_channel_list{margin-top:0; background:transparent; font-family:'s_light'; font-weight:bold;} .pageHeader .con .fun1 .sec_channel_list ul{background:#ffffff; padding:4px 0; margin-top:2px; border-radius:4px;} .pageHeader .con .fun1 .item:hover{font-weight:bold; color:#da291c;}