/*----------------------电脑板式样式----------------------*/ .menu2Style_2 .menu2Ul a.subCurSet{ background:none !important; color:#fff600 !important; font-weight:700; } .menu2Style_2 .menu2Ul li > a{ border:none !important; color:#FFF !important; height:30px !important; line-height:30px !important; text-indent: 4px !important; margin-bottom:0 !important;} body{overflow: unset !important;} .menu2Style_2 .menu2Ul li > a:hover{ background:#d02a3c !important; color:#FFF !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } body{ background-color:#ffffff; } body{ background-position:left top; } #div_blank_1498269672527{width:100%;height:7px;position:absolute;top:0px;left:0%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1498269672527{}} @media screen and (max-width:640px) {#div_blank_1498269672527{width:100%;height:7px;top:0px;left:0%;}} #div_blank_1498269672527 > .view_contents{overflow:visible;} #div_blank_1498269672527 {box-sizing:border-box;background:#c50f22;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1498269672527 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1498269672527 {box-sizing:border-box;}} #div_blank_1498269710318{width:100%;height:4px;position:absolute;top:4px;left:0%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1498269710318{}} @media screen and (max-width:640px) {#div_blank_1498269710318{width:100%;height:7px;top:7px;left:0%;}} #div_blank_1498269710318 > .view_contents{overflow:visible;} #div_blank_1498269710318 {box-sizing:border-box;background:#fbf6cb;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1498269710318 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1498269710318 {box-sizing:border-box;}} #image_logo_1498269912864{width:19.666666666666664%;height:87px;position:absolute;top:22px;left:0%;z-index:4;} @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1498269912864{left:2.5416666666666665%;width:20.784729586426298%;top:8px;}} @media screen and (max-width:640px) {#image_logo_1498269912864{width:149px;height:55px;top:41px;left:1.455592105263158%;z-index:3;}} #image_logo_1498269912864 {} /*----------------------电脑板式样式----------------------*/ #image_logo_1498269912864{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_logo_1498269912864{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_logo_1498269912864{ } } #text_style_02_1498270165737{width:22.333333333333332%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:43.09375px;left:25.124999999999996%;z-index:4;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1498270165737{left:27.979188759278895%;width:32.555673382820785%;}} @media screen and (max-width:640px) {#text_style_02_1498270165737{width:374.5px;top:31px;left:0%;z-index:1;}} #text_style_02_1498270165737>.view_contents {box-sizing:border-box;font-size:25px;color:#dd1126;font-weight:bold;font-family:SimHei;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1498270165737>.view_contents {box-sizing:border-box;font-size:16px;line-height:30px;}} @media screen and (max-width:640px) { #text_style_02_1498270165737>.view_contents {box-sizing:border-box;font-size:14px;font-weight:bold;line-height:30px;text-align:center;}} /*----------------------电脑板式样式----------------------*/ #text_style_02_1498270165737{ top:25% } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:1000px) and (max-width:1200px) { #text_style_02_1498270165737{ top:35% } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #text_style_02_1498270165737{ top:10px; } } #image_style_01_1498270263215{width:27.916666666666668%;height:83px;position:absolute;top:31px;left:72.08333333333333%;z-index:4;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1498270263215{left:73.91304347826086%;width:26.08695652173913%;top:13px;height:68px;}} @media screen and (max-width:640px) {#image_style_01_1498270263215{width:180px;height:40px;top:49.5px;left:49.65416666666667%;z-index:3;}} #image_style_01_1498270263215 > .view_contents{overflow:visible;} /*----------------------电脑板式样式----------------------*/ #image_style_01_1498270263215{ float:left; } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1498270263215{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_01_1498270263215{ } } #text_style_02_1503567517656{width:10%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:137.8819580078125px;left:90%;z-index:1005;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1503567517656{top:109.854172706604px;left:90.0106269925611%;}} @media screen and (max-width:640px) {#text_style_02_1503567517656{width:100%;top:183.5px;left:0%;display:none;}} #text_style_02_1503567517656>.view_contents {box-sizing:border-box;font-size:16px;color:#ffffff;font-weight:bold;text-align:center;line-height:44px;height:44px;border-left-style:solid;border-left-color:#da0209;border-left-width:1px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1503567517656>.view_contents {box-sizing:border-box;font-size:14px;line-height:44px;height:44px;}} @media screen and (max-width:640px) { #text_style_02_1503567517656>.view_contents {box-sizing:border-box;}} #dh_style_01_1503973944472{width:90.0%;z-index:1;position:absolute;top:137.875px;left:0.5833333333333334%;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_01_1503973944472{z-index:999;top:109.83680820465088px;left:0%;}} @media screen and (max-width:640px) {#dh_style_01_1503973944472{width:12.1%;z-index:999;top:0px;left:85%;}} #dh_style_01_1503973944472 > .view_contents{overflow:visible;} #dh_style_01_1503973944472 {background: url(https://cdn.yun.sooce.cn/4/29029/jpg/1644542831268fc3f717d6a8d2b87.jpg?version=1644542909);} /*----------------------电脑板式样式----------------------*/ #dh_style_01_1503973944472{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1503973944472{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #dh_style_01_1503973944472{ } } /*----------------------电脑板式样式----------------------*/ #dh_style_01_1499166978660{ } .menuStyle_1 .menuUl li{border-left:#da0209 1px solid; border-right:1px solid #a40a13;} .menuStyle_1 .menuUl li > a{ font-size: 16px !important; font-weight: 700; color: #FFF !important;} .menuStyle_1 .menuUl #hot > a,.menuStyle_1 .menuUl li > a:hover{ color: #FFF !important;} .menuStyle_1 .menuUl li:first-child{ border-left: none !important;} .menuStyle_1 .menuUl02{ background:#a80506 !important;} .menuStyle_1 .menuUl02 li{ border:none !important;} .menuStyle_1 .menuUl02 li:hover{ background:#fff600 !important;} .menuStyle_1 .menuUl02 li:hover a{ color:#c10d20 !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1499166978660{ } .menuStyle_1 .menuUl li > a{ font-size: 14px !important;} } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #dh_style_01_1499166978660{ } } #div_includeBlock_1495872644153{width:1200px;height:186.875px;position:absolute;top:0px;left:calc(50% - 600px);z-index:100000;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1495872644153{width:100%;left:0%;height:159px;top:8.997024059295654px;}} @media screen and (max-width:640px) {#div_includeBlock_1495872644153{width:100%;height:102px;top:0px;left:0%;}} #div_includeBlock_1495872644153 > .view_contents{overflow:visible;} /*----------------------电脑板式样式----------------------*/ #div_includeBlock_1495872644153{ } .breadcrumb{ padding-left:4px !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:700px) { #div_includeBlock_1495872644153{ height:60px; } #text_style_02_1498270165737{ top:30%} } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #div_includeBlock_1495872644153{ #text_style_02_1498270165737{ top:9px} } } #div_blank_1498270573939{width:100%;height:56px;position:absolute;top:131.875px;left:0%;display:block;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1498270573939{top:112px;left:0%;display:block;}} @media screen and (max-width:640px) {#div_blank_1498270573939{width:82.64462809917356%;height:200px;top:14px;left:8.67768595041322%;display:none;}} #div_blank_1498270573939 > .view_contents{overflow:visible;} #div_blank_1498270573939 {box-sizing:border-box;background: url(../img/upimages/image/nav_bg.jpg);} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1498270573939 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1498270573939 {box-sizing:border-box;}} #comm_layout_header{height:187.875px;display:block;z-index:999999;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:168px;display:block;}} @media screen and (max-width:640px) {#comm_layout_header{height:102px;display:block;z-index:2;}} #comm_layout_header > .view_contents{overflow:visible;} #comm_layout_header {opacity:1;background:transparent;} #comm_layout_header>.view_contents {opacity:1;} #image_style_01_1499137099408{width:100%;height:200px;position:absolute;top:0px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1499137099408{left:0.9445621468926554%;width:97.17514124293785%;top:0px;height:140px;}} @media screen and (max-width:640px) {#image_style_01_1499137099408{width:100%;height:113px;top:0px;z-index:2;}} #image_style_01_1499137099408 > .view_contents{overflow:visible;} #image_style_01_1499137099855{width:57.333333333333336%;height:129px;position:absolute;top:24px;left:21.333333333333336%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1499137099855{left:22.451790633608816%;width:55.09641873278237%;height:108px;}} @media screen and (max-width:640px) {#image_style_01_1499137099855{width:67.36842105263158%;height:117px;top:12px;left:16.315789473684212%;}} #image_style_01_1499137099855 > .view_contents{overflow:visible;} #text_style_02_1499137099860{width:100%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:156px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1499137099860{left:0%;width:100%;top:133px;}} @media screen and (max-width:640px) {#text_style_02_1499137099860{width:100%;top:129px;left:0%;}} #text_style_02_1499137099860>.view_contents {box-sizing:border-box;font-size:14px;color:#ffffff;text-align:center;line-height:30px;font-family:SimHei;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1499137099860>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1499137099860>.view_contents {box-sizing:border-box;}} #text_style_04_1499137099863{width:100%;font-size:46px;color:#333;line-height:50px;font-family:FangSong_GB2312;position:absolute;top:188px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_04_1499137099863{left:0%;width:100%;top:163px;}} @media screen and (max-width:640px) {#text_style_04_1499137099863{width:100%;top:154px;left:0%;}} #text_style_04_1499137099863>.view_contents {box-sizing:border-box;color:#ffffff;font-weight:bold;font-size:28px;text-align:center;line-height:28px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_04_1499137099863>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_04_1499137099863>.view_contents {box-sizing:border-box;font-size:16px;}} #div_includeBlock_1499137099412{width:100%;height:224px;position:absolute;top:540px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1499137099412{left:0%;width:100%;top:613px;height:216px;}} @media screen and (max-width:640px) {#div_includeBlock_1499137099412{width:100%;height:186px;top:568px;z-index:2;left:0%;}} #div_includeBlock_1499137099412 {background:#b80e20;} #prodKind_style_06_1499137099414{width:100%;position:absolute;top:226px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#prodKind_style_06_1499137099414{left:0%;width:100%;top:140px;}} @media screen and (max-width:640px) {#prodKind_style_06_1499137099414{width:270px;top:140px;z-index:1;}} #prodKind_style_06_1499137099414 > .view_contents{overflow:visible;} /*----------------------电脑板式样式----------------------*/ #prodKind_style_06_1499137099414{ } .prodcateStyle_6 .menu li.level1 a .ico{float: right !important; background: none !important; margin-top:14px !important; display:none !important} .prodcateStyle_6 .menu li.level1 > a{ font-size: 18px !important; font-weight: bold; color: #FFF !important; height:40px !important; line-height:40px !important;} .prodcateStyle_6 .menu li ul.level2 li a{ font-size: 14px !important; color:#FFF !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #prodKind_style_06_1499137099414{ } .prodcateStyle_6 .menu li.level1 > a{ font-size: 15px !important;} .prodcateStyle_6 .menu li ul.level2 li a{ font-size: 12px !important;} } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #prodKind_style_06_1499137099414{ } .prodcateStyle_6 .menu li.level1 > a{ font-size: 14px !important;} .prodcateStyle_6 .menu li ul.level2 li a{ font-size: 12px !important;} } #text_style_02_1500445381170{width:94.64285714285714%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:174px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1500445381170{}} @media screen and (max-width:640px) {#text_style_02_1500445381170{width:100%;top:754px;left:0%;}} #text_style_02_1500445381170>.view_contents {box-sizing:border-box;font-size:20px;color:#c60f23;text-align:left;line-height:40px;background:#fff600;height:40px;font-weight:bold;text-indent:1em;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1500445381170>.view_contents {box-sizing:border-box;line-height:30px;height:30px;font-size:16px;}} @media screen and (max-width:640px) { #text_style_02_1500445381170>.view_contents {box-sizing:border-box;}} #div_includeBlock_1499137099250{width:18.7%;height:764px;position:absolute;top:26px;left:0%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1499137099250{width:20.0424178154825%;height:829px;}} @media screen and (max-width:640px) {#div_includeBlock_1499137099250{width:45%;height:754px;top:20px;left:0%;display:none;z-index:3;}} #div_includeBlock_1499137099250 {background: url(../img/upimages/image/nav_1bg.jpg);} @media screen and (min-width:641px) and (max-width:1200px) { #div_includeBlock_1499137099250 {background-position-y:0%;background-position-x:100%;background-repeat:repeat-y;background-size:100% auto;}} @media screen and (max-width:640px) { #div_includeBlock_1499137099250 {background-position-x:100%;}} /*----------------------电脑板式样式----------------------*/ #div_includeBlock_1499137099250{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #div_includeBlock_1499137099250{ } } @media screen and (min-width:490px) and (max-width:640px) { #div_includeBlock_1499137099250{ width:30% !important; } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #div_includeBlock_1499137099250{ } } #customDetail_style_prodPage_01_1499138420369{width:99.47033898305084%;position:absolute;top:26px;left:0.4766949152542373%;} @media screen and (min-width:641px) and (max-width:1200px) {#customDetail_style_prodPage_01_1499138420369{}} @media screen and (max-width:640px) {#customDetail_style_prodPage_01_1499138420369{width:100%;top:19px;left:0%;}} #div_includeBlock_1499139090538{width:77.66666666666666%;height:96px;position:absolute;top:689px;left:21.166666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1499139090538{left:22.128512725344645%;top:600px;width:711px;}} @media screen and (max-width:640px) {#div_includeBlock_1499139090538{width:90%;height:150px;top:829px;left:5%;z-index:2;}} /*----------------------电脑板式样式----------------------*/ #div_includeBlock_1499139090538{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #div_includeBlock_1499139090538{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #div_includeBlock_1499139090538{ } } #text_style_02_1499137253246{width:78.08333333333334%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:26px;left:21.916666666666668%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1499137253246{}} @media screen and (max-width:640px) {#text_style_02_1499137253246{width:91.05263157894737%;top:22px;left:4.473684210526316%;z-index:3;}} #text_style_02_1499137253246>.view_contents {box-sizing:border-box;font-size:24px;color:#333333;border-bottom-color:#666666;border-bottom-style:solid;border-bottom-width:2px;font-family:SimHei;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1499137253246>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1499137253246>.view_contents {box-sizing:border-box;font-size:18px;line-height:30px;}} /*----------------------电脑板式样式----------------------*/ #text_style_02_1499137253246{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1499137253246{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #text_style_02_1499137253246{ } } #prodPic_style_03_1667973124792{width:33.75%;height:531px;position:absolute;top:94.8125px;left:22.041666666666668%;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#prodPic_style_03_1667973124792{}} @media screen and (max-width:640px) {#prodPic_style_03_1667973124792{width:100%;height:300px;top:0px;left:0%;}} #customDetail_style_prodProfile_01_1499137348389{width:34.08333333333333%;height:31px;position:absolute;top:135px;left:59.5%;} @media screen and (min-width:641px) and (max-width:1200px) {#customDetail_style_prodProfile_01_1499137348389{top:178px;left:58.16542948038176%;}} @media screen and (max-width:640px) {#customDetail_style_prodProfile_01_1499137348389{width:86.41274238227147%;height:40px;top:470px;left:6.003289473684211%;z-index:2;}} #customDetail_style_prodProfile_01_1499137348389 {font-size:12px;} #customDetail_style_prodName_01_1499137348377{width:36%;font-size:18px;color:#333;line-height:34px;font-family:宋体;position:absolute;top:100px;left:59.333333333333336%;} @media screen and (min-width:641px) and (max-width:1200px) {#customDetail_style_prodName_01_1499137348377{top:143px;left:57.99973488865323%;}} @media screen and (max-width:640px) {#customDetail_style_prodName_01_1499137348377{width:86.26939248948817%;top:432px;left:6.073190789473684%;z-index:2;}} #customDetail_style_prodName_01_1499137348377 {font-size:16px;font-weight:bold;font-family:Microsoft YaHei;} @media screen and (max-width:640px) { #customDetail_style_prodName_01_1499137348377 {line-height:20px;}} /*----------------------电脑板式样式----------------------*/ #customDetail_style_prodName_01_1499137348377{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #customDetail_style_prodName_01_1499137348377{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #customDetail_style_prodName_01_1499137348377{ } } #layout_1499137099247{height:790px;z-index:9999999;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1499137099247{height:1645px;}} @media screen and (max-width:640px) {#layout_1499137099247{height:1076px;}} #layout_1499137099247 > .view_contents{overflow:visible;max-width:1200px;} #text_style_02_1495010939551{width:62.5%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:11.439087759815243%;top:9.5px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1495010939551{top:9.5px;left:0.17591059602649006%;}} @media screen and (max-width:640px) {#text_style_02_1495010939551{width:97.30000000000001%;left:1.3499999999999943%;top:0px;}} #text_style_02_1495010939551>.view_contents {box-sizing:border-box;color:#ffffff;font-size:20px;font-weight:bold;text-align:left;font-family:SimHei;line-height:30px;letter-spacing:0px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1495010939551>.view_contents {box-sizing:border-box;font-size:24px;}} @media screen and (max-width:640px) { #text_style_02_1495010939551>.view_contents {box-sizing:border-box;font-size:18px;line-height:30px;font-weight:normal;}} #div_blank_1495010939557{width:50px;height:3px;position:absolute;left:12.593822170900692%;top:44px;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1495010939557{top:44px;left:0%;}} @media screen and (max-width:640px) {#div_blank_1495010939557{width:20.263157894736842%;height:3px;left:39.868421052631575%;top:0px;display:block;}} #div_blank_1495010939557 > .view_contents{overflow:visible;} #div_blank_1495010939557 {box-sizing:border-box;background:#ffffff;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1495010939557 {box-sizing:border-box;background:#ffffff;}} @media screen and (max-width:640px) { #div_blank_1495010939557 {box-sizing:border-box;}} #image_style_04_1499078231968{width:78.29099307159353%;position:absolute;top:65.5px;left:12.35565819861432%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_04_1499078231968{left:0.6622516556291391%;width:98.34437086092716%;}} @media screen and (max-width:640px) {#image_style_04_1499078231968{width:300px;top:3px;}} #image_style_04_1499078231968 > .view_contents{overflow:visible;} /*----------------------电脑板式样式----------------------*/ #image_style_04_1499078231968{ } #image_style_04_1499078231968 .imgStyle_4 ul li.imgItems{ max-height: 53px!important;} .imgStyle_4 ul li.imgItems{ background: none !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_04_1499078231968{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_04_1499078231968{ } } #div_includeBlock_1495010939302{width:36.083333333333336%;height:254.5px;position:absolute;top:0px;left:63.916666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1495010939302{width:302px;left:66.62983425414365%;height:241.5px;top:0px;}} @media screen and (max-width:640px) {#div_includeBlock_1495010939302{width:100%;height:240px;top:467px;left:0%;display:block;}} #div_includeBlock_1495010939302 {border-bottom-color:#ffffff;border-bottom-style:none;border-bottom-width:1px;} #text_default_1503568805749{width:97.64453961456103%;height:242px;position:absolute;top:65.5px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1503568805749{left:0%;width:100%;}} @media screen and (max-width:640px) {#text_default_1503568805749{width:370px;height:300px;top:240px;left:0%;}} #text_default_1503568805749>.view_contents {font-family:SimHei;} /*----------------------电脑板式样式----------------------*/ #text_default_1503568805749{ font-size:14px; color:#fff; } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #text_default_1503568805749{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #text_default_1503568805749{ } } #text_style_02_1495010939687{width:62.5%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:0.01003747323340471%;top:14.5px;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1495010939687{}} @media screen and (max-width:640px) {#text_style_02_1495010939687{width:97.30000000000001%;left:1.3499999999999943%;top:0px;}} #text_style_02_1495010939687>.view_contents {box-sizing:border-box;color:#ffffff;font-size:20px;font-weight:bold;text-align:left;font-family:SimHei;line-height:30px;letter-spacing:0px;text-indent:0em;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1495010939687>.view_contents {box-sizing:border-box;font-size:24px;}} @media screen and (max-width:640px) { #text_style_02_1495010939687>.view_contents {box-sizing:border-box;font-size:18px;line-height:30px;font-weight:normal;}} #div_blank_1495010939678{width:50px;height:3px;position:absolute;left:0.0066916488222698075%;top:49px;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1495010939678{}} @media screen and (max-width:640px) {#div_blank_1495010939678{width:20.263157894736842%;height:3px;left:39.868421052631575%;top:0px;display:block;}} #div_blank_1495010939678 > .view_contents{overflow:visible;} #div_blank_1495010939678 {box-sizing:border-box;background:#ffffff;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1495010939678 {box-sizing:border-box;background:#ffffff;}} @media screen and (max-width:640px) { #div_blank_1495010939678 {box-sizing:border-box;}} #div_includeBlock_1495010939310{width:38.916666666666664%;height:307.5px;position:absolute;top:0px;left:23.333333333333332%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1495010939310{height:291px;width:403px;left:20.76484806629834%;top:0px;}} @media screen and (max-width:640px) {#div_includeBlock_1495010939310{width:100%;height:240px;top:0px;left:0%;display:none;}} #div_includeBlock_1495010939310 {border-bottom-color:#ffffff;border-bottom-style:none;border-bottom-width:1px;} #image_style_01_1499077272264{width:92.18241042345277%;height:92px;position:absolute;top:0px;left:1.6793799212598426%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1499077272264{left:0.3411572052401747%;width:99.40119760479041%;top:22.5px;}} @media screen and (max-width:640px) {#image_style_01_1499077272264{width:200px;height:200px;top:0px;}} #image_style_01_1499077272264 > .view_contents{overflow:visible;} #image_style_01_1499077332054{width:75.2442996742671%;height:132px;position:absolute;top:112.5px;left:24.618602362204726%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1499077332054{width:137px;top:93.5px;left:11.077844311377245%;}} @media screen and (max-width:640px) {#image_style_01_1499077332054{width:57.3921028466483%;height:200px;top:200px;left:21.30394857667585%;}} #image_style_01_1499077332054 > .view_contents{overflow:visible;} #text_style_02_1499077414978{width:100%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:0%;top:260.5px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1499077414978{top:238.5px;left:0%;}} @media screen and (max-width:640px) {#text_style_02_1499077414978{width:97.30000000000001%;left:0%;top:0px;}} #text_style_02_1499077414978>.view_contents {box-sizing:border-box;color:#ffffff;font-size:16px;font-weight:normal;text-align:center;font-family:SimHei;line-height:30px;letter-spacing:0px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1499077414978>.view_contents {box-sizing:border-box;font-size:16px;}} @media screen and (max-width:640px) { #text_style_02_1499077414978>.view_contents {box-sizing:border-box;font-size:18px;line-height:30px;font-weight:normal;}} #div_includeBlock_1495010939316{width:21.166666666666668%;height:290.5px;position:absolute;top:0px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1495010939316{height:268.5px;width:167px;}} @media screen and (max-width:640px) {#div_includeBlock_1495010939316{width:100%;height:145px;top:0px;left:0%;display:block;}} #div_includeBlock_1495010939316 {border-left-color:#ffffff;border-left-style:none;border-left-width:1px;} @media screen and (max-width:640px) { #div_includeBlock_1495010939316 {border-left-width:0px;}} #text_style_02_1495010939421{width:100%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:297px;left:0%;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1495010939421{}} @media screen and (max-width:640px) {#text_style_02_1495010939421{width:100%;top:145px;left:0%;}} #text_style_02_1495010939421>.view_contents {box-sizing:border-box;font-family:SimHei;font-size:16px;color:#f9d9dc;line-height:30px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1495010939421>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1495010939421>.view_contents {box-sizing:border-box;text-align:center;font-size:14px;}} #text_style_02_1583821326894{width:100%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:327px;left:0%;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1583821326894{}} @media screen and (max-width:640px) {#text_style_02_1583821326894{width:100%;top:0px;left:0%;}} #text_style_02_1583821326894>.view_contents {box-sizing:border-box;font-family:SimHei;font-size:16px;color:#f9d9dc;line-height:30px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1583821326894>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1583821326894>.view_contents {box-sizing:border-box;text-align:center;font-size:14px;}} #div_includeBlock_1495010939118{width:1200px;height:387px;position:absolute;top:197.5px;left:calc(50% - 600px);} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1495010939118{left:2.014846235418876%;width:96%;height:387px;top:20px;}} @media screen and (max-width:640px) {#div_includeBlock_1495010939118{width:96%;height:227px;top:83px;left:2%;display:none;}} #text_style_02_1578120594480{width:100%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:0px;left:0%;z-index:3;display:none;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1578120594480{display:none;}} @media screen and (max-width:640px) {#text_style_02_1578120594480{width:96%;top:0px;left:2%;display:block;}} #text_style_02_1578120594480>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:16px;color:#f9d9dc;line-height:30px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1578120594480>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1578120594480>.view_contents {box-sizing:border-box;text-align:center;font-size:14px;}} #div_includeBlock_1495010938960{width:100%;height:584.5px;position:absolute;top:0px;left:0%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1495010938960{height:407px;width:100%;}} @media screen and (max-width:640px) {#div_includeBlock_1495010938960{width:100%;height:60px;top:0px;left:0%;}} #div_includeBlock_1495010938960 {background:#990d1b;background-repeat:no-repeat;background-size:cover;background-position-x:50%;} @media screen and (max-width:640px) { #div_includeBlock_1495010938960 {background-position-x:50%;background:#000000;}} /*----------------------电脑板式样式----------------------*/ #div_includeBlock_1495010938960{ margin-top:50px; } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #div_includeBlock_1495010938960{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #div_includeBlock_1495010938960{ } } #comm_layout_footer{height:610px;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:560.5px;display:block;}} @media screen and (max-width:640px) {#comm_layout_footer{height:60px;display:block;}} #comm_layout_footer > .view_contents{overflow:visible;} body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;} .logoStyle *{box-sizing: border-box;} .logoStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .logoStyle>a{overflow: hidden; width: 100%;height: 100%; display: block;} .logoName{white-space: nowrap;} .imgStyle{font-size:0;} #image_style_01_1498270263215 .CompatibleImg img{width:auto; height:auto}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1498270263215 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1498270263215 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1498270263215 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) { } /*菜单样式*/ .menuStyle_1{width:100%; position:relative;} .menuStyle_1 *{transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -webkit-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -moz-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; -o-transition:color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s; box-sizing: border-box;} .menuStyle_1 .dflex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .menuStyle_1 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0;} .menuStyle_1 ul,.menuStyle_1 li{padding:0;margin:0px;list-style:none} .menuStyle_1 .menuLayout{position:relative; margin:0 auto;width:100%;} .menuStyle_1 .menuLayout:after{content:''; display:block; clear:both;} .menuStyle_1 .menuUl_box{position:relative; width:100%; text-align:center;} .menuStyle_1 .menuUl{position:relative; width:100%; text-align:center;} .menuStyle_1 .menuUl li{position:relative;} .menuStyle_1 .menuUl li>a{text-decoration:none; color:#4d5158;font-size:14px;height:44px; box-sizing:border-box; line-height:44px;display:block;text-align:center; letter-spacing:normal; white-space:nowrap; padding: 0 1em\0;} .menuStyle_1 .menuUl li>a:hover{color:#f90} .menuStyle_1 .menuUl #hot > a{color:#f90;} .menuStyle_1 .menuLayout .miniMenu{display:none;} .menuStyle_1 .menuUl02 {opacity: 0; display: none; position: absolute; left: 50%; height: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .menuStyle_1 .menuUl .rflex:hover .menuUl02 {opacity: 1; display: block; height: auto;} .menuStyle_1 .menuUl02 .subMenu02 { float: none;} .menuStyle_1 .menuUl02 .subMenu02 a { color: #333; width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;} .menuStyle_1 .menuUl02 .subMenu02 a:hover {} .menuStyle_1 .rflex { position: relative;} #dh_style_01_1503973944472.clearTransform{transform:none!important;} #dh_style_01_1503973944472 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;} @media screen and (max-width:640px) { .menuStyle_1 .menuUl,.menuStyle_1 .menuUl_box {display:none;} .menuStyle_1 .menuScroll{height: 84%; height: 84vh; width: 100%;} .menuStyle_1 .menuScroll>.menuUlCopy{width: calc(100% + 18px); height: 100%; overflow-x: hidden; overflow-y: scroll; } .menuStyle_1 .menuLayout .miniMenu{display:block; position:relative; overflow:hidden; width: 100%; height:44px;} .menuStyle_1 .miniMenu .leftBox .sidebar{font-size:28px; line-height:44px; font-weight:normal;cursor:pointer;color:#4d5158; position:absolute; top:0; right:0px; width:44px; text-align:center;} .menuStyle_1 .miniMenu .leftBox .nav{width:100%; height:44px;} .menuStyle_1 .miniMenu .leftBox .menuUlCopy{padding:15px 0 15px 30px;} .menuStyle_1 .miniMenu .leftBox .menuUlCopy li{width:100%; } .menuStyle_1 .miniMenu .leftBox .menuUlCopy li a{width:100%; display:block; text-align:left;color:#fff; border-bottom:1px solid rgba(255,255,255,.2); text-decoration:none; font-size:16px; line-height:44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .menuStyle_1 .menuLayout .miniMenu.Mslide{height:100% !important; height:100vh !important; background:rgba(0,0,0,.85); position: fixed; width: 100%; top: 0; left: 0;} .menuStyle_1 .menuLayout .miniMenu.Mslide .sidebar{color:#fff;} .menuStyle_1 .menuLayout .miniMenu.Mslide .nav a{display:none !important;} } #image_style_01_1499137099408 .CompatibleImg img{width:auto; height:auto}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1499137099408 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1499137099408 .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);}} #image_style_01_1499137099408 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_1499137099855 .CompatibleImg img{width:auto; height:auto}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1499137099855 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1499137099855 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1499137099855 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) { } .textStyle_04{ width: 100%; position: relative; box-sizing: border-box;} .textStyle_04 .scrollDiv{ margin-left: 20px; overflow: hidden;} .textStyle_04 .listDiv{ position: relative;} .textStyle_04 #listUl1{ overflow: hidden;} .textStyle_04 #listUl2{ overflow: hidden;} .textStyle_04 li a{ display: inline-block; font-size: 16px; word-break: break-all; padding: 0 20px 0 0; line-height: 1.5; box-sizing: border-box;} .textStyle_04 .imgDiv{ position: absolute; left: 0; top: 50%; z-index: 10; width: 20px; height: 20px; overflow: hidden; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);} .textStyle_04 .imgDiv img{ width: 100%;} .textStyle_04 .imgDiv .bbx-new-font{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} .textStyle_04 .horizontal{ overflow: hidden;} .textStyle_04 .horizontal #listUl1{ float: left; width: 9999px;} .textStyle_04 .horizontal #listUl2{ float: left;} .textStyle_04 .horizontal li{ float: left;}.prodcateStyle_6{ margin: 0 auto;font-family:"Microsoft YaHei";} .prodcateStyle_6 .menu{ overflow: hidden;} .prodcateStyle_6 .menu,.menu li{list-style-type: none;} .prodcateStyle_6 .menu li.level1>a{display:block;height:30px;line-height:30px;color: #004a8f; font-size: 14px;position: relative;padding-left: 20px;} .prodcateStyle_6 .menu li.level1 a:hover{ color:#004a8f;text-decoration:none;} .prodcateStyle_6 .menu li.level1 a .ico{font-style: normal; background: #004a8f;color: #fff; height: 12px; text-align: center; width: 12px; display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 12px;} .prodcateStyle_6 .menu li ul{ overflow: hidden; } .prodcateStyle_6 .menu li ul.level2{ display: none;} .prodcateStyle_6 .menu li:first-of-type ul.level2{display: block;} .prodcateStyle_6 .menu li ul.level2 li a{display: block;height:30px;line-height:30px;color: #666;font-size: 12px;padding-left:30px;} .prodPage01.Divz{border:1px solid rgb(229,229,229);height:40px;line-height: 40px;} .prodPage01 .dqsp{width: 33.33%;background-color: rgb(239,239,239);height: 100%;text-align: center;float: left;} .prodPage01 .fybnt{width: 33.33%;height:100%;text-align: center;} .prodPage01 .btn_prev{float: left;} .prodPage01 .btn_next{float: left;} @media screen and (max-width: 640px){ .prodPage01.Divz{height: auto;overflow: hidden;} .prodPage01 .dqsp{display: none;} .prodPage01 .btn_prev,.prodPage01 .btn_next{width: 100%;text-align: left;padding-left: 14px;} }/*产品图片样式*/ .profigure_1{position:relative;width:100%; height:100%; background:#fff;} .profigure_1 .picBox{position:relative;;width:100%; height:calc(100% - 20px); overflow:hidden;box-sizing: border-box;} .profigure_1 .picBox li{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:none;} .profigure_1 .picBox li:first-child{display:list-item;} .profigure_1 .picBox li img{width:100%; height:auto;overflow:hidden;box-sizing: border-box;} .profigure_1 .picBox li video{overflow:hidden;box-sizing: border-box;} .profigure_1 .figure_btn{position:absolute; top:calc(50% - 37px); height:74px; width:48px; z-index:9; cursor:pointer; display:none;} .profigure_1 .figure_prev{background:url(../img/prodPic/style_03/prev.png) no-repeat center; left:0;} .profigure_1 .figure_next{background:url(../img/prodPic/style_03/next.png) no-repeat center; right:0;} .profigure_1 .opFigure{display:block; width:100%; text-align:center; font-size:12px; color:#149DEC; height:20px; line-height:20px;} .profigure_1 .opFigure i{display:inline-block;vertical-align:middle;} .profigure_1 .clFigure{display:block; height:60px; width:60px; display:none; position:fixed; right:10px; top:10px; z-index:100000;} .profigure_1 .minPic{display:none;} .profigure_1 .minPic .hide_image{display:none!important;} .profigure_1 .minDot{width:100%; position:absolute; height:10px; bottom:10%; text-align:center;} .profigure_1 .minDot a{background:none; width:10px; height:10px; border:1px solid rgba(0,0,0,.4); box-sizing:border-box; display:inline-block; border-radius:100%; margin:0 3px;} .profigure_1 .minDot a.cur{background:rgba(0,0,0,.4);} /*轮播全屏样式*/ .profigure_1.fullScreen{width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999;} .profigure_1.fullScreen .picBox{height:calc(100% - 200px);} .profigure_1.fullScreen .picBox li img{width:auto; height:100%;} .profigure_1.fullScreen .clFigure{display:block; background:url(../img/prodPic/style_03/close.png) no-repeat center; background-size:cover;} .profigure_1.fullScreen .minPic{display:block; width:100%; text-align:center; padding-top:20px; border-top:1px solid #eee;} .profigure_1.fullScreen .minPic a{display:inline-block; max-width:150px; min-height:120px; box-sizing:border-box;position: relative;} .profigure_1.fullScreen .minPic a.cur2{border:1px solid #eee;} .profigure_1.fullScreen .minPic a img{width:100%; height:auto;} .profigure_1.fullScreen .minPic a img.cover_icon{position: absolute;width: 40%;z-index: 9;top: 50%;left: 50%;transform: translate(-50%,-50%);-wibkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);} .profigure_1.fullScreen .minDot{display:none;} @media screen and (max-width:991px){ .profigure_1.fullScreen .minPic a{max-width:110px; min-height:85px;} .profigure_1 .figure_btn{display:block !important;} } @media screen and (max-width:767px){ .profigure_1 .opFigure{display:none;} .profigure_1 .picBox{height:100%;} .profigure_1 .minDot{pointer-events: none;bottom:10px;} } .prodProfile_1{font-size:14px; color:#555; line-height:1.4; text-align:left; padding:.4em 0; white-space: pre-wrap; width:100%;} @media screen and (max-width: 767px){ .prodProfile_1{font-size:12px;} } #customDetail_style_prodProfile_01_1499137348389 {height:auto;} .imgStyle_4 ul li a img{width: auto !important;height: 100% !important;} /*pc*/ #image_style_04_1499078231968 .imgStyle_4 ul li,#image_style_04_1499078231968 .imgStyle_4 ul li{width: 31.333333333333%;} #image_style_04_1499078231968 .imgStyle_4 ul li.imgItems,#image_style_04_1499078231968 .imgStyle_4 ul li.imgItems{margin-bottom:3%;} @media screen and (max-width: 1024px){/*ipad*/ #image_style_04_1499078231968 .imgStyle_4 ul li,#image_style_04_1499078231968 .imgStyle_4 ul li{width: 32%;} #image_style_04_1499078231968 .imgStyle_4 ul li.imgItems,#image_style_04_1499078231968 .imgStyle_4 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_04_1499078231968 .imgStyle_4 ul li,#image_style_04_1499078231968 .imgStyle_4 ul li{width: 49%;} #image_style_04_1499078231968 .imgStyle_4 ul li.imgItems,#image_style_04_1499078231968 .imgStyle_4 ul li.imgItems{margin-bottom:2%;} } .imgStyle_4,.imgStyle_11{position:relative; clear: both; width: 100%; height: 100%;} .imgStyle_4 ul,.imgStyle_11 ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .imgStyle_4 ul li.imgItems,.imgStyle_11 ul li.imgItems{position: relative; overflow: hidden; 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_4 ul li .ratio{margin-top: 100%;} .imgStyle_4 ul li a{} .imgStyle_4 ul li:hover,.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_4 ul li a img,.imgStyle_11 ul li a img{position: absolute; width: auto; height: 100%; top: 50%; left: 50%; -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; } /*****在BODY添加的内容*****/ .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%; /*max-height: 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){/*ipad*/.imgStyle_4 ul li,.imgStyle_11 ul li{width: 24%;}} @media screen and (max-width: 768px){/*mobi*/ .imgStyle_4 ul li,.imgStyle_11 ul li{width: 49%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } 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;} #image_style_01_1499077272264 .CompatibleImg img{width:auto; height:auto}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1499077272264 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1499077272264 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1499077272264 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_1499077332054 .CompatibleImg img{width:auto; height:auto}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1499077332054 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1499077332054 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1499077332054 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) { } .bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;} .bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:0!important;} .bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;} .bottomMenu ul li .menuItem{position: relative;} .bottomMenu ul li .menuItem.iconTxt{top:5%;} .bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .bottomMenu ul li .menuItem.icon{top: 20%;} .bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;} .bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: contain;} .bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #666666; line-height: 1;font-family:Microsoft YaHei;} .bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);} .bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; } @media screen and (max-width:767px) { .bottomMenu{display: block;} body{padding-bottom:50px!important;} }