/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { // $("#banner_style_01_1482394346074").height($(window).height()/2); //$("#layout_1482283871514").height($(window).height()/2) .menuStyle_1 .miniMenu .leftBox .menuUlCopy li:last-of-type{margin-bottom:15px} } body{ background-color:#ffffff; } body{ background-position:left top; } #banner_style_01_1482394346074{width:100%;height:500px;position:absolute;left:0%;top:0%;z-index:2;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1482394346074{width:100%;height:300px;left:0%;top:0px;}} @media screen and (max-width:640px) {#banner_style_01_1482394346074{width:100%;height:551px;left:0%;top:60px;display:block;z-index:1;}} /*----------------------电脑板式样式----------------------*/ #banner_style_01_1482394346074{ } #banner_style_01_1482394346074 .bannerStyle_1 a.btn_next{visibility :hidden}; #banner_style_01_1482394346074 .bannerStyle_1 a.btn_prev{visibility :hidden} #banner_style_01_1482394346074 .bannerStyle_1 a.btn_prev{background:none} #banner_style_01_1482394346074 .bannerStyle_1 a.btn_next{bakcground:none} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1482394346074{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #banner_style_01_1482394346074{ } } #dh_style_01_1528342165833{width:43.252139565503626%;z-index:2;position:absolute;top:28px;left:46.24753127057274%;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_01_1528342165833{z-index:999;width:62.03605514316013%;left:37.96394485683987%;top:20px;}} @media screen and (max-width:640px) {#dh_style_01_1528342165833{width:96%;z-index:3;top:8.5px;left:2%;display:block;}} #dh_style_01_1528342165833 > .view_contents{overflow:visible;} #dh_style_01_1528342165833 .mainMenuSet {line-height:30px;height:30px;color:#017dab;font-size:14px;} #dh_style_01_1528342165833 #hot>a {background:#017dab;color:#ffffff;font-size:14px;} #dh_style_01_1528342165833 .mainMenuSet:hover {background:#017dab;color:#ffffff;} #dh_style_01_1528342165833 a.subCurSet {background:#017dab;color:#ffffff;} #dh_style_01_1528342165833 .subMenuSet:hover {background:#017dab;color:#ffffff;font-size:14px;} #dh_style_01_1528342165833 .subMenuSet {color:#017dab;font-size:14px;background:#ffffff;} #dh_style_01_1528342165833 .subminSet {} @media screen and (max-width:640px) { #dh_style_01_1528342165833 .icoMenuSet {color:#017dab;border-top-color:#017dab;border-right-color:#017dab;border-bottom-color:#017dab;border-left-color:#017dab;}} @media screen and (max-width:640px) { #dh_style_01_1528342165833 #hot>a {background:#017dab;color:#ffffff;padding-left:40px;}} @media screen and (max-width:640px) { #dh_style_01_1528342165833 .mainMenuSet:hover {background:#017dab;color:#ffffff;padding-left:40px;}} @media screen and (max-width:640px) { #dh_style_01_1528342165833 .columnSet:hover {}} @media screen and (max-width:640px) { #dh_style_01_1528342165833 .mainMenuSet {background:transparent;padding-left:20px;color:#ffffff;font-size:14px;}} @media screen and (max-width:640px) { #dh_style_01_1528342165833 .columnSet {}} @media screen and (max-width:640px) { #dh_style_01_1528342165833 {}} @media screen and (max-width:640px) { #dh_style_01_1528342165833 .subCurSet:hover {background:#017dab;}} @media screen and (max-width:640px) { #dh_style_01_1528342165833 a.subCurSet {background:#017dab;}} /*----------------------电脑板式样式----------------------*/ #dh_style_01_1528342165833{ } #dh_style_01_1528342165833 .menuStyle_1 .menuUl02 .subMenu02 a{padding:0px;width:82px} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_01_1528342165833{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { .menuStyle_1 .miniMenu .leftBox .menuUlCopy{padding:0!important;} } #image_style_01_1528438872203{width:400px;height:80px;position:absolute;left:13.8%;top:5px;display:block;z-index:1;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1528438872203{left:2%;width:31.495227995758217%;top:5px;height:60px;display:block;}} @media screen and (max-width:640px) {#image_style_01_1528438872203{width:77.5%;height:52px;top:5px;left:2%;z-index:2;display:block;}} #image_style_01_1528438872203 > .view_contents{overflow:visible;} #div_includeBlock_1528333486445{width:100%;height:90px;position:absolute;top:0px;left:0%;z-index:2;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1528333486445{width:100%;height:70px;display:block;top:0px;}} @media screen and (max-width:640px) {#div_includeBlock_1528333486445{width:100%;height:61px;top:0px;left:0%;display:block;}} #div_includeBlock_1528333486445 > .view_contents{overflow:visible;} #div_includeBlock_1528333486445 {} @media screen and (min-width:641px) and (max-width:1200px) { #div_includeBlock_1528333486445 {background:rgba(100,100,100,0.2);}} @media screen and (max-width:640px) { #div_includeBlock_1528333486445 {background:rgba(100,100,100,0.2);}} #banner_style_03_1528362547735{width:100%;height:277px;position:absolute;top:184.4000015258789px;left:0%;z-index:5;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_03_1528362547735{height:186px;left:calc(50% - 471.5px);top:184.40000915527344px;display:block;}} @media screen and (max-width:640px) {#banner_style_03_1528362547735{width:100%;top:85.5999984741211px;left:0%;display:block;height:65px;z-index:1;}} /*----------------------电脑板式样式----------------------*/ #banner_style_03_1528362547735{ } #banner_style_03_1528362547735 .flicking_con{display:none;} #banner_style_03_1528362547735 .main_image{height:100%;} #banner_style_03_1528362547735 #btn_prev{display:none} #banner_style_03_1528362547735 #btn_next{display:none} #banner_style_03_1528362547735 {display:none} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_03_1528362547735{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #banner_style_03_1528362547735{ } } #layout_1482283871514{height:715px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1482283871514{height:371.40000915527344px;}} @media screen and (max-width:640px) {#layout_1482283871514{height:611px;}} #layout_1482283871514 > .view_contents{overflow:visible;} /*----------------------电脑板式样式----------------------*/ #layout_1482283871514{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #layout_1482283871514{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #layout_1482283871514{ } } #image_style_03_1482903418594{width:180px;height:180px;position:absolute;left:0%;top:205px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_03_1482903418594{width:15.058324496288442%;height:142px;left:1.7745890774125133%;top:155px;}} @media screen and (max-width:640px) {#image_style_03_1482903418594{width:72px;height:72px;left:2.9786501377410466%;top:84px;}} #image_style_03_1482903418594 > .view_contents{overflow:visible;} #image_style_03_1482903418594 .imgSet {border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:150px;border-bottom-right-radius:150px;border-top-color:#dedede;border-right-color:#dedede;border-bottom-color:#dedede;border-left-color:#dedede;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;} #image_style_03_1482903418594 .tipsText {background:rgba(0, 0, 0,0.6);border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:0px;border-bottom-right-radius:150px;font-size:30px;color:#ffffff;} #image_style_03_1482903418594 .imgStyle_3:hover .tipsText {background:transparent;color:transparent;} @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482903418594 .tipsText {font-size:25px;}} @media screen and (max-width:640px) { #image_style_03_1482903418594 .tipsText {font-size:14px;}} /*----------------------电脑板式样式----------------------*/ #image_style_03_1482903418594{ } #image_style_03_1482903418594 .imgStyle_3 .tipsText{transform: scale(1);} #image_style_03_1482903418594 .imgStyle_3 .tipsText:hover{transform: scale(0);} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482903418594{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_03_1482903418594{ } } #image_style_03_1482897140347{width:15%;height:180px;position:absolute;left:21.25%;top:205px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_03_1482897140347{width:15.0%;height:142px;left:22.16496553552492%;top:155px;}} @media screen and (max-width:640px) {#image_style_03_1482897140347{width:72px;height:72px;left:27.753386134067952%;top:84px;}} #image_style_03_1482897140347 > .view_contents{overflow:visible;} #image_style_03_1482897140347 .imgSet {border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:150px;border-bottom-right-radius:150px;border-top-color:#dedede;border-right-color:#dedede;border-bottom-color:#dedede;border-left-color:#dedede;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;} #image_style_03_1482897140347 .tipsText {background:rgba(0,0,0,0.6);border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:0px;border-bottom-right-radius:150px;font-size:30px;color:#ffffff;} #image_style_03_1482897140347 .imgStyle_3:hover .tipsText {background:transparent;color:transparent;} @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482897140347 .tipsText {font-size:25px;}} @media screen and (max-width:640px) { #image_style_03_1482897140347 .tipsText {font-size:14px;}} /*----------------------电脑板式样式----------------------*/ #image_style_03_1482897140347{ } #image_style_03_1482897140347 .imgStyle_3 .tipsText{transform: scale(1);} #image_style_03_1482897140347 .imgStyle_3 .tipsText:hover{transform: scale(0);} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482897140347{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_03_1482897140347{ } } #image_style_03_1482896358701{width:15%;height:179px;position:absolute;left:42.5%;top:205px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_03_1482896358701{width:15%;height:142px;left:42.55534199363733%;top:155px;}} @media screen and (max-width:640px) {#image_style_03_1482896358701{width:72px;height:72px;left:52.52812213039486%;top:84px;}} #image_style_03_1482896358701 > .view_contents{overflow:visible;} #image_style_03_1482896358701 .imgSet {border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:150px;border-bottom-right-radius:150px;} #image_style_03_1482896358701 .tipsText {border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:0px;border-bottom-right-radius:150px;background:rgba(0,0,0,0.6);opacity:1;color:#ffffff;font-size:30px;} #image_style_03_1482896358701:hover {background:transparent;color:transparent;} #image_style_03_1482896358701 {background:transparent;} #image_style_03_1482896358701 .imgStyle_3:hover .tipsText {background:transparent;color:transparent;} @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482896358701 .tipsText {font-size:25px;}} @media screen and (max-width:640px) { #image_style_03_1482896358701 .tipsText {font-size:14px;}} /*----------------------电脑板式样式----------------------*/ #image_style_03_1482896358701{ } #image_style_03_1482896358701 .imgStyle_3 .tipsText{transform: scale(1);} #image_style_03_1482896358701 .imgStyle_3 .tipsText:hover{transform: scale(0);} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482896358701{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_03_1482896358701{ } } #image_style_03_1482904028369{width:15%;height:180px;position:absolute;left:63.74999999999999%;top:205px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_03_1482904028369{width:15%;height:142px;left:62.945718451749734%;top:155px;}} @media screen and (max-width:640px) {#image_style_03_1482904028369{width:72px;height:72px;left:77.30285812672176%;top:84px;}} #image_style_03_1482904028369 > .view_contents{overflow:visible;} #image_style_03_1482904028369 .imgSet {border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:150px;border-bottom-right-radius:150px;border-top-color:#dedede;border-right-color:#dedede;border-bottom-color:#dedede;border-left-color:#dedede;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;} #image_style_03_1482904028369 .tipsText {background:rgba(0,0,0,0.6);border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:0px;border-bottom-right-radius:150px;font-size:30px;color:#ffffff;} #image_style_03_1482904028369 .imgStyle_3:hover .tipsText {background:transparent;color:transparent;} @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482904028369 .tipsText {font-size:25px;}} @media screen and (max-width:640px) { #image_style_03_1482904028369 .tipsText {font-size:14px;}} /*----------------------电脑板式样式----------------------*/ #image_style_03_1482904028369{ } #image_style_03_1482904028369 .imgStyle_3 .tipsText{transform: scale(1);} #image_style_03_1482904028369 .imgStyle_3 .tipsText:hover{transform: scale(0);} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482904028369{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_03_1482904028369{ } } #image_style_03_1482904032662{width:15%;height:180px;position:absolute;left:85%;top:205px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_03_1482904032662{width:15%;height:142px;left:83.33609490986214%;top:155px;}} @media screen and (max-width:640px) {#image_style_03_1482904032662{width:52.63157894736842%;height:200px;left:34.52302631578947%;top:263px;display:none;}} #image_style_03_1482904032662 > .view_contents{overflow:visible;} #image_style_03_1482904032662 .imgSet {border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:150px;border-bottom-right-radius:150px;border-top-color:#dedede;border-right-color:#dedede;border-bottom-color:#dedede;border-left-color:#dedede;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;} #image_style_03_1482904032662 .tipsText {background:rgba(0,0,0,0.6);border-top-left-radius:150px;border-bottom-left-radius:150px;border-top-right-radius:0px;border-bottom-right-radius:150px;font-size:30px;color:#ffffff;} #image_style_03_1482904032662 .imgStyle_3:hover .tipsText {background:transparent;color:transparent;} @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482904032662 .tipsText {font-size:25px;}} /*----------------------电脑板式样式----------------------*/ #image_style_03_1482904032662{ } #image_style_03_1482904032662 .imgStyle_3 .tipsText{transform: scale(1);} #image_style_03_1482904032662 .imgStyle_3 .tipsText:hover{transform: scale(0);} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_03_1482904032662{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_03_1482904032662{ } } #div_blank_1482903694022{width:5.25%;height:3px;position:absolute;left:47.375%;top:158px;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1482903694022{width:6%;height:3px;left:47.03125%;top:119px;}} @media screen and (max-width:640px) {#div_blank_1482903694022{width:20.263157894736842%;height:3px;left:39.86842105263158%;top:82px;display:none;}} #div_blank_1482903694022 > .view_contents{overflow:visible;} #div_blank_1482903694022 {box-sizing:border-box;background:#e7723a;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1482903694022 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1482903694022 {box-sizing:border-box;}} #text_style_02_1482916156743{width:31.666666666666664%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:34.166666666666664%;top:54px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482916156743{width:38.54166666666667%;left:30.75291622481442%;top:31px;}} @media screen and (max-width:640px) {#text_style_02_1482916156743{width:97.3%;left:1.3157894736842104%;top:18px;}} #text_style_02_1482916156743>.view_contents {box-sizing:border-box;color:#017dab;font-size:40px;font-weight:bold;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482916156743>.view_contents {box-sizing:border-box;font-size:30px;}} @media screen and (max-width:640px) { #text_style_02_1482916156743>.view_contents {box-sizing:border-box;font-size:20px;line-height:30px;font-weight:normal;}} #text_style_02_1482916278492{width:30.833333333333336%;font-size:18px!important;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:34.583333333333336%;top:110px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482916278492{width:16.25%;left:41.875%;top:81px;}} @media screen and (max-width:640px) {#text_style_02_1482916278492{width:97.36842105263158%;left:1.3157894736842104%;top:42px;}} #text_style_02_1482916278492>.view_contents {box-sizing:border-box;font-size:14px;text-align:center;line-height:30px;color:#a0a0a0;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482916278492>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1482916278492>.view_contents {box-sizing:border-box;font-size:12px;}} #text_style_02_1527731788065{width:11.416666666666666%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:441px;left:44.24166615804037%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1527731788065{width:13.785790031813361%;left:43.10710498409332%;top:349px;}} @media screen and (max-width:640px) {#text_style_02_1527731788065{width:35.78947368421053%;top:190px;left:32.10526315789474%;}} #text_style_02_1527731788065>.view_contents {box-sizing:border-box;color:#ffffff;font-size:18px;background:#e7723a;text-align:center;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;line-height:40px;height:40px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1527731788065>.view_contents {box-sizing:border-box;font-size:16px;}} @media screen and (max-width:640px) { #text_style_02_1527731788065>.view_contents {box-sizing:border-box;font-size:14px;line-height:34px;height:34px;}} #layout_1482903622169{height:515px;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1482903622169{height:412px;display:block;}} @media screen and (max-width:640px) {#layout_1482903622169{height:244px;display:block;z-index:1;}} #layout_1482903622169 > .view_contents{max-width:1200px;} #layout_1482903622169 {background:#ffffff;} #text_style_02_1492498678544{width:31.666666666666664%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:34.16666920979818%;top:70px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492498678544{width:422px;left:calc(50% - 211px);}} @media screen and (max-width:640px) {#text_style_02_1492498678544{width:97.30000000000001%;left:1.3157894736842104%;top:39px;}} #text_style_02_1492498678544>.view_contents {box-sizing:border-box;color:#ffffff;font-size:16px;font-weight:normal;text-align:center;line-height:30px;height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492498678544>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_02_1492498678544>.view_contents {box-sizing:border-box;font-size:20px;line-height:30px;font-weight:normal;}} #text_style_02_1492498583097{width:31.666666666666664%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:34.16666920979818%;top:20px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492498583097{left:34.146341463414636%;}} @media screen and (max-width:640px) {#text_style_02_1492498583097{width:97.30000000000001%;left:1.3157894736842104%;top:5px;}} #text_style_02_1492498583097>.view_contents {box-sizing:border-box;color:#ffffff;font-size:30px;font-weight:bold;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492498583097>.view_contents {box-sizing:border-box;font-size:30px;}} @media screen and (max-width:640px) { #text_style_02_1492498583097>.view_contents {box-sizing:border-box;font-size:20px;line-height:30px;font-weight:normal;}} #image_style_04_1527732066826{width:51.416666666666664%;position:absolute;top:99.99998474121094px;left:24.26388931274414%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_04_1527732066826{width:378px;left:calc(50% - 189px);top:100px;}} @media screen and (max-width:640px) {#image_style_04_1527732066826{width:96%;top:79px;left:2%;}} #image_style_04_1527732066826 > .view_contents{overflow:visible;} #image_style_04_1527732066826 .diyCurTab {border-top-color:transparent;border-top-style:none;border-top-width:0px;} /*----------------------电脑板式样式----------------------*/ #image_style_04_1527732066826{ } #image_style_04_1527732066826 .imgStyle_4 ul li.imgItems, #image_style_04_1527732066826 .imgStyle_4 ul li.imgItems{border:1px solid #000} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_04_1527732066826{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_04_1527732066826{ } } #text_style_02_1492505170993{width:11.416666666666666%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:573px;left:44.291666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492505170993{}} @media screen and (max-width:640px) {#text_style_02_1492505170993{width:35.78947368421053%;top:308px;left:32.10526315789474%;}} #text_style_02_1492505170993>.view_contents {box-sizing:border-box;color:#017dab;font-size:18px;background:#ffffff;text-align:center;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;line-height:40px;height:40px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492505170993>.view_contents {box-sizing:border-box;font-size:16px;}} @media screen and (max-width:640px) { #text_style_02_1492505170993>.view_contents {box-sizing:border-box;font-size:14px;line-height:34px;height:34px;}} #layout_1482905506959{height:637px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1482905506959{height:288px;}} @media screen and (max-width:640px) {#layout_1482905506959{height:594px;}} #layout_1482905506959 > .view_contents{max-width:1200px;} #layout_1482905506959 {background-repeat:no-repeat;background-size:cover;background:linear-gradient(0deg,#2291bf,#0073a0);} #text_style_02_1482920601722{width:30.833333333333336%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:0%;top:166px;display:none;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482920601722{width:38.54166666666667%;left:0%;top:166px;display:none;}} @media screen and (max-width:640px) {#text_style_02_1482920601722{width:7.368421052631578%;left:3.6802685950413223%;top:253px;display:none;}} #text_style_02_1482920601722>.view_contents {box-sizing:border-box;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482920601722>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1482920601722>.view_contents {box-sizing:border-box;background:#1abc95;color:#ffffff;font-size:20px;text-align:center;border-top-left-radius:14px;border-bottom-left-radius:14px;border-top-right-radius:14px;border-bottom-right-radius:14px;line-height:28px;height:28px;}} #text_style_02_1492506340525{width:31.666666666666664%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:34.16666666666667%;top:32px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492506340525{}} @media screen and (max-width:640px) {#text_style_02_1492506340525{width:97.30000000000001%;left:1.3157894736842104%;top:10px;}} #text_style_02_1492506340525>.view_contents {box-sizing:border-box;color:#017dab;font-size:40px;font-weight:bold;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492506340525>.view_contents {box-sizing:border-box;font-size:30px;}} @media screen and (max-width:640px) { #text_style_02_1492506340525>.view_contents {box-sizing:border-box;font-size:20px;line-height:30px;font-weight:normal;}} #text_style_02_1492506380864{width:30.833333333333336%;font-size:18px!important;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:34.58333333333333%;top:89px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492506380864{}} @media screen and (max-width:640px) {#text_style_02_1492506380864{width:97.36842105263158%;left:1.3157894736842124%;top:40px;}} #text_style_02_1492506380864>.view_contents {box-sizing:border-box;font-size:14px;text-align:center;line-height:30px;color:#a0a0a0;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492506380864>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1492506380864>.view_contents {box-sizing:border-box;font-size:12px;}} #div_blank_1492506409465{width:5.25%;height:3px;position:absolute;left:47.375%;top:126px;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1492506409465{}} @media screen and (max-width:640px) {#div_blank_1492506409465{width:20.263157894736842%;height:3px;left:39.868421052631575%;top:965px;display:none;}} #div_blank_1492506409465 > .view_contents{overflow:visible;} #div_blank_1492506409465 {box-sizing:border-box;background:#e7723a;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1492506409465 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1492506409465 {box-sizing:border-box;}} #banner_style_02_1527732633023{width:400px;height:300px;position:absolute;top:150.70000553131104px;left:8.416666666666666%;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_02_1527732633023{left:3.539236479321315%;top:150.70000457763672px;}} @media screen and (max-width:640px) {#banner_style_02_1527732633023{width:100%;height:200px;top:79px;left:0%;}} #newsList_style_05_1527732661908{width:48.16666666666667%;position:absolute;top:150.70000553131104px;left:47.37500254313151%;} @media screen and (min-width:641px) and (max-width:1200px) {#newsList_style_05_1527732661908{}} @media screen and (max-width:640px) {#newsList_style_05_1527732661908{width:96%;top:289px;left:2%;}} #layout_1482906884219{height:485px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1482906884219{height:465px;}} @media screen and (max-width:640px) {#layout_1482906884219{height:541px;}} #layout_1482906884219 > .view_contents{max-width:1200px;} #image_style_01_1492508331608{width:100%;height:250px;position:absolute;top:0px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1492508331608{}} @media screen and (max-width:640px) {#image_style_01_1492508331608{width:100%;height:200px;top:0px;left:0%;}} #image_style_01_1492508331608 > .view_contents{overflow:visible;} #text_style_02_1492508488950{width:26.704146170063247%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:36.64792691496837%;top:12px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492508488950{}} @media screen and (max-width:640px) {#text_style_02_1492508488950{width:97.30000000000001%;left:1.3499999999999943%;top:9px;}} #text_style_02_1492508488950>.view_contents {box-sizing:border-box;color:#ffffff;font-size:30px;font-weight:bold;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492508488950>.view_contents {box-sizing:border-box;font-size:30px;}} @media screen and (max-width:640px) { #text_style_02_1492508488950>.view_contents {box-sizing:border-box;font-size:20px;line-height:30px;font-weight:normal;}} #text_style_02_1492508712019{width:65.84680252986648%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:142px;left:17.07659873506676%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492508712019{}} @media screen and (max-width:640px) {#text_style_02_1492508712019{width:93.15789473684211%;top:75px;left:3.421052631578948%;}} #text_style_02_1492508712019>.view_contents {box-sizing:border-box;color:#ffffff;font-size:18px;text-align:center;line-height:30px;height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492508712019>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_02_1492508712019>.view_contents {box-sizing:border-box;font-size:12px;}} #text_style_02_1492508642171{width:65.84680252986648%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:66px;left:17.07659873506676%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492508642171{}} @media screen and (max-width:640px) {#text_style_02_1492508642171{width:93.15789473684211%;top:105px;left:3.421052631578945%;}} #text_style_02_1492508642171>.view_contents {box-sizing:border-box;color:#ffffff;font-size:18px;text-align:center;line-height:30px;height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492508642171>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_02_1492508642171>.view_contents {box-sizing:border-box;font-size:12px;}} #text_style_02_1492508707043{width:65.84680252986648%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:104px;left:17.07659873506676%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492508707043{}} @media screen and (max-width:640px) {#text_style_02_1492508707043{width:91.84210526315789%;top:45px;left:4.078947368421053%;}} #text_style_02_1492508707043>.view_contents {box-sizing:border-box;color:#ffffff;font-size:18px;text-align:center;line-height:30px;height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492508707043>.view_contents {box-sizing:border-box;font-size:18px;}} @media screen and (max-width:640px) { #text_style_02_1492508707043>.view_contents {box-sizing:border-box;font-size:12px;}} #text_style_02_1492508578578{width:9.557273366127898%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:45.221363316936056%;top:187px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1492508578578{width:130px;left:calc(50% - 65px);}} @media screen and (max-width:640px) {#text_style_02_1492508578578{width:35.78947368421053%;left:32.10526315789474%;top:147px;}} #text_style_02_1492508578578>.view_contents {box-sizing:border-box;color:#007dab;font-size:18px;text-align:center;line-height:40px;height:40px;} #text_style_02_1492508578578 {background:#ffffff;border-top-left-radius:100px;border-bottom-left-radius:100px;border-top-right-radius:100px;border-bottom-right-radius:100px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492508578578>.view_contents {box-sizing:border-box;font-size:16px;line-height:40px;height:40px;font-family:Microsoft YaHei;color:#007caa;}} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1492508578578 {background:#ffffff;}} @media screen and (max-width:640px) { #text_style_02_1492508578578>.view_contents {box-sizing:border-box;font-size:16px;line-height:40px;height:40px;color:#007caa;}} @media screen and (max-width:640px) { #text_style_02_1492508578578 {background:#ffffff;}} #layout_1492508310547{height:250px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1492508310547{height:250px;}} @media screen and (max-width:640px) {#layout_1492508310547{height:200px;}} #layout_1492508310547 > .view_contents{overflow:visible;} #image_style_01_1482909749562{width:400px;height:300px;position:absolute;left:0%;top:58px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1482909749562{width:36.47932131495228%;height:249px;left:2.3048117709437963%;top:53px;}} @media screen and (max-width:640px) {#image_style_01_1482909749562{width:180px;left:20.3125%;top:90.4000015258789px;display:block;height:135px;}} #image_style_01_1482909749562 > .view_contents{overflow:visible;} #div_blank_1482909966082{width:5.25%;height:3px;position:absolute;left:37.20833333333333%;top:151px;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1482909966082{width:9.479166666666666%;height:3px;left:40.8271474019088%;top:112px;}} @media screen and (max-width:640px) {#div_blank_1482909966082{width:78.94736842105263%;height:200px;left:21.05263157894737%;top:175px;display:none;}} #div_blank_1482909966082 > .view_contents{overflow:visible;} #div_blank_1482909966082 {box-sizing:border-box;background:#e7723a;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1482909966082 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1482909966082 {box-sizing:border-box;}} #text_style_02_1482918614991{width:11.416666666666666%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:36.375%;top:58px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482918614991{width:22.375397667020145%;left:34.78260869565217%;top:39px;}} @media screen and (max-width:640px) {#text_style_02_1482918614991{width:97.36842105263158%;left:1.3157894736842104%;top:10px;}} #text_style_02_1482918614991>.view_contents {box-sizing:border-box;font-size:31px;color:#017dab;font-weight:bold;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482918614991>.view_contents {box-sizing:border-box;font-size:25px;}} @media screen and (max-width:640px) { #text_style_02_1482918614991>.view_contents {box-sizing:border-box;font-size:20px;font-weight:normal;}} #text_style_02_1482918686555{width:7.916666666666666%;font-size:18px!important;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:35.95833333333333%;top:108px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482918686555{width:38.54166666666667%;left:25.344644750795336%;top:80px;}} @media screen and (max-width:640px) {#text_style_02_1482918686555{width:97.36842105263158%;left:1.3157894736842124%;top:48px;}} #text_style_02_1482918686555>.view_contents {box-sizing:border-box;font-size:14px;text-align:center;line-height:30px;color:#a0a0a0;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482918686555>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1482918686555>.view_contents {box-sizing:border-box;color:#a0a0a0;}} #text_style_02_1482918777203{width:62.16666666666667%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;left:37.291666666666664%;top:193px;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1482918777203{width:58.006362672322375%;left:41.19333244962885%;top:128px;}} @media screen and (max-width:640px) {#text_style_02_1482918777203{width:95%;left:2.5%;top:231.4000015258789px;}} #text_style_02_1482918777203>.view_contents {box-sizing:border-box;color:#666666;font-size:16px;line-height:25px;font-family:Microsoft YaHei;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1482918777203>.view_contents {box-sizing:border-box;font-size:14px;}} @media screen and (max-width:640px) { #text_style_02_1482918777203>.view_contents {box-sizing:border-box;font-size:14px;text-indent:2em;}} #layout_1482908503317{height:416px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1482908503317{height:346px;}} @media screen and (max-width:640px) {#layout_1482908503317{height:500px;display:block;}} #layout_1482908503317 > .view_contents{max-width:1200px;} #layout_1528681472414{height:19px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1528681472414{}} @media screen and (max-width:640px) {#layout_1528681472414{display:none;}} #layout_1528681472414 > .view_contents{overflow:visible;max-width:1200px;} #layout_1528962413123{} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1528962413123{}} @media screen and (max-width:640px) {#layout_1528962413123{}} #layout_1528962413123 > .view_contents{overflow:visible;max-width:1200px;} #text_style_02_1483000736889{width:23.833333333333336%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:90.98751831054688px;left:7.5%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1483000736889{display:block;left:10.070254668704019%;top:105px;width:256px;}} @media screen and (max-width:640px) {#text_style_02_1483000736889{width:95%;top:684px;left:2.5%;display:none;}} #text_style_02_1483000736889>.view_contents {box-sizing:border-box;color:#ffffff;font-size:14px;line-height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1483000736889>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1483000736889>.view_contents {box-sizing:border-box;}} #image_style_01_1492504357088{width:2.666666666666667%;height:35px;position:absolute;top:98.00003051757812px;left:4.5%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1492504357088{display:block;left:5.507688229056203%;top:113.00003051757812px;}} @media screen and (max-width:640px) {#image_style_01_1492504357088{width:52.892561983471076%;height:200px;top:2218px;left:23.553719008264462%;display:none;}} #image_style_01_1492504357088 > .view_contents{overflow:visible;} #image_style_01_1492504357130{width:3%;height:24px;position:absolute;top:56.975006103515625px;left:4.333333333333334%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1492504357130{display:block;left:5.348621420996818%;top:71.97500610351562px;}} @media screen and (max-width:640px) {#image_style_01_1492504357130{width:52.892561983471076%;height:200px;top:2018px;left:23.553719008264462%;display:none;}} #image_style_01_1492504357130 > .view_contents{overflow:visible;} #text_style_02_1483000572160{width:16.25%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:54.48126220703125px;left:7.5%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1483000572160{display:block;left:10.068929435592441%;top:67.97500610351562px;width:211px;}} @media screen and (max-width:640px) {#text_style_02_1483000572160{width:95%;top:600px;left:2.5%;display:none;}} #text_style_02_1483000572160>.view_contents {box-sizing:border-box;color:#ffffff;font-size:14px;line-height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1483000572160>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1483000572160>.view_contents {box-sizing:border-box;}} #image_style_01_1492504357103{width:2.166666666666667%;height:25px;position:absolute;top:19.975006103515625px;left:4.75%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1492504357103{left:5.772799575821845%;top:24px;display:block;}} @media screen and (max-width:640px) {#image_style_01_1492504357103{width:52.892561983471076%;height:200px;top:1818px;left:23.553719008264462%;display:none;}} #image_style_01_1492504357103 > .view_contents{overflow:visible;} #text_style_02_1483000493958{width:16.25%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:17.975006103515625px;left:7.5%;display:block;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1483000493958{display:block;left:10.067603393425237%;top:24px;width:201px;}} @media screen and (max-width:640px) {#text_style_02_1483000493958{width:95%;top:300px;left:2.5%;display:block;}} #text_style_02_1483000493958>.view_contents {box-sizing:border-box;color:#ffffff;font-size:14px;line-height:30px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1483000493958>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1483000493958>.view_contents {box-sizing:border-box;}} #text_default_1527733577895{width:33.33333333333333%;height:32px;position:absolute;top:35.975006103515625px;left:33.324999491373696%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1527733577895{top:32.00001525878906px;left:calc(50% - 157px);}} @media screen and (max-width:640px) {#text_default_1527733577895{width:100%;height:300px;top:714px;left:0%;}} #text_style_01_1527729641640{width:25.333333333333336%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:67.97500610351562px;left:37.3249994913737%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1527729641640{}} @media screen and (max-width:640px) {#text_style_01_1527729641640{width:100%;top:0px;left:0%;}} #text_style_01_1527729641640>.view_contents {box-sizing:border-box;color:#ffffff;font-family:Microsoft YaHei;font-size:14px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1527729641640>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1527729641640>.view_contents {box-sizing:border-box;}} #text_style_01_1527729799210{width:25.333333333333336%;font-size:32px;color:#333;line-height:1.8;font-family:宋体;position:absolute;top:98.00003051757812px;left:37.3249994913737%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1527729799210{}} @media screen and (max-width:640px) {#text_style_01_1527729799210{width:100%;top:22px;left:0%;}} #text_style_01_1527729799210>.view_contents {box-sizing:border-box;color:#ffffff;font-family:Microsoft YaHei;font-size:14px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1527729799210>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1527729799210>.view_contents {box-sizing:border-box;}} #image_style_01_1527733934117{width:100px;height:100px;position:absolute;left:83.11562856038411%;top:35px;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1527733934117{left:81.71924578928619%;width:100px;top:32px;}} @media screen and (max-width:640px) {#image_style_01_1527733934117{width:200px;height:200px;top:0px;left:16.996699669967%;}} #image_style_01_1527733934117 > .view_contents{overflow:visible;} #div_includeBlock_1492503974801{width:1200px;height:170px;position:absolute;top:0px;left:calc(50% - 600px);} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1492503974801{left:0%;top:0%;width:100%;height:164px;}} @media screen and (max-width:640px) {#div_includeBlock_1492503974801{width:100%;height:930px;top:1308px;left:0%;display:none;}} #comm_layout_footer{height:170px;} @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{height:164px;}} @media screen and (max-width:640px) {#comm_layout_footer{height:76px;display:none;}} #comm_layout_footer > .view_contents{max-width:1200px;} #comm_layout_footer {background:linear-gradient(30deg,#2292bf,#0074a3);} .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; } } .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_1482394346074 .bannerStyle_1 .main_image .img-item .img_0{background: url('../img/upimages/112233.png') center top no-repeat;} #banner_style_01_1482394346074 .bannerStyle_1 .main_image .img-item .img_1{background: url('../img/upimages/20180608165231474.jpg') center top no-repeat;} #banner_style_01_1482394346074 .bannerStyle_1 .main_image .img-item .img_2{background: url('../img/upimages/800x/20180608164217105.jpg') center top no-repeat;} #banner_style_01_1482394346074 .bannerStyle_1 .main_image .img-item .img_3{background: url('../img/upimages/800x/20180608164218647.jpg') center top no-repeat;} #banner_style_01_1482394346074 .bannerStyle_1 .main_image .img-item .img_4{background: url('../img/upimages/800x/20180608164218941.jpg') center top no-repeat;} #banner_style_01_1482394346074 .bannerStyle_1 .ground_glass{display:block; opacity:0.35; background-color:#cccccc;} #banner_style_01_1482394346074 .bannerStyle_1 .main_image .img-item span{} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1482394346074 .bannerStyle_1 .main_image .img-item span{} } @media screen and (max-width:640px) { #banner_style_01_1482394346074 .bannerStyle_1 .main_image .img-item span{} } #banner_style_01_1482394346074 .hide_img{ display: none; width: 100%; vertical-align: top;} #banner_style_01_1482394346074 .bannerStyle_1 .main_image .img-item a{ position: relative; z-index: 10; } /*菜单样式*/ .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_1528342165833 .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;} } .imgStyle{font-size:0;} #image_style_01_1528438872203 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1528438872203 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1528438872203 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1528438872203 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_1528362547735 .bannerStyle_4 .main_image li .img_0{background: url('../img/upimages/20180531084409132.png') center top no-repeat;} #banner_style_03_1528362547735 .bannerStyle_4 .main_image li .img_1{background: url('../img/upimages/2018053108440960.png') center top no-repeat;} #banner_style_03_1528362547735 .bannerStyle_4 .main_image li .img_2{background: url('../img/upimages/20180531084409453.png') center top no-repeat;} .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_1482903418594 .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_03_1482903418594 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_03_1482903418594 .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:1200px) { } @media screen and (max-width:767px) { } #image_style_03_1482897140347 .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_03_1482897140347 .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_03_1482897140347 .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:1200px) { } @media screen and (max-width:767px) { } #image_style_03_1482896358701 .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_03_1482896358701 .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_03_1482896358701 .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:1200px) { } @media screen and (max-width:767px) { } #image_style_03_1482904028369 .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_03_1482904028369 .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_03_1482904028369 .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:1200px) { } @media screen and (max-width:767px) { } #image_style_03_1482904032662 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_03_1482904032662 .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_03_1482904032662 .CompatibleImg img{width:100%; height:100%}} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .imgStyle_4 ul li a img{width: auto !important;height: 100% !important;} /*pc*/ #image_style_04_1527732066826 .imgStyle_4 ul li,#image_style_04_1527732066826 .imgStyle_4 ul li{width: 23.5%;} #image_style_04_1527732066826 .imgStyle_4 ul li.imgItems,#image_style_04_1527732066826 .imgStyle_4 ul li.imgItems{margin-bottom:2%;} @media screen and (max-width: 1024px){/*ipad*/ #image_style_04_1527732066826 .imgStyle_4 ul li,#image_style_04_1527732066826 .imgStyle_4 ul li{width: 23.5%;} #image_style_04_1527732066826 .imgStyle_4 ul li.imgItems,#image_style_04_1527732066826 .imgStyle_4 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_04_1527732066826 .imgStyle_4 ul li,#image_style_04_1527732066826 .imgStyle_4 ul li{width: 49%;} #image_style_04_1527732066826 .imgStyle_4 ul li.imgItems,#image_style_04_1527732066826 .imgStyle_4 ul li.imgItems{margin-bottom:2%;} } .imgStyle_4,.imgStyle_11{position:relative; clear: both; width: 100%; height: 100%;} .imgStyle_4 ul,.imgStyle_11 ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .imgStyle_4 ul li.imgItems,.imgStyle_11 ul li.imgItems{position: relative; overflow: hidden; width: 19%; box-sizing:border-box; margin-bottom:10px; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } .imgStyle_4 ul li .ratio{margin-top: 100%;} .imgStyle_4 ul li a{} .imgStyle_4 ul li:hover,.imgStyle_11 ul li:hover{z-index: 2; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .imgStyle_4 ul li a img,.imgStyle_11 ul li a img{position: absolute; width: auto; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } /*****在BODY添加的内容*****/ .imgShowBox{position: fixed; z-index:99999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;} .imgShowBox img{ position: absolute; width: auto; max-width: 80%; /*max-height: 80%;*/ border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);} .imgShowBox.scroll{overflow-y:scroll;overflow-x:hidden;} .imgShowBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);} .imgShowBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);} .imgShowBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;} .imgShowBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);} .imgShowBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;} .imgShowBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);} .pos_fixed{position: fixed; width: 100%;} .imgButton{position: fixed; width: 70%; max-width: 400px; bottom: 15%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;} .imgButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } .imgButton span:hover{opacity: .8;} .imgButton span i{font-size: inherit; line-height: inherit; color:inherit;} .imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic{ font-size: 40px; width: 50px; height:50px; line-height: 50px; border-radius: 100%;font-family: serif; background-color: #fff; text-align: center; box-sizing: border-box;} .imgButton span.prevImg, .imgButton span.nextImg{font-size: 26px; width: 40px; height: 40px; line-height: 40px; text-align: center;} @media screen and (max-width: 1024px){/*ipad*/.imgStyle_4 ul li,.imgStyle_11 ul li{width: 24%;}} @media screen and (max-width: 768px){/*mobi*/ .imgStyle_4 ul li,.imgStyle_11 ul li{width: 49%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } /*新闻列表样式*/ .newslist_style_5{padding: 0;margin: 0;list-style: none;} .newslist_style_5 li{overflow: hidden;box-sizing: border-box;} .newslist_style_5 .newsDate{float: left;width: 150px;} .newslist_style_5 .newsDate .newsTime{display: block; font-size: 16px;text-align: center; overflow: hidden;box-sizing: border-box;} .newslist_style_5 .newsCont:before{content: '';display: block;width: 14px;height: 14px;border-radius: 10px;position: absolute;top: 4px;left: -8px;background-color: #ddd;} .newslist_style_5 .newsCont{position: relative;float: left;width: calc(100% - 150px);border-left: 1px solid #ddd;padding:0 0 20px 40px ;box-sizing: border-box;} .newslist_style_5 .newsCont .newsTitle{font-size: 16px;overflow: hidden;margin-bottom: 5px;} .newslist_style_5 .newsCont .newsTitle a{font-size: inherit; line-height: inherit; color: inherit;} .newslist_style_5 .newsCont .newDetail{font-size: 14px;color: #ddd;overflow: hidden;} /*alex---后期加的图片样式*/ .newslist_style_5 .newPic{background-color: #eee;width:20%; margin:0 1%;overflow:hidden; position:relative; box-sizing:border-box; float:left;padding-bottom: 1px;} .newslist_style_5 .newPic a{display: block; position: absolute; left: 0; top: 0; width: 100%;} .newslist_style_5 .newPic img{width:100%; float: left;background-color: #eee;} .newslist_style_5 .newPic2{display: none;} .newslist_style_5 .show_all{width:20%; margin-top:.5em;float: left;} .newslist_style_5 .show_all a{display:block; margin-top:.4em; text-decoration:none; border:1px solid #ddd; text-align:center; padding:.4em; font-size:12px; color:#666; } .newslist_style_5 .newSort{display: block;margin-top: 8px;color:#999;} @media screen and (max-width: 640px) { .newslist_style_5 .newsDate{width: 95px;} .newslist_style_5 .newsDate .newsTime{font-size: 14px;padding:0 10px 0 5px;} .newslist_style_5 .newsCont:before{width: 12px;height: 12px;top: 4px;left: -6px;} .newslist_style_5 .newsCont{width: calc(100% - 115px);padding:0 5px 10px 15px ;} .newslist_style_5 .newsCont .newsTitle{font-size: 14px;margin-bottom: 6px;} .newslist_style_5 .newsCont .newDetail{font-size: 12px;} .newslist_style_5 .newPic{width:100%;float:none;margin-bottom: 6px;} .newslist_style_5 .show_all{width:40%;min-width: 160px; } } #newsList_style_05_1527732661908 .newDetail.pc {display:block;} #newsList_style_05_1527732661908 .newDetail.pad, #newsList_style_05_1527732661908 .newDetail.mobile {display:none;} #newsList_style_05_1527732661908 .newTitle.pc {display:block;} #newsList_style_05_1527732661908 .newTitle.pad, #newsList_style_05_1527732661908 .newTitle.mobile {display:none;} @media screen and (min-width:641px) and (max-width:1200px) { #newsList_style_05_1527732661908 .newDetail.pad {display:block;} #newsList_style_05_1527732661908 .newDetail.pc, #newsList_style_05_1527732661908 .newDetail.mobile {display:none;} #newsList_style_05_1527732661908 .newTitle.pad {display:block;} #newsList_style_05_1527732661908 .newTitle.pc, #newsList_style_05_1527732661908 .newTitle.mobile {display:none;} } @media screen and (max-width:640px) { #newsList_style_05_1527732661908 .newDetail.mobile {display:block;} #newsList_style_05_1527732661908 .newDetail.pc, #newsList_style_05_1527732661908 .newDetail.pad {display:none;} #newsList_style_05_1527732661908 .newTitle.mobile {display:block;} #newsList_style_05_1527732661908 .newTitle.pc, #newsList_style_05_1527732661908 .newTitle.pad {display:none;} } @media screen and (min-width: 1025px) { #newsList_style_05_1527732661908 .newsDate{width: px;} #newsList_style_05_1527732661908 .newsCont{width: calc(100% - px);} #newsList_style_05_1527732661908 .newPic{width: 0px;} } @media screen and (min-width: 640px) and (max-width: 1024px) { #newsList_style_05_1527732661908 .newsDate{width: px;} #newsList_style_05_1527732661908 .newsCont{width: calc(100% - px);} #newsList_style_05_1527732661908 .newPic{width: 0px;} } @media screen and (max-width: 640px) { } #image_style_01_1492508331608 .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_1492508331608 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1492508331608 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1492508331608 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_1482909749562 .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_1482909749562 .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_1482909749562 .CompatibleImg img{width:100%; height:100%}} .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_1492504357088 .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_1492504357088 .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_1492504357088 .CompatibleImg img{null}} #image_style_01_1492504357088 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_1492504357130 .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_1492504357130 .CompatibleImg img{null}}@media screen and (max-width:640px) {#image_style_01_1492504357130 .CompatibleImg img{null}} #image_style_01_1492504357130 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_1492504357103 .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_1492504357103 .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_1492504357103 .CompatibleImg img{null}} #image_style_01_1492504357103 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_1527733934117 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1527733934117 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1527733934117 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1527733934117 a{ cursor: default; } .imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .imgStyle>a{overflow: hidden; width: 100%; height: 100%;} .imgStyle img{box-sizing: border-box;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;} .bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:0!important;} .bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;} .bottomMenu ul li .menuItem{position: relative;} .bottomMenu ul li .menuItem.iconTxt{top:5%;} .bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .bottomMenu ul li .menuItem.icon{top: 20%;} .bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;} .bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: scale-down;} .bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #666666; line-height: 1;font-family:Microsoft YaHei;} .bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);} .bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; } @media screen and (max-width:767px) { .bottomMenu{display: block;} body{padding-bottom:50px!important;} }