/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } body{ background-size:100% auto; } body{ background-position:left top; } #searchbox_style_02_1557027208054{width:39.08333333333333%;position:absolute;top:52px;left:29.166666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#searchbox_style_02_1557027208054{left:29.166666666666668%;top:39.99666666666667px;width:39.08333333333333%;}} @media screen and (max-width:640px) {#searchbox_style_02_1557027208054{display:none;}} #searchbox_style_02_1557027208054 > .view_contents{overflow:visible;} #searchbox_style_02_1557027208054 .btnaSet {background:#252b5b;color:#ffffff;font-size:14px;height:44px;border-color:#e8e8e8;} #searchbox_style_02_1557027208054 .inputSet {font-size:14px;height:44px;border-color:#e8e8e8;border-radius:initial;color:#333333;} #searchbox_style_02_1557027208054 .kwSet {font-family:Microsoft YaHei;color:#999999;font-size:14px;font-weight:normal;} #text_default_1557028781239{width:33.916666666666664%;height:99px;position:absolute;left:0%;top:0px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1557028781239{display:none;}} @media screen and (max-width:640px) {#text_default_1557028781239{width:33.916666666666664%;top:0px;left:0%;height:29.2875px;}} @media screen and (max-width:640px) { #text_default_1557028781239>.view_contents {font-size:12px;}} #clock_style_1_1557998079347{width:19.083333333333332%;position:absolute;left:76.41666666666667%;top:11px;} @media screen and (min-width:641px) and (max-width:1200px) {#clock_style_1_1557998079347{left:69.59078407494245%;width:25.893824485373777%;top:8.460833333333333px;}} @media screen and (max-width:640px) {#clock_style_1_1557998079347{width:62.81690140845071%;top:41.25px;left:0%;}} #image_style_01_1558000211794{width:3.3333333333333335%;height:23px;position:absolute;left:95.5%;top:11px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1558000211794{left:95.5%;width:3.3333333333333335%;top:8.460833333333333px;height:17.690833333333334px;}} @media screen and (max-width:640px) {#image_style_01_1558000211794{width:3.3333333333333335%;height:6.804166666666667px;top:3.254166666666667px;left:95.5%;}} #image_style_01_1558000211794 > .view_contents{overflow:visible;} #image_style_01_1557027588238{width:50px;height:44px;position:absolute;left:76.41666666666667%;top:52px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557027588238{left:76.41666666666667%;width:38.458333333333336px;top:39.99666666666667px;height:33.843333333333334px;}} @media screen and (max-width:640px) {#image_style_01_1557027588238{display:none;}} #image_style_01_1557027588238 > .view_contents{overflow:visible;} #text_style_01_1557027153278{width:15.833333333333332%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:52px;left:81%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557027153278{width:15.833333333333332%;left:80.33333333333333%;top:49.22666666666667px;}} @media screen and (max-width:640px) {#text_style_01_1557027153278{width:96%;font-size:12px;color:#333;line-height:1.6;top:226.35199999999998px;left:2%;display:none;}} #text_style_01_1557027153278>.view_contents {color:#000000;font-size:18px;line-height:20px;font-weight:bold;text-align:left;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557027153278>.view_contents {font-size:12.306666666666667px;line-height:18px;}} @media screen and (max-width:640px) { #text_style_01_1557027153278>.view_contents {font-size:18px;}} #div_a_includeBlock_1557026968572{width:1200px;height:102px;position:absolute;top:10px;left:-0.013888994852701822%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1557026968572{width:923px;left:10px;height:85.22666666666666px;top:10px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1557026968572{width:355px;height:86.25416666666666px;top:10px;left:10px;}} #div_blank_new01_1557028140246{width:99%;height:60px;position:absolute;top:120px;left:0.5%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new01_1557028140246{height:46.61616161616161px;top:105.22666666666666px;left:10px;width:923px;}} @media screen and (max-width:640px) {#div_blank_new01_1557028140246{width:355px;height:17.92929292929293px;top:106.25416666666666px;left:10px;}} #div_blank_new01_1557028140246 {box-sizing:border-box;} #div_blank_new01_1557028140246 .modSet {background:#252b5b;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1557028140246 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new01_1557028140246 {box-sizing:border-box;}} #banner_style_01_1557028704796{width:98.83333333333333%;height:463px;position:absolute;top:180px;left:0.6527776718139648%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1557028704796{top:161.8428282828283px;left:10px;width:923px;height:360.3279932546374px;}} @media screen and (max-width:640px) {#banner_style_01_1557028704796{width:355px;height:138.5876897133221px;top:124.25px;left:calc(50% - 177.5px);}} #banner_style_01_1557028704796>.view_contents {font-size:39px;} #text_default_1557916780983{width:42.833333333333336%;height:225px;position:absolute;left:4.180555661519369%;top:180px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1557916780983{top:176.88078319544817px;left:22.719461424957842px;width:527px;height:149px;}} @media screen and (max-width:640px) {#text_default_1557916780983{width:355px;top:134.64584350585938px;left:calc(50% - 177.5px);height:64px;}} #text_default_1557916780983>.view_contents {font-size:45px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_default_1557916780983>.view_contents {font-size:12px;}} @media screen and (max-width:640px) { #text_default_1557916780983>.view_contents {font-size:12px;}} #comm_layout_header{height:647px;z-index:99999;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:522.1708215374657px;}} @media screen and (max-width:640px) {#comm_layout_header{height:288px;}} #comm_layout_header > .view_contents{overflow:visible;max-width:1200px;} #layout_diy_1557024673{height:25px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1557024673{height:22px;}} @media screen and (max-width:640px) {#layout_diy_1557024673{height:15px;}} #layout_diy_1557024673 > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1557038685274{width:30.98827470686767%;height:269px;position:absolute;top:0px;left:2.4444444444444446%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557038685274{left:0%;top:0px;width:364px;}} @media screen and (max-width:640px) {#image_style_01_1557038685274{width:36.056338028169016%;height:96px;top:10px;left:3.943661971830986%;}} #image_style_01_1557038685274 > .view_contents{overflow:visible;} #text_default_1557917640017{width:64.57286432160804%;height:268px;position:absolute;left:34.169983344661134%;top:7px;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1557917640017{width:48.14422057264051%;display:none;}} @media screen and (max-width:640px) {#text_default_1557917640017{width:55.774647887323944%;top:2.5px;left:41.55223013649524%;height:109px;}} @media screen and (max-width:640px) { #text_default_1557917640017>.view_contents {font-size:5px;line-height:8px;}} #text_style_01_1557039336288{width:38.77721943048576%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:284.3333435058594px;left:3.616171346437592%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557039336288{}} @media screen and (max-width:640px) {#text_style_01_1557039336288{width:96%;font-size:12px;color:#333;line-height:1.6;top:155.5px;left:2%;}} #text_style_01_1557039336288>.view_contents {line-height:30px;color:#252b5b;border-width:2px;border-style:solid;border-top:none !important;border-right:none !important;border-bottom:none !important;border-color:#252b5b;padding-left:12px;font-size:25px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557039336288>.view_contents {font-size:14px;}} @media screen and (max-width:640px) { #text_style_01_1557039336288>.view_contents {font-size:12px;}} #div_a_includeBlock_1557039336193{width:97.98994974874373%;height:46.666656494140625px;position:absolute;top:275.0000002384186px;left:1.0058973302793264%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1557039336193{}} @media screen and (max-width:640px) {#div_a_includeBlock_1557039336193{width:100%;height:24px;top:121.5px;left:0%;}} #div_a_includeBlock_1557039336193 {border-width:1px;border-style:solid;border-top:none !important;border-right:none !important;border-left:none !important;border-color:#252b5b;} #div_a_includeBlock_1557035716509{width:1194px;height:379px;position:absolute;top:40px;left:0.23611100514729816%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1557035716509{width:904px;left:calc(50% - 452px);top:34px;height:321px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1557035716509{width:354.99999999999994px;height:185.5px;top:46px;left:10px;}} #div_a_includeBlock_1557035716509 {border-width:1px;border-style:solid;border-top:none !important;border-right:none !important;border-left:none !important;border-color:#252b5b;} #text_style_01_1557035940377{width:49.642857142857146%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:0%;left:20px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557035940377{width:60%;left:16px;}} @media screen and (max-width:640px) {#text_style_01_1557035940377{width:49.642857142857146%;font-size:12px;color:#333;line-height:1.6;top:0%;left:20.000003814697266px;}} #text_style_01_1557035940377>.view_contents {line-height:20px;color:#252b5b;border-width:2px;border-style:solid;border-top:none !important;border-right:none !important;border-bottom:none !important;border-color:#252b5b;padding-left:12px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557035940377>.view_contents {font-size:14px;}} @media screen and (max-width:640px) { #text_style_01_1557035940377>.view_contents {font-size:14px;}} #div_a_includeBlock_1557035940282{width:280px;height:35px;position:absolute;top:-2px;left:1.3333349227905273%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1557035940282{top:2.0000038146972656px;left:2.1672852598091197%;width:207px;height:32px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1557035940282{width:342px;height:28px;top:10px;left:3.5999999999999996%;}} #div_a_includeBlock_1557035940282 {border-width:1px;border-style:solid;border-top:none !important;border-right:none !important;border-left:none !important;border-color:#252b5b;} #text_style_01_1557972988017{width:94.16666666666667%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:364.0000228881836px;left:5.000000317891439%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557972988017{}} @media screen and (max-width:640px) {#text_style_01_1557972988017{width:355px;font-size:12px;color:#333;line-height:1.6;top:273.7708435058594px;left:calc(50% - 177.5px);}} @media screen and (max-width:640px) { #text_style_01_1557972988017>.view_contents {font-size:12px;}} #banner_style_04_1557998690815{width:98.16666666666667%;height:280px;position:absolute;top:429.66668701171875px;left:0.8750000000000001%;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_04_1557998690815{}} @media screen and (max-width:640px) {#banner_style_04_1557998690815{width:100%;height:300px;top:358.7708435058594px;left:0%;}} #layout_1557028301243{height:727px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1557028301243{height:709.666748046875px;}} @media screen and (max-width:640px) {#layout_1557028301243{height:693.5px;}} #layout_1557028301243 > .view_contents{overflow:visible;max-width:1200px;} #text_style_01_1557920819875{width:39.58333333333333%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:13.66668701171875px;left:3.013888994852702%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557920819875{}} @media screen and (max-width:640px) {#text_style_01_1557920819875{width:96%;font-size:12px;color:#333;line-height:1.6;top:10px;left:2%;}} #text_style_01_1557920819875>.view_contents {line-height:30px;color:#252b5b;border-width:2px;border-style:solid;border-top:none !important;border-right:none !important;border-bottom:none !important;border-color:#252b5b;padding-left:12px;font-size:25px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557920819875>.view_contents {font-size:14px;}} @media screen and (max-width:640px) { #text_style_01_1557920819875>.view_contents {font-size:14px;}} #text_style_01_1557921165520{width:39.58333333333333%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:63.65625px;left:10.776909828186035%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557921165520{}} @media screen and (max-width:640px) {#text_style_01_1557921165520{width:96%;font-size:12px;color:#333;line-height:1.6;top:40px;left:2%;}} #text_style_01_1557921165520>.view_contents {line-height:20px;color:#252b5b;border-width:2px;border-style:solid;border-top:none !important;border-right:none !important;border-bottom:none !important;border-color:#252b5b;padding-left:12px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557921165520>.view_contents {font-size:14px;}} @media screen and (max-width:640px) { #text_style_01_1557921165520>.view_contents {font-size:14px;}} #image_style_11_1557998974444{width:85.16666666666667%;position:absolute;top:107.66667175292969px;left:7.402777671813965%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1557998974444{}} @media screen and (max-width:640px) {#image_style_11_1557998974444{width:96%;top:70px;left:2%;}} #image_style_11_1557998974444 > .view_contents{overflow:visible;} #layout_1557920812222{height:316.6666717529297px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1557920812222{height:300px;}} @media screen and (max-width:640px) {#layout_1557920812222{height:565px;}} #layout_1557920812222 > .view_contents{overflow:visible;max-width:1200px;} /*----------------------电脑板式样式----------------------*/ #layout_1557920812222{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #layout_1557920812222{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #layout_1557920812222{ } } #layout_1557281199832{height:21px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1557281199832{height:41px;}} @media screen and (max-width:640px) {#layout_1557281199832{height:21px;}} #layout_1557281199832 > .view_contents{overflow:visible;max-width:1200px;} #text_style_01_1557035147286{width:29.666666666666668%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:12.000007629394531px;left:4.833333333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557035147286{}} @media screen and (max-width:640px) {#text_style_01_1557035147286{width:96%;font-size:12px;color:#333;line-height:1.6;top:0px;left:2%;}} #text_style_01_1557035147286>.view_contents {line-height:28px;color:#252b5b;border-width:2px;border-style:solid;border-top:none !important;border-right:none !important;border-bottom:none !important;border-color:#252b5b;padding-left:12px;font-size:25px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557035147286>.view_contents {font-size:14px;}} @media screen and (max-width:640px) { #text_style_01_1557035147286>.view_contents {font-size:14px;}} #productList_style_22_1596166432339{width:1080px;left:4.152777671813965%;top:74px;position:absolute;} @media screen and (min-width:641px) and (max-width:1200px) {#productList_style_22_1596166432339{width:92%;}} @media screen and (max-width:640px) {#productList_style_22_1596166432339{width:96%;left:2%;top:38px;}} #productList_style_22_1596166432339 > .view_contents{overflow:visible;} #layout_1557028299538{height:315px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1557028299538{height:759px;}} @media screen and (max-width:640px) {#layout_1557028299538{height:951px;}} #layout_1557028299538 > .view_contents{overflow:visible;max-width:1200px;} #layout_1557028299538 {background:#f6f6f6;} #div_blank_new01_1557106374881{width:100%;height:1px;position:absolute;top:60px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new01_1557106374881{top:24px;}} @media screen and (max-width:640px) {#div_blank_new01_1557106374881{width:100%;height:1px;top:20px;left:0%;}} #div_blank_new01_1557106374881 {box-sizing:border-box;} #div_blank_new01_1557106374881 .modSet {background:#252b5b;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1557106374881 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new01_1557106374881 {box-sizing:border-box;}} #banner_style_04_1557106543358{width:1200px;height:82px;position:absolute;top:80px;left:calc(50% - 600px);} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_04_1557106543358{width:96%;left:2%;top:41px;height:72px;}} @media screen and (max-width:640px) {#banner_style_04_1557106543358{width:100%;height:65px;top:40px;left:0%;}} #text_style_01_1557999259919{width:30.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:18px;left:0.9861110051472981%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557999259919{}} @media screen and (max-width:640px) {#text_style_01_1557999259919{width:96%;font-size:12px;color:#333;line-height:1.6;top:0px;left:2%;}} #layout_1557106351599{height:182px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1557106351599{height:129px;}} @media screen and (max-width:640px) {#layout_1557106351599{height:125px;}} #layout_1557106351599 > .view_contents{overflow:visible;max-width:1200px;} #layout_1557998311232{height:42px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1557998311232{}} @media screen and (max-width:640px) {#layout_1557998311232{}} #layout_1557998311232 > .view_contents{overflow:visible;max-width:1200px;} #layout_1557998638081{height:17px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1557998638081{}} @media screen and (max-width:640px) {#layout_1557998638081{}} #layout_1557998638081 > .view_contents{overflow:visible;max-width:1200px;} #div_blank_new01_1557108840786{width:100%;height:1px;position:absolute;top:180px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new01_1557108840786{top:159px;left:0%;}} @media screen and (max-width:640px) {#div_blank_new01_1557108840786{width:96%;height:50px;top:324px;left:2%;display:none;}} #div_blank_new01_1557108840786 {box-sizing:border-box;} #div_blank_new01_1557108840786 .modSet {background:#3b416c;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1557108840786 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new01_1557108840786 {box-sizing:border-box;}} #text_style_01_1557108911029{width:51.16666666666667%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:223px;left:24.416666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557108911029{width:592px;left:18.61081654294804%;top:202px;}} @media screen and (max-width:640px) {#text_style_01_1557108911029{width:100%;font-size:12px;color:#333;line-height:1.6;top:94px;left:0%;}} #text_style_01_1557108911029>.view_contents {font-size:14px;line-height:16px;color:#999999;text-align:center;} @media screen and (max-width:640px) { #text_style_01_1557108911029>.view_contents {font-size:12px;line-height:14px;}} #text_style_01_1557026879596{width:41.25%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:13px;left:3.4166669845581055%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557026879596{}} @media screen and (max-width:640px) {#text_style_01_1557026879596{width:96.26666666666667%;font-size:12px;color:#333;line-height:1.6;top:6px;left:2%;}} #text_style_01_1557026879596>.view_contents {font-size:18px;line-height:20px;color:#ffffff;font-weight:bold;} @media screen and (max-width:640px) { #text_style_01_1557026879596>.view_contents {font-size:16px;line-height:18px;}} #text_style_01_1557026935581{width:47.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:64px;left:3.4166669845581055%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557026935581{left:2.0004861048903724%;top:92px;}} @media screen and (max-width:640px) {#text_style_01_1557026935581{width:96%;font-size:12px;color:#333;line-height:1.6;top:60px;left:2%;}} #text_style_01_1557026935581>.view_contents {font-size:15px;line-height:26px;color:#ffffff;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557026935581>.view_contents {font-size:20px;line-height:22px;}} @media screen and (max-width:640px) { #text_style_01_1557026935581>.view_contents {font-size:16px;line-height:18px;}} #image_style_01_1557107564977{width:20px;height:20px;position:absolute;top:126px;left:3.4166669845581055%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557107564977{left:1.9999337221633087%;top:48px;}} @media screen and (max-width:640px) {#image_style_01_1557107564977{width:20px;height:20px;top:38px;left:47.333333333333336%;display:none;}} #image_style_01_1557107564977 > .view_contents{overflow:visible;} #text_style_01_1557107662167{width:16.583333333333332%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:126px;left:7.250000317891439%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557107662167{top:50px;left:4.786916755037115%;}} @media screen and (max-width:640px) {#text_style_01_1557107662167{width:96%;font-size:12px;color:#333;line-height:1.6;top:214px;left:2%;display:none;}} #text_style_01_1557107662167>.view_contents {color:#ffffff;line-height:18px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557107662167>.view_contents {font-size:14px;line-height:16px;}} #text_style_01_1557108036459{width:20%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:126px;left:30.833334922790527%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557108036459{top:50px;left:46.91145281018028%;width:213px;}} @media screen and (max-width:640px) {#text_style_01_1557108036459{width:96%;font-size:12px;color:#333;line-height:1.6;top:128px;left:2%;display:none;}} #text_style_01_1557108036459>.view_contents {color:#ffffff;line-height:18px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557108036459>.view_contents {font-size:14px;line-height:16px;}} #image_style_01_1557107798719{width:20px;height:20px;position:absolute;top:126px;left:26.66666825612386%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557107798719{top:48px;left:41.77381691472527%;}} @media screen and (max-width:640px) {#image_style_01_1557107798719{width:20px;height:20px;top:98px;left:47.333333333333336%;display:none;}} #image_style_01_1557107798719 > .view_contents{overflow:visible;} #image_style_01_1557107804709{width:20px;height:20px;position:absolute;top:126px;left:61.25000158945719%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557107804709{top:48px;left:70.72010869565217%;}} @media screen and (max-width:640px) {#image_style_01_1557107804709{width:20px;height:20px;top:156px;left:47.333333333333336%;display:none;}} #image_style_01_1557107804709 > .view_contents{overflow:visible;} #text_style_01_1557108042246{width:19.75%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:126px;left:66.08333492279053%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557108042246{width:251px;left:71.381230116649%;top:50px;}} @media screen and (max-width:640px) {#text_style_01_1557108042246{width:96%;font-size:12px;color:#333;line-height:1.6;top:186px;left:2%;display:none;}} #text_style_01_1557108042246>.view_contents {color:#ffffff;line-height:18px;text-align:right;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557108042246>.view_contents {font-size:14px;line-height:16px;}} #text_style_01_1557990348631{width:47.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:38px;left:3.4166669845581055%;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1557990348631{display:none;}} @media screen and (max-width:640px) {#text_style_01_1557990348631{width:96%;font-size:12px;color:#333;line-height:1.6;top:34px;left:2%;display:block;}} #text_style_01_1557990348631>.view_contents {font-size:15px;line-height:26px;color:#ffffff;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1557990348631>.view_contents {font-size:20px;line-height:22px;}} @media screen and (max-width:640px) { #text_style_01_1557990348631>.view_contents {font-size:16px;line-height:18px;}} #copyright_style_01_1657611378692{width:83.33333333333334%;position:absolute;top:192.34375px;left:9.791666666666666%;} @media screen and (min-width:641px) and (max-width:1200px) {#copyright_style_01_1657611378692{}} @media screen and (max-width:640px) {#copyright_style_01_1657611378692{width:100%;top:0px;left:0%;}} #copyright_style_01_1657611378692 > .view_contents{overflow:visible;} #comm_layout_footer{height:275px;z-index:99999;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:243px;}} @media screen and (max-width:640px) {#comm_layout_footer{height:123px;}} #comm_layout_footer > .view_contents{max-width:1200px;overflow:visible;} #comm_layout_footer {background:#252b5b;} .searchStyle_2{position: relative; min-width: 200px;} .searchStyle_2 *{box-sizing: border-box; transition:all ease .2s; -webkit-transition:all ease .2s; -moz-transition:all ease .2s; -o-transition:all ease .2s; -webkit-appearance:none ;-moz-appearance:none ;appearance: none;} .searchStyle_2 .searchForm{width: 100%; border-radius: 0;box-sizing: border-box; position: relative;} .searchStyle_2 .searchForm .search-btn{width:60px; text-align: center; border: 0; height: 40px; font-size: 16px;color: #666; background: none; outline: none; cursor: pointer; position: absolute; right:0; top: 0;} .searchStyle_2 .searchForm .search_input{width: 100%;border: 0; border-radius:20px; outline: none; padding-right:65px; padding-left: 1em; height:40px; font-size: 14px;color: #333; border:1px solid #666;} .keyWord{margin-top: 5px;} .keyWord a{font-size: 14px; color: #666; margin-right: 5px;} @media screen and (max-width: 768px) { .searchStyle_2 .searchForm .search-btn, .searchStyle_2 .searchForm .search_input{height: 32px;} } #searchbox_style_02_1557027208054 input::-webkit-input-placeholder{ color: ;} #searchbox_style_02_1557027208054 input::-moz-input-placeholder{ color: ;} #searchbox_style_02_1557027208054 input::-o-input-placeholder{ color: ;} /* 按钮宽度 */ @media screen and (max-width: 1024px){/*ipad*/ } @media screen and (max-width: 768px){/*mobi*/ } #text_default_1557028781239 .diy-mobile-content{ display: none; } @media screen and (max-width:640px) { #text_default_1557028781239 .diy-pc-content{ display: none; } #text_default_1557028781239 .diy-mobile-content{ display: initial; } } .clock span{font-size:14px} #image_style_01_1558000211794 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1558000211794 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1558000211794 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1558000211794 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1557027588238 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557027588238 .CompatibleImg img{width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}}@media screen and (max-width:640px) {#image_style_01_1557027588238 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1557027588238 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .blank_new01{width:100%;height:100%;} .blank_new01 .roundcs{width:100%;height:100%;background:rgba(7,126,244,0.7);box-sizing: border-box;} .bannerStyle_1{width:100%; height:100%; position:relative;} .bannerStyle_1 .main_visual{height:100%; overflow:hidden; position:relative; } .bannerStyle_1 .main_image{height:100%; overflow:hidden; position:relative; } .bannerStyle_1 div.flicking_con{position:absolute; bottom:20px; left:0; z-index:999; width:100%; height:14px; text-align:center; z-index: 105;} .bannerStyle_1 div.flicking_con a{width:14px; height:14px; padding:0; background:none; border:1px solid white; display:inline-block; box-sizing:border-box; margin:0 3px; border-radius:100%; } .bannerStyle_1 div.flicking_con a.on{background:white; border:0;} .bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{z-index:11111; position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display:none;text-align: center;line-height: 1;font-size: 60px;color: #999;padding:0 20px;font-family: simsun,'宋体';} .bannerStyle_1 .btn_prev{left: 0;} .bannerStyle_1 .btn_next{right:0;} .bannerStyle_1 .arrowSet .awesome-font{display: none;} .bannerStyle_1 .arrowSet .awesome-font:before{padding: 0 3px;box-sizing: border-box;} .bannerStyle_1 .ground_glass{display:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; z-index:998; background-color:#fff;} @media screen and (min-width:326px) and (max-width:767px){ .bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;} .bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{font-size: 36px;padding:0 12px;} } @media screen and (max-width:640px){ .bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;} } .bannerStyle_1 .main_image .img-list{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0} .bannerStyle_1 .main_image .img-item{position:absolute; width:100%; height:100%; display:block; top:0;} .bannerStyle_1 .main_image .img-item span{display:block; width:100%; height:100%; background-size:cover !important;} .bannerStyle_1 .main_image .img-item a{display:block; width:100%; height:100%; overflow: hidden;box-sizing: border-box;} .bannerStyle_1.rotate-3d .img-part{ position: absolute; top: 0; width: calc(20% + 1px); height: 100%; background-color: #fff; transition: all .7s; transform-style: preserve-3d; } .bannerStyle_1.rotate-3d .img-part .img{ width: 100%; height: 100%; position: absolute; background-size: 500% auto; } .bannerStyle_1.rotate-3d .img-part .img:nth-child(1){ transform: rotateX(0deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(2){ transform: rotateX(-90deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(3){ transform: rotateX(-180deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(4){ transform: rotateX(-270deg) translateZ(150px); } .img_url{ position:absolute; width:100%; height:100%; left:0; top:0; display:block; z-index: 100;} #banner_style_01_1557028704796 .bannerStyle_1 .main_image .img-item .img_0{background: url('../img/upimages/wp97JN57mV.jpg') center top no-repeat;} #banner_style_01_1557028704796 .bannerStyle_1 .ground_glass{} #banner_style_01_1557028704796 .bannerStyle_1 .main_image .img-item span{background-size:auto 100%!important;} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1557028704796 .bannerStyle_1 .main_image .img-item span{background-size:auto 100%!important;} } @media screen and (max-width:640px) { #banner_style_01_1557028704796 .bannerStyle_1 .main_image .img-item span{background-size:auto 100%!important;} } #banner_style_01_1557028704796 .hide_img{ display: none; width: 100%; vertical-align: top;} #banner_style_01_1557028704796 .bannerStyle_1 .main_image .img-item a{ position: relative; z-index: 10; } h1{font-size: 2em;font-weight:bold;}h2{font-size: 1.5em;font-weight:bold;}h3{font-size: 1.17em;font-weight:bold;}h4{font-weight:bold;}h1{font-size: 2em;font-weight:bold;} h2{font-size: 1.5em;font-weight:bold;} h3{font-size: 1.17em;font-weight:bold;} h4{font-weight:bold;} body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select{margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;font: 12px/1.5 tahoma,arial,"Microsoft YaHei";outline: 0 none;color: #333;} #text_default_1557916780983 .diy-mobile-content{ display: none; } @media screen and (max-width:640px) { #text_default_1557916780983 .diy-pc-content{ display: none; } #text_default_1557916780983 .diy-mobile-content{ display: initial; } } #image_style_01_1557038685274 .CompatibleImg img{width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557038685274 .CompatibleImg img{width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}}@media screen and (max-width:640px) {#image_style_01_1557038685274 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1557038685274 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } h1{font-size: 2em;font-weight:bold;} h2{font-size: 1.5em;font-weight:bold;} h3{font-size: 1.17em;font-weight:bold;} h4{font-weight:bold;} body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select{margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;font: 12px/1.5 tahoma,arial,"Microsoft YaHei";outline: 0 none;color: #333;} h1{font-size: 2em;font-weight:bold;} h2{font-size: 1.5em;font-weight:bold;} h3{font-size: 1.17em;font-weight:bold;} h4{font-weight:bold;} body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select{margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;font: 12px/1.5 tahoma,arial,"Microsoft YaHei";outline: 0 none;color: #333;} #text_default_1557917640017 .diy-mobile-content{ display: none; } @media screen and (max-width:640px) { #text_default_1557917640017 .diy-pc-content{ display: none; } #text_default_1557917640017 .diy-mobile-content{ display: initial; } } .bannerStyle_4 {text-align:center; font-weight:normal; width: 100%; height: 100%; position: relative;} .bannerStyle_4 a{text-decoration:none;} .bannerStyle_4 a:hover{cursor:pointer;} .bannerStyle_4 img:hover{cursor:pointer;} .bannerStyle_4 .imgMove{position:relative; width:100%; height:100%; overflow:hidden; margin-left:auto; margin-right:auto;} .bannerStyle_4 .subMove{position:absolute; width:max-content;width: -webkit-max-content;width: -moz-max-content; height:100%;} .bannerStyle_4 .imgMove ul{position:relative; height:100%; float:left; list-style-type:none;display: inline;} .bannerStyle_4 .imgMove li{position:relative; float:left; padding:0 10px; height:100%;box-sizing: border-box;overflow: hidden;} .bannerStyle_4 .imgMove img{height:100%;} .bannerStyle_4 .imgMove img:hover{opacity:0.95;} .bannerStyle_4 .list_mode .a_mode{position: relative;} .bannerStyle_4 .textAlt{display: inline-block;position: absolute;width: 100%;text-align: left;left: 0;bottom: 0;line-height: 1.8;background: rgba(255,255,255,0.5);padding: 8px 10px;box-sizing: border-box;} .banner4Box{position:fixed; width:100%; height:100%; display:none; z-index:333; background-color:#151515; top:0; left:0;} .banner4Box a{text-decoration:none;} .banner4Box a:hover{cursor:pointer;} .banner4Box img:hover{cursor:pointer;} .boxExit{position:absolute; float:right; top:2%; right:2%; text-align:right; z-index:999;} .boxExit img{width:25%; height:25%;} .banner4Box .subBox{position:fixed; width:100%; height:75%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); overflow:hidden;} .banner4Box .boxCon{position:relative; width:750px; height:100%; margin:0px auto;} .banner4Box .boxBefore{position:absolute; width:600px; height:100%; background:rgba(0,0,0,0.8); left:-600px; bottom:0px; z-index:666; transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s;} .banner4Box .boxBefore:hover{opacity:0.9;} .banner4Box .boxBefore img{position:absolute; width:32px; height:63px; right:10px; top:40%; cursor:pointer;} .banner4Box .boxAfter{position:absolute; width:600px; height:100%; background:rgba(0,0,0,0.8); right:-600px; bottom:0px; z-index:666; transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s;} .banner4Box .boxAfter:hover{opacity:0.9;} .banner4Box .boxAfter img{position:absolute; width:32px; height:63px; left:10px; top:40%; cursor:pointer;} .banner4Box .boxScroll{position:relative; width:2000%; height:100%; list-style-type:none;} .banner4Box .boxScroll li{position:relative; float:left; height:100%;} .banner4Box .boxScroll img{height:100%;} @media screen and (max-width: 765px){ .banner4Box .boxBefore img{right:5px; width:25px; height:50px;} .banner4Box .boxAfter img{left:5px; width:25px; height:50px;} .banner4Box .boxExit{top:15px; right:15px;} } @media screen and (min-width: 1025px){/*pc*/ #banner_style_04_1557998690815 .bannerStyle_4 .imgMove li{width: px;} } @media screen and (max-width: 1024px){/*ipad*/ #banner_style_04_1557998690815 .bannerStyle_4 .imgMove li{width: px;} } @media screen and (max-width: 768px){/*mobi*/ #banner_style_04_1557998690815 .bannerStyle_4 .imgMove li{width: px;} } .imgStyle_11{position:relative; clear: both; width: 100%; height: 100%;} .imgStyle_11 ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .imgStyle_11 ul li.imgItems{position: relative; overflow: hidden !important; width: 19%; box-sizing:border-box; margin-bottom:10px; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } .imgStyle_11 ul li .ratio{margin-top: 100%;} .imgStyle_11 ul li a{} .imgStyle_11 ul li:hover{z-index: 2; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .imgStyle_11 ul li a img{position: absolute; width: auto; height: 100%; top: 50%; left: 50%; z-index: 100; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } .imgStyle_11 ul li a .bbx-new-font{ display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; } .imgStyle_11 .theimgtext{height:30px;line-height: 30px;font-size: 14px;color:black;width:100%;text-align: center;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;} .imgStyle_11 .theimgdiv{width:100%;height:100%;background-repeat: no-repeat !important;background-position-x: 50% !important;background-position-y: 50% !important;background-size: auto 100% !important;} .imgShowBox{position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;} .imgShowBox img{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);} .imgShowBox.scroll{overflow-y:scroll;overflow-x:hidden;} .imgShowBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);} .imgShowBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);} .imgShowBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;} .imgShowBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);} .imgShowBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;} .imgShowBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);} .pos_fixed{position: fixed; width: 100%;} .imgButton{position: fixed; width: 70%; max-width: 400px; bottom: 15%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;} .imgButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } .imgButton span:hover{opacity: .8;} .imgButton span i{font-size: inherit; line-height: inherit; color:inherit;} .imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic{ font-size: 40px; width: 50px; height:50px; line-height: 50px; border-radius: 100%;font-family: serif; background-color: #fff; text-align: center; box-sizing: border-box;} .imgButton span.prevImg, .imgButton span.nextImg{font-size: 26px; width: 40px; height: 40px; line-height: 40px; text-align: center;} @media screen and (max-width: 1024px){.imgStyle_11 ul li{width: 24%;}} @media screen and (max-width: 768px){ .imgStyle_11 ul li{width: 49%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } /*pc*/ #image_style_11_1557998974444 ul li .ratio{margin-top: 75%; float: left;} #image_style_11_1557998974444 ul li{width: 22%;} #image_style_11_1557998974444 ul li.imgItems{margin-bottom:4%;} @media screen and (max-width: 1024px){/*ipad*/ #image_style_11_1557998974444 ul li .ratio{margin-top: 75%; float: left;} #image_style_11_1557998974444 ul li{width: 23.5%;} #image_style_11_1557998974444 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_11_1557998974444 ul li .ratio{margin-top: 75%; float: left;} #image_style_11_1557998974444 ul li{width: 49%;} #image_style_11_1557998974444 ul li.imgItems{margin-bottom:2%;} } .prod_default13 #prod_Ulist{list-style: none;padding: 0;} .prod_default13{width:100%; clear: both;} .prod_default13 *{transition: all ease .2s; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -o-transition: all ease .2s; box-sizing: border-box;} .prod_default13 ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .prod_default13 .prod_Item{background-color:#ebf4f2;padding: 20px;list-style:none; height:auto; box-sizing:border-box; margin-bottom: 15px;overflow: hidden;} .prod_default13 .relative{position:relative; width:100%; height:auto; overflow:hidden;} .prod_default13 .relative{overflow: hidden;} .prod_default13 .pro_img{width: 100%;} .prod_default13 .prodImg_box{position:relative; float: left; width:50%; overflow: hidden; background: #eee; box-sizing: border-box;} .prod_default13 .prod_img{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;} .prod_default13 .prod_img span{position: absolute; left: 35%; top: 35%; right: 35%; bottom: 35%; background: none;} .prod_default13 .prod_Item:hover .prod_img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .prod_default13 .prod_Item:hover .prod_img span{background: rgba(255,255,255,.25); left: 0; top: 0; right: 0; bottom: 0;} .prod_default13 .prod_img img.horizontal{width:100%; height:auto; position: absolute; top: 50%; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);} .prod_default13 .prod_img img.vertical{width:auto; height:100%; position: absolute; left: 50%; top:0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);} .prod_default13 .dummy{margin-top:75%}/*控制产品图片显示比例*/ .prod_default13 .p_value {color: #FFFFFF; font-size:18px;line-height:1;} .prod_default13 .unit {color: #FFFFFF;font-size: 18px;line-height:1;display: inline-block;} .prod_default13 .prod_info{padding-left:20px;position:relative;background-color: ;width: 50%;float: left;box-sizing: border-box;} .prod_default13 .p_name{display: inline-block;position:relative;font-size: 20px;color:#3f937b;padding-top:2px ;overflow: hidden;-webkit-box-orient: vertical;margin-bottom: 10px;} .prod_default13 .p_name a{text-decoration: none;position:relative;display:inline;color: inherit;} .prod_default13 .p_price{font-size:18px;padding:4px 0;line-height:1;float:left; display: inline-block;color: white;background-color: #3f937b;width: 40%;text-align: center;} .prod_default13 .pro_button{display: inline-block;width: 40%;} .prod_default13 .p_cart{height: 100%;} .prod_default13 .p_cart a{display: grid !important; height: 100%; text-decoration: none;border: 1px solid #3f937b;display:inline-block;font-size: 14px; padding:5px 0; line-height:1; width: 100%;text-align: center;background-color: white;color: #3f937b;box-sizing: border-box;} .prod_default13 .p_detail {font-size: 14px; color: #3f937b; display: block;margin-bottom:6px ; padding-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}/*文字两行后自动超出隐藏*/ .prod_default13 .p_group {display: inline-block; float: left; color: #999999; font-size: 12px;} .prod_default13 .p_num {display: inline-block;float:right;color: #999999; font-size: 12px;} .prod_default13 .p_line{overflow: hidden;} .prod_default13 .clear{clear: both;} .prod_default13 .p_vip{font-size:12px;line-height: 1;padding-top: 2px;} .prod_default13 .p_price2{font-size:12px;text-decoration: line-through;line-height: 1;padding-top: 2px;} .prod_default13 .freeinfo{ clear:both; overflow:hidden;} .prod_default13 .freeinfo span{ display:block; float:left; border:1px solid #3f937b; border-radius:5px; padding:0 5px; color:#3f937b; margin-right:5px; box-sizing: border-box; } /* 拼购 */ .prod_default13 .Collage_ico{ width:40px; height:40px; position:absolute; top:0; left:0; z-index: 10; } .prod_default13 .Collage_ico img{ width:100%; height:100%; } .prod_default13 .end_text{ font-size: 14px; color: #3f937b; clear:both; margin-top:10px;} @media screen and (max-width: 1200px) and (min-width: 641px){ .prod_default13 .prod_Item{padding: 12px;} .prod_default13 .prod_info{padding-left:12px;} .prod_default13 .p_name{font-size: 16px;margin-bottom:8px;padding-top:2px ;} .prod_default13 .p_price{width: 48%;font-size:16px;padding:5px 0;} .prod_default13 .p_value {font-size:16px;} .prod_default13 .unit {font-size:16px;} .prod_default13 .pro_button{width: 50%;} .prod_default13 .p_cart a{font-size: 12px; padding:6px 0;} .prod_default13 .p_detail { font-size: 12px;padding-top: 8px;} } @media screen and (max-width: 640px){ .prod_default13 .Collage_ico{ width:25px; height:25px; } .prod_default13 .end_text{ font-size:12px; margin-top:5px;} .prod_default13 .prod_Item{padding: 6px;} .prod_default13 .prod_info{padding-left:6px;} .prod_default13 .p_name{font-size: 14px;margin-bottom:6px;padding-top: 2px;} .prod_default13 .p_price{width: 50%;padding:6px 0;} .prod_default13 .p_value {font-size:14px;} .prod_default13 .unit {font-size:14px;} .prod_default13 .pro_button{width: 50%;} .prod_default13 .p_cart a{font-size: 12px; padding:6px 0;} .prod_default13 .p_detail{ font-size: 12px;padding-top: 6px;padding-bottom:0px ;} .prod_default13 .prodImg_box{width:40%;} .prod_default13 .prod_info{width: 60%;} } .p_detail{white-space: pre-wrap;} .p_detail .overhide{white-space: pre-wrap;} /*pc*/ #productList_style_22_1596166432339 li{width: 23.5%;} #productList_style_22_1596166432339 li.prod_Item{margin-bottom:2%;} @media screen and (max-width: 1024px){/*ipad*/ #productList_style_22_1596166432339 li{width: 49%;} #productList_style_22_1596166432339 li.prod_Item{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #productList_style_22_1596166432339 li{width: 100%;} #productList_style_22_1596166432339 li.prod_Item{margin-bottom:2%;} } #productList_style_22_1596166432339 .p_detail.pc,#productList_style_22_1596166432339 .p_name.pc {display:block;} #productList_style_22_1596166432339 .p_detail.pad, #productList_style_22_1596166432339 .p_detail.mobile,#productList_style_22_1596166432339 .p_name.pad, #productList_style_22_1596166432339 .p_name.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #productList_style_22_1596166432339 .p_detail.pad,#productList_style_22_1596166432339 .p_name.pad {display:block;} #productList_style_22_1596166432339 .p_detail.pc, #productList_style_22_1596166432339 .p_detail.mobile,#productList_style_22_1596166432339 .p_name.pc, #productList_style_22_1596166432339 .p_name.mobile {display:none;} } @media screen and (max-width:640px) { #productList_style_22_1596166432339 .p_detail.mobile,#productList_style_22_1596166432339 .p_name.mobile {display:block;} #productList_style_22_1596166432339 .p_detail.pc, #productList_style_22_1596166432339 .p_detail.pad,#productList_style_22_1596166432339 .p_name.pc, #productList_style_22_1596166432339 .p_name.pad {display:none;} } /*产品状态 新品 推荐*/ #productList_style_22_1596166432339 .status{ color:red; display:inline-block; border:1px solid red; padding:0 2px; margin-right:5px; text-align: center; font-size:12px; font-family:'Times New Roman'; vertical-align: middle; text-indent: 0px;} #productList_style_22_1596166432339 .showActivity {display: none !important;} #productList_style_22_1596166432339 .btnaSet ,#productList_style_22_1596166432339 .btnaSet a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (min-width: 1025px){/*pc*/ #banner_style_04_1557106543358 .bannerStyle_4 .imgMove li{width: px;} } @media screen and (max-width: 1024px){/*ipad*/ #banner_style_04_1557106543358 .bannerStyle_4 .imgMove li{width: px;} } @media screen and (max-width: 768px){/*mobi*/ #banner_style_04_1557106543358 .bannerStyle_4 .imgMove li{width: px;} } #image_style_01_1557107564977 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557107564977 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1557107564977 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1557107564977 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1557107798719 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557107798719 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1557107798719 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1557107798719 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1557107804709 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1557107804709 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1557107804709 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1557107804709 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .copyrightStyle01{text-align: center;color:#999;font-size: 14px;} .copyrightStyle01 .copyright_view{display: inline;padding-right: 10px;} .copyrightStyle01 .icp_view{display: inline-block;padding-right: 10px;} .copyrightStyle01 .lw_view{display: inline-block;} .copyrightStyle01 .lw_icon{width: 18px;vertical-align: top;margin-right: 4px;} .copyrightStyle01 .line_view a{color:inherit;} @media screen and (max-width: 640px){ .copyrightStyle01{font-size: 12px;line-height: 1.75;} }