#el_37611501845519 { } #el_71831501845519{width:100%;} #el_55381533609413 > div { height: 200px; overflow: hidden; } #el_55381533609413 > .owl-loaded { height: auto; } #el_55381533609413 .item img {max-width:100%;} #el_55381533609413 .owl-carousel { z-index: 0; } #el_55381533609413 .item { text-align:center; } @media screen and (max-width: 991px){ #el_55381533609413 .owl-dots { display:none; } #el_55381533609413 .owl-nav{ display:none; }} #el_86371509703678 { padding-top: 60px; padding-bottom: 60px; } @media screen and (max-width: 991px){ #el_86371509703678 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_86371509703678 { padding-top: 20px; padding-bottom: 20px; } } #el_18541509703678{width:100%;} #el_10831509930712{width:50%;} @media screen and (max-width: 991px){ #el_10831509930712{width:99.75999999999995%;}} #el_75821509930974 { font-size: 46px; color: #F3F2F2; font-weight: bold; } #el_75821509930974 h4 { font: inherit; } #el_57361509931142 { font-size: 30px; color: #222222; margin-top: 20px; } #el_57361509931142 h4 { font: inherit; } #el_57361509931142 h4:after { content: ''; display: block; margin-top: 5px; background-color: #007cbb; width: 60px; height: 2px; } @media screen and (max-width: 767px){ #el_57361509931142 { margin-top:0; }} #el_48781509931241 { background-color: #F9F9F9; padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; line-height: 2; margin-top: 20px; } @media screen and (max-width: 575px){ #el_48781509931241 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } } #el_30561509931989 { display: inline-block; margin-top: 20px; } #el_30561509931989 .btnLink { display: inline-block; color: #1C90CD; -webkit-transition: all .5; -ms-transition: all .5; transition-property: all; transition-duration: .5s; } #el_30561509931989 .btnLink i { margin-left: 10px; } #el_30561509931989 .btnLink:hover { transform: translateX(20px); -wekit-transform: translateX(20px); -ms-transform: translateX(20px); } #el_13061509930794{width:50%;} @media screen and (max-width: 991px){ #el_13061509930794{width:49.86%;}} #el_52181509930799 img {max-width:100%;} @media screen and (max-width: 991px){ #el_52181509930799 { display: none; } } #el_37561509932333 { padding-top: 60px; padding-bottom: 60px; background-image: url(../upload/20171106105516277-7473.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-color: #FAFAFA; } @media screen and (max-width: 991px){ #el_37561509932333 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_37561509932333 { padding-top: 20px; padding-bottom: 20px; } } #el_86141509932333{width:100%;} #el_56011509937047{width:100%;} #el_13691509937048{width:100%;} #el_74931509948715 { font-size: 16px; color: #888888; } #el_36471509937520 { font-size: 45px; color: #222222; } #el_36471509937520 h3 { font: inherit; position:relative; } @media screen and (max-width: 575px){ #el_36471509937520 { font-size: 30px; } } #el_65801509937035 { margin-top: 20px; } #el_11711509937035{width:100%;} #el_69721509933897 .roll { position: relative; } #el_69721509933897 .roll-btn { position: absolute; z-index:1; top: 50%; width: 40px; height: 50px; line-height: 50px; margin-top: -25px; font-size: 30px; color: #333; text-align: center; vertical-align: middle; cursor: pointer; background-color:#fff; opacity:0; } #el_69721509933897 .roll:hover .roll-btn { /*opacity:1;*/; } #el_69721509933897 .roll-btn-l { left: 0; } #el_69721509933897 .roll-btn-r { right: 0; } #el_69721509933897 .roll-body { display: block; width: auto; } #el_69721509933897 .roll-item { display: block; } #el_69721509933897 .roll-img { max-width: 100%; margin: 0 auto; border: 1px solid #ddd; text-align: center; font-size: 0; overflow: hidden; border-radius: 2px; transition: box-shadow .6s; } #el_69721509933897 .roll-img img { display: inline-block; max-width: 100%; transition: transform .6s; } #el_69721509933897 .roll-item:hover .roll-img { } #el_69721509933897 .roll-item:hover .roll-img img { } #el_69721509933897 .roll-content { position:absolute; top:0; left:0; height:100%; width:100%; padding:30px; } #el_69721509933897 .roll-p { margin-top:20px; font-size: 36px; color: #fff; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; text-align: center; } #el_69721509933897 .roll-p:after { content:''; margin-top:10px; display:none; background-color:#d0b785; height:4px; width:40px; } #el_69721509933897 .roll-digest { margin-top:40px; font-size: 18px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display:none; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #el_69721509933897 .roll-read { margin-top:40px; display:none; transition:all .5s; } #el_69721509933897 .roll-read:hover { transform:translateX(20px); -webkit-transform:translateX(20px); -ms-transform:translateX(20px); } #el_69721509933897 .roll-read a { color:#fff; } /******************移动后的效果******************/ #el_69721509933897 .roll-item:hover .roll-p { text-align:left; } #el_69721509933897 .roll-item:hover .roll-p:after { display:block; } #el_69721509933897 .roll-item:hover .roll-digest { display: -webkit-box; color:#fff; } #el_69721509933897 .roll-item:hover .roll-content { background-color:#bf9e5b; } #el_69721509933897 .roll-item:hover .roll-read { display:block; } @media screen and (max-width: 1199px){ #el_69721509933897 .roll-p { font-size: 24px; } #el_69721509933897 .roll-digest { margin-top:20px; } #el_69721509933897 .roll-read { margin-top:20px; }} @media screen and (max-width: 767px){ #el_69721509933897 .roll-p { font-size: 18px; margin-top:0px; } #el_69721509933897 .roll-digest { margin-top:10px; font-size: 12px; } #el_69721509933897 .roll-read { margin-top:20px; }} #el_56111509949274 { padding-top: 60px; padding-bottom: 60px; } @media screen and (max-width: 991px){ #el_56111509949274 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_56111509949274 { padding-top: 20px; padding-bottom: 20px; } } #el_74651509949274{width:100%;} #el_50801509949290{width:100%;} #el_79441509949290 { font-size: 16px; color: #888888; } #el_26991509949290 { font-size: 45px; color: #222222; } #el_26991509949290 h3 { font: inherit; position:relative; } @media screen and (max-width: 575px){ #el_26991509949290 { font-size: 30px; } } #el_53401509949276 { margin-top: 20px; } @media screen and (max-width: 575px){ #el_53401509949276 { text-align: center; } } #el_26821509949276{width:25%;} @media screen and (max-width: 991px){ #el_26821509949276{width:50.23%;}} @media screen and (max-width: 575px){ #el_26821509949276{width:99.76000000000002%;}} #el_70621509949397 { background-image: url(../upload/20171106022330277-2839.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 50px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; margin-right: 5px; } @media screen and (max-width: 991px){ #el_70621509949397 { margin-bottom: 5px; } } @media screen and (max-width: 767px){ #el_70621509949397 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 5px; } } @media screen and (max-width: 575px){ #el_70621509949397 { margin-bottom: 10px; } } #el_66951509949397{width:100%;} #el_81351509949430 { line-height: 1.5; color: #aab0b5; font-weight: bold; } @media screen and (max-width: 991px){ #el_81351509949430 { } } #el_70521509949510 img { max-width: 100%; } #el_70521509949510 { width: 70px; } @media screen and (max-width: 575px){ #el_70521509949510 { margin:0 auto; }} #el_28561509949540 { font-size: 28px; color: #bf9e5b; font-weight: bold; margin-top: 20px; } #el_28561509949540 h4 { font: inherit; } @media screen and (max-width: 1199px){ #el_28561509949540 { font-size: 22px; } } @media screen and (max-width: 991px){ #el_28561509949540 { font-size: 28px; } } @media screen and (max-width: 767px){ #el_28561509949540 { font-size: 24px; } } #el_16111509949566 { font-size: 16px; color: #989FA4; margin-top: 10px; } #el_79751509949345{width:25%;} @media screen and (max-width: 991px){ #el_79751509949345{width:49.64999999999999%;}} @media screen and (max-width: 575px){ #el_79751509949345{width:99.81999999999994%;}} #el_30191509949647 { background-image: url(../upload/20171106022330277-2839.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 50px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; margin-right: 5px; } @media screen and (max-width: 991px){ #el_30191509949647 { margin-bottom: 5px; } } @media screen and (max-width: 767px){ #el_30191509949647 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 5px; } } @media screen and (max-width: 575px){ #el_30191509949647 { margin-bottom: 10px; } } #el_55391509949647{width:100%;} #el_71221509949647 { line-height: 1.5; color: #aab0b5; font-weight: bold; } #el_38961509949647 img { max-width: 100%; } #el_38961509949647 { width: 70px; } @media screen and (max-width: 575px){ #el_38961509949647 { margin:0 auto; }} #el_58771509949647 { font-size: 28px; color: #bf9e5b; font-weight: bold; margin-top: 20px; } #el_58771509949647 h4 { font: inherit; } @media screen and (max-width: 1199px){ #el_58771509949647 { font-size: 22px; } } @media screen and (max-width: 991px){ #el_58771509949647 { font-size: 28px; } } @media screen and (max-width: 767px){ #el_58771509949647 { font-size: 24px; } } #el_79781509949647 { font-size: 16px; color: #989FA4; margin-top: 10px; } #el_52211509949345{width:25%;} @media screen and (max-width: 991px){ #el_52211509949345{width:50.23000000000001%;}} @media screen and (max-width: 575px){ #el_52211509949345{width:99.70999999999992%;}} #el_75801509949649 { background-image: url(../upload/20171106022330277-2839.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 50px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; margin-right: 5px; } @media screen and (max-width: 767px){ #el_75801509949649 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media screen and (max-width: 575px){ #el_75801509949649 { margin-bottom: 10px; } } #el_83841509949649{width:100%;} #el_45251509949649 { line-height: 1.5; color: #aab0b5; font-weight: bold; } #el_12851509949649 img { max-width: 100%; } #el_12851509949649 { width: 70px; } @media screen and (max-width: 575px){ #el_12851509949649 { margin:0 auto; }} #el_14051509949649 { font-size: 28px; color: #bf9e5b; font-weight: bold; margin-top: 20px; } #el_14051509949649 h4 { font: inherit; } @media screen and (max-width: 1199px){ #el_14051509949649 { font-size: 22px; } } @media screen and (max-width: 991px){ #el_14051509949649 { font-size: 28px; } } @media screen and (max-width: 767px){ #el_14051509949649 { font-size: 24px; } } #el_85531509949649 { font-size: 16px; color: #989FA4; margin-top: 10px; } #el_45071509949345{width:25%;} @media screen and (max-width: 991px){ #el_45071509949345{width:49.73%;}} @media screen and (max-width: 575px){ #el_45071509949345{width:99.82000000000004%;}} #el_20441509949650 { background-image: url(../upload/20171106022330277-2839.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 50px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; margin-right: 5px; } @media screen and (max-width: 767px){ #el_20441509949650 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } #el_63301509949650{width:100%;} #el_60281509949650 { line-height: 1.5; color: #aab0b5; font-weight: bold; } #el_86771509949650 img { max-width: 100%; } #el_86771509949650 { width: 70px; } @media screen and (max-width: 575px){ #el_86771509949650 { margin:0 auto; }} #el_66231509949650 { font-size: 28px; color: #bf9e5b; font-weight: bold; margin-top: 20px; } #el_66231509949650 h4 { font: inherit; } @media screen and (max-width: 1199px){ #el_66231509949650 { font-size: 22px; } } @media screen and (max-width: 991px){ #el_66231509949650 { font-size: 28px; } } @media screen and (max-width: 767px){ #el_66231509949650 { font-size: 24px; } } #el_62091509949650 { font-size: 16px; color: #989FA4; margin-top: 10px; } #el_32981509950099 { background-image: url(../upload/20171106024308277-3390.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding-top: 80px; padding-bottom: 80px; } @media screen and (max-width: 991px){ #el_32981509950099 { padding-top: 30px; padding-bottom: 30px; background-image: none; background-color: #0078B9; } } #el_50741509950259{width:100%;} #el_83941509950600{width:39.35%;} @media screen and (max-width: 991px){ #el_83941509950600{width:99.91999999999996%;}} #el_60191509950619 { padding-right: 40px; } @media screen and (max-width: 991px){ #el_60191509950619 { padding-right: 0px; } } #el_18301509950619{width:100%;} #el_73711509950628{width:100%;} #el_63431509950628 { font-size: 16px; color: #FFFFFF; } #el_88691509950628 { font-size: 45px; color: #FFFFFF; } #el_88691509950628 h3 { font: inherit; position: relative; } @media screen and (max-width: 575px){ #el_88691509950628 { font-size: 30px; } } #el_14771509950681 { margin-top: 30px; } @media screen and (max-width: 991px){ #el_14771509950681 { margin-top: 20px; } } #el_35321509950681{width:100%;} #el_52131509950686 { font-size: 30px; color: #FFFFFF; } #el_52131509950686 h3 { font: inherit; } #el_52131509950686 h3:after { content:''; display:block; width:60px; height:4px; margin-top:20px; background-color:#409ecc; } @media screen and (max-width: 991px){ #el_52131509950686 { } } #el_54631509950724 { color: #FEFEFE; font-size: 16px; margin-top: 40px; line-height: 1.8; } @media screen and (max-width: 991px){ #el_54631509950724 { margin-top: 10px; } } #el_25381509950986 { display: inline-block; margin-top: 60px; } #el_25381509950986 .btnLink { display: inline-block; color: #fff; transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; } #el_25381509950986 .btnLink:hover { transform: translateX(20px); -webkit-transform: translateX(20px); -ms-transform: translateX(20px); } @media screen and (max-width: 991px){ #el_25381509950986 .btnLink { } #el_25381509950986 { margin-top: 10px; } } #el_70501509950603{width:60.64000000000009%;} @media screen and (max-width: 991px){ #el_70501509950603{width:99.92999999999992%;}} @media screen and (max-width: 991px){ #el_53281509951187 { margin-top: 10px; } } @media screen and (max-width: 575px){ #el_53281509951187 { text-align: left; } } #el_74271509951187{width:100%;} #el_87511509951192 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #el_85701509951555{width:100%;} #el_41101509951563{width:50%;} #el_65671509951629 { transition-property: all; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #el_19631509951629{width:100%;} #el_53861509951645 img {max-width:100%;} #el_58921509951659 { font-size: 16px; text-transform: uppercase; color: #333333; text-align: left; font-weight: bold; margin-top: 10px; } #el_58921509951659 h4 { font: inherit; } #el_58921509951659 h4:after { content: ""; display: block; margin-top: 10px; width: 22px; height: 1px; background: #135c93; } #el_47671509951769 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; color: #666666; line-height: 2; } #el_65011509951565{width:50%;} #el_50371509951958 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #el_31051509951958{width:100%;} #el_85961509951958 img {max-width:100%;} #el_66751509951958 { font-size: 16px; text-transform: uppercase; color: #333333; text-align: left; font-weight: bold; margin-top: 10px; } #el_66751509951958 h4 { font: inherit; } #el_66751509951958 h4:after { content: ""; display: block; margin-top: 10px; width: 22px; height: 1px; background: #135c93; } #el_19221509951958 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; color: #666666; line-height: 2; } #el_82551509951568{width:50%;} #el_43591509951960 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #el_68811509951960{width:100%;} #el_89791509951960 img {max-width:100%;} #el_88591509951960 { font-size: 16px; text-transform: uppercase; color: #333333; text-align: left; font-weight: bold; margin-top: 10px; } #el_88591509951960 h4 { font: inherit; } #el_88591509951960 h4:after { content: ""; display: block; margin-top: 10px; width: 22px; height: 1px; background: #135c93; } #el_58081509951960 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; color: #666666; line-height: 2; } #el_31611509951568{width:50%;} #el_78771509951961 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #el_15071509951961{width:100%;} #el_24001509951961 img {max-width:100%;} #el_12921509951961 { font-size: 16px; text-transform: uppercase; color: #333333; text-align: left; font-weight: bold; margin-top: 10px; } #el_12921509951961 h4 { font: inherit; } #el_12921509951961 h4:after { content: ""; display: block; margin-top: 10px; width: 22px; height: 1px; background: #135c93; } #el_18741509951961 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; color: #666666; line-height: 2; } #el_11621509953806 { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media screen and (max-width: 575px){ #el_11621509953806 { text-align: left; } } #el_78351509953806{width:100%;} #el_49971509953806{width:50%;} @media screen and (max-width: 575px){ #el_49971509953806{width:99.83%;}} #el_70631509953806 { transition-property: all; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media screen and (max-width: 575px){ #el_70631509953806 { } } #el_30361509953806{width:100%;} #el_86951509953806 img {max-width:100%;} #el_32941510107933 { font-size: 16px; text-transform: uppercase; color: #333333; text-align: left; font-weight: bold; margin-top: 10px; } #el_32941510107933 h4 { font: inherit; } #el_32941510107933 h4:after { content: ""; display: block; margin-top: 10px; width: 22px; height: 1px; background: #135c93; } #el_42031509953806 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; color: #666666; line-height: 2; } #el_10721509953806{width:50%;} @media screen and (max-width: 575px){ #el_10721509953806{width:99.90000000000002%;}} #el_63111509953806 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #el_30711509953806{width:100%;} #el_15161509953806 img {max-width:100%;} #el_85151509953806 { font-size: 16px; text-transform: uppercase; color: #333333; text-align: left; font-weight: bold; margin-top: 10px; } #el_85151509953806 h4 { font: inherit; } #el_85151509953806 h4:after { content: ""; display: block; margin-top: 10px; width: 22px; height: 1px; background: #135c93; } #el_19331509953806 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; color: #666666; line-height: 2; } #el_84321509953806{width:50%;} @media screen and (max-width: 575px){ #el_84321509953806{width:99.86999999999996%;}} #el_17001509953806 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #el_29211509953806{width:100%;} #el_36501509953806 img {max-width:100%;} #el_76431509953806 { font-size: 16px; text-transform: uppercase; color: #333333; text-align: left; font-weight: bold; margin-top: 10px; } #el_76431509953806 h4 { font: inherit; } #el_76431509953806 h4:after { content: ""; display: block; margin-top: 10px; width: 22px; height: 1px; background: #135c93; } #el_13741509953806 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; color: #666666; line-height: 2; } #el_31271509953806{width:50%;} @media screen and (max-width: 575px){ #el_31271509953806{width:99.87000000000002%;}} #el_25021509953806 { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } #el_11061509953806{width:100%;} #el_15371509953806 img {max-width:100%;} #el_89791509953806 { font-size: 16px; text-transform: uppercase; color: #333333; text-align: left; font-weight: bold; margin-top: 10px; } #el_89791509953806 h4 { font: inherit; } #el_89791509953806 h4:after { content: ""; display: block; margin-top: 10px; width: 22px; height: 1px; background: #135c93; } #el_22971509953806 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; color: #666666; line-height: 2; } #el_82521509951192 .tabbox-tabs { float: right; list-style: none; transform: translateY(200px); margin-left: -30px; text-align: center; } #el_82521509951192 .tabbox-tab { padding: 5px; } #el_82521509951192 .tabbox-tab.active { } #el_82521509951192 .tabbox-a { display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 3px solid #fff; background-color: #0078b9; } #el_82521509951192 .tabbox-a span { display: none; } #el_82521509951192 .tabbox-a:hover, #el_82521509951192 .tabbox-a:active, #el_82521509951192 .tabbox-a:visited, #el_82521509951192 .tabbox-a:focus { } #el_82521509951192 .tabbox-tab.active .tabbox-a { background-color: #fff; border-color: #0078b9; } #el_82521509951192 .tabbox-body { overflow: hidden; padding: 20px; } #el_82521509951192 .tabbox-item { display: none; } #el_82521509951192 .tabbox-item.active { display: block; } #el_82521509951192 { background-image: url(../upload/20171106025630277-4931.jpg); background-size: 100% 100%; height: 476px; padding-right:20px; } @media screen and (max-width: 575px){ #el_82521509951192 { height: max-content; padding-right: 0px; text-align: left; } #el_82521509951192 .tabbox-tabs { float: none; transform: translateY(20px); } #el_82521509951192 .tabbox-body { padding: 5px; } #el_82521509951192 .tabbox-tab { display: inline-block; } #el_82521509951192 .tabbox { text-align: left; } } #el_27151509955810 { padding-top: 60px; padding-bottom: 60px; } @media screen and (max-width: 991px){ #el_27151509955810 { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 767px){ #el_27151509955810 { padding-top: 20px; padding-bottom: 20px; } } #el_63761509955810{width:100%;} #el_83791509955812{width:38.28%;} @media screen and (max-width: 991px){ #el_83791509955812{width:99.83999999999999%;}} #el_35731509955832{width:100%;} #el_82431509955833{width:100%;} #el_58811509955833 { font-size: 16px; color: #888888; } #el_61541509955833 { font-size: 45px; color: #222222; } #el_61541509955833 h3 { font: inherit; position: relative; } @media screen and (max-width: 575px){ #el_61541509955833 { font-size: 30px; } } #el_16421509956859{width:100%;} #el_29501509956884 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_29501509956884 .proBox { margin-bottom: 15px; } #el_29501509956884 .proBox:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } #el_29501509956884 .proBox:hover .proTitle { color: #0084e9; } #el_29501509956884 .proBox:hover .proImgBox { } #el_29501509956884 .proImgBox { margin-top: 10px; overflow: hidden; display: inline-block; } #el_29501509956884 .proTitle { color: #333; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 23px; font-weight: bold; } #el_29501509956884 .url { display: inline-block; color: #888888; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; } #el_29501509956884 .url:hover { transform: translateX(20px); -webkit-transform: translateX(20px); -ms-transform: translateX(20px); } #el_29501509956884 .fa { color: #0d80b9; } #el_29501509956884 .pageBox { text-align: center; } #el_29501509956884 .pagination>li>a,#el_29501509956884 .pagination>li>span { background: none; color: #666; } #el_29501509956884 .pagination>.disabled>span,#el_29501509956884 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_29501509956884 .pagination>.active>a,#el_29501509956884 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_29501509956884 .pagination>li:hover>a,#el_29501509956884 .pagination>li:hover>span { background-color: #ddd; } #el_29501509956884 .proDate { color: #888888; font-weight: bold; } #el_29501509956884 { margin-top: 20px; } #el_57261509955819{width:61.72000000000003%;} @media screen and (max-width: 991px){ #el_57261509955819{width:99.58%;}} #el_70391509955885 img { max-width: 100%; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; } #el_70391509955885 .package:last-child .newsBox { border-bottom: 0; } #el_70391509955885 .newsBox { padding: 25px ; border-bottom: 1px solid #d9d9d9; background-size: 100% 100%; background-repeat: no-repeat; } #el_70391509955885 .newsBox:hover { background-image: url(../upload/20171106042054277-476.jpg); } #el_70391509955885 .newsBox:hover .newsTitle,#el_70391509955885 .newsBox:hover .newsTime,#el_70391509955885 .newsBox:hover .url { color:#fff; } #el_70391509955885 .newsImgBox { overflow: hidden; width: 150px; margin-right: 20px; float: left; display: none; } #el_70391509955885 .newsTitle { color: #333; font-size: 18px; display: block; margin-bottom: 0.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; } #el_70391509955885 .newsTitle:hover { } #el_70391509955885 .newsTime { color: #888888; margin-bottom: 0.5em; font-weight: bold; } #el_70391509955885 .newsIntro { color: #999; height: 3em; line-height: 1.5em; overflow: hidden; display: none; } #el_70391509955885 .url { display:inline-block; color: #888888; transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; } #el_70391509955885 .url:hover { transform:translateX(20px); -webkit-transform:translateX(20px); -ms-transform:translateX(20px); } #el_70391509955885 .fa { color: #0d80b9; } #el_70391509955885 .pageBox { text-align: center; } #el_70391509955885 .pagination>li>a,#el_70391509955885 .pagination>li>span { background: none; color: #666; } #el_70391509955885 .pagination>.disabled>span,#el_70391509955885 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_70391509955885 .pagination>.active>a,#el_70391509955885 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_70391509955885 .pagination>li:hover>a,#el_70391509955885 .pagination>li:hover>span { background-color: #ddd; } #el_70391509955885 { } @media screen and (max-width: 767px){ #el_70391509955885 .newsBox { padding: 5px ; }} @media screen and (max-width: 575px){ #el_70391509955885 .newsImgBox { width: 100%; margin-right: 0px; float: none; margin-bottom: 10px; } #el_70391509955885 .newsTitle { font-size: 16px; } }