/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } body{ background-position:left top; } #banner_style_01_1612065115663{width:100%;height:315px;position:absolute;top:161.26250457763672px;left:0.016458196181698484%;display:block;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1612065115663{display:block;}} @media screen and (max-width:640px) {#banner_style_01_1612065115663{width:100%;height:89px;top:234px;left:0%;display:block;}} #banner_style_01_1612065115663 > .view_contents{overflow:hidden;} #banner_style_01_1612065115663 .picSet {opacity:1;} #image_logo_1612066806299{width:12.416666666666666%;height:155px;position:absolute;top:0px;left:10.500329163923634%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1612066806299{left:7.323700954400849%;top:30px;}} @media screen and (max-width:640px) {#image_logo_1612066806299{width:166px;height:156px;top:84px;left:calc(50% - 83px);}} #dh_style_28_1612088744384{width:60%;z-index:1000;left:23.199472935910755%;top:79.26250457763672px;position:absolute;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_28_1612088744384{width:70%;z-index:999;}} @media screen and (max-width:640px) {#dh_style_28_1612088744384{width:44px;z-index:999;left:83.5111083984375%;top:10.5px;}} #dh_style_28_1612088744384 > .view_contents{overflow:visible;} #lang_style_1_1612099206689{width:19.34032983508246%;position:absolute;top:0px;left:72.8439763001975%;} @media screen and (min-width:641px) and (max-width:1200px) {#lang_style_1_1612099206689{width:241px;left:73.05467716600529%;top:12px;}} @media screen and (max-width:640px) {#lang_style_1_1612099206689{width:96%;top:14.5px;left:2%;}} #comm_layout_header{height:476.2625045776367px;z-index:99999;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{display:block;height:476.25px;}} @media screen and (max-width:640px) {#comm_layout_header{display:block;height:323px;}} #comm_layout_header > .view_contents{overflow:visible;} #layout_1611127823772{height:1px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1611127823772{height:1px;}} @media screen and (max-width:640px) {#layout_1611127823772{height:1px;}} #layout_1611127823772 > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1615981387590{width:100%;height:405px;position:absolute;top:0.33750152587890625px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1615981387590{height:317px;}} @media screen and (max-width:640px) {#image_style_01_1615981387590{width:100%;height:126px;top:0px;left:0%;}} #image_style_01_1615981387590 > .view_contents{overflow:visible;} #layout_1615981084045{height:405.3375015258789px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1615981084045{height:318.3375015258789px;}} @media screen and (max-width:640px) {#layout_1615981084045{height:126px;}} #layout_1615981084045 > .view_contents{overflow:visible;max-width:1200px;} #layout_1615981084045 {background:#1a9f8a;} #image_style_17_1627741413147{width:99.83333333333333%;height:446px;position:absolute;top:1.421875px;left:0.04166666666666667%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_17_1627741413147{height:350px;}} @media screen and (max-width:640px) {#image_style_17_1627741413147{width:96.00000000000001%;height:188px;top:10px;left:2%;}} #image_style_17_1627741413147 > .view_contents{overflow:visible;} #image_style_17_1627741413147 .tipsText {background:#aaffff;opacity:0.3;} #image_style_17_1627741413147 .titleSet {color:#007f7f;font-size:21px;} #layout_1627741406945{height:447.421875px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1627741406945{height:351.421875px;}} @media screen and (max-width:640px) {#layout_1627741406945{height:198px;}} #layout_1627741406945 > .view_contents{overflow:visible;max-width:1200px;} #image_style_01_1616406444528{width:99.91666666666667%;height:403px;position:absolute;top:403.76390075683594px;left:0.0416666666666643%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1616406444528{left:0.07084661918542844%;top:407.75px;height:316px;}} @media screen and (max-width:640px) {#image_style_01_1616406444528{width:100.13333333333334%;height:126px;top:672.0000152587891px;left:-0.06666666666666998%;}} #image_style_01_1616406444528 > .view_contents{overflow:visible;} #image_style_01_1616408937418{width:99.75%;height:402.75px;position:absolute;top:1.75px;left:0.125%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1616408937418{height:317px;}} @media screen and (max-width:640px) {#image_style_01_1616408937418{width:100.13333333333334%;height:123px;top:0px;left:-0.06666666666666998%;}} #image_style_01_1616408937418 > .view_contents{overflow:visible;} #text_style_01_1616409879423{width:59.25%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:157.75000762939453px;left:39.416666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1616409879423{width:581px;left:38.257173219978746%;top:135.63888549804688px;}} @media screen and (max-width:640px) {#text_style_01_1616409879423{width:97.6%;font-size:12px;color:#333;line-height:1.6;top:167px;left:1.2%;}} #text_style_01_1616409879423>.view_contents {text-align:left;text-indent:2em;letter-spacing:0px;height:505px;line-height:32x;font-size:18px;background-repeat:no-repeat!important;background-size:contain;background-position:50% 50% !important;opacity:1;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1616409879423>.view_contents {font-size:15px;}} @media screen and (max-width:640px) { #text_style_01_1616409879423>.view_contents {font-size:15px;line-height:21px;}} #text_style_01_1616410084671{width:30.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:79.69444274902344px;left:34.58333333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1616410084671{}} @media screen and (max-width:640px) {#text_style_01_1616410084671{width:100.13333333333334%;font-size:12px;color:#333;line-height:1.6;top:123px;left:0%;}} #text_style_01_1616410084671>.view_contents {font-size:30px;color:#191919;font-family:SimSun;font-weight:bold;text-align:center;} @media screen and (max-width:640px) { #text_style_01_1616410084671>.view_contents {font-size:28px;}} #layout_1616406438532{height:807.7638854980469px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1616406438532{height:723.75px;}} @media screen and (max-width:640px) {#layout_1616406438532{height:798.0000305175781px;}} #layout_1616406438532 > .view_contents{overflow:visible;max-width:1200px;} #image_style_13_1_1616406552940{width:99.75%;position:absolute;top:52.54166793823242px;left:0.125%;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_13_1_1616406552940{display:block;}} @media screen and (max-width:640px) {#image_style_13_1_1616406552940{width:100%;top:53px;left:0%;display:block;}} #image_style_13_1_1616406552940 > .view_contents{overflow:visible;} #image_style_13_1_1616406552940 .modSet {border-color:#ff7f00;border-style:none;background:#ffffff;padding-top:10px;padding-left:10px;padding-bottom:10px;padding-right:10px;} #image_style_13_1_1616406552940 .titleSet {font-weight:bold;font-size:20px;letter-spacing:0px;line-height:50px;} #image_style_13_1_1616406552940 .detailSet {font-size:17px;font-weight:normal;} #image_style_13_1_1616406552940 .imgSet {line-height:18x;height:100px;letter-spacing:0px;text-indent:0em;text-align:right;font-size:12px;} @media screen and (max-width:640px) { #image_style_13_1_1616406552940 .detailSet {font-size:14px;}} #text_style_01_1616409927895{width:30.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:-0.45835113525390625px;left:34.58333333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1616409927895{}} @media screen and (max-width:640px) {#text_style_01_1616409927895{width:100.13333333333334%;font-size:12px;color:#333;line-height:1.6;top:0px;left:0%;}} #text_style_01_1616409927895>.view_contents {font-family:SimSun;font-size:30px;font-weight:bold;line-height:54px;text-align:center;} @media screen and (max-width:640px) { #text_style_01_1616409927895>.view_contents {font-size:28px;}} #layout_1616406549417{height:772.5416679382324px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1616406549417{height:820.53125px;}} @media screen and (max-width:640px) {#layout_1616406549417{height:1032px;}} #layout_1616406549417 > .view_contents{overflow:visible;max-width:1200px;} #layout_1616406549417 {background:#aaffd4;} #image_style_12_1_1616036624354{width:99.83333333333333%;position:absolute;top:53px;left:0.0833333333333357%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_12_1_1616036624354{}} @media screen and (max-width:640px) {#image_style_12_1_1616036624354{width:100.2%;top:53px;left:-0.10000000000000142%;display:block;}} #image_style_12_1_1616036624354 > .view_contents{overflow:hidden;} #image_style_12_1_1616036624354 .titProSet {font-weight:bold;font-size:18px;} #image_style_12_1_1616036624354 .defProSet {font-size:16px;} @media screen and (max-width:640px) { #image_style_12_1_1616036624354 .titProSet {font-size:20px;}} @media screen and (max-width:640px) { #image_style_12_1_1616036624354 .defProSet {font-size:14px;}} #text_style_01_1616409938206{width:30.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:0px;left:34.58333333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1616409938206{}} @media screen and (max-width:640px) {#text_style_01_1616409938206{width:100.13333333333334%;font-size:12px;color:#333;line-height:1.6;top:0px;left:0%;}} #text_style_01_1616409938206>.view_contents {font-family:SimSun;font-size:30px;font-weight:bold;line-height:54px;text-align:center;} @media screen and (max-width:640px) { #text_style_01_1616409938206>.view_contents {background:#aaffd4;}} #layout_1615981759280{height:361.00001525878906px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1615981759280{height:256px;}} @media screen and (max-width:640px) {#layout_1615981759280{height:520px;}} #layout_1615981759280 > .view_contents{overflow:visible;max-width:1200px;} #layout_1615981759280 {background:#ffffff;} #div_blank_1615987893227{width:100%;height:557px;position:absolute;left:0%;top:187px;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1615987893227{width:99.861110999034%;height:442px;left:0%;top:178px;}} @media screen and (max-width:640px) {#div_blank_1615987893227{width:100%;height:494px;left:0%;top:171px;}} #div_blank_1615987893227 > .view_contents{overflow:visible;} #div_blank_1615987893227 {box-sizing:border-box;background:#ffffff;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1615987893227 {box-sizing:border-box;background:#ffffff;}} @media screen and (max-width:640px) { #div_blank_1615987893227 {box-sizing:border-box;background:#ffffff;}} #div_blank_1615987893230{width:100.02153578962773%;height:89px;position:absolute;left:0%;top:101px;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1615987893230{width:99.96794893191411%;height:86px;left:0%;top:92px;}} @media screen and (max-width:640px) {#div_blank_1615987893230{width:99.89259287516276%;height:86px;left:0%;top:85px;}} #div_blank_1615987893230 > .view_contents{overflow:visible;} #div_blank_1615987893230 {box-sizing:border-box;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background: url(https://cdn.yun.sooce.cn/6/28357/png/1616032774115e1408789aea71af9.png?version=1616032776);background-position:50% 100% !important;background-size:100% auto;} #div_blank_1615987893230 .modSet {background: url(https://cdn.yun.sooce.cn/6/28357/png/1616032774115e1408789aea71af9.png?version=0);background-size:100% auto;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1615987893230 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1615987893230 {box-sizing:border-box;}} #div_blank_1615987893231{width:225px;height:217px;position:absolute;left:calc(50% - 112.5px);top:0px;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1615987893231{width:135px;height:135px;left:calc(50% - 67.5px);top:23px;z-index:2;}} @media screen and (max-width:640px) {#div_blank_1615987893231{width:155px;height:152px;left:calc(50% - 77.5px);top:0px;}} #div_blank_1615987893231 > .view_contents{overflow:visible;} #div_blank_1615987893231 {box-sizing:border-box;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;background: url(https://cdn.yun.sooce.cn/6/28357/png/161603619696735217180a94d3523.png?version=0);background-size:contain;background-repeat:no-repeat!important;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1615987893231 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1615987893231 {box-sizing:border-box;}} #customForm_style_input_01_1615987893389{width:99.84848484848486%;position:absolute;left:0%;top:11px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1615987893389{width:100%;left:0%;top:6px;}} @media screen and (max-width:640px) {#customForm_style_input_01_1615987893389{width:100%;left:0%;top:6px;}} #customForm_style_input_01_1615987893389 > .view_contents{overflow:visible;} #customForm_style_input_01_1615987893389 {height:40px;line-height:40px;border-top-color:#cccccc;border-right-color:#cccccc;border-bottom-color:#cccccc;border-left-color:#cccccc;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #customForm_style_input_01_1615987893389 .inputSet {line-height:40px;height:40px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-width:1px;} #customForm_style_input_01_1615987893392{width:100%;position:absolute;left:0%;top:156.50001525878906px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1615987893392{width:100%;left:0%;top:130.00000762939453px;}} @media screen and (max-width:640px) {#customForm_style_input_01_1615987893392{width:100%;left:0%;top:144.49999332427979px;}} #customForm_style_input_01_1615987893392 > .view_contents{overflow:visible;} #customForm_style_input_01_1615987893392 .inputSet {line-height:40px;height:40px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-color:#cccccc;border-right-color:#cccccc;border-bottom-color:#cccccc;border-left-color:#cccccc;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;} #customForm_style_input_01_1615987893392 {background:none;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#cccccc;border-right-color:#cccccc;border-bottom-color:#cccccc;border-left-color:#cccccc;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;} #customForm_style_input_01_1615987893394{width:100%;position:absolute;left:0%;top:210.50001525878906px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1615987893394{width:100%;left:0%;top:181.00000762939453px;}} @media screen and (max-width:640px) {#customForm_style_input_01_1615987893394{width:100%;left:0%;top:197px;}} #customForm_style_input_01_1615987893394 > .view_contents{overflow:visible;} #customForm_style_input_01_1615987893394 .inputSet {line-height:40px;height:40px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #customForm_style_input_01_1615987893394 {border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-color:#cccccc;border-right-color:#cccccc;border-bottom-color:#cccccc;border-left-color:#cccccc;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #customForm_style_file_01_1616040525418{width:100%;position:absolute;left:0%;top:383.2638969421387px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_file_01_1616040525418{left:0%;top:330.5972213745117px;width:100%;}} @media screen and (max-width:640px) {#customForm_style_file_01_1616040525418{width:100%;top:355.00000762939453px;left:0%;}} #customForm_style_file_01_1616040525418 > .view_contents{overflow:hidden;} #customForm_style_file_01_1616040525418 .inputSet {color:#7f7f7f;font-size:12px;font-weight:normal;text-align:center;height:40px;} #customForm_style_file_01_1616040525418 .btnaSet {height:40px;background:#2da8a8;} #customForm_style_radio_01_1616379986521{width:97.26443768996961%;position:absolute;left:1.3551196066441868%;top:62.98610305786133px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_radio_01_1616379986521{left:0%;width:81.90563046924197%;top:54.97222137451172px;}} @media screen and (max-width:640px) {#customForm_style_radio_01_1616379986521{width:100.05843276730633%;top:56px;left:0%;}} #customForm_style_radio_01_1616379986521 .textSet {font-size:12px;line-height:25px;height:40px;letter-spacing:40px;border-color:#cccccc;border-radius:5px;border-style:none;color:#7f7f7f;border-width:1px;} #customForm_style_radio_01_1616379986521 .textSet:hover {} #customForm_style_input_02_02_1616381785113{width:99.80158936288944%;position:absolute;left:0%;top:268.26390075683594px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_02_02_1616381785113{left:0%;width:100%;top:231.2361068725586px;}} @media screen and (max-width:640px) {#customForm_style_input_02_02_1616381785113{width:100%;top:249px;left:0%;}} #customForm_style_input_02_02_1616381785113 > .view_contents{overflow:visible;} #customForm_style_input_02_02_1616381785113 .inputSet {color:#7f7f7f;border-radius:6px;} #customForm_style_select_01_1616383567428{width:100%;position:absolute;left:0%;top:102.26389694213867px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_select_01_1616383567428{left:0%;width:100%;top:79.97222137451172px;}} @media screen and (max-width:640px) {#customForm_style_select_01_1616383567428{width:100%;top:91px;left:0%;}} #customForm_style_select_01_1616383567428 .inputSet {height:40px;color:#7f7f7f;} #customForm_style_input_01_1616383919673{width:99.84848484848486%;position:absolute;left:0%;top:325px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_input_01_1616383919673{width:100%;left:0%;top:280.5972213745117px;}} @media screen and (max-width:640px) {#customForm_style_input_01_1616383919673{width:100%;left:0%;top:304.00000762939453px;}} #customForm_style_input_01_1616383919673 > .view_contents{overflow:visible;} #customForm_style_input_01_1616383919673 {height:40px;line-height:40px;border-top-color:#cccccc;border-right-color:#cccccc;border-bottom-color:#cccccc;border-left-color:#cccccc;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #customForm_style_input_01_1616383919673 .inputSet {line-height:40px;height:40px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-width:1px;} #customForm_style_button_01_1615987893399{width:99.84848484848486%;position:absolute;left:0%;top:436.99999618530273px;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_style_button_01_1615987893399{width:100%;left:0%;top:377.00001525878906px;}} @media screen and (max-width:640px) {#customForm_style_button_01_1615987893399{width:100%;left:0%;top:407px;}} #customForm_style_button_01_1615987893399 > .view_contents{overflow:visible;} #customForm_style_button_01_1615987893399 {background:none;color:#ffffff;} #customForm_style_button_01_1615987893399 .btnaSet {background:#007f7f;color:#ffffff;line-height:40px;height:40px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;font-size:25px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #customForm_form_1615987893277{width:85.02994011976048%;height:491px;position:absolute;left:7.534246575342466%;top:202.5px;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_form_1615987893277{width:83.5820895522388%;height:420.99999237060547px;left:8.208955223880597%;top:189px;}} @media screen and (max-width:640px) {#customForm_form_1615987893277{width:82.39999999999999%;height:454px;left:8.799999999999999%;top:194px;}} #customForm_form_1615987893277 {border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;} #div_includeBlock_1615987893135{width:22.92654028436019%;height:793px;position:absolute;left:58.6361242759347%;top:0px;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1615987893135{width:389.8055419921875px;left:58.575392605521095%;top:2px;height:669px;display:block;}} @media screen and (max-width:640px) {#div_includeBlock_1615987893135{width:100%;height:716.9999389648438px;left:0%;top:0px;display:block;}} #div_includeBlock_1615987893135 > .view_contents{overflow:visible;} #div_includeBlock_1615987893135 {background-repeat:no-repeat;background-position-x:50%;background-position-y:50%;background-size:cover;background:#1a9f8a;} /*----------------------电脑板式样式----------------------*/ #div_includeBlock_1615987893135{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #div_includeBlock_1615987893135{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #div_includeBlock_1615987893135{ } } #download_style_01_1616394709981{width:75.51912568306011%;position:absolute;left:8.19672131147541%;top:24.5px;z-index:9999;} @media screen and (min-width:641px) and (max-width:1200px) {#download_style_01_1616394709981{left:calc(50% - 246.5px);top:23px;}} @media screen and (max-width:640px) {#download_style_01_1616394709981{display:block;height:144px;z-index:1;top:0px;left:0%;width:100%;}} #download_style_01_1616394709981 > .view_contents{overflow:visible;} #download_style_01_1616394709981 .imgSet {border-width:1px;background:#ff0000;border-radius:20px;border-style:none;} #download_style_01_1616394709981 .btnaSet {background:#007f7f;font-size:13px;} #download_style_01_1616394709981 .titleSet {font-size:16px;} #download_style_01_1616394709981 .timesSet {font-size:13px;} #download_style_01_1616394709981 .userSet {font-size:13px;} #image_style_01_1616405914723{width:89.45454545454545%;height:525px;position:absolute;left:0.7299133811230586%;top:198.5px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1616405914723{top:258.00000762939453px;left:5.272727272727273%;width:89.45454545454545%;height:364px;}} @media screen and (max-width:640px) {#image_style_01_1616405914723{width:96%;height:290px;top:154px;left:2%;}} #image_style_01_1616405914723 > .view_contents{overflow:visible;} #customForm_form_1616039572597{width:44.70774091627172%;height:739.5px;position:absolute;top:0px;left:18.50974196945761%;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#customForm_form_1616039572597{display:block;left:0.12693496363575982%;top:0px;width:550.3055419921875px;height:668px;}} @media screen and (max-width:640px) {#customForm_form_1616039572597{width:100%;height:445px;top:717px;left:0%;display:block;}} #customForm_form_1616039572597 {} #layout_diy_1610016577{height:793px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1610016577{height:671px;}} @media screen and (max-width:640px) {#layout_diy_1610016577{height:1162px;}} #layout_diy_1610016577 {background:#aaffd4;} #layout_1615992839062{height:1px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1615992839062{height:1px;}} @media screen and (max-width:640px) {#layout_1615992839062{height:1px;}} #layout_1615992839062 > .view_contents{overflow:visible;max-width:1200px;} #image_style_03_1616465295101{width:99.83333333333333%;height:402px;position:absolute;top:2.015625px;left:0.0833333333333357%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_03_1616465295101{height:314px;}} @media screen and (max-width:640px) {#image_style_03_1616465295101{width:100%;height:124px;top:0px;left:0%;}} #image_style_03_1616465295101 > .view_contents{overflow:visible;} #image_style_03_1616465295101 .titleSet {font-size:20px;font-weight:bold;} #image_style_03_1616465295101 .detailSet {font-size:16px;} #layout_1616411058010{height:404.015625px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1616411058010{height:316.015625px;}} @media screen and (max-width:640px) {#layout_1616411058010{height:124px;}} #layout_1616411058010 > .view_contents{overflow:visible;max-width:1200px;} #layout_1616411058010 {background:#1a9f8a;} #text_style_02_1612088694541{width:6.424433912585571%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:199px;left:74.35492364402317%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1612088694541{left:81.91892971246007%;top:191px;width:126px;}} @media screen and (max-width:640px) {#text_style_02_1612088694541{width:26.31578947368421%;top:642px;left:36.8421052631579%;display:none;}} #text_style_02_1612088694541>.view_contents {box-sizing:border-box;font-size:12px;color:#ffffff;height:20px;line-height:20px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1612088694541>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1612088694541>.view_contents {box-sizing:border-box;}} #image_style_01_1612088694544{width:8.125819134993446%;height:162px;position:absolute;top:32px;left:65.25802752918528%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1612088694544{width:110px;left:69.46049970382091%;top:29px;}} @media screen and (max-width:640px) {#image_style_01_1612088694544{width:55.09641873278237%;height:200px;top:1242px;left:22.451790633608816%;display:none;}} #image_style_01_1612088694544 > .view_contents{overflow:visible;} #text_style_02_1612088694546{width:6.687730384412848%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:199px;left:65.99443786203265%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1612088694546{width:124px;left:68.71339190628328%;top:191px;}} @media screen and (max-width:640px) {#text_style_02_1612088694546{width:28.421052631578945%;top:942px;left:35.78947368421053%;display:none;}} #text_style_02_1612088694546>.view_contents {box-sizing:border-box;font-size:12px;color:#ffffff;height:20px;line-height:20px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1612088694546>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1612088694546>.view_contents {box-sizing:border-box;}} #image_logo_1612088694549{width:11.479726171669299%;height:167px;position:absolute;top:0px;left:18.404423380726698%;display:block;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1612088694549{left:4.984093561752729%;top:80px;height:180px;width:158px;}} @media screen and (max-width:640px) {#image_logo_1612088694549{width:28.947368421052637%;height:96px;top:442px;left:35.526315789473685%;display:none;}} #image_style_01_1612088694551{width:2.4513947590870666%;height:25px;position:absolute;top:147px;left:38.28333282470703%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1612088694551{left:44.01511199385212%;top:147px;}} @media screen and (max-width:640px) {#image_style_01_1612088694551{width:52.892561983471076%;height:200px;top:2677px;left:23.553719008264462%;display:none;}} #image_style_01_1612088694551 > .view_contents{overflow:visible;} #dh_style_03_1612088694553{width:7.011795543905635%;z-index:999;left:29.823896899044396%;top:63px;position:absolute;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_03_1612088694553{z-index:999;width:93px;top:71px;left:24.374337868877586%;}} @media screen and (max-width:640px) {#dh_style_03_1612088694553{width:13.774104683195592%;z-index:999;left:43.112947658402206%;top:501px;display:none;}} #dh_style_03_1612088694553 > .view_contents{overflow:visible;} #dh_style_03_1612088694553 .columnSet {background:transparent;font-size:12px;height:178px;line-height:14px;} #dh_style_03_1612088694553 #hot>a {background:transparent;} #dh_style_03_1612088694553 .mainMenuSet {border-right-style:none;border-bottom-style:none;height:25px;line-height:0em;} #image_style_01_1612088694555{width:2.197802197802198%;height:25px;position:absolute;top:191.5px;left:38.449999491373696%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1612088694555{left:44.00583374395982%;top:188.5px;}} @media screen and (max-width:640px) {#image_style_01_1612088694555{width:52.892561983471076%;height:200px;top:442px;left:23.553719008264462%;display:none;}} #image_style_01_1612088694555 > .view_contents{overflow:visible;} #text_style_02_1612088694557{width:16.14539306846999%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:145px;left:41.90833282470703%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1612088694557{width:183px;left:46.99629038287878%;top:145px;}} @media screen and (max-width:640px) {#text_style_02_1612088694557{width:96.00000000000001%;top:2877px;left:1.999999999999993%;display:none;}} #text_style_02_1612088694557>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:12px;color:#ffffff;line-height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1612088694557>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1612088694557>.view_contents {box-sizing:border-box;}} #text_style_02_1612088694559{width:16.583333333333332%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:189px;left:41.74166615804037%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1612088694559{width:187px;left:46.98700889676398%;top:186px;}} @media screen and (max-width:640px) {#text_style_02_1612088694559{width:96.00000000000001%;top:2377px;left:1.999999999999993%;display:none;}} #text_style_02_1612088694559>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:12px;color:#ffffff;line-height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1612088694559>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1612088694559>.view_contents {box-sizing:border-box;}} #text_style_02_1612088694562{width:15.75%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:63px;left:39.4499994913737%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1612088694562{width:245px;left:42.881760986429%;top:80px;}} @media screen and (max-width:640px) {#text_style_02_1612088694562{width:55.00000000000001%;top:442px;left:22.499999999999996%;display:none;}} #text_style_02_1612088694562>.view_contents {box-sizing:border-box;font-size:20px;line-height:20px;height:60px;color:#ffffff;font-family:SimSun;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1612088694562>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1612088694562>.view_contents {box-sizing:border-box;}} #image_style_01_1612088694564{width:8.060288335517694%;height:162px;position:absolute;top:32px;left:73.5387045813586%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1612088694564{left:84.23515635355912%;top:29px;}} @media screen and (max-width:640px) {#image_style_01_1612088694564{width:55.09641873278236%;height:200px;top:220px;left:22.45179063360882%;display:none;}} #image_style_01_1612088694564 > .view_contents{overflow:visible;} #image_style_01_1612088694566{width:3.7352555701179555%;height:31px;position:absolute;top:230px;left:67.4688981042654%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1612088694566{left:72.81349840255591%;top:211px;width:47px;}} @media screen and (max-width:640px) {#image_style_01_1612088694566{width:52.892561983471076%;height:200px;top:442px;left:0%;display:none;}} #image_style_01_1612088694566 > .view_contents{overflow:visible;} #image_style_01_1612088694568{width:3.7352555701179555%;height:31px;position:absolute;top:230px;left:75.6977356503423%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1612088694568{left:86.15049254526092%;top:211px;width:40px;}} @media screen and (max-width:640px) {#image_style_01_1612088694568{width:52.892561983471076%;height:200px;top:442px;left:0%;display:none;}} #image_style_01_1612088694568 > .view_contents{overflow:visible;} #text_style_01_1612088694570{width:23.083333333333332%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:36.805464924755185%;top:214.00003051757812px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1612088694570{left:25%;width:50%;}} @media screen and (max-width:640px) {#text_style_01_1612088694570{width:96%;font-size:12px;color:#333;line-height:1.6;top:40px;left:2%;}} #text_style_01_1612088694570>.view_contents {text-align:center;font-size:12px;color:#ffffff;font-weight:normal;} #image_style_01_1614137059049{width:1.5141540487162608%;height:24px;position:absolute;top:262.6000061035156px;left:38.78209589342289%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1614137059049{}} @media screen and (max-width:640px) {#image_style_01_1614137059049{width:52.892561983471076%;height:200px;top:374px;left:0%;display:none;}} #image_style_01_1614137059049 > .view_contents{overflow:visible;} #text_style_02_1614137145746{width:16.19486504279131%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:262.6000061035156px;left:41.91079657669519%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1614137145746{width:198px;}} @media screen and (max-width:640px) {#text_style_02_1614137145746{width:96.00000000000001%;top:0px;left:1.999999999999993%;display:none;}} #text_style_02_1614137145746>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:12px;color:#ffffff;line-height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1614137145746>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1614137145746>.view_contents {box-sizing:border-box;}} #text_default_1614137412944{width:26.33311389071758%;height:300px;position:absolute;top:23px;left:36.84167215273206%;display:none;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1614137412944{display:none;}} @media screen and (max-width:640px) {#text_default_1614137412944{width:96%;height:324px;top:40px;left:2%;display:none;}} #text_default_1614137412944>.view_contents {color:transparent;} #text_style_02_1614137664483{width:16.19486504279131%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:42px;left:41.90256747860435%;z-index:2;display:none;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1614137664483{width:96%;display:none;top:42px;left:2%;}} @media screen and (max-width:640px) {#text_style_02_1614137664483{width:46.93333333333333%;top:89px;left:26.533333333333335%;display:block;}} #text_style_02_1614137664483>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:12px;color:#ffffff;line-height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1614137664483>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1614137664483>.view_contents {box-sizing:border-box;}} #image_style_01_1614137698586{width:1.5141540487162608%;height:24px;position:absolute;top:64px;left:49.24292297564187%;z-index:2;display:none;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1614137698586{display:none;top:64px;left:41.46666666666667%;width:17.066666666666666%;}} @media screen and (max-width:640px) {#image_style_01_1614137698586{width:13.600000000000001%;height:25px;top:91px;left:14.286666870117188%;display:block;}} #image_style_01_1614137698586 > .view_contents{overflow:visible;} #div_includeBlock_1612088694455{width:100%;height:323px;position:absolute;top:-0.47222900390625px;left:0%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1612088694455{left:calc(50% - 471.5px);top:0px;}} @media screen and (max-width:640px) {#div_includeBlock_1612088694455{width:100%;height:141px;top:0px;left:0%;display:block;}} #div_includeBlock_1612088694455 > .view_contents{overflow:visible;} #div_includeBlock_1612088694455 {background:#b2b2b2;} #div_includeBlock_1612088694455 .modSet {} #comm_layout_footer{height:323.52777099609375px;z-index:99999;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:323px;}} @media screen and (max-width:640px) {#comm_layout_footer{height:141px;}} #comm_layout_footer > .view_contents{overflow:visible;} .fileStyle1{font-size: 0;} .fileStyle1 input.fileLink[type="text"]{width: calc(100% - 105px);margin-right: 0px; height:36px; line-height: 36px; border:1px solid #ccc; box-sizing: border-box; background-color: #fff;padding:0 10px;margin-right: 5px;vertical-align: baseline;font-size: 14px;} .fileStyle1 input.viewbtn[type="button"]{font-size: 14px;width: 100px; height: 36px; cursor: pointer; background:#fff; border:1px solid #ccc; color: #333; box-sizing: border-box;vertical-align: top;} .fileStyle1 input.file[type="file"]{opacity:0;filter:Alpha(opacity=0); display: none;} .fileStyle1 .input_view{position: relative;display: inline-block;width: 100%;vertical-align: middle;} .fileStyle1 .red_tip{color: #cc0000;display: none;} .fileStyle1 .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: middle;} @media screen and (max-width: 767px){ .fileStyle1 input.fileLink[type="text"]{font-size: 12px;height: 32px;line-height: 32px;} .fileStyle1 input.viewbtn[type="button"]{font-size: 12px;height: 32px;} .fileStyle1 .title_view{font-size: 12px;} } .choice{position: relative;overflow: hidden;} .choice .radio{ position: relative;display: inline-block;line-height: 22px; float:left;font-weight: 400;color: #0c4757; padding-left: 25px;cursor: pointer;margin: 0 10px 6px 0;font-size: 14px;} .choice .radio.img_radio{border: 1px solid #ccc;padding: 5px;box-sizing: border-box;margin-bottom: 10px;width:130px} .choice .radio.img_radio .radio_input{position: relative;padding-left: 25px;} .choice .radio input{position: absolute;left: -2.5px;top: 1.5px; z-index: 999999; opacity: 0; cursor: pointer; } .choice .radio i{ display: block; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; outline: 0; border: 1px solid #666; border-radius: 50%; transition: border-color .3s; -webkit-transition: border-color .3s; cursor: pointer; background: #fff;} .choice .radio input+i:after{ position: absolute; content: ''; top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%;border: 4px solid transparent;box-sizing: border-box;} .choice .radio input:checked+i{ border-color: #2D8CF0; } .choice .radio input:checked+i:after{border-color: inherit;} .choice .radio .bechoosedradio:after{border-color: inherit!important;} .choice .radio img{width: 120px;height: 120px;object-fit: contain;background: #f2f2f2;} .radioStyle01 .radio_img{position: relative;width: 100%;overflow: hidden;margin-bottom: 4px;} .radioStyle01 .radio_img .img_view{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;} .radioStyle01 .radio_img .heightset{margin-top: 100%;} .radioStyle01{font-size: 0;} .radioStyle01 .input_view{position: relative;display: inline-block;width: 100%; vertical-align: middle;} .radioStyle01 .red_tip{color: #cc0000;display: none;} .radioStyle01 .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: top;line-height: 22px;} @media screen and (max-width: 767px){ .choice .radio{font-size: 12px;} .radioStyle01 .title_view{font-size: 12px;} .choice .radio.img_radio{width:110px} .choice .radio img{width: 100px;height: 100px;} } .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_1612065115663 .bannerStyle_1 .main_image .img-item .img_0{background: url('https://cdn.yun.sooce.cn/6/28357/png/1611152812374f95e7c57792b5f66.png?version=0') center top no-repeat;} #banner_style_01_1612065115663 .bannerStyle_1 .main_image .img-item .img_1{background: url('https://cdn.yun.sooce.cn/6/28357/png/1611164634234cd454b3c280a97c4.png?version=0') center top no-repeat;} #banner_style_01_1612065115663 .bannerStyle_1 .main_image .img-item .img_2{background: url('https://cdn.yun.sooce.cn/6/28357/png/161114800360498c9bb7565521c92.png?version=1611148003') center top no-repeat;} #banner_style_01_1612065115663 .bannerStyle_1 .main_image .img-item .img_3{background: url('https://cdn.yun.sooce.cn/6/28357/jpg/1616639549679d6a6025a377b46af.jpg?version=1616639550') center top no-repeat;} #banner_style_01_1612065115663 .bannerStyle_1 .ground_glass{} #banner_style_01_1612065115663 .bannerStyle_1 .main_image .img-item span{} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1612065115663 .bannerStyle_1 .main_image .img-item span{background-size:auto 100%!important;} } @media screen and (max-width:640px) { #banner_style_01_1612065115663 .bannerStyle_1 .main_image .img-item span{background-size:auto 100%!important;} } #banner_style_01_1612065115663 .hide_img{ display: none; width: 100%; vertical-align: top;} #banner_style_01_1612065115663 .bannerStyle_1 .main_image .img-item a{ position: relative; z-index: 10; } .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;} .menuStyle_28{width:100%; position:relative;} .menuStyle_28 *{box-sizing: border-box;} .menuStyle_28 .miniMenu *, .menuStyle_28 .menuUl li *{ -webkit-transition-duration:.2s; -moz-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; -webkit-transition-property:background,height,padding; -moz-transition-property:background,height,padding; -moz-transition-property:background,height,padding; transition-property:background,height,padding; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } .menuStyle_28 .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_28 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0;} .menuStyle_28 ul,.menuStyle_28 li{padding:0;margin:0px;list-style:none} .menuStyle_28 .menuLayout{position:relative; margin:0 auto;width:100%;} .menuStyle_28 .menuLayout:after{content:''; display:block; clear:both;} .menuStyle_28 .menuUl_box{position:relative; width:100%; text-align:center;} .menuStyle_28 .menuUl{position:relative; width:100%; text-align:center;} .menuStyle_28 .menuUl>li{position:relative;} .menuStyle_28 .menuUl>li>a{ background: rgba(0,0,0,0.0); position: relative; text-decoration:none;font-size:16px;font-weight: bold; box-sizing:border-box; display:block;text-align:center; letter-spacing:normal; white-space:nowrap; color: #17233d; line-height:44px; padding: 0; padding: 0 1em\0;} .menuStyle_28 .menuUl>li>a:hover{ color:#750406;} .menuStyle_28 .menuUl #hot>a{color:#750406;} .menuStyle_28 .menuUl>li>a span{display:block; width: 100%; text-align: center; color: rgba(0,0,0,.3); font-size: 12px;} .menuStyle_28 .menuUl #hot>a span{color:inherit;} .menuStyle_28 .menuLayout .miniMenu{display:none;} .menuStyle_28 .menuUl02 {position: absolute; left: 50%; opacity: 0; display: none; width: 100%; height: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .menuStyle_28 .menuUl>li>#menuLogo{height: 85%;} .menuStyle_28 .menuUl .rflex:hover .menuUl02{opacity: 1; display: block; height: auto;padding-top: 10px;} .menuStyle_28 .menuUl.noHover .rflex:hover .menuUl02{display: none;} .menuStyle_28 .menuUl02 .subMenu02 {position: relative; color: #4d5158; font-size:14px; line-height: 40px; padding: 0 15px;background: #fff;} .menuStyle_28 .menuUl02 .subMenu02#subCurSet{color:#750406;} .menuStyle_28 .menuUl02 .subMenu02>a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: inherit; font-size:inherit; line-height: inherit;} .menuStyle_28 .menuUl02 .subMenu02:hover {color:#750406;border-left: 2px solid #750406;background: #f7f7f7;} .menuStyle_28 .menuUl02 .subMenu02>a .fa{float: right; line-height: inherit;} .menuStyle_28 .menuUl02 .subMenu02:hover .menuUl03{display: block;} .menuStyle_28 .menuUl02 .subMenu02:first-child{ border-top-left-radius: 0px;border-top-right-radius: 0px; } .menuStyle_28 .menuUl02 .subMenu02:last-child{ border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; } .menuStyle_28 .menuUl03{position: absolute; top: 0; left: 100%; display: none; } .menuStyle_28 .menuUl03 .subMenu03{ line-height: 40px;margin-left: 10px;} .menuStyle_28 .menuUl03 .subMenu03 a:hover{color:#750406; background: #f7f7f7;} .menuStyle_28 .menuUl03 .subMenu03>a{ color: #17233d; background: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding: 0 15px;} .menuStyle_28 .menuUl03 .subMenu03:first-child a{ border-top-left-radius: 0px;border-top-right-radius: 0px; } .menuStyle_28 .menuUl03 .subMenu03:last-child a{ border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; } .menuStyle_28 .menuUl .rflex:hover .menuUl02::before{ content: ''; border-top:5px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff; position: absolute; top: 0px; transform: translateX(-50%); } .menuStyle_28 .menuUl02 .arrow:hover::before{ content: ''; border-top:5px solid transparent; border-left:5px solid #fff; border-right:5px solid transparent; border-bottom:5px solid transparent; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); } .menuStyle_28 .rflex { position: relative;} .menuStyle_28 .maxWidth{margin: auto;} .menuStyle_28 .subBox{position: absolute; left: 0; width: 100%; background: rgba(238, 238, 238, 0.85); display: none;} .menuStyle_28 .subBox .subBoxContent{padding: 15px; text-align: left; overflow: hidden;} .menuStyle_28 .subBox .subBoxContent .subItems{overflow: hidden; display: none;} .menuStyle_28 .subBox .sublm{float: left; width: calc(100% - 440px); min-height: 10px;} .menuStyle_28 .subBox .sublm>div{clear: both; overflow: hidden; margin: 8px 0;} .menuStyle_28 .subBox .subImgsbox{float: left; width: 440px; height: 160px;} .menuStyle_28 .subBox .subImgsbox>a{display: block; height: 100%; float: right; width: calc((100% - 20px)/2); margin-left: 20px;} .menuStyle_28 .subBox .subImgsbox>a:last-child{margin-left: 0;} .menuStyle_28 .subBox .subImgsbox>a>div.subImg{ position: relative; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover !important;} .menuStyle_28 .subBox .subImgsbox>a>div.subImg span{position: absolute; bottom: 0; left: 0; width: 100%; display: block; padding: 5px; background: rgba(255,255,255,.8); color: #17233d; font-size: 12px;} .menuStyle_28 .subBox p{overflow: hidden; float: left;} .menuStyle_28 .subBox p:first-child{margin-right: 10px; width: 100px;} .menuStyle_28 .subBox p:last-child{width: calc(100% - 110px);} .menuStyle_28 .subBox .subMenu02{font-size: 14px; margin-bottom: 5px; clear: both; color: #17233d; line-height: 28px;} .menuStyle_28 .subBox .subMenu02#subCurSet{color: #750406;} .menuStyle_28 .subBox .subMenu02:hover, .menuStyle_28 .subBox .subMenu02:active{color: #750406;} .menuStyle_28 .subBox .subMenu03{float: left; margin: 5px 20px 5px 0; font-size: 12px; color: #666;} .menuStyle_28 .subBox .subMenu03:hover, .menuStyle_28 .subBox .subMenu03:active{color: #750406;} .menuStyle_28 .subMenu03 #thrCurSet{color: #750406; background: #f7f7f7;} .menuStyle_28 .imgIco{vertical-align: middle; display:inline-block; overflow:hidden; position:relative; padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;} .menuStyle_28 .imgIco img{width:auto; height:100%; vertical-align: top; position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); -webkit-transform:translateY(-50%) translateX(-50%); -moz-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); -o-transform:translateY(-50%);} @media screen and (max-width:640px) { .menuStyle_28 .imgIco{ margin-right:10px;} .menuStyle_28 .menuUl, .menuStyle_28 .menuUl_box {display:none;} .menuStyle_28 .menuScroll{height: calc(100% - 100px); width: 100%;} .menuStyle_28 .menuScroll>.menuUlCopy{width:100%; height: 100%; overflow-x: hidden; overflow-y: scroll; } .menuStyle_28 .menuLayout .miniMenu{display:block; position:relative; overflow:hidden; width: 100%; height:44px;} .menuStyle_28 .miniMenu .leftBox{height: 100%;} .menuStyle_28 .miniMenu .leftBox .sidebar{font-size:24px; line-height:44px; font-weight:normal;cursor:pointer;color:#4d5158; position:absolute; top:0; right:0px; width:44px; text-align:center;} .menuStyle_28 .miniMenu .leftBox .sidebar .fa{font-size: inherit; line-height: inherit; color: inherit;} .menuStyle_28 .miniMenu .leftBox .nav{width:100%; height:44px; } .menuStyle_28 .miniMenu.Mslide .leftBox .nav{border-bottom: 1px solid rgba(0,0,0,.05);} .menuStyle_28 .miniMenu .leftBox .menuUlCopy{padding:0 0 0 30px; clear: both;} .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy{display: none;padding: 0;} .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy .menuUlCopy{width: calc(100% - 50px);} .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy li a{padding-left: 30px;box-sizing: border-box;} .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy .menuUlCopy li a{padding-left: 60px;box-sizing: border-box;} .menuStyle_28 .miniMenu .leftBox .menuUlCopy li{width:100%; overflow: hidden; color:#fff; font-size:12px; line-height:44px;} .menuStyle_28 .miniMenu .leftBox .menuUlCopy li a{width:calc(100% - 50px); float: left; display:block; text-align:left;color:inherit; text-decoration:none; font-size:inherit; line-height:inherit; height: inherit; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;border-bottom:1px solid rgba(0,0,0,.2);} .menuStyle_28 .miniMenu .leftBox .menuUlCopy li#hot>a{border-bottom: 1px solid #fff;} .menuStyle_28 .miniMenu .leftBox .menuUlCopy li .fa{color: inherit; font-size: inherit; float: left; width: 50px; text-align: center; line-height: inherit; background: rgba(0, 0, 0, 0.1);} .menuStyle_28 .miniMenu .leftBox .menuUlCopy li .fa:active{background: rgba(0,0,0,.3);} .menuStyle_28 .miniMenu .leftBox .menuUlCopy li.subMenuSet#subCurSet>a, .menuStyle_28 .miniMenu .leftBox .menuUlCopy li#thrCurSet>a{border-bottom: 1px solid #fff;} .menuStyle_28 .menuLayout .miniMenu.Mslide{height:100% !important; height:100vh !important; background:rgba(23, 25, 29, 0.95); position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s;} .menuStyle_28 .menuLayout .miniMenu.Mslide .sidebar{color:#fff; background: rgba(0,0,0,.05);} .menuStyle_28 .menuLayout .miniMenu.Mslide .nav a{display:none !important;} } #dh_style_28_1612088744384 .menuStyle_28 .menuUl .rflex .menuUl02::before{border-bottom-color:${color}!important;}#dh_style_28_1612088744384 .menuStyle_28 .menuUl02 .arrow:hover::before{border-left-color:${hoverColor}!important;} #dh_style_28_1612088744384 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;} @media screen and (min-width:640px) { #dh_style_28_1612088744384 .maxWidth{max-width:px;} /* .menuUl>li>#menuLogo 这种查找会失败改为下面这种 2019.5.29 */ #dh_style_28_1612088744384 .menuUl li #menuLogo{ height: px; margin-right: px; margin-left: px; } #dh_style_28_1612088744384 .subBox .sublm{width: calc(100% - (px + px) - 20px);} /*20px是两张图片间的间距*/ #dh_style_28_1612088744384 .subBox .subImgsbox{width: calc((px + px) + 20px); height:px } /*20px是两张图片间的间距*/ } /*多语言链接样式*/ .lang-list { padding: 8px 15px; } /*.lang-list > .lang-item + .lang-item:before { content: "|\00a0"; padding: 0 5px; !* color: #cccccc; *! }*/ .lang-list > span{ padding: 0 5px; } .lang-list > .lang-item { font-size:14px; } #lang_style_1_1612099206689 .arrowDown{ border-top: 6px solid #333;} #lang_style_1_1612099206689 .lang-list{text-align: ;} #image_style_01_1615981387590 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1615981387590 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1615981387590 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1615981387590 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) { } .imageStyle_17{ position: relative;border-radius: inherit;} .imageStyle_17 .text{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 16px; color: #fff; background: rgba(0,0,0,.4); text-align: center;padding: 12px 0; overflow: hidden;box-sizing: border-box;} .imageStyle_17 .text .detailSet{margin-top: 4px;font-size: 14px;white-space: pre-wrap;} .imageStyle_17 .text .btnSet{border: 1px solid #fff;display: block;width: fit-content; font-size: 12px;padding: 4px 12px;margin: 12px auto 0;} #image_style_17_1627741413147 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_17_1627741413147 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_17_1627741413147 .CompatibleImg img{width:100%; height:100%}} #image_style_17_1627741413147 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_1616406444528 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1616406444528 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1616406444528 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1616406444528 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_1616408937418 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1616408937418 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1616408937418 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1616408937418 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) { } .imgStyle_13_1{ width:100%; } .imgStyle_13_1 *{ font-size:'微软雅黑'; } .imgStyle_13_1 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; } .imgStyle_13_1 .imgTextLi{ overflow: hidden; margin-bottom:2%;box-sizing: border-box;} .imgStyle_13_1 li{ width: 32%;} .imgStyle_13_1 .imgTextLi .left{width: 130px;} .imgStyle_13_1 .imgTBox{ text-align: left; float:left; display:inline-block;height: 100%;width: 100%;} .imgStyle_13_1 .imgTBox>img{ display: inline-block; width:100%;box-sizing: border-box;height: 100%;} .imgStyle_13_1 .imgTBox .bbx-new-font{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; box-sizing: border-box; } .imgStyle_13_1 .cont{ float:right; display:inline-block;width: calc(100% - 130px);} .imgStyle_13_1 .name{ font-size:16px; line-height:2.5; padding-left:10px;word-break: break-word;} .imgStyle_13_1 .subName{ font-size:12px; color:#666; padding-left:10px;word-break: break-word;white-space: pre-wrap;} .imgStyle_13_1 .left{position: relative;float: left;width: 130px;height: auto;} .imgStyle_13_1 .image-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;} .imgStyle_13_1 .cont .btn{padding-left: 10px;} .imgStyle_13_1 .cont .btnSet{width: auto;height: 25px;line-height: 25px;display: block;border: 1px solid #7d7d7d;color: #333;text-align: center;margin-right: 40%;margin-top: 10px;word-break: break-all;overflow: hidden;} @media screen and (max-width: 768px){ .imgStyle_13_1 .imgTextLi{ width:100%;margin-bottom: 4%;} .imgStyle_13_1 .cont{width: calc(100% - 130px);} .imgStyle_13_1 .name{ font-size:16px;} } /*pc*/ #image_style_13_1_1616406552940 ul li{width: 100%;} #image_style_13_1_1616406552940 ul li.imgTextLi{margin-bottom:2%;} #image_style_13_1_1616406552940 ul li.imgTextLi .left{width: 100px;} #image_style_13_1_1616406552940 ul li.imgTextLi .cont{width: calc(100% - 100px);} @media screen and (max-width: 1024px){/*ipad*/ #image_style_13_1_1616406552940 ul li{width: 100%;} #image_style_13_1_1616406552940 ul li.imgTextLi{margin-bottom:2%;} #image_style_13_1_1616406552940 ul li.imgTextLi .left{width: 100px;} #image_style_13_1_1616406552940 ul li.imgTextLi .cont{width: calc(100% - 100px);} } @media screen and (max-width: 768px){/*mobi*/ #image_style_13_1_1616406552940 ul li{width: 100%;} #image_style_13_1_1616406552940 ul li.imgTextLi{margin-bottom:2%;} #image_style_13_1_1616406552940 ul li.imgTextLi .left{width: 100px;} #image_style_13_1_1616406552940 ul li.imgTextLi .cont{width: calc(100% - 100px);} } .imgStyle_12_1{ width:100%; } .imgStyle_12_1 *{ font-size:'微软雅黑'; } .imgStyle_12_1 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; } .imgStyle_12_1 .imgTextLi{ width:calc(100% / 3); overflow: hidden; margin-bottom:2%;box-sizing: border-box;} .imgStyle_12_1 .imgTBoxArea{position: relative;float: left;width: 186px;left: 50%;transform: translateX(-50%);max-width: 100%;} .imgStyle_12_1 .image-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .imgStyle_12_1 .imgTBox{ text-align: center;height: 100%;width: 100%;} .imgStyle_12_1 .imgTBox img.picFit{ display: inline-block; width:100%;height: 100%; box-sizing: border-box;border-radius: 100px;} .imgStyle_12_1 .imgTBox .bbx-new-font{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 100px; box-sizing: border-box; } .imgStyle_12_1 .cont{padding: 0 5px;clear: both;} .imgStyle_12_1 .cont .name{ text-align: center; font-size:16px; line-height:2;word-break: break-word;} .imgStyle_12_1 .cont .subName{ text-align: center; font-size:12px;word-break: break-word; white-space: pre-wrap;} .imgStyle_12_1 .cont .btn{width: auto;height: 30px;display: block;border: 1px solid #7d7d7d;line-height: 28px;color: #333;text-align: center;margin-left: 25%;margin-right: 25%;margin-top: 10px;word-break: break-all;overflow: hidden;} @media screen and (max-width: 768px){ .imgStyle_12_1 .imgBt{ font-size:16px; line-height:2.5;} .imgStyle_12_1 .cont .btn{margin-left: 5%;margin-right: 5%;} } /*pc*/ #image_style_12_1_1616036624354 ul li{width: 32%;} #image_style_12_1_1616036624354 ul li.imgTextLi{margin-bottom:2%;} #image_style_12_1_1616036624354 ul li.imgTextLi .imgTBoxArea{width: 200px;} @media screen and (max-width: 1024px){/*ipad*/ #image_style_12_1_1616036624354 ul li{width: 32%;} #image_style_12_1_1616036624354 ul li.imgTextLi{margin-bottom:2%;} #image_style_12_1_1616036624354 ul li.imgTextLi .imgTBoxArea{width: 100px;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_12_1_1616036624354 ul li{width: 100%;} #image_style_12_1_1616036624354 ul li.imgTextLi{margin-bottom:2%;} #image_style_12_1_1616036624354 ul li.imgTextLi .imgTBoxArea{width: 80px;} } /* / 默认无 / */ .inputStyleCont .textInput{ width: 100%; height: 100%; padding: 6px; outline: none; border: 1px #ccc solid; box-sizing: border-box; font-size: 14px; height: 36px; } .inputStyleCont {font-size: 0;} .inputStyleCont .input_view{position: relative;display: inline-block;width: 100%;vertical-align: middle;} .inputStyleCont .red_tip{color: #cc0000;display: none;} .inputStyleCont .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: middle;} @media screen and (max-width: 767px){ .inputStyleCont .textInput{font-size: 12px;height: 32px;} .inputStyleCont .title_view{font-size: 12px;} } #store-selector .text b{ background: url('http://s143js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } #customForm_style_input_01_1615987893389 .red_tip{display: inline;} #store-selector .text b{ background: url('http://s143js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } #customForm_style_input_01_1615987893392 .red_tip{display: inline;} #store-selector .text b{ background: url('http://s143js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } #customForm_style_input_01_1615987893394 .red_tip{display: inline;} .fileStyle1{font-size: 0;} .fileStyle1 input.fileLink[type="text"]{width: calc(100% - 105px);margin-right: 0px; height:36px; line-height: 36px; border:1px solid #ccc; box-sizing: border-box; background-color: #fff;padding:0 10px;margin-right: 5px;vertical-align: baseline;font-size: 14px;} .fileStyle1 input.viewbtn[type="button"]{font-size: 14px;width: 100px; height: 36px; cursor: pointer; background:#fff; border:1px solid #ccc; color: #333; box-sizing: border-box;vertical-align: top;} .fileStyle1 input.file[type="file"]{opacity:0;filter:Alpha(opacity=0); display: none;} .fileStyle1 .input_view{position: relative;display: inline-block;width: 100%;vertical-align: middle;} .fileStyle1 .red_tip{color: #cc0000;display: none;} .fileStyle1 .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: middle;} @media screen and (max-width: 767px){ .fileStyle1 input.fileLink[type="text"]{font-size: 12px;height: 32px;line-height: 32px;} .fileStyle1 input.viewbtn[type="button"]{font-size: 12px;height: 32px;} .fileStyle1 .title_view{font-size: 12px;} } .choice{position: relative;overflow: hidden;} .choice .radio{ position: relative;display: inline-block;line-height: 22px; float:left;font-weight: 400;color: #0c4757; padding-left: 25px;cursor: pointer;margin: 0 10px 6px 0;font-size: 14px;} .choice .radio.img_radio{border: 1px solid #ccc;padding: 5px;box-sizing: border-box;margin-bottom: 10px;width:130px} .choice .radio.img_radio .radio_input{position: relative;padding-left: 25px;} .choice .radio input{position: absolute;left: -2.5px;top: 1.5px; z-index: 999999; opacity: 0; cursor: pointer; } .choice .radio i{ display: block; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; outline: 0; border: 1px solid #666; border-radius: 50%; transition: border-color .3s; -webkit-transition: border-color .3s; cursor: pointer; background: #fff;} .choice .radio input+i:after{ position: absolute; content: ''; top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%;border: 4px solid transparent;box-sizing: border-box;} .choice .radio input:checked+i{ border-color: #2D8CF0; } .choice .radio input:checked+i:after{border-color: inherit;} .choice .radio .bechoosedradio:after{border-color: inherit!important;} .choice .radio img{width: 120px;height: 120px;object-fit: contain;background: #f2f2f2;} .radioStyle01 .radio_img{position: relative;width: 100%;overflow: hidden;margin-bottom: 4px;} .radioStyle01 .radio_img .img_view{position: absolute;left: 0;right: 0;top: 0;bottom: 0;overflow: hidden;} .radioStyle01 .radio_img .heightset{margin-top: 100%;} .radioStyle01{font-size: 0;} .radioStyle01 .input_view{position: relative;display: inline-block;width: 100%; vertical-align: middle;} .radioStyle01 .red_tip{color: #cc0000;display: none;} .radioStyle01 .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: top;line-height: 22px;} @media screen and (max-width: 767px){ .choice .radio{font-size: 12px;} .radioStyle01 .title_view{font-size: 12px;} .choice .radio.img_radio{width:110px} .choice .radio img{width: 100px;height: 100px;} } #customForm_style_radio_01_1616379986521 .red_tip{display: inline;} .addressStyle_02_02 select{width:32%;float:left;z-index: 10;height:36px;text-align: left;padding-left:10px;float: left;border-color:rgba(0,0,0,0);border:1px solid #ddd;position: relative;background:url(../img/customForm/style_input_02_02/btn20121210.png);background-position: calc(100% - 10px) 50%;background-size: 15px;background-repeat: no-repeat;box-sizing: border-box;} .addressStyle_02_02 span{position: absolute;right:10px;height:36px;line-height: 36px;font-weight: bold;font-family: "黑体";font-size: 16px;color:#797777;} .addressStyle_02_02 .adreecon{display: none;} .addressStyle_02_02 #city{margin: 0 2%;} .addressStyle0202 {font-size: 0;} .addressStyle0202 .input_view{position: relative;display: inline-block;width: 100%;vertical-align: middle;} .addressStyle0202 .red_tip{color: #cc0000;display: none;} .addressStyle0202 .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: middle;} @media screen and (max-width: 767px){ .addressStyle_02_02 select{font-size: 12px;height: 32px;} .addressStyle0202 .title_view{font-size: 12px;} } #store-selector .text b{ background: url('http://s143js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } .selectStyle_3 .select_view{ border:1px solid #ccc; width: 100%; height: 36px; padding: 0px 10px; box-sizing:border-box; font-size: 14px; } .selectStyle_3{font-size: 0;} .selectStyle_3 .input_view{position: relative;display: inline-block;width: 100%;vertical-align: middle;} .selectStyle_3 .red_tip{color: #cc0000;display: none;} .selectStyle_3 .title_view{width: 100%;display: none;color: #333;font-size: 14px;vertical-align: middle;} @media screen and (max-width: 767px){ .selectStyle_3 .select_view{font-size: 12px;height: 32px;} .selectStyle_3 .title_view{font-size: 12px;} } /*#*//* .selectStyle_3 .select_view{background: url(../img/customForm/style_select_01/selectIcon01.png) no-repeat 97% 50%;background-size: 20px;}*/ #customForm_style_select_01_1616383567428 .red_tip{display: inline;} #customForm_style_select_01_1616383567428 .input_view .bbx-new-font{ display: flex; height: 100%; align-items: center; justify-content: right; position: absolute; right: 10px; z-index: 1; pointer-events: none; } #store-selector .text b{ background: url('http://s143js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } .squareButton { width: 100%; height:36px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s;box-sizing: border-box;} @media screen and (max-width: 767px){ .squareButton {font-size: 12px;height:32px;} }.download_style01>ul{ padding: 0; margin: 10px; list-style: none; } .download_style01>ul>li{ clear: both; margin-bottom: 20px; } .download_style01>ul>li .dow_img{ width: 120px; float: left; margin-right: 10px; margin-bottom: 14px; box-sizing: border-box; background-color: #16c663; border: 10px solid #ebedf1; border-radius:80px; display: flex; justify-content: center; align-items: center; line-height: 100px; overflow: hidden; } .download_style01>ul>li img{ width: 100%; } .download_style01 .contect{ overflow: hidden; border-bottom: 1px solid #ddd } .download_style01>ul>li .title{ display: block; color: #111111; font-weight: bold; line-height: 20px; font-size: 16px; font-family: "微软雅黑"; text-decoration: none; margin-bottom:10px ; float: left; } .download_style01>ul>li .title:hover{ text-decoration: underline; } .download_style01>ul>li .contect .brief{ display: block; margin-bottom: 10px; font-size: 12px; color: #818182; font-family: "微软雅黑"; clear: both; float: left; } .download_style01>ul>li .contect .issinfo{ font-size: 12px; line-height: 26px; color: #bbbbbb; font-family: "微软雅黑"; clear: both; float: left; } .download_style01>ul>li>.contect>.issinfo>span{ padding-right: 16px; } .download_style01>ul>li .download{ width: 90px; height: 26px; line-height: 26px; float: right; border-width: 1px; border-style: solid; color: white; font-size: 12px; font-family: "微软雅黑"; background-color: #16c663; margin-bottom:14px ; text-align:center; } .download_style01>ul>li>.contect>hr{ clear: both; border-top-width: 0; border-bottom: #dddddd solid 1px; } .download_style01 .autor{float:right;line-height:26px;color:#bbbbbb;} @media screen and (max-width: 480px) { .download_style01>ul>li .dow_img{ width: 60px; } .download_style01>ul>li .download{ display: none; } .download_style01>ul>li .contect .brief{ display: none; } .download_style01>ul>li{ clear: both; margin-bottom: 0px; } .download_style01>ul>li .title{ font-size: 14px; margin: 8px 0; float: left; } .download_style01>ul>li .issinfo{ margin-top: -10px; clear: both; } } #download_style_01_1616394709981 .download_style01>ul>li .dow_img{width:px;height:px;} @media screen and (max-width: 1024px){ #download_style_01_1616394709981 .download_style01>ul>li .dow_img{width:px;height:px;} } @media screen and (max-width: 768px){ #download_style_01_1616394709981 .download_style01>ul>li .dow_img{width:px;height:px;} } #image_style_01_1616405914723 .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_1616405914723 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1616405914723 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1616405914723 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) { } .imgStyle_3 { height:100%; width:100%; overflow: visible; box-sizing: border-box;} .imgStyle_3 img{ box-sizing: border-box;} .imgStyle_3 *{-webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s; transition: all linear .1s;} .imgStyle_3>a{overflow: visible; width: 100%; height: 100%;} .imgStyle_3 .tipsText{position: absolute; top:100%; left: 0; width: 100%; height: 100%; background: transparent; color: transparent; font-size: 12px; display: block;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;opacity: 0;} .imgStyle_3:hover .tipsText{background: rgba(0,0,0,.6); color: #fff;opacity: 1;top:0;} .imgStyle_3 .tipsText .content{display: block; position: relative; width: 100%; text-align: center; box-sizing: border-box; padding: 0; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%);transition: top 0.5s;-webkit-transition: top 0.5s;-o-transition: top 0.5s;-moz-transition: top 0.5s;-ms-transition: top 0.5s;top: 100%;} .imgStyle_3:hover .tipsText .content{top:50%;} .imgStyle_3 .tipsText .content span{display: block;color: inherit; } .imgStyle_3 .tipsText .title{font-size: 16px;} .imgStyle_3 .tipsText .detail{font-size: 14px;margin-top: 4px;white-space: pre-wrap;} .imgStyle_3 .tipsText .content .btn{display: block;width: fit-content; line-height: 2;padding: 0 12px; font-size: 12px;margin: 12px auto 0;border: 1px solid #fff;} #image_style_03_1616465295101 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_03_1616465295101 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_03_1616465295101 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_03_1616465295101 a{ cursor: default; } @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #image_style_01_1612088694544 .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_1612088694544 .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_1612088694544 .CompatibleImg img{null}} #image_style_01_1612088694544 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) { } .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;} #image_style_01_1612088694551 .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_1612088694551 .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_1612088694551 .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_1612088694551 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_3 {position: relative; width: 100%; height: 100%;} .menuStyle_3 *{transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; box-sizing: border-box;} .menuStyle_3 .ddsmoothmenu-v {display:block} .menuStyle_3 .ddsmoothmenu-v ul{ background: #414141;} .menuStyle_3 .ddsmoothmenu-v ul li { line-height: 36px; height: 36px; border-bottom: 1px solid #333; border-right: 1px solid #333;color: white;} .menuStyle_3 .ddsmoothmenu-v ul li:hover {background:#000;} .menuStyle_3 .menuLi01 { position: relative;} .menuStyle_3 .menuLi01:hover .menuUl02{display:block;} .menuStyle_3 .menuLi01 a { display:block; color: inherit; padding-left: 15px; padding-right: 15px;} .menuStyle_3 .menuUl02 { display:none; position: absolute; left: 100%; top: 0; white-space: nowrap;} .menuStyle_3 #hot>a{background:#ffcc00;} .menuStyle_3 .mobi_top { display:none; width: 100%; height: 32px; position: relative; cursor: pointer; font-size:40px;} .menuStyle_3 .icoFont { position: absolute; top: calc(50% - 2px); left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);} .menuStyle_3 .header_nav { width: 100%; height: calc(100% - 40px); overflow: hidden;} .menuStyle_3 .header_nav li { position: relative; line-height: 180%; color: #fff;} .menuStyle_3 .header_nav li a { color: inherit; display: block; padding: 15px;} .menuStyle_3 .header_scroll { overflow-y: scroll; height: 100%; width: calc(100% + 17px);} .menuStyle_3 .mobi_title { height: 40px; line-height: 40px; border-bottom: 1px solid #333; color: #fff; text-align: center; overflow: hidden;} .menuStyle_3 .m_icoFont { width:50px; height: 100%; display: block; float: right; border-left: 1px solid #333; cursor: pointer; font-size: 22px;} .menuStyle_3 .mobi_main { display:none; position: fixed; left: 0; top: 0; background: #414141; width: 100vw; height: 100vh; z-index: 999;} .menuStyle_3 .mobi_border { position: relative; border-bottom: 1px solid #333; line-height: 120%;} .menuStyle_3 .mobi_more { position: absolute; top: 0; right: 17px; width: 50px; height: 100%; color: #fff; border-left: 1px solid #333; cursor: pointer; text-align: center;} .menuStyle_3 .mobi_add { display: block; font-size: 22px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);} .menuStyle_3 .mobi_menuLi02 .mobi_border { padding-left: 30px;} .menuStyle_3 .mobi_menuUl02 { display: none;} #dh_style_03_1612088694553 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;} @media screen and (max-width:640px) { .menuStyle_3 .ddsmoothmenu-v {display:none;} .menuStyle_3 .mobi_top {display:block;} } #image_style_01_1612088694555 .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_1612088694555 .CompatibleImg img{null}}@media screen and (max-width:640px) {#image_style_01_1612088694555 .CompatibleImg img{null}} #image_style_01_1612088694555 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_1612088694564 .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_1612088694564 .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_1612088694564 .CompatibleImg img{null}} #image_style_01_1612088694564 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_1612088694566 .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_1612088694566 .CompatibleImg img{null}}@media screen and (max-width:640px) {#image_style_01_1612088694566 .CompatibleImg img{null}} #image_style_01_1612088694566 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_1612088694568 .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_1612088694568 .CompatibleImg img{null}}@media screen and (max-width:640px) {#image_style_01_1612088694568 .CompatibleImg img{null}} #image_style_01_1612088694568 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_1614137059049 .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_1614137059049 .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_1614137059049 .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_1614137059049 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;} #image_style_01_1614137698586 .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_1614137698586 .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_1614137698586 .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_1614137698586 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) { }