/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } body{ background-image:url('../images/500664956_banner.jpg'); } body{ background-position:center top ; } #dh_style_01_1514430255311{width:833px;height:44px;z-index:1000;left:30.583333333333336%;top:15.5px;position:absolute;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_01_1514430255311{width:800px;height:44px;z-index:999;left:20.890774125132555%;}} @media screen and (max-width:640px) {#dh_style_01_1514430255311{width:44px;height:44px;z-index:999;left:84.4970703125%;top:24px;}} #dh_style_01_1514430255311 > .view_contents{overflow:visible;} #dh_style_01_1514430255311 .columnSet {} #dh_style_01_1514430255311 #hot>a {background:#004c7a;} #dh_style_01_1514430255311 #hot>a:hover {background:#004c7a;} #dh_style_01_1514430255311 .subCurSet:hover {background:#004c7a;} #dh_style_01_1514430255311 .subMenuSet:hover {background:#004c7a;} #dh_style_01_1514430255311 .subminSet:hover {background:#004c7a;} #dh_style_01_1514430255311 .mainMenuSet:hover {background:#004c7a;} #dh_style_01_1514430255311 .mainMenuSet {} #dh_style_01_1514430255311 .subminSet {} #dh_style_01_1514430255311 .subMenuSet {} #dh_style_01_1514430255311 a.subCurSet {} #dh_style_01_1514430255311 .icoMenuSet {} /*----------------------电脑板式样式----------------------*/ #dh_style_01_1514430255311{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1514430255311{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #dh_style_01_1514430255311{ } } .layout_1514873213102 #div_blank_1520324147026, .layout_1514873213102 #div_blank_1520324164318, .layout_1514873213102 #div_blank_1520324188879{ width: 32%; } .layout_1514873213102 #image_style_01_1520325613550{ width: 30%; height: 219px; position: absolute; top: 35px; left: 1.5%; } .layout_1514873213102 #div_blank_1520324164318{ left: 34%; } .layout_1514873213102 #image_style_01_1520324829932{ width: 30%; height: 219px; position: absolute; top: 35px; left: 35.5%; } .layout_1514873213102 #div_blank_1520324188879{ left: 67%; top: 0; } .layout_1514873213102 #image_style_01_1520324668864{ width: 30%; height: 219px; position: absolute; top: 35px; left: 68.5%; } #image_logo_1520320398460{width:27.833333333333332%;height:62px;position:absolute;top:6.5px;left:0%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1520320398460{}} @media screen and (max-width:640px) {#image_logo_1520320398460{width:96%;height:55px;top:0px;left:2%;}} #banner_style_01_1520922944676{width:156.75%;height:565px;position:absolute;top:3.5px;left:-28.375%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1520922944676{}} @media screen and (max-width:640px) {#banner_style_01_1520922944676{width:100%;height:170px;top:0px;left:0%;}} #image_style_01_1514429912734{width:49.75%;height:108px;position:absolute;top:230px;left:26.458333333333332%;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1514429912734{}} @media screen and (max-width:640px) {#image_style_01_1514429912734{width:51.87500000000001%;height:36px;top:51.5px;left:24.062499999999996%;}} #image_style_01_1514429912734 > .view_contents{overflow:visible;} #text_style_01_1514518580539{width:20.25%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:399px;left:55.95833333333333%;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514518580539{}} @media screen and (max-width:640px) {#text_style_01_1514518580539{width:34.6875%;top:93.5px;left:41.25%;}} #text_style_01_1514518580539>.view_contents {box-sizing:border-box;color:#ffffff;background:#3c9ae4;text-align:center;font-family:Microsoft YaHei;font-size:24px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514518580539>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1514518580539>.view_contents {box-sizing:border-box;font-size:16px;}} #comm_layout_header{height:568.5px;z-index:99999;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:89px;}} @media screen and (max-width:640px) {#comm_layout_header{height:170px;}} #comm_layout_header > .view_contents{max-width:1200px;overflow:visible;} #comm_layout_header {background:rgba(255, 255, 255,0.4);} #layout_1514427192702{height:1px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1514427192702{height:560px;}} @media screen and (max-width:640px) {#layout_1514427192702{height:1px;}} #layout_1514427192702 > .view_contents{overflow:visible;max-width:1200px;} #div_blank_1520563062798{width:20.833333333333336%;height:1px;position:absolute;top:132px;left:39.666666666666664%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1520563062798{top:87px;left:2.3445784729586427%;}} @media screen and (max-width:640px) {#div_blank_1520563062798{width:96%;height:2px;top:127px;left:2%;}} #div_blank_1520563062798 > .view_contents{overflow:visible;} #div_blank_1520563062798 {box-sizing:border-box;background:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1520563062798 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1520563062798 {box-sizing:border-box;}} #text_style_01_1520563062808{width:43.666666666666664%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:205.5px;left:3.958333333333333%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520563062808{top:104.5px;left:2.3445784729586427%;}} @media screen and (max-width:640px) {#text_style_01_1520563062808{width:96%;top:219px;left:2%;}} #text_style_01_1520563062808>.view_contents {box-sizing:border-box;font-size:16px;font-family:Microsoft YaHei;color:#333333;text-indent:2em;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520563062808>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1520563062808>.view_contents {box-sizing:border-box;font-size:12px;}} #text_style_01_1520563062815{width:12.416666666666666%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:598px;left:43.791666666666664%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520563062815{top:341px;left:2.3445784729586427%;}} @media screen and (max-width:640px) {#text_style_01_1520563062815{width:96%;top:737px;left:2%;}} #text_style_01_1520563062815>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;color:#ffffff;font-size:20px;text-align:center;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-color:#ffffff;border-right-color:#ffffff;border-bottom-color:#ffffff;border-left-color:#ffffff;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;background:#3c9ae4;} #text_style_01_1520563062815 .view_contents:hover {background:#f2f2f2;color:#000000;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520563062815>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_01_1520563062815>.view_contents {box-sizing:border-box;color:#ffffff;border-top-color:#3c9ae4;border-right-color:#3c9ae4;border-bottom-color:#3c9ae4;border-left-color:#3c9ae4;font-size:14px;}} #div_blank_1520922420648{width:156.5%;height:683.5px;position:absolute;top:2.5px;left:-27.625%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1520922420648{}} @media screen and (max-width:640px) {#div_blank_1520922420648{width:100%;height:776px;top:0px;left:0%;}} #div_blank_1520922420648 > .view_contents{overflow:visible;} #div_blank_1520922420648 {box-sizing:border-box;background:rgba(234,234,234,0.4);} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1520922420648 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1520922420648 {box-sizing:border-box;}} #text_style_01_1520922606140{width:48.5%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:132px;left:25.75%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520922606140{}} @media screen and (max-width:640px) {#text_style_01_1520922606140{width:96%;top:137px;left:2%;}} #text_style_01_1520922606140>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;font-size:21px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520922606140>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1520922606140>.view_contents {box-sizing:border-box;}} #text_style_01_1520563042923{width:30.833333333333336%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:9.5px;left:34.583333333333336%;z-index:3;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520563042923{}} @media screen and (max-width:640px) {#text_style_01_1520563042923{width:96%;top:18px;left:2.6220703125%;}} #text_style_01_1520563042923>.view_contents {box-sizing:border-box;color:#3c9ae4;text-align:center;font-family:Microsoft YaHei;font-size:24px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520563042923>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1520563042923>.view_contents {box-sizing:border-box;font-size:16px;}} #text_style_01_1520563042957{width:30.833333333333336%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:53px;left:34.583333333333336%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520563042957{}} @media screen and (max-width:640px) {#text_style_01_1520563042957{width:96%;top:56px;left:2.6220703125%;}} #text_style_01_1520563042957>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;color:#999999;font-size:18px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520563042957>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1520563042957>.view_contents {box-sizing:border-box;font-size:14px;}} #text_style_01_1520563062773{width:24.166666666666668%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:81px;left:37.916666666666664%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520563062773{width:29.5864262990456%;top:34px;left:2.3445784729586427%;}} @media screen and (max-width:640px) {#text_style_01_1520563062773{width:96%;top:91px;left:2.6220703125%;}} #text_style_01_1520563062773>.view_contents {box-sizing:border-box;font-size:24px;font-family:Microsoft YaHei;border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:#3c9ae4;color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520563062773>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_01_1520563062773>.view_contents {box-sizing:border-box;font-size:16px;text-align:center;}} #image_style_01_1522132646130{width:43.166666666666664%;height:325px;position:absolute;top:207.5px;left:52.041666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522132646130{}} @media screen and (max-width:640px) {#image_style_01_1522132646130{width:66.006600660066%;height:200px;top:0px;left:16.996699669967%;}} #image_style_01_1522132646130 > .view_contents{overflow:visible;} #layout_1520563062772{height:686px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1520563062772{}} @media screen and (max-width:640px) {#layout_1520563062772{height:787px;}} #layout_1520563062772 > .view_contents{overflow:visible;max-width:1200px;} #layout_1520563062772 {background:#ffffff;} #text_style_01_1514518857678{width:46.25%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:6px;left:26.875%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514518857678{}} @media screen and (max-width:640px) {#text_style_01_1514518857678{width:100%;top:0px;left:0%;}} #text_style_01_1514518857678>.view_contents {box-sizing:border-box;color:#3c9ae4;text-align:center;font-family:Microsoft YaHei;font-size:24px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514518857678>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1514518857678>.view_contents {box-sizing:border-box;font-size:16px;}} #div_blank_1514518893885{width:6%;height:2px;position:absolute;top:48px;left:47%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1514518893885{}} @media screen and (max-width:640px) {#div_blank_1514518893885{width:10%;height:2px;top:33px;left:45%;}} #div_blank_1514518893885 > .view_contents{overflow:visible;} #div_blank_1514518893885 {box-sizing:border-box;background:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1514518893885 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1514518893885 {box-sizing:border-box;}} #text_style_01_1514519009471{width:46.25%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:49px;left:26.875%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514519009471{left:0%;width:100%;}} @media screen and (max-width:640px) {#text_style_01_1514519009471{width:40%;top:41px;left:30%;}} #text_style_01_1514519009471>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;color:#999999;font-size:18px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514519009471>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1514519009471>.view_contents {box-sizing:border-box;font-size:14px;}} #div_a_includeBlock_1514518986226{width:66.66666666666666%;height:93px;position:absolute;top:4px;left:16.666666666666664%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1514518986226{left:16.64899257688229%;}} @media screen and (max-width:640px) {#div_a_includeBlock_1514518986226{width:100%;height:67px;top:30px;left:0%;}} #layout_1514428338552{height:101px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1514428338552{height:117px;}} @media screen and (max-width:640px) {#layout_1514428338552{height:97px;}} #layout_1514428338552 > .view_contents{overflow:visible;max-width:1200px;} #layout_1514428338552 {background:#ffffff;} #image_style_01_1514519952254{width:100%;height:285px;position:absolute;top:0px;left:0%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1514519952254{left:0%;width:100%;height:226px;}} @media screen and (max-width:640px) {#image_style_01_1514519952254{width:100%;height:85px;top:0px;left:0%;}} #image_style_01_1514519952254 > .view_contents{overflow:visible;} #text_style_01_1514863316534{width:100%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:302px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514863316534{left:0%;width:100%;top:234px;}} @media screen and (max-width:640px) {#text_style_01_1514863316534{width:100%;top:151px;left:0%;}} #text_style_01_1514863316534>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;text-align:center;font-size:24px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514863316534>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_01_1514863316534>.view_contents {box-sizing:border-box;font-size:14px;}} #div_a_includeBlock_1514519914567{width:24%;height:365px;position:absolute;top:0px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1514519914567{height:280px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1514519914567{width:45%;height:188px;top:0px;left:3.75%;}} #div_a_includeBlock_1514519914567 {background:#ffffff;} #div_a_includeBlock_1514519914567:hover {background:#f7f7f7;} #image_style_01_1514864050675{width:100%;height:287px;position:absolute;top:0%;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1514864050675{left:0%;width:100%;height:226px;}} @media screen and (max-width:640px) {#image_style_01_1514864050675{width:100%;height:80px;top:0px;left:0%;}} #image_style_01_1514864050675 > .view_contents{overflow:visible;} #text_style_01_1514864050689{width:100%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:302px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514864050689{left:0%;width:100%;top:234px;}} @media screen and (max-width:640px) {#text_style_01_1514864050689{width:100%;top:151px;left:0%;}} #text_style_01_1514864050689>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;text-align:center;font-size:24px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514864050689>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_01_1514864050689>.view_contents {box-sizing:border-box;font-size:14px;}} #div_a_includeBlock_1514864050458{width:24%;height:365px;position:absolute;top:0px;left:25.333333333333336%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1514864050458{height:280px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1514864050458{width:44.99999999999999%;height:188px;top:0px;left:52.1875%;}} #div_a_includeBlock_1514864050458 {background:#ffffff;} #div_a_includeBlock_1514864050458:hover {background:#f4f4f4;} #image_style_01_1514864094459{width:100%;height:287px;position:absolute;top:0%;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1514864094459{left:0%;width:100%;height:226px;}} @media screen and (max-width:640px) {#image_style_01_1514864094459{width:100%;height:144px;top:0px;left:0%;}} #image_style_01_1514864094459 > .view_contents{overflow:visible;} #text_style_01_1514864094476{width:100%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:302px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514864094476{left:0%;width:100%;top:234px;}} @media screen and (max-width:640px) {#text_style_01_1514864094476{width:100%;top:151px;left:0%;}} #text_style_01_1514864094476>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;text-align:center;font-size:24px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514864094476>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_01_1514864094476>.view_contents {box-sizing:border-box;font-size:14px;}} #div_a_includeBlock_1514864094217{width:24%;height:365px;position:absolute;top:0px;left:50.66666666666667%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1514864094217{height:280px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1514864094217{width:44.99999999999999%;height:188px;top:203px;left:3.75%;}} #div_a_includeBlock_1514864094217 {background:#ffffff;} #div_a_includeBlock_1514864094217:hover {background:#f4f4f4;} #image_style_01_1514864109739{width:100%;height:287px;position:absolute;top:0%;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1514864109739{left:0%;width:100%;height:226px;}} @media screen and (max-width:640px) {#image_style_01_1514864109739{width:100%;height:144px;top:0px;left:0%;}} #image_style_01_1514864109739 > .view_contents{overflow:visible;} #text_style_01_1514864109755{width:100%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:302px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514864109755{left:0%;width:100%;top:234px;}} @media screen and (max-width:640px) {#text_style_01_1514864109755{width:100%;top:151px;left:0%;}} #text_style_01_1514864109755>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;text-align:center;font-size:24px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514864109755>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_01_1514864109755>.view_contents {box-sizing:border-box;font-size:14px;}} #div_a_includeBlock_1514864109301{width:24%;height:365px;position:absolute;top:0%;left:76%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1514864109301{height:280px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1514864109301{width:44.99999999999999%;height:188px;top:203px;left:52.1875%;}} #div_a_includeBlock_1514864109301 {background:#ffffff;} #div_a_includeBlock_1514864109301:hover {background:#f4f4f4;} #div_a_includeBlock_1514858322651{width:1200px;height:371px;position:absolute;top:0px;left:calc(50% - 600px);z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1514858322651{width:100%;left:0%;height:285px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1514858322651{width:100%;height:402px;top:6px;left:0%;}} #div_blank_1514858413726{width:100%;height:200px;position:absolute;top:287px;left:0%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1514858413726{top:226px;left:0%;height:150px;}} @media screen and (max-width:640px) {#div_blank_1514858413726{width:99.00990099009901%;height:200px;top:0px;left:0.4%;display:none;}} #div_blank_1514858413726 > .view_contents{overflow:visible;} #div_blank_1514858413726 {box-sizing:border-box;background:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1514858413726 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1514858413726 {box-sizing:border-box;}} #text_style_01_1514872172160{width:12.438510189739986%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:428px;left:43.78074490513001%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514872172160{left:calc(50% - 58.5px);top:311px;}} @media screen and (max-width:640px) {#text_style_01_1514872172160{width:36.25%;top:413px;left:31.875%;}} #text_style_01_1514872172160>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;color:#ffffff;font-size:20px;text-align:center;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:#ffffff;border-right-color:#ffffff;border-bottom-color:#ffffff;border-left-color:#ffffff;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;} #text_style_01_1514872172160 .view_contents:hover {background:#ffffff;color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514872172160>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_01_1514872172160>.view_contents {box-sizing:border-box;color:#3c9ae4;border-top-color:#3c9ae4;border-right-color:#3c9ae4;border-bottom-color:#3c9ae4;border-left-color:#3c9ae4;font-size:14px;}} #layout_1514429279536{height:487px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1514429279536{height:376px;}} @media screen and (max-width:640px) {#layout_1514429279536{height:454px;}} #layout_1514429279536 > .view_contents{overflow:visible;max-width:1200px;} #text_style_01_1514872774271{width:46.25%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:21px;left:26.875%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514872774271{}} @media screen and (max-width:640px) {#text_style_01_1514872774271{width:100%;top:0px;left:0%;}} #text_style_01_1514872774271>.view_contents {box-sizing:border-box;color:#3c9ae4;text-align:center;font-family:Microsoft YaHei;font-size:24px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514872774271>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1514872774271>.view_contents {box-sizing:border-box;font-size:16px;}} #div_blank_1514872774284{width:6%;height:2px;position:absolute;top:64px;left:47%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1514872774284{}} @media screen and (max-width:640px) {#div_blank_1514872774284{width:10%;height:2px;top:33px;left:45%;}} #div_blank_1514872774284 > .view_contents{overflow:visible;} #div_blank_1514872774284 {box-sizing:border-box;background:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1514872774284 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1514872774284 {box-sizing:border-box;}} #text_style_01_1514872774296{width:46.25%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:66px;left:26.875%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514872774296{left:0%;width:100%;}} @media screen and (max-width:640px) {#text_style_01_1514872774296{width:57.49999999999999%;top:41px;left:21.25%;}} #text_style_01_1514872774296>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;color:#999999;font-size:18px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514872774296>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1514872774296>.view_contents {box-sizing:border-box;font-size:14px;}} #div_a_includeBlock_1514872774000{width:66.66666666666666%;height:106px;position:absolute;top:0%;left:16.666666666666664%;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1514872774000{}} @media screen and (max-width:640px) {#div_a_includeBlock_1514872774000{width:100%;height:91px;top:0%;left:0%;}} #layout_1514430255303{height:106px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1514430255303{height:106px;}} @media screen and (max-width:640px) {#layout_1514430255303{height:91px;}} #layout_1514430255303 > .view_contents{overflow:visible;max-width:1200px;} #div_blank_1520324147026{width:49.416666666666664%;height:290px;position:absolute;top:0px;left:0.625%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1520324147026{}} @media screen and (max-width:640px) {#div_blank_1520324147026{width:96%;height:200px;top:0px;left:2%;}} #div_blank_1520324147026 > .view_contents{overflow:visible;} #div_blank_1520324147026 {box-sizing:border-box;background:#f4f4f4;} #div_blank_1520324147026:hover {background:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1520324147026 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1520324147026 {box-sizing:border-box;}} #div_blank_1520324164318{width:49.416666666666664%;height:290px;position:absolute;top:0px;left:50.208333333333336%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1520324164318{}} @media screen and (max-width:640px) {#div_blank_1520324164318{width:96%;height:200px;top:210px;left:2%;}} #div_blank_1520324164318 > .view_contents{overflow:visible;} #div_blank_1520324164318 {box-sizing:border-box;background:#f4f4f4;} #div_blank_1520324164318:hover {background:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1520324164318 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1520324164318 {box-sizing:border-box;}} #image_style_01_1520324829932{width:25.166666666666664%;height:261px;position:absolute;top:14.5px;left:62.33333333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1520324829932{}} @media screen and (max-width:640px) {#image_style_01_1520324829932{width:96%;height:167px;top:241px;left:2%;}} #image_style_01_1520324829932 > .view_contents{overflow:visible;} #text_style_01_1520325274052{width:20%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:9px;left:2.0416666666666665%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520325274052{}} @media screen and (max-width:640px) {#text_style_01_1520325274052{width:96%;top:0px;left:2%;}} #text_style_01_1520325274052>.view_contents {box-sizing:border-box;font-size:23px;font-family:Microsoft YaHei;} #text_style_01_1520325274052 .view_contents:hover {color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520325274052>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1520325274052>.view_contents {box-sizing:border-box;}} #image_style_01_1520325613550{width:27.083333333333332%;height:219px;position:absolute;top:66px;left:9.958333333333332%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1520325613550{}} @media screen and (max-width:640px) {#image_style_01_1520325613550{width:96%;height:131px;top:45px;left:2%;}} #image_style_01_1520325613550 > .view_contents{overflow:visible;} #text_style_01_1520325856802{width:20%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:14.5px;left:51.37500000000001%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520325856802{}} @media screen and (max-width:640px) {#text_style_01_1520325856802{width:96%;top:210px;left:2%;}} #text_style_01_1520325856802>.view_contents {box-sizing:border-box;font-size:23px;font-family:Microsoft YaHei;} #text_style_01_1520325856802 .view_contents:hover {color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520325856802>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1520325856802>.view_contents {box-sizing:border-box;}} #div_blank_1520324188879{width:49.416666666666664%;height:290px;position:absolute;top:292px;left:0.625%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1520324188879{}} @media screen and (max-width:640px) {#div_blank_1520324188879{width:96%;height:200px;top:416px;left:2.3095703125%;}} #div_blank_1520324188879 > .view_contents{overflow:visible;} #div_blank_1520324188879 {box-sizing:border-box;background:#f4f4f4;} #div_blank_1520324188879:hover {background:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1520324188879 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1520324188879 {box-sizing:border-box;}} #div_blank_1520324201721{width:49.416666666666664%;height:290px;position:absolute;top:292px;left:50.16666666666667%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1520324201721{}} @media screen and (max-width:640px) {#div_blank_1520324201721{width:96%;height:200px;top:626px;left:2.3095703125%;}} #div_blank_1520324201721 > .view_contents{overflow:visible;} #div_blank_1520324201721 {box-sizing:border-box;background:#f4f4f4;} #div_blank_1520324201721:hover {background:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1520324201721 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1520324201721 {box-sizing:border-box;}} #text_style_01_1520325711183{width:20%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:303px;left:2.0416666666666665%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520325711183{}} @media screen and (max-width:640px) {#text_style_01_1520325711183{width:96%;top:416px;left:2%;}} #text_style_01_1520325711183>.view_contents {box-sizing:border-box;font-size:23px;font-family:Microsoft YaHei;} #text_style_01_1520325711183 .view_contents:hover {color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520325711183>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1520325711183>.view_contents {box-sizing:border-box;}} #text_style_01_1520325849722{width:20%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:303px;left:51.37500000000001%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1520325849722{}} @media screen and (max-width:640px) {#text_style_01_1520325849722{width:96%;top:626px;left:2%;}} #text_style_01_1520325849722>.view_contents {box-sizing:border-box;font-size:23px;font-family:Microsoft YaHei;} #text_style_01_1520325849722 .view_contents:hover {color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1520325849722>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1520325849722>.view_contents {box-sizing:border-box;}} #image_style_01_1520324668864{width:33%;height:235px;position:absolute;top:330.5px;left:8.833333333333334%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1520324668864{}} @media screen and (max-width:640px) {#image_style_01_1520324668864{width:96.25%;height:115px;top:472px;left:1.875%;}} #image_style_01_1520324668864 > .view_contents{overflow:visible;} #image_style_01_1520324986533{width:36.583333333333336%;height:218px;position:absolute;top:346px;left:56.08333333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1520324986533{}} @media screen and (max-width:640px) {#image_style_01_1520324986533{width:96%;height:96px;top:691px;left:0%;}} #image_style_01_1520324986533 > .view_contents{overflow:visible;} #layout_1514873213102{height:582px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1514873213102{height:338px;}} @media screen and (max-width:640px) {#layout_1514873213102{height:834px;}} #layout_1514873213102 > .view_contents{overflow:visible;max-width:1200px;} #text_style_01_1514873719086{width:12.416666666666666%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:42px;left:43.791666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514873719086{}} @media screen and (max-width:640px) {#text_style_01_1514873719086{width:36.25000000000001%;top:0px;left:31.874999999999996%;}} #text_style_01_1514873719086>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;color:#ffffff;font-size:20px;text-align:center;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-color:#ffffff;border-right-color:#ffffff;border-bottom-color:#ffffff;border-left-color:#ffffff;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;background:#3c9ae4;} #text_style_01_1514873719086 .view_contents:hover {background:#f2f2f2;color:#000000;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514873719086>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_01_1514873719086>.view_contents {box-sizing:border-box;color:#ffffff;border-top-color:#3c9ae4;border-right-color:#3c9ae4;border-bottom-color:#3c9ae4;border-left-color:#3c9ae4;font-size:12px;}} #layout_1514873229158{height:122px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1514873229158{}} @media screen and (max-width:640px) {#layout_1514873229158{height:31px;}} #layout_1514873229158 > .view_contents{overflow:visible;max-width:1200px;} #text_style_01_1514875518008{width:17.17687074829932%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:20px;left:3.061224489795918%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514875518008{left:1.948051948051948%;width:18.398268398268396%;top:20px;}} @media screen and (max-width:640px) {#text_style_01_1514875518008{width:21.824104234527688%;top:10px;left:0.9975570032573289%;}} #text_style_01_1514875518008>.view_contents {box-sizing:border-box;font-size:24px;font-family:Microsoft YaHei;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514875518008>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_01_1514875518008>.view_contents {box-sizing:border-box;font-size:16px;}} #text_style_01_1514876141135{width:22.95918367346939%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:20px;left:74.31972789115646%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1514876141135{left:78.35497835497836%;width:19.696969696969695%;top:23px;}} @media screen and (max-width:640px) {#text_style_01_1514876141135{width:80px;top:11px;left:72.98452768729642%;}} #text_style_01_1514876141135>.view_contents {box-sizing:border-box;font-size:22px;font-family:Microsoft YaHei;text-align:right;color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1514876141135>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_01_1514876141135>.view_contents {box-sizing:border-box;font-size:16px;}} #banner_style_02_1522129367356{width:100%;height:329px;position:absolute;top:83px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_02_1522129367356{left:0%;width:100%;}} @media screen and (max-width:640px) {#banner_style_02_1522129367356{width:100%;height:200px;top:0px;left:0%;}} #div_a_includeBlock_1514874286637{width:49%;height:413px;position:absolute;top:36px;left:0.9166666666666666%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1514874286637{left:0.6810047720042418%;top:36px;height:426px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1514874286637{width:96%;height:482px;top:12px;left:2.03125%;}} #div_a_includeBlock_1514874286637 {background:#ffffff;} #text_style_01_1522130412380{width:17.17687074829932%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:20px;left:3.061224489795918%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1522130412380{left:1.948051948051948%;width:18.398268398268396%;top:20px;}} @media screen and (max-width:640px) {#text_style_01_1522130412380{width:21.824104234527688%;top:10px;left:0.9975570032573289%;}} #text_style_01_1522130412380>.view_contents {box-sizing:border-box;font-size:24px;font-family:Microsoft YaHei;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1522130412380>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_01_1522130412380>.view_contents {box-sizing:border-box;font-size:16px;}} #text_style_01_1522130412405{width:22.95918367346939%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:20px;left:74.31972789115646%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1522130412405{left:78.35497835497836%;width:19.696969696969695%;top:23px;}} @media screen and (max-width:640px) {#text_style_01_1522130412405{width:80px;top:11px;left:72.98452768729642%;}} #text_style_01_1522130412405>.view_contents {box-sizing:border-box;font-size:22px;font-family:Microsoft YaHei;text-align:right;color:#3c9ae4;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1522130412405>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_01_1522130412405>.view_contents {box-sizing:border-box;font-size:16px;}} #banner_style_03_1522130852433{width:87.75510204081633%;height:358px;position:absolute;top:59px;left:6.122448979591837%;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_03_1522130852433{left:0%;width:100%;}} @media screen and (max-width:640px) {#banner_style_03_1522130852433{width:100%;height:300px;top:0px;left:0%;}} #banner_style_03_1522130852433 > .view_contents{overflow:hidden;} /*----------------------电脑板式样式----------------------*/ #banner_style_03_1522130852433 #banner .main_visual .main_image{ height:100%; } #banner_style_03_1522130852433 #banner .flicking_con{ display:none; } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_03_1522130852433{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #banner_style_03_1522130852433{ } } #div_a_includeBlock_1522130412049{width:49%;height:417px;position:absolute;top:36px;left:51%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1522130412049{left:0.6810047720042418%;top:36px;height:426px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1522130412049{width:96%;height:482px;top:12px;left:2.03125%;}} #div_a_includeBlock_1522130412049 {background:#ffffff;} #layout_1514873784615{height:622px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1514873784615{height:500px;}} @media screen and (max-width:640px) {#layout_1514873784615{height:993px;}} #layout_1514873784615 > .view_contents{overflow:visible;max-width:1200px;} #layout_1514873784615 {background:#3c9ae4;} #text_style_02_1514878551718{width:43.166666666666664%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:143px;left:28.416666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1514878551718{width:53.23435843054083%;left:23.382820784729585%;}} @media screen and (max-width:640px) {#text_style_02_1514878551718{width:93.38842975206612%;top:10px;left:3.28125%;}} #text_style_02_1514878551718>.view_contents {box-sizing:border-box;font-size:12px;color:#ffffff;line-height:20px;text-align:center;font-family:Verdana;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1514878551718>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1514878551718>.view_contents {box-sizing:border-box;}} #dh_style_01_1514878623075{width:66.66666666666666%;z-index:999;position:absolute;top:106px;left:16.666666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_01_1514878623075{z-index:999;}} @media screen and (max-width:640px) {#dh_style_01_1514878623075{width:14.521452145214523%;z-index:999;top:332px;left:42.73927392739274%;display:none;}} #dh_style_01_1514878623075 > .view_contents{overflow:visible;} #dh_style_01_1514878623075 #hot>a {color:#ffffff;} #dh_style_01_1514878623075 .mainMenuSet {color:#ffffff;} #image_style_01_1514878432674{width:38.916666666666664%;height:82px;position:absolute;top:17px;left:30.541666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1514878432674{width:324px;left:calc(50% - 162px);top:22px;height:70px;}} @media screen and (max-width:640px) {#image_style_01_1514878432674{width:66.006600660066%;height:200px;top:0px;left:16.996699669967%;display:none;}} #image_style_01_1514878432674 > .view_contents{overflow:visible;} #comm_layout_footer{height:210px;z-index:99999;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{}} @media screen and (max-width:640px) {#comm_layout_footer{height:64px;z-index:99;}} #comm_layout_footer > .view_contents{max-width:1200px;} #comm_layout_footer {background:#999999;} .myContainer *:after, .myContainer *:before { border-box; box-sizing: border-box; } .myContainer .clearfix:before, .myContainer .clearfix:after { content: ''; display: table; } .myContainer .clearfix:after { clear: both; } .myContainer section { padding: 1em; text-align: center; } /* Header */ .myContainer .codrops-header { z-index: 1000; position: absolute; top: 50%; left: 50%; text-align: center; max-width: 500px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .myContainer .codrops-header h1 { margin: 0; font-weight: 200; font-size: 3em; line-height: 1; } .myContainer .codrops-header h1 span { display: block; padding: 0.5em 0 0.6em 0.1em; font-size: 40%; line-height: 1.2; opacity: 0.7; } /* To Navigation Style */ .myContainer .codrops-top { width: 100%; text-transform: uppercase; font-weight: 400; font-size: 0.69em; line-height: 2.2; position: relative; z-index: 2000; } .myContainer .codrops-top a { display: inline-block; padding: 0.3em 0.7em; text-decoration: none; letter-spacing: 1px; margin: 5px; } .myContainer .codrops-top span.right { float: right; } .myContainer .codrops-top span.right a { display: block; float: left; } .myContainer .codrops-icon:before { margin: 0 4px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'codropsicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; } .myContainer .codrops-icon-drop:before { content: "\e001"; } .myContainer .codrops-icon-prev:before { content: "\e004"; } /* Demo Buttons Style */ .myContainer .codrops-demos { padding-top: 2em; font-size: 0.8em; } .myContainer .codrops-demos a { display: inline-block; margin: 0.5em; padding: 0.7em 1.1em; outline: none; border: 2px solid #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; width: 165px; } .myContainer .codrops-demos a:hover, .myContainer .codrops-demos a.current-demo, .myContainer .codrops-demos a.current-demo:hover { color: #debcc3; border-color: #debcc3; } @media screen and (max-width: 25em) { .myContainer .codrops-icon span { display: none; } } .js .boxgallery, .js .boxgallery div { position: absolute; } .js .boxgallery, .bg-tile, .bg-img { overflow: hidden; } .js .boxgallery, .js .panel { top: 0; left: 0; width: 100%; height: 100%; } .panel { z-index: 0; -webkit-perspective: 1200px; perspective: 1200px; } .bg-tile { width: 50%; height: 50%; } .bg-tile:nth-child(2), .bg-tile:nth-child(4) { left: 50%; } .bg-tile:nth-child(3), .bg-tile:nth-child(4) { top: 50%; } .bg-img { width: 100%; height: 100%; background: #999; } .bg-img img { position: absolute; display: block; height: 200%; width: 200%; } @media screen and (min-aspect-ratio: 1280/850) { } .bg-tile:nth-child(2) .bg-img img, .bg-tile:nth-child(4) .bg-img img { left: -100%; } .bg-tile:nth-child(3) .bg-img img, .bg-tile:nth-child(4) .bg-img img { top: -100%; } /* Navigation Arrow */ .boxgallery > nav span { position: absolute; top: 50%; z-index: 1000; display: block; width: 100px; height: 100px; outline: none; text-align: left; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .boxgallery > nav span.prev { left: 0; } .boxgallery > nav span.next { right: 0; } .boxgallery > nav i { position: relative; display: block; width: 100%; height: 100%; } .boxgallery > nav span::before, .boxgallery > nav span::after, .boxgallery > nav i::before, .boxgallery > nav i::after { position: absolute; left: 50%; width: 3px; height: 50%; outline: 1px solid transparent; background: #dbccd0; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .boxgallery > nav i::before, .boxgallery > nav i::after { z-index: 100; height: 0; background: #fff; -webkit-transition: height 0.3s, -webkit-transform 0.3s; transition: height 0.3s, transform 0.3s; } .boxgallery > nav span::before, .boxgallery > nav i::before { top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .boxgallery > nav span.next::before, .boxgallery > nav span.next i::before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .boxgallery > nav span::after, .boxgallery > nav i::after { top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .boxgallery > nav span.next::after, .boxgallery > nav span.next i::after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .no-touch .boxgallery > nav span:hover i::before, .no-touch .boxgallery > nav span:hover i::after { height: 50%; } .no-touch .boxgallery > nav span:hover::before, .no-touch .boxgallery > nav span:hover i::before { -webkit-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg); } .no-touch .boxgallery > nav span.next:hover::before, .no-touch .boxgallery > nav span.next:hover i::before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .no-touch .boxgallery > nav span:hover::after, .no-touch .boxgallery > nav span:hover i::after { -webkit-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg); } .no-touch .boxgallery > nav span.next:hover::after, .no-touch .boxgallery > nav span.next:hover i::after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } /* Transitions and individual delays/effects */ /* The "active" class is given to the panel that is coming */ .panel.current { z-index: 2; } .panel.active { z-index: 1; } .panel.current .bg-img { -webkit-transition: -webkit-transform 1.1s ease-in-out; transition: transform 1.1s ease-in-out; } .boxgallery[data-effect="effect-1"] .panel.active .bg-tile, .boxgallery[data-effect="effect-2"] .panel.active .bg-tile { -webkit-animation: scaleDown 1.1s ease-in-out; animation: scaleDown 1.1s ease-in-out; } @-webkit-keyframes scaleDown { from { -webkit-transform: translate3d(0,0,380px); transform: translate3d(0,0,380px); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes scaleDown { from { -webkit-transform: translate3d(0,0,380px); transform: translate3d(0,0,380px); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } /* Variation 2 */ .boxgallery[data-effect="effect-2"] .panel.current .bg-img { -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.7,0,0.3,1); transition: transform 0.9s cubic-bezier(0.7,0,0.3,1); } .boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(2) .bg-img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(3) .bg-img { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(4) .bg-img { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } /* Variation 3 */ .boxgallery[data-effect="effect-3"] .panel::after { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8); content: ''; -webkit-transition: opacity 1.1s ease-in-out; transition: opacity 1.1s ease-in-out; } .boxgallery[data-effect="effect-3"] .panel.current::after, .boxgallery[data-effect="effect-3"] .panel.active::after { opacity: 0; } .boxgallery[data-effect="effect-3"] .panel.current::after { -webkit-transition: none; transition: none; } .boxgallery[data-effect="effect-3"] .panel.current .bg-img { -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.7,0,0.3,1); transition: transform 1.1s cubic-bezier(0.7,0,0.3,1); } .boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(2) .bg-img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(3) .bg-img { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(4) .bg-img { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } @media screen and (max-width: 380px) { .boxgallery > nav span { width: 50px; height: 50px; } } /*菜单样式*/ .menuStyle_5{width:100%; position:relative;} .menuStyle_5 *{transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; box-sizing: border-box;} .menuStyle_5 .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_5 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0;} .menuStyle_5 ul,.menuStyle_5 li{padding:0;margin:0px;list-style:none} .menuStyle_5 .menuLayout{position:relative; margin:0 auto;width:100%;} .menuStyle_5 .menuLayout:after{content:''; display:block; clear:both;} .menuStyle_5 .menuUl_box{position:relative; width:100%; text-align:center; } .menuStyle_5 .menuUl{position:relative; width:100%; text-align:center;} .menuStyle_5 .menuUl li>a{text-decoration:none; color:black;font-size:14px;height:44px; box-sizing:border-box; line-height:44px;display:block;text-align:center; letter-spacing:normal; white-space:nowrap; background: rgba(64, 72, 77, 0.25);margin-right: 4px; padding: 0 1em\0;} .menuStyle_5 .menuUl li>a:hover{color:black; background: black;color:white;} .menuStyle_5 .menuUl #hot > a{background: black;color:white; } .menuStyle_5 .menuLayout .miniMenu{display:none;} .menuStyle_5 .menuUl02 {opacity: 0; display: none; position: absolute; width: 100%; left: 0; height: 0; } .menuStyle_5 .menuUl .rflex:hover .menuUl02 {opacity: 1; display: block; height: auto;padding-top: 4px;} .menuStyle_5 .menuUl02 .subMenu02 { float: left;} .menuStyle_5 .menuUl02 .subMenu02 a { color: black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;} .menuStyle_5 .menuUl02 .subMenu02 a:hover {} .menuStyle_5 .menuUl02 ul { left:100% !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { .menuStyle_5 .miniMenu{display: block;} .menuStyle_5 .menuUl_box{display: none;} .menuStyle_5 .menuScroll{width: 100%;height: 600px;position: fixed;top:0;color: white;background-color: rgba(0,0,0,0.95); left:-100%; transition: left 0.7s; -moz-transition: left 0.7s; -webkit-transition: left 0.7s; -o-transition: left 0.7s; overflow: auto; } /*a{color:white;}*/ .menuStyle_5 .sidebar{font-size: 26px;z-index: 999;height: 50px;line-height: 50px;} /*.menuStyle_5{width:100%; position:relative;height:50px;} .menuStyle_5 .menuUl{width: 100%;position: absolute;top: 0;height: 300px;background-color: white;}*/ .menuStyle_5 .rflex{display: block;margin-bottom: 8px;} .menuStyle_5 li{margin-left:20px; padding-bottom: 2px;} .menuStyle_5 .menuUlCopy{margin:10px 0 10px 0;} .menuStyle_5 .menuUlCopy .menu2ph{margin-top: 8px;color:white;} .menuStyle_5 .menupad{padding-top: 60px;} .menuStyle_5 .spaaa2{position:absolute;right:10px;top:5px;color:white !important;} .menuStyle_5 .mainMenuSet {color:white;font-size: 16px;} .menuStyle_5 .spaaa{text-align: right;padding-right:5px;} .menuStyle_5 .menuLayout .miniMenu{display:block;} .menuStyle_5 .subMenuSet{color:white;font-size: 14px;} } #dh_style_01_1514430255311 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;} .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;} .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_1520922944676 .bannerStyle_1 .ground_glass{} #banner_style_01_1520922944676 .bannerStyle_1 .main_image .img-item span{} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1520922944676 .bannerStyle_1 .main_image .img-item span{} } @media screen and (max-width:640px) { #banner_style_01_1520922944676 .bannerStyle_1 .main_image .img-item span{} } #banner_style_01_1520922944676 .hide_img{ display: none; width: 100%; vertical-align: top;} #banner_style_01_1520922944676 .bannerStyle_1 .main_image .img-item a{ position: relative; z-index: 10; } .imgStyle{font-size:0;} #image_style_01_1514429912734 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1514429912734 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1514429912734 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1514429912734 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_1522132646130 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1522132646130 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1522132646130 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1522132646130 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_1514519952254 .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_1514519952254 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1514519952254 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1514519952254 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_1514864050675 .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_1514864050675 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1514864050675 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1514864050675 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_1514864094459 .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_1514864094459 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1514864094459 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1514864094459 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_1514864109739 .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_1514864109739 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1514864109739 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1514864109739 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_1520324829932 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1520324829932 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1520324829932 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1520324829932 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_1520325613550 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1520325613550 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1520325613550 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1520325613550 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_1520324668864 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1520324668864 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1520324668864 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1520324668864 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_1520324986533 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1520324986533 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1520324986533 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1520324986533 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) { } /*banner样式*/ .bannerStyle_4{width:100%; height:100%; position:relative;} .bannerStyle_4 .main_visual{height:100%; overflow:hidden; position:relative; } .bannerStyle_4 .main_image{height:calc(100% - 48px); overflow:hidden; position:relative; } .bannerStyle_4 .main_image ul{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0} .bannerStyle_4 .main_image li{position:absolute; left:0; top:0; width:100%; height:100%; } .bannerStyle_4 .main_image li a{display:block; width:100%; height:100%; overflow: hidden;} .bannerStyle_4 .main_image li .img_1{background:url(/sysTools/Model/views/banner/style_03/v9Res/banner1.jpg) center top no-repeat} .bannerStyle_4 .main_image li .img_2{background:url(/sysTools/Model/views/banner/style_03/v9Res/banner2.jpg) center top no-repeat} .bannerStyle_4 .main_image li span{display:inline-block; width:100%; height:100%; background-size:100% 100% !important;} .bannerStyle_4 .main_control{width:100%; max-width:1200px; text-align:right; position:relative; top:15px; z-index:99998;} .bannerStyle_4 .main_control a{display:inline-block; width:50px; height:20px; background-size:cover !important; cursor:pointer;} .bannerStyle_4 .main_control a.pause{background:url(../img/banner/style_03/pause-active.png) no-repeat;} .bannerStyle_4 .main_control a.play{background:url(../img/banner/style_03/play-inactive.png) no-repeat;} .bannerStyle_4 div.flicking_con{position:relative; top:-23px; left:0; z-index:99999; width:100%; max-width:160px; margin:auto; height:48px; box-sizing:border-box; padding-top:0; text-align:center; } .bannerStyle_4 div.flicking_con a{width:8px; height:8px; padding:0; background:#eee; display:inline-block; box-sizing:border-box; margin:0 5px; border-radius:100%; cursor:pointer; } .bannerStyle_4 div.flicking_con a.on{background:#333;} .bannerStyle_4 div.flicking_con a:hover{background:#000;} .bannerStyle_4 #btn_prev,.bannerStyle_4 #btn_next{z-index:11111; position:absolute; display:block; width:30px; height:72px; top:50%; margin-top:-37px; background-size:cover !important; border-radius:2px; opacity:.5; filter:Alpha(opacity=50); transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;} .bannerStyle_4 #btn_prev:hover,.bannerStyle_4 #btn_next:hover{opacity:1; filter:Alpha(opacity=100);} .bannerStyle_4 #btn_prev{background:url(../img/banner/style_03/hover_left.png) no-repeat center center; left:0; } .bannerStyle_4 #btn_next{background:url(../img/banner/style_03/hover_right.png) no-repeat center center; right:0; } #banner_style_03_1522130852433 .bannerStyle_4 .main_image li .img_0{background: url('../img/upimages/20180327134947770.jpg') center top no-repeat;} #banner_style_03_1522130852433 .bannerStyle_4 .main_image li .img_1{background: url('../img/upimages/20180327135002381.jpg') center top no-repeat;} #banner_style_03_1522130852433 .bannerStyle_4 .main_image li .img_2{background: url('../img/upimages/20180327135016168.jpg') center top no-repeat;} #banner_style_03_1522130852433 .bannerStyle_4 .main_image li .img_3{background: url('../img/upimages/20180327135016255.jpg') center top no-repeat;} /*菜单样式*/ .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_1514878623075 .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_1514878432674 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1514878432674 .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_1514878432674 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1514878432674 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) { }