@font-face { font-family: "LaoUIb"; src: url("fonts/LaoUIb.eot"); src: url("fonts/LaoUIb.eot?#iefix") format("embedded-opentype"), url("fonts/LaoUIb.woff") format("woff"), url("fonts/LaoUIb.ttf") format("truetype"), url("fonts/LaoUIb.svg#LaoUIb") format("svg"); } @font-face { font-family: "verdana"; src: url("fonts/verdana.eot"); src: url("fonts/verdana.eot?#iefix") format("embedded-opentype"), url("fonts/verdana.woff") format("woff"), url("fonts/verdana.ttf") format("truetype"), url("fonts/verdana.svg#verdana") format("svg"); } @font-face { font-family: "Candara"; src: url("fonts/Candara.eot"); src: url("fonts/Candara.eot?#iefix") format("embedded-opentype"), url("fonts/Candara.woff") format("woff"), url("fonts/Candara.ttf") format("truetype"), url("fonts/Candara.svg#Candara") format("svg"); } html { font-size: 20px; } @media only screen and (min-width: 360px) { html { font-size: 20px !important; } } @media only screen and (min-width: 435px) { html { font-size: 30px !important; } } @media only screen and (min-width: 500px) { html { font-size: 36px !important; } } @media only screen and (min-width: 769px) { html { font-size: 40px !important; } } ul, li { float: none; } a { cursor: pointer; } #qLoverlay { background: url(../../img/loadings.gif) no-repeat center center; } .w1160 { width: 1160px; margin: 0 auto; } @media (max-width: 1200px) { .w1160 { width: 96%; } } .w1200 { width: 1200px; margin: 0 auto; } @media (max-width: 1300px) { .w1200 { width: 96%; } } .w1445 { width: 1445px; margin: 0 auto; } @media (max-width: 1500px) { .w1445 { width: 1200px; } } @media (max-width: 1300px) { .w1445 { width: 96%; } } .pull-left { float: left; } .pull-right { float: right; } .in-block, .ex-sub-nav .pc-sub-box .title .icon, .ex-sub-nav .pc-sub-box .title .text, .page-box .page a, .index-view .link-box .link, .main.welc .box1 .text-wrap .text-box .link, .main.welc .box1 .text-wrap .text-box .link span, .main.welc .box2 .wrap .title .more span, .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .type .icon, .main.welc .box2 .wrap .news-box .link-list .link .text, .main.qua .box1 .wrap .top-box .list .title .text, .main.qua .box1 .wrap .top-box .list .title .icon, .main.cause .box1 .top-wrap .tab-box .tab, .main.news .box1 .list-box .list .w1200 .link .text-box .more { display: inline-block; *display: inline; *zoom: 1; } .text-hide, .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .text-title, .main.welc .box2 .wrap .news-box .link-list .link .text, .main.cause .box1 .btm-wrap .wrap .list .text-box .title, .main.news .box1 .list-box .list .w1200 .link .text-box .title, .main.news-info .box1 .w1200 .wrap .title, .main.news-info .box1 .w1200 .wrap .news-page .left .link, .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .title, .main.cul_news .box1 .wrap .btm-box .list .cont .title { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user-select, .main.welc .box1 .wrap .fix-btn .btn { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .iconfont { -webkit-text-stroke-width: 0; } .table { display: table; width: 100%; height: 100%; } .table .table-cell { display: table-cell; vertical-align: middle; } .banner .w1200 { width: 1445px; margin: 0 auto; } @media (max-width: 1500px) { .banner .w1200 { width: 1200px; } } @media (max-width: 1300px) { .banner .w1200 { width: 96%; } } .banner .slides li { width: 100%; height: 475px; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; } .banner .slides li .title { font-size: 47px; font-weight: normal; } .banner .slides li .e-title { font-size: 69px; font-family: "LaoUIb"; text-transform: uppercase; } .banner .slides li .line { width: 75px; height: 5px; margin: 24px 0 32px; background-color: #8d8e8e; } .banner .slides li .text { padding-bottom: 8px; font-size: 16px; } .banner .slides li .e-text { font-family: "verdana"; font-size: 10px; line-height: 1.6; text-transform: uppercase; opacity: 0.65; filter: alpha(opacity=65); } @media (max-width: 1379px) { .banner .slides li .title { font-size: 36px; } .banner .slides li .e-title { font-size: 54px; } } @media (max-width: 1024px) { .banner .slides .table { height: 475px; } } @media (max-width: 768px) { .banner .slides .table { height: 11.875rem; } .banner .slides li { height: 11.875rem; } .banner .slides li .title { font-size: 0.7rem; } .banner .slides li .e-title { font-size: 0.8rem; } .banner .slides li .line { width: 1.875rem; height: 0.125rem; margin: 0.6rem 0 0.8rem; background-color: #fff; } .banner .slides li .text { display: none; font-size: 12px; } .banner .slides li .e-text { display: none; } } .inner-banner .w1200 { width: 1250px; margin: 0 auto; } @media (max-width: 1300px) { .inner-banner .w1200 { width: 96%; } } .inner-banner .slides li { width: 100%; height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; } .inner-banner .slides li .table { height: 236px; } .inner-banner .slides li .title { padding-bottom: 6px; font-size: 32px; font-weight: normal; } .inner-banner .slides li .e-title { font-size: 40px; line-height: 1; font-family: Arial; font-weight: bold; text-transform: uppercase; } @media (max-width: 1379px) { .inner-banner .slides li .title { font-size: 32px; } .inner-banner .slides li .e-title { font-size: 40px; } } @media (max-width: 768px) { .inner-banner .slides li { height: 7.5rem; } .inner-banner .slides li .table { height: 5.9rem; } .inner-banner .slides li .title { font-size: 0.85rem; } .inner-banner .slides li .e-title { font-size: 1.05rem; } } @media (max-width: 500px) { .inner-banner .slides li { height: 260px; } .inner-banner .slides li .table { height: 215px; } } .ex-sub-nav { position: relative; margin-top: -64px; width: 100%; background: url(../img/cae-bg.png); } .ex-sub-nav .m-sub-box { display: none; } .ex-sub-nav .m-sub-box .m-title-box { display: block; } .ex-sub-nav .m-sub-box .m-title-box .left { width: 54.66%; height: 64px; background-color: #058578; } .ex-sub-nav .m-sub-box .m-title-box .show-btn { width: 25px; height: 100%; margin: 0 10% 0 5%; background: url(../img/m-btn.png) no-repeat center center; background-size: contain; cursor: pointer; } .ex-sub-nav .m-sub-box .m-title-box .show-btn.ishow { background: url(../img/close2.png) no-repeat center center; background-size: contain; } .ex-sub-nav .m-sub-box .m-title-box .title { height: 100%; font-size: 20px; font-weight: normal; line-height: 64px; color: #fff; overflow: hidden; text-align: left; } .ex-sub-nav .m-sub-box .m-title-box .title .icon { position: relative; top: -2px; display: inline-block; vertical-align: middle; width: 35px; height: 100%; margin-right: 4%; background-size: contain; } .ex-sub-nav .m-sub-box .m-title-box .text { width: 45.34%; height: 64px; font-size: 20px; line-height: 64px; color: #fff; background: url(../img/cae-bg.png); text-align: center; } .ex-sub-nav .m-sub-box .link-box { position: absolute; left: -101%; width: 100%; padding-bottom: 25px; background-color: #000; z-index: 200; } .ex-sub-nav .m-sub-box .link-box li { float: none; width: 90.66%; margin: 0 auto; text-align: left; border-bottom: none; } .ex-sub-nav .m-sub-box .link-box li .show { display: block; width: 100%; height: auto; line-height: 1.2; padding: 24px 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.36); font-size: 16px; color: #fff; background: url(../img/h-arrow2.png) no-repeat right 32px; background-size: 24px; } .ex-sub-nav .m-sub-box .link-box li .show .icon, .ex-sub-nav .m-sub-box .link-box li .show .btn { display: none; } .ex-sub-nav .m-sub-box .link-box li .show span { padding-left: 20px; background: url(../img/h-point.png) no-repeat left center; } .ex-sub-nav .m-sub-box .link-box li .show.cur { background: url(../img/h-arrow.png) no-repeat right 30px; } .ex-sub-nav .m-sub-box .link-box li .hide { display: none; position: static; width: 100%; padding: 20px 0 0 0; background: none; } .ex-sub-nav .m-sub-box .link-box li .hide .link { display: block; padding: 10px 0 10px 20px; font-size: 14px; color: #fff; opacity: 0.3; filter: alpha(opacity=30); } .ex-sub-nav .pc-sub-box .title { padding: 0 86px; line-height: 0; background-color: #058578; } .ex-sub-nav .pc-sub-box .title .icon { vertical-align: middle; width: 35px; height: 64px; margin-right: 20px; background-position: center; background-repeat: no-repeat; } .ex-sub-nav .pc-sub-box .title .text { vertical-align: middle; font-size: 20px; font-weight: normal; color: #fff; } .ex-sub-nav .pc-sub-box .link-box { padding-right: 65px; } .ex-sub-nav .pc-sub-box .link-box .link { display: block; height: 64px; padding: 0 24px; margin-left: 1px; line-height: 64px; font-size: 16px; color: #fff; } @media (min-width: 1024px) { .ex-sub-nav .pc-sub-box .link-box .link.cur { background-color: #058578; } .ex-sub-nav .pc-sub-box .link-box .link:hover { background-color: #058578; } } @media (max-width: 1379px) { .ex-sub-nav { margin-top: -64px; } .ex-sub-nav .m-sub-box { display: block; } .ex-sub-nav .pc-sub-box { display: none; } } @media (max-width: 768px) { .ex-sub-nav { margin-top: -1.6rem; } .ex-sub-nav .m-sub-box .m-title-box .left { height: 1.6rem; } .ex-sub-nav .m-sub-box .m-title-box .show-btn { width: 0.75rem; } .ex-sub-nav .m-sub-box .m-title-box .title { font-size: 0.5rem; line-height: 1.6rem; } .ex-sub-nav .m-sub-box .m-title-box .title .icon { width: 0.875rem; } .ex-sub-nav .m-sub-box .m-title-box .text { height: 1.6rem; font-size: 0.5rem; line-height: 1.6rem; } .ex-sub-nav .m-sub-box .link-box li { width: 90.66%; } .ex-sub-nav .m-sub-box .link-box li.cur { background: none; } .ex-sub-nav .m-sub-box .link-box li .show { padding: 0.7rem 0 0.35rem; border-bottom: 1px solid rgba(255, 255, 255, 0.36); font-size: 0.5rem; background: url(../img/h-arrow2.png) no-repeat right 0.85rem; background-size: 0.75rem 0.425rem; } .ex-sub-nav .m-sub-box .link-box li .show span { padding-left: 0.5rem; background: url(../img/h-point.png) no-repeat left center; background-size: 0.25rem 0.25rem; } .ex-sub-nav .m-sub-box .link-box li .show.cur { background: url(../img/h-arrow.png) no-repeat right 0.85rem; background-size: 0.75rem 0.425rem; } .ex-sub-nav .m-sub-box .link-box li .hide { padding: 0.5rem 0 0 0; } .ex-sub-nav .m-sub-box .link-box li .hide .link { padding: 0.25rem 0 0.25rem 0.5rem; font-size: 0.45rem; } } @media (max-width: 500px) { .ex-sub-nav { margin-top: -45px; } .ex-sub-nav .m-sub-box .m-title-box .left { height: 45px; } .ex-sub-nav .m-sub-box .m-title-box .show-btn { width: 22px; } .ex-sub-nav .m-sub-box .m-title-box .title { font-size: 14px; line-height: 45px; } .ex-sub-nav .m-sub-box .m-title-box .title .icon { width: 25px; } .ex-sub-nav .m-sub-box .m-title-box .text { font-size: 14px; height: 45px; line-height: 45px; } .ex-sub-nav .m-sub-box .link-box li.cur { background: none; } .ex-sub-nav .m-sub-box .link-box li .show { font-size: 14px; } .ex-sub-nav .m-sub-box .link-box li .hide { width: 100%; padding: 0.5rem 0 0 0; background: none; } .ex-sub-nav .m-sub-box .link-box li .hide .link { padding: 0.375rem 0 0.375rem 0.5rem; } } .ex-inner-title { text-align: center; } .ex-inner-title .title { padding-bottom: 6px; font-size: 30px; font-weight: normal; color: #666; } .ex-inner-title .e-text { padding-bottom: 14px; font-size: 16px; color: #999; text-transform: uppercase; } .ex-inner-title .line { width: 85px; height: 2px; margin: 0 auto; background-color: #666; } @media (max-width: 1024px) { .ex-inner-title .title { padding-bottom: 6px; font-size: 24px; } .ex-inner-title .e-text { padding-bottom: 22px; font-size: 14px; } .ex-inner-title .line { width: 70px; height: 2px; } } @media (max-width: 768px) { .ex-inner-title .title { padding-bottom: 0.15rem; font-size: 16px; } .ex-inner-title .e-text { padding-bottom: 0.55rem; font-size: 12px; } .ex-inner-title .line { width: 1.75rem; height: 2px; } } .page-box { padding: 30px 0 75px; text-align: center; } .page-box .page { width: 100%; } .page-box .page a { width: 48px; height: 48px; margin-right: 6px; line-height: 48px; font-size: 14px; border-radius: 6px; color: #b4b4b4; font-family: Arial; text-align: center; background-color: #ececec; } .page-box .page a.active { background-color: #058578; color: #fff; } @media (min-width: 1024px) { .page-box .page a:hover { background-color: #058578; color: #fff; } } @media (max-width: 768px) { .page-box { padding: 0.75rem 0 1.875rem; } .page-box .page a { width: 32px; height: 32px; margin-right: 6px; line-height: 32px; font-size: 14px; } } #lightbox-image { width: 100%; } button, input { outline: none; border: none; background: none; } .header .close-btn { display: none; position: fixed; z-index: 10000001; top: 15px; right: 4.67%; width: 30px; height: 30px; background: url(../img/close2.png) no-repeat center center; background-size: contain; cursor: pointer; } @media (max-width: 768px) { .header .close-btn { width: 24px; height: 24px; } } .header { position: relative; z-index: 1000; } .header .logo { display: block; width: 17.18%; height: 80px; line-height: 80px; text-align: center; } .header .logo img { max-width: 90%; } .header .h-nav-btn { display: block; width: 6.2%; height: 80px; font-size: 20px; line-height: 80px; text-align: center; color: #fff; background-color: #058578; cursor: pointer; } @media (min-width: 1025px) { .header .h-nav-btn:hover { background-color: #046c62; } } .header .h-nav-btn.ishow { background-image: url(../img/close3.png); background-position: center center; background-repeat: no-repeat; } .header .h-nav-btn.ishow span { display: none; } .header .m-h-nav { position: absolute; top: 80px; right: -101%; float: none; width: 100%; padding-bottom: 60px; margin-left: 0; background: url(../img/h-nav-m.png); } .header .m-h-nav li { float: none; width: 90.66%; margin: 0 auto; text-align: left; } .header .m-h-nav li.cur { background: none; } .header .m-h-nav li a { display: block; } .header .m-h-nav li .show { width: 100%; height: auto; line-height: 1.2; padding: 24px 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.36); font-size: 17px; color: #fff; background: url(../img/h-arrow2.png) no-repeat right 32px; background-size: 24px; } .header .m-h-nav li .show span { padding-left: 20px; background: url(../img/h-point.png) no-repeat left center; } .header .m-h-nav li .show.cur { background: url(../img/h-arrow.png) no-repeat right 32px; background-size: 24px; } .header .m-h-nav li .hide { display: none; position: static; width: 100%; padding: 14px 0 0 0; background: none; } .header .m-h-nav li .hide .link { padding: 4px 0 8px 20px; font-size: 14px; color: #fff; opacity: 0.6; filter: alpha(opacity=60); } .header .m-h-nav li .hide .link:hover { opacity: 1; filter: alpha(opacity=100); } .header .m-h-nav.isfixed { position: fixed; top: 0; bottom: 0; z-index: 1000000; } .header .m-h-nav.isfixed li:first-child { padding-top: 59px; } .header .h-nav { position: static; width: 58.74%; margin-left: 2.38%; } .header .h-nav li { position: relative; width: 9.51%; text-align: center; } .header .h-nav li .show { position: relative; z-index: 1003; display: block; height: 80px; line-height: 80px; font-size: 14px; color: #666; } .header .h-nav li .hide { display: none; position: absolute; z-index: 1002; left: 0; top: 79px; width: 100%; padding: 10% 0; background: url(../img/h-hide-bg.png); } .header .h-nav li .hide .link { display: block; font-size: 14px; padding: 8% 12%; color: #d6e2e1; opacity: 0.6; filter: alpha(opacity=60); } @media (min-width: 1380px) { .header .h-nav li .hide .link:hover { color: #fff; opacity: 1; filter: alpha(opacity=100); background: url(../img/h-bg.png); } } @media (min-width: 1199px) { .header .h-nav li.cur .show { background-color: #058578; color: #fff; } .header .h-nav li:hover .show { background-color: #058578; color: #fff; } } .header .lang, .header .search-btn { width: 7.3%; } .header .lang { height: 80px; line-height: 80px; text-align: center; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; font-size: 14px; color: #666; overflow: hidden; } .header .lang a { display: block; width: 100%; color: #666; } .header .lang .iconfont { position: relative; top: 2px; font-size: 20px; } @media (min-width: 1024px) { .header .lang:hover a { color: #058578; } } .header .search-btn { height: 80px; line-height: 80px; text-align: center; font-size: 20px; color: #666; cursor: pointer; } @media (min-width: 1024px) { .header .search-btn:hover { color: #058578; } } .header .search-box { position: absolute; z-index: 1003; top: 0; right: -310px; width: 302px; background: #058578; text-align: center; } .header .search-box .input-box { width: 100%; padding: 23.5px 0; font-size: 18px; } .header .search-box .input-box .close { position: relative; top: 4px; height: 32px; padding: 0 5px; margin: 0 10px; color: #fff; font-size: 22px; } .header .search-box .input-box .text { width: 190px; padding: 5px 0; border-bottom: 1px solid #fff; height: 22px; line-height: 22px; color: #fff; } .header .search-box .input-box .btn { position: relative; top: 4px; height: 32px; padding: 0 5px; margin: 0 10px 0 5px; color: #fff; font-size: 22px; } @media (max-width: 1500px) { .header .logo { height: 60px; line-height: 60px; } .header .h-nav-btn { height: 60px; line-height: 60px; font-size: 18px; } .header .h-nav { width: 59.4%; } .header .h-nav li { width: 10%; } .header .h-nav li .show { height: 60px; line-height: 60px; } .header .h-nav li .hide { top: 59px; } .header .h-nav li .hide .link { font-size: 14px; } .header .m-h-nav { top: 60px; } .header .lang { height: 60px; line-height: 60px; } .header .search-btn { height: 60px; line-height: 60px; } .header .search-box .input-box { padding: 10px 0 16px; } } @media (max-width: 1379px) { .header .logo { width: 234px; } .header .logo img { max-width: 70%; } .header .h-nav-btn { width: 74px; font-size: 16px; letter-spacing: 3px; } .header .h-nav { width: 698px; margin-left: 0.7%; } .header .h-nav li { width: 10%; } .header .h-nav li .show { height: 60px; line-height: 60px; } .header .h-nav li .hide { top: 59px; } .header .h-nav li .hide .link { font-size: 12px; padding: 8% 6%; } .header .lang { width: 74px; height: 60px; line-height: 60px; } .header .search-btn { width: 74px; height: 60px; line-height: 60px; } .header .search-box .input-box { padding: 11px 0 16px; } } @media (max-width: 1200px) { .header .logo { width: 234px; } .header .logo img { max-width: 70%; } .header .h-nav { display: none; } .header .lang { width: 106px; } .header .search-btn { width: 106px; } } @media (max-width: 768px) { .header .logo { width: 5.85rem; height: 1.5rem; line-height: 1.5rem; } .header .logo img { max-width: 70%; } .header .m-h-nav { top: 1.5rem; width: 100%; padding-bottom: 1.5rem; background: url(../img/h-nav-m.png); } .header .m-h-nav li { width: 90.66%; } .header .m-h-nav li.cur { background: none; } .header .m-h-nav li .show { padding: 0.7rem 0 0.35rem; border-bottom: 1px solid rgba(255, 255, 255, 0.36); font-size: 0.5rem; background: url(../img/h-arrow2.png) no-repeat right 0.85rem; background-size: 0.75rem 0.425rem; } .header .m-h-nav li .show span { padding-left: 0.5rem; background: url(../img/h-point.png) no-repeat left center; background-size: 0.25rem 0.25rem; } .header .m-h-nav li .show.cur { background: url(../img/h-arrow.png) no-repeat right 0.85rem; background-size: 0.75rem 0.425rem; } .header .m-h-nav li .hide { padding: 0.5rem 0 0 0; } .header .m-h-nav li .hide .link { padding: 0.25rem 0 0.25rem 0.5rem; font-size: 0.45rem; } .header .m-h-nav.isfixed li:first-child { padding-top: 40px; } .header .lang { float: left; width: 2.65rem; height: 1.5rem; margin-left: 10px; line-height: 1.5rem; border: none; } .header .search-btn { display: none; width: 106px; } .header .h-nav-btn { height: 1.5rem; cursor: pointer; } } @media (max-width: 435px) { .header .logo { width: 8.35rem; height: 2.5rem; line-height: 2.5rem; } .header .logo img { max-width: 70%; } .header .m-h-nav { top: 2.475rem; } .header .m-h-nav li { width: 90.66%; } .header .m-h-nav li .show { font-size: 14px; } .header .m-h-nav li .hide { width: 100%; padding: 0.5rem 0 0 0; background: none; } .header .m-h-nav li .hide .link { padding: 0.375rem 0 0.375rem 0.5rem; font-size: 12px; color: #fff; } .header .lang { width: 58px; height: 2.5rem; line-height: 2.5rem; } .header .h-nav-btn { width: 58px; font-size: 14px; height: 2.5rem; line-height: 2.5rem; } } .header .right-bar { display: none; position: fixed; z-index: 100000; right: 18px; bottom: 55px; } .header .right-bar .f-nav-btn { width: 50px; height: 50px; margin-bottom: 4px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/m-btn.png); background-color: #4c4e4f; border-radius: 4px; cursor: pointer; background-size: 18px; } @media (min-width: 1380px) { .header .right-bar .f-nav-btn { display: none; } } @media (min-width: 1024px) { .header .right-bar .f-nav-btn:hover { background-color: #058578; } } .header .right-bar .back-top { width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/backtop.png); background-color: #4c4e4f; border-radius: 4px; cursor: pointer; } @media (min-width: 1024px) { .header .right-bar .back-top:hover { background-color: #058578; } } @media (max-width: 1379px) { .header .right-bar { right: 20px; bottom: 50px; } } @media (max-width: 768px) { .header .right-bar { right: 20px; bottom: 20px; } .header .right-bar .f-nav-btn { width: 38px; height: 38px; margin-bottom: 4px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/m-btn.png); background-color: #4c4e4f; border-radius: 4px; cursor: pointer; background-size: 15px; } .header .right-bar .back-top { width: 38px; height: 38px; } } .footer { padding: 10px 0; background-color: #3d3f40; } .footer .wrap { width: 94.79%; margin: 0 auto; } .footer .left { padding-left: 84px; margin-top: 25px; background: url(../img/f-logo.png) no-repeat 0px center; } .footer .left .text-box { padding-left: 22px; border-left: 1px solid #4e5051; color: #bdbdbe; } .footer .left .text-box .title { padding-bottom: 12px; font-size: 20px; line-height: 1; font-weight: normal; color: #fff; } .footer .left .text-box .text { font-size: 12px; line-height: 1.6; color: #bdbdbe; } .footer .left .text-box a { color: #bdbdbe; } @media (min-width: 1024px) { .footer .left .text-box a:hover { color: #058578; } } .footer .right .qr-box { width: 96px; height: 118px; } .footer .right .qr-box img { display: block; width: 100%; } .footer .right .qr-box p { padding-top: 8px; width: 100%; text-align: center; font-size: 14px; color: #bdbdbe; } .footer .right .bdsharebuttonbox { height: 40px; margin: 56px 15px 0 0; line-height: 40px; } .footer .right .bdsharebuttonbox .title { display: block; font-family: Arial; font-size: 12px; color: #818587; } .footer .right .bdsharebuttonbox .link { display: block; margin: 0 0 0 10px; padding: 0; width: 40px; height: 40px; background-color: #fff; background-position: center center; background-repeat: no-repeat; border-radius: 50%; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); } .footer .right .bdsharebuttonbox .link.bds_qzone { background-image: url(../img/qq.png); } .footer .right .bdsharebuttonbox .link.bds_weixin { background-image: url(../img/wechat.png); } .footer .right .bdsharebuttonbox .link.bds_tsina { background-image: url(../img/weibo.png); } .footer .right .bdsharebuttonbox .link:hover { background-color: #058578; } .footer .right .bdsharebuttonbox .link:hover.bds_qzone { background-image: url(../img/qq2.png); } .footer .right .bdsharebuttonbox .link:hover.bds_weixin { background-image: url(../img/wechat2.png); } .footer .right .bdsharebuttonbox .link:hover.bds_tsina { background-image: url(../img/weibo2.png); } @media (max-width: 1360px) { .footer .left .text-box .copy { display: block; } .footer .right { padding-top: 5px; } } @media (max-width: 1024px) { .footer .left { padding-left: 78px; margin-top: 10px; } .footer .left .text-box { padding-left: 16px; } .footer .left .text-box .title { padding-bottom: 6px; font-size: 16px; } .footer .left .text-box .text { font-size: 12px; line-height: 1.8; } .footer .left .text-box .text .copy { display: block; } .footer .right { display: none; } } @media (max-width: 540px) { .footer .left { width: 90%; padding-left: 0; margin-top: 10px; background: none; } .footer .left .text-box { padding-left: 0; border: none; } .footer .left .text-box .title { font-size: 14px; } .footer .left .text-box .text .tel { display: block; } .footer .left .text-box .text .mail { display: block; } .footer .left .text-box .text .copy .link-box { display: block; } .footer .right { display: none; } } .index-view { position: fixed; top: 0; left: 0; z-index: 70000; width: 100%; height: 100%; background: url(../img/index-view.png); text-align: center; font-family: "LiSu", "\96B6\4E66"; } .index-view .wrap { width: 100%; padding-top: 0; display: table; height: 100%; } .index-view .wrap .table-cell { display: table-cell; vertical-align: middle; } .index-view .title { padding-bottom: 12px; font-size: 60px; font-weight: normal; color: #fff; } .index-view .line { margin-bottom: 10px; height: 18px; background: url(../img/index-line.png) no-repeat center center; } .index-view .text { margin-bottom: 86px; font-size: 28px; color: #fff; } .index-view .link-box .link { width: 152px; height: 152px; margin: 0 32px; border-radius: 50%; color: #fff; background-color: #008a7c; } .index-view .link-box .link .table { width: 90%; height: 90%; margin: 5% 0 0 5%; border-radius: 50%; border: 1px dashed rgba(255, 255, 255, 0.5); } .index-view .link-box .link .table .icon { display: block; width: 52px; height: 46px; margin: 0 auto 6px; } .index-view .link-box .link .table .icon.icon1 { background: url(../img/index-icon.png) no-repeat center center; } .index-view .link-box .link .table .icon.icon2 { background: url(../img/index-icon2.png) no-repeat center center; } .index-view .link-box .link .table .t { display: block; width: 65%; margin: 0 auto; font-size: 18px; text-align: center; } @media (max-width: 900px) { .index-view .title { padding-bottom: 12px; font-size: 28px; } .index-view .line { margin-bottom: 10px; height: 12px; background-size: contain; } .index-view .text { margin-bottom: 46px; font-size: 18px; } .index-view .link-box .link { width: 110px; height: 110px; margin: 0px 18px; } .index-view .link-box .link .table .icon { height: 26px; margin: 0 auto 6px; } .index-view .link-box .link .table .icon.icon1 { background-size: contain; } .index-view .link-box .link .table .icon.icon2 { background-size: contain; } .index-view .link-box .link .table .t { width: 65%; font-size: 14px; } } @media (max-width: 450px) { .index-view .title { padding-bottom: 12px; font-size: 18px; } .index-view .line { margin-bottom: 10px; height: 12px; } .index-view .text { margin-bottom: 30px; font-size: 14px; } .index-view .link-box .link { width: 90px; height: 90px; margin: 0px 18px; } .index-view .link-box .link .table .icon { height: 26px; margin: 0 auto 6px; } .index-view .link-box .link .table .t { font-size: 12px; } } .welc-pop-box { display: none; position: fixed; top: 50%; left: 50%; width: 400px; height: 266px; z-index: 60000; } @media (max-width: 768px) { .welc-pop-box { display: none !important; } } .welc-pop-box img { display: block; max-width: 100%; margin: 0 auto; } .welc-pop-box .close { position: absolute; right: 0; bottom: 0; width: 54px; height: 24px; cursor: pointer; background: url(../img/welc-popclose.png) no-repeat center center; } .main { overflow: hidden; } .main.welc .sub-nav-box { overflow: hidden; } .main.welc .sub-nav { width: 100%; background: url(../img/welc-sub-bg.jpg); } .main.welc .sub-nav #mCSB_1_container { width: 100% !important; min-width: 640px !important; } .main.welc .sub-nav .wrap { width: 100%; min-width: 640px; margin: 0 auto; } .main.welc .sub-nav .wrap .table { width: 100%; } .main.welc .sub-nav .wrap .link { position: relative; width: 20%; height: 84px; text-align: center; color: #fff; } .main.welc .sub-nav .wrap .link .iconfont { display: block; font-size: 36px; } .main.welc .sub-nav .wrap .link .text { display: block; padding-top: 5px; font-size: 14px; opacity: 0.5; filter: alpha(opacity=50); } .main.welc .sub-nav .wrap .link::after { content: " "; position: absolute; right: 0; top: 12%; width: 1px; height: 76%; background-color: #fff; opacity: 0.2; filter: alpha(opacity=20); } .main.welc .sub-nav .wrap .link::before { content: " "; position: absolute; bottom: 0%; left: 1%; width: 0%; height: 4px; background: #058578; transition: width 0.5s; } .main.welc .sub-nav .wrap .link.cur .text { opacity: 1; filter: alpha(opacity=100); } .main.welc .sub-nav .wrap .link.cur::before { width: 98%; } @media (min-width: 1024px) { .main.welc .sub-nav .wrap .link:hover .text { opacity: 1; filter: alpha(opacity=100); } .main.welc .sub-nav .wrap .link:hover::before { width: 98%; } } @media (max-width: 1024px) { .main.welc .sub-nav .wrap .link { height: 76px; } .main.welc .sub-nav .wrap .link .iconfont { font-size: 28px; } } @media (max-width: 768px) { .main.welc .sub-nav .wrap .link { height: 1.9rem; min-height: 58px; } .main.welc .sub-nav .wrap .link .iconfont { font-size: 0.7rem; } .main.welc .sub-nav .wrap .link .text { font-size: 12px; } } @media (max-width: 435px) { .main.welc .sub-nav .wrap .link { height: 2.5rem; } .main.welc .sub-nav .wrap .link .iconfont { font-size: 20px; } .main.welc .sub-nav .wrap .link .text { font-size: 11px; } .main.welc .sub-nav .wrap .link:last-child::after { display: none; } } .main.welc .box1 { position: relative; overflow: hidden; background-color: #f7f7f7; } .main.welc .box1 .wrap { position: relative; } .main.welc .box1 .wrap .fix-btn .btn { position: absolute; z-index: 10; top: 50%; width: 48px; height: 90px; margin-top: -45px; background-color: rgba(0, 0, 0, 0.3); background-position: center center; background-repeat: no-repeat; cursor: pointer; } .main.welc .box1 .wrap .fix-btn .btn.fix-left { left: 0; background-image: url(../img/welc-box1-l.png); } .main.welc .box1 .wrap .fix-btn .btn.fix-right { right: 0; background-image: url(../img/welc-box1-r.png); } @media (max-width: 1024px) { .main.welc .box1 .wrap .fix-btn .btn { width: 32px; height: 60px; margin-top: -30px; } } @media (max-width: 640px) { .main.welc .box1 .wrap .fix-btn .btn { width: 22px; height: 40px; margin-top: -20px; background-size: 12px; } } .main.welc .box1 .wrap .left { position: relative; z-index: 9; width: 20%; overflow: hidden; } .main.welc .box1 .wrap .left .img-box img { display: block; width: 100%; } @media (max-width: 500px) { .main.welc .box1 .wrap .left { display: none; } } .main.welc .box1 .wrap .right { width: 80%; } .main.welc .box1 .wrap .right .fixscroll { overflow: hidden; } .main.welc .box1 .wrap .right .fixscroll .slides .items .img-box { position: relative; } .main.welc .box1 .wrap .right .fixscroll .slides .items .img-box img { display: block; width: 100%; } .main.welc .box1 .wrap .right .fixscroll .slides .items .img-box .text { position: absolute; bottom: -50px; left: 0.1%; width: 99.8%; padding: 10px 0 8px; font-size: 18px; background-color: #058578; color: #fff; text-align: center; transition: bottom 0.5s; } .main.welc .box1 .wrap .right .fixscroll .slides .items .img-box .text span { display: block; width: 94%; margin: 0 auto; } @media (min-width: 1025px) { .main.welc .box1 .wrap .right .fixscroll .slides .items:hover .img-box .text { bottom: 0; } } @media (max-width: 1024px) { .main.welc .box1 .wrap .right .fixscroll .slides .items .img-box .text { bottom: 0; padding: 6px 0 5px; font-size: 14px; } } .main.welc .box1 .text-wrap .text-box { width: 79%; margin: 0 auto; padding: 35px 0 20px; text-align: center; display: none; } .main.welc .box1 .text-wrap .text-box:first-child { display: block; } .main.welc .box1 .text-wrap .text-box .title-box { padding-right: 3%; display: table-cell; text-align: left; min-width: 290px; } .main.welc .box1 .text-wrap .text-box .text-cont { display: table-cell; vertical-align: top; } .main.welc .box1 .text-wrap .text-box .link-box { text-align: right; } .main.welc .box1 .text-wrap .text-box .link-box .link { text-align: center; } .main.welc .box1 .text-wrap .text-box .title { padding-bottom: 10px; font-size: 26px; color: #333; } .main.welc .box1 .text-wrap .text-box .e-title { padding-bottom: 12px; font-size: 24px; font-family: Arial; text-transform: uppercase; color: #e1e1e1; } .main.welc .box1 .text-wrap .text-box .text { padding-bottom: 10px; font-size: 14px; line-height: 1.6; color: #7f7f7f; text-align: left; } .main.welc .box1 .text-wrap .text-box .link { width: 155px; height: 52px; font-size: 16px; line-height: 46px; margin: 0 auto; border-radius: 52px; border: 1px solid #e8e8e8; background-color: #fff; color: #999; } .main.welc .box1 .text-wrap .text-box .link span { vertical-align: middle; } .main.welc .box1 .text-wrap .text-box .link span.icon { width: 8px; height: 12px; margin-left: 10px; background-image: url(../img/gre-arrow.png); background-repeat: no-repeat; } @media (min-width: 1025px) { .main.welc .box1 .text-wrap .text-box .link:hover { border-color: #058578; background-color: #058578; color: #fff; } .main.welc .box1 .text-wrap .text-box .link:hover span.icon { background-image: url(../img/fff-arrow.png); } } @media (max-width: 1400px) { .main.welc .box1 .text-wrap .text-box .title-box { padding-right: 0; display: block; text-align: center; min-width: auto; } .main.welc .box1 .text-wrap .text-box .text-cont { display: block; } .main.welc .box1 .text-wrap .text-box .link-box { text-align: center; } .main.welc .box1 .text-wrap .text-box .link-box .link { text-align: center; } } @media (max-width: 1024px) { .main.welc .box1 .text-wrap .text-box { width: 94%; padding: 1.25rem 0 1rem; } .main.welc .box1 .text-wrap .text-box .title { padding-bottom: 10px; font-size: 18px; } .main.welc .box1 .text-wrap .text-box .e-title { padding-bottom: 12px; font-size: 16px; } .main.welc .box1 .text-wrap .text-box .text { padding-bottom: 22px; font-size: 14px; line-height: 1.6; } .main.welc .box1 .text-wrap .text-box .link { width: 100px; height: 33px; font-size: 12px; line-height: 30px; } .main.welc .box1 .text-wrap .text-box .link span.icon { height: 10px; margin-left: 8px; background-size: contain; } } @media (max-width: 435px) { .main.welc .box1 .text-wrap .text-box .title { font-size: 16px; } .main.welc .box1 .text-wrap .text-box .e-title { padding-bottom: 12px; font-size: 14px; } .main.welc .box1 .text-wrap .text-box .text { padding-bottom: 22px; font-size: 12px; } } .main.welc .box2 { padding: 48px 0 65px; } .main.welc .box2 .wrap { position: relative; width: 94.79%; margin: 0 auto; } .main.welc .box2 .wrap .title { position: relative; margin: 0 0 22px 0; padding-left: 20px; font-size: 26px; line-height: 36px; color: #333; } .main.welc .box2 .wrap .title .icon { position: absolute; left: 0; top: 12%; width: 6px; height: 80%; background-color: #058578; } .main.welc .box2 .wrap .title .e-text { font-weight: normal; color: #9e9e9e; text-transform: uppercase; } .main.welc .box2 .wrap .title .more { width: 90px; height: 32px; font-size: 14px; line-height: 30px; border-radius: 52px; font-weight: normal; border: 1px solid #e8e8e8; background-color: #fff; color: #9e9e9e; text-align: center; } .main.welc .box2 .wrap .title .more span { vertical-align: middle; } .main.welc .box2 .wrap .title .more span.m-icon { width: 8px; height: 10px; margin-left: 8px; background-size: contain; background-image: url(../img/gre-arrow.png); background-repeat: no-repeat; } @media (min-width: 1025px) { .main.welc .box2 .wrap .title .more:hover { border-color: #058578; background-color: #058578; color: #fff; } .main.welc .box2 .wrap .title .more:hover span.m-icon { background-image: url(../img/fff-arrow.png); } } @media (max-width: 1600px) { .main.welc .box2 .wrap .title { margin: 0 0 22px 0; padding-left: 14px; font-size: 20px; line-height: 26px; } .main.welc .box2 .wrap .title .icon { position: absolute; left: 0; top: 18%; width: 4px; height: 80%; } } @media (max-width: 1230px) { .main.welc .box2 .wrap .title { margin: 0 0 22px 0; padding-left: 14px; font-size: 26px; line-height: 36px; } .main.welc .box2 .wrap .title .icon { top: 12%; width: 6px; } .main.welc .box2 .wrap .title .more { width: 90px; height: 32px; font-size: 14px; line-height: 30px; } .main.welc .box2 .wrap .title .more span.m-icon { width: 8px; height: 10px; margin-left: 8px; } } @media (max-width: 830px) { .main.welc .box2 .wrap .title { margin: 0px 0 12px 0; padding-left: 12px; line-height: 22px; font-size: 16px; } .main.welc .box2 .wrap .title .icon { top: 11%; width: 4px; } .main.welc .box2 .wrap .title .more { width: 60px; height: 22px; font-size: 12px; line-height: 18px; } .main.welc .box2 .wrap .title .more span.m-icon { width: 8px; height: 8px; margin-left: 5px; } } .main.welc .box2 .wrap .link-box { position: relative; display: block; width: 100%; height: 140px; margin-bottom: 22px; overflow: hidden; } .main.welc .box2 .wrap .link-box .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; transition: transform 0.5s; } .main.welc .box2 .wrap .link-box .table { position: relative; z-index: 10; } .main.welc .box2 .wrap .link-box .table .text { margin-left: 35px; color: #fff; } .main.welc .box2 .wrap .link-box .table .text h4 { padding-bottom: 2px; font-family: "DFKai-SB", "BiauKai", "\6807\6977\4F53"; font-size: 30px; font-weight: normal; } .main.welc .box2 .wrap .link-box .table .text p { font-family: Arial; font-size: 18px; color: #fff; text-transform: uppercase; opacity: 0.4; filter: alpha(opacity=40); } .main.welc .box2 .wrap .link-box .table .btn { width: 29px; height: 29px; margin-top: 30px; margin-right: 32px; background: url(../img/cul-right.png) no-repeat center center; background-size: contain; } .main.welc .box2 .wrap .link-box:last-child { margin-bottom: 0; } @media (min-width: 1025px) { .main.welc .box2 .wrap .link-box:hover .img { transform: scale(1.1); } } .main.welc .box2 .wrap .news-box { width: 52.74%; margin-left: 23.6%; } .main.welc .box2 .wrap .news-box .flexslider { width: 100%; background-color: #f9f9f9; } .main.welc .box2 .wrap .news-box .flexslider .flex-control-nav { width: auto; bottom: 6.2%; right: 1.9%; z-index: 10; } .main.welc .box2 .wrap .news-box .flexslider .flex-control-nav li { margin: 0 1px; } .main.welc .box2 .wrap .news-box .flexslider .flex-control-nav li a { display: block; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center; font-size: 14px; color: #fff; background-color: #ccc; } .main.welc .box2 .wrap .news-box .flexslider .flex-control-nav li a.flex-active { background-color: #058578; } @media (min-width: 1025px) { .main.welc .box2 .wrap .news-box .flexslider .flex-control-nav li a:hover { color: #058578; } .main.welc .box2 .wrap .news-box .flexslider .flex-control-nav li a:hover.flex-active { color: #fff; } } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link { display: block; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .img-box { width: 47.4%; padding-left: 1px; box-sizing: border-box; overflow: hidden; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .img-box .img { width: 100%; height: 320px; background-position: center center; background-size: cover; transition: transform 0.5s; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box { width: 52.6%; padding: 3.8% 2.2% 0 3.2%; box-sizing: border-box; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .text-title { padding-bottom: 4px; margin-bottom: 18px; font-size: 18px; font-weight: normal; color: #999; border-bottom: 1px solid #e9e9e9; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .type { margin-bottom: 18px; font-size: 12px; height: 20px; line-height: 20px; color: #999; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .type .icon { position: relative; top: -2px; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; line-height: 0; background-position: center center; background-repeat: no-repeat; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .type .icon.time { background-image: url(../img/date-icon.png); } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .type .icon.eye { background-image: url(../img/eye-icon.png); } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .text { padding-bottom: 30px; font-size: 14px; line-height: 1.5; color: #666; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .btn { width: 80px; height: 30px; border-radius: 3px; line-height: 30px; font-size: 14px; text-align: center; background-color: #058578; color: #fff; } @media (min-width: 1025px) { .main.welc .box2 .wrap .news-box .flexslider .slides .items .link:hover .img-box .img { transform: scale(1.1); } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link:hover .text-box .text-title { color: #058578; } } .main.welc .box2 .wrap .news-box .link-list { padding-top: 20px; } .main.welc .box2 .wrap .news-box .link-list .link { display: block; padding: 6px 0 4px 12px; font-size: 14px; color: #999; background: url(../img/point.jpg) no-repeat left center; background-size: 5px 5px; border-bottom: 1px dashed #d5d5d5; } .main.welc .box2 .wrap .news-box .link-list .link .time { font-size: 12px; } .main.welc .box2 .wrap .news-box .link-list .link .text { width: 70%; } @media (min-width: 1024px) { .main.welc .box2 .wrap .news-box .link-list .link:hover .text { color: #058578; } } .main.welc .box2 .wrap .video-box { position: absolute; top: 0; left: 0; width: 20.22%; } .main.welc .box2 .wrap .video-box .video { position: relative; display: block; width: 100%; height: 302px; margin-bottom: 22px; overflow: hidden; } .main.welc .box2 .wrap .video-box .video .img { height: 100%; transition: transform 0.5s; background-size: cover; background-repeat: no-repeat; background-position: center center; } .main.welc .box2 .wrap .video-box .video .btn { position: absolute; top: 50%; left: 50%; width: 93px; height: 93px; margin: -46px 0 0 -46px; background: url(../img/video-btn.png) no-repeat center center; background-size: contain; } @media (min-width: 1025px) { .main.welc .box2 .wrap .video-box .video:hover .img { transform: scale(1.1); } } .main.welc .box2 .wrap .nav-box { width: 20.22%; } @media (max-width: 1600px) { .main.welc .box2 .wrap .link-box .table .text { margin-left: 14px; } .main.welc .box2 .wrap .link-box .table .text h4 { font-size: 20px; } .main.welc .box2 .wrap .link-box .table .text p { font-size: 14px; } .main.welc .box2 .wrap .link-box .table .btn { width: 22px; margin-top: 8px; margin-right: 10px; } } @media (max-width: 1230px) { .main.welc .box2 .wrap { width: 94%; } .main.welc .box2 .wrap .link-box { height: 196px; margin-bottom: 22px; } .main.welc .box2 .wrap .link-box .table .text { margin-left: 35px; } .main.welc .box2 .wrap .link-box .table .text h4 { font-size: 30px; } .main.welc .box2 .wrap .link-box .table .text p { font-size: 18px; } .main.welc .box2 .wrap .link-box .table .btn { width: 29px; height: 29px; margin-top: 30px; margin-right: 32px; } .main.welc .box2 .wrap .news-box { width: 100%; margin-left: 0; margin-bottom: 40px; } .main.welc .box2 .wrap .video-box { position: static; width: 48%; } .main.welc .box2 .wrap .video-box .video { height: 414px; margin-bottom: 22px; } .main.welc .box2 .wrap .nav-box { width: 48%; } } @media (max-width: 830px) { .main.welc .box2 { padding: 1.2rem 0 1.625rem; } .main.welc .box2 .wrap { width: 94%; } .main.welc .box2 .wrap .link-box { height: 3.5rem; margin-bottom: 0.55rem; } .main.welc .box2 .wrap .link-box .table .text { margin-left: 14px; } .main.welc .box2 .wrap .link-box .table .text h4 { font-size: 20px; } .main.welc .box2 .wrap .link-box .table .text p { font-size: 14px; } .main.welc .box2 .wrap .link-box .table .btn { width: 22px; margin-top: 8px; margin-right: 10px; } .main.welc .box2 .wrap .news-box { margin-bottom: 1rem; } .main.welc .box2 .wrap .news-box .flexslider .flex-control-nav li a { width: 18px; height: 18px; line-height: 18px; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .img-box .img { height: 8rem; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .text-title { padding-bottom: 6px; margin-bottom: 10px; font-size: 14px; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .type { margin-bottom: 8px; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .text { padding-bottom: 22px; font-size: 12px; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box .btn { width: 72px; height: 26px; line-height: 26px; font-size: 12px; } .main.welc .box2 .wrap .news-box .link-list { padding-top: 16px; } .main.welc .box2 .wrap .video-box .video { height: 7.55rem; margin-bottom: 0.55rem; } .main.welc .box2 .wrap .video-box .video .btn { width: 65.1px; height: 65.1px; margin: -32.2px 0 0 -32.2px; } } @media (max-width: 500px) { .main.welc .box2 .wrap .link-box { height: 3.75rem; min-height: 126px; margin-bottom: 0.55rem; } .main.welc .box2 .wrap .news-box .flexslider .flex-control-nav { width: 100%; right: 0; bottom: 8px; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .img-box { width: 100%; } .main.welc .box2 .wrap .news-box .flexslider .slides .items .link .text-box { width: 100%; padding: 3.8% 2.2% 32px 3.2%; } .main.welc .box2 .wrap .video-box { width: 100%; margin-bottom: 1rem; } .main.welc .box2 .wrap .video-box .video { height: 7.55rem; min-height: 264px; margin-bottom: 0.55rem; } .main.welc .box2 .wrap .nav-box { width: 100%; } } .main.about .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/about-sub-icon.png); } .main.about .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/about-sub-icon.png) no-repeat center center; background-size: contain; } .main.about .box1 { padding-top: 40px; } .main.about .box1 .cont { padding: 50px 0 110px; min-height: 500px; } .main.about .box1 .cont .img-box { padding: 0 82px 20px 0; background-color: #fff; } .main.about .box1 .cont .img-box img { display: block; width: 390px; height: 486px; box-shadow: 26px 20px 0px #058578; } .main.about .box1 .cont .text-box { line-height: 1.8; } .main.about .box1 .cont .text-box .title { padding-bottom: 28px; margin-bottom: 30px; border-bottom: 2px solid #058578; font-size: 18px; font-weight: normal; color: #454545; } .main.about .box1 .cont .text-box .text { font-size: 16px; color: #454545; } .main.about .box1 .cont .text-box .text p { padding-bottom: 26px; } .main.about .box1 .cont.sur-cont .img-box { width: 35.58%; padding: 0; } .main.about .box1 .cont.sur-cont .img-box img { width: 100%; height: auto; box-shadow: none; } .main.about .box1 .cont.sur-cont .text-box { width: 60%; } @media (max-width: 1200px) { .main.about .box1 .cont.sur-cont .img-box { width: auto; padding: 0 48px 20px 0; } .main.about .box1 .cont.sur-cont .img-box img { width: 100%; box-shadow: none; } .main.about .box1 .cont.sur-cont .text-box { width: auto; float: none; } } @media (max-width: 1024px) { .main.about .box1 { padding-top: 1rem; } .main.about .box1 .cont, .main.about .box1 .cont.sur-cont { padding: 0.75rem 0 1.4rem; min-height: 12.5rem; } .main.about .box1 .cont .img-box, .main.about .box1 .cont.sur-cont .img-box { padding: 0 0.72rem 0.3rem 0; } .main.about .box1 .cont .img-box img, .main.about .box1 .cont.sur-cont .img-box img { width: 7.8rem; height: 9.72rem; min-width: 195px; min-height: 243px; box-shadow: none; } .main.about .box1 .cont .text-box .title, .main.about .box1 .cont.sur-cont .text-box .title { padding-bottom: 0.56rem; margin-bottom: 0.6rem; font-size: 14px; } .main.about .box1 .cont .text-box .text, .main.about .box1 .cont.sur-cont .text-box .text { font-size: 12px; } .main.about .box1 .cont .text-box .text p, .main.about .box1 .cont.sur-cont .text-box .text p { padding-bottom: 0.52rem; } } .main.qua .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/about-sub-icon.png); } .main.qua .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/about-sub-icon.png) no-repeat center center; background-size: contain; } .main.qua .mCSB_scrollTools { opacity: 1 !important; } .main.qua .mCSB_outside + .mCSB_scrollTools { right: -18px; } .main.qua .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #188c81 !important; opacity: 1 !important; } .main.qua .mCSB_scrollTools .mCSB_draggerRail { background-color: #3db7ab !important; opacity: 1 !important; } .main.qua .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/honor-sub-icon.png); } .main.qua .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/honor-sub-icon.png) no-repeat center center; background-size: contain; } .main.qua .box1 { padding-top: 40px; } @media (max-width: 768px) { .main.qua .box1 { padding-top: 1rem; } } .main.qua .box1 .wrap { padding-top: 44px; } @media (max-width: 768px) { .main.qua .box1 .wrap { padding-top: 1.1rem; } } .main.qua .box1 .wrap .top-box { padding: 20px 0; background-color: #f5f5f5; } .main.qua .box1 .wrap .top-box .list { width: 50%; box-sizing: border-box; } .main.qua .box1 .wrap .top-box .list .cont { width: 324px; margin: 0 auto; } .main.qua .box1 .wrap .top-box .list .title { font-weight: normal; padding-bottom: 18px; } .main.qua .box1 .wrap .top-box .list .title .text { vertical-align: middle; font-size: 20px; color: #454545; padding-top: 0; height: auto; } .main.qua .box1 .wrap .top-box .list .title .icon { vertical-align: middle; width: 31px; height: 29px; margin-left: 12px; background: url(../img/qua-icon.png) no-repeat center center; } .main.qua .box1 .wrap .top-box .list .text { font-size: 14px; line-height: 1.8; height: 180px; color: #666; } @media (max-width: 1250px) { .main.qua .box1 .wrap .top-box { text-align: center; } .main.qua .box1 .wrap .top-box .list { width: 49.5%; margin-bottom: 35px; text-align: center; display: inline-block; float: none; zoom: 1; vertical-align: top; } .main.qua .box1 .wrap .top-box .list:nth-child(2) { border-right: none; } .main.qua .box1 .wrap .top-box .list:last-child { margin-bottom: 0; } } @media (max-width: 768px) { .main.qua .box1 .wrap .top-box { padding: 1.1875rem 0 1.125rem; } .main.qua .box1 .wrap .top-box .list { width: 92%; height: auto; margin-bottom: 0.875rem; } .main.qua .box1 .wrap .top-box .list .cont { width: 100%; } .main.qua .box1 .wrap .top-box .list:nth-child(2) { border: none; } .main.qua .box1 .wrap .top-box .list .title { padding-bottom: 0.7rem; } .main.qua .box1 .wrap .top-box .list .title .text { font-size: 16px; } .main.qua .box1 .wrap .top-box .list .title .icon { width: 28px; height: 22px; margin-left: 0.2rem; background-size: contain; } .main.qua .box1 .wrap .top-box .list .text { font-size: 14px; } } @media (max-width: 435px) { .main.qua .box1 .wrap .top-box .list { margin-bottom: 1.625rem; width: 260px; } .main.qua .box1 .wrap .top-box .list .title .text { font-size: 14px; } .main.qua .box1 .wrap .top-box .list .text { font-size: 12px; } } .main.qua .box1 .wrap .w1200 { overflow: hidden; } .main.qua .box1 .wrap .btm-box { padding-top: 36px; } .main.qua .box1 .wrap .btm-box .list { width: 355px; margin: 0 5.56% 2.4% 0; } .main.qua .box1 .wrap .btm-box .list .img-box { background-color: #f7f7f7; } .main.qua .box1 .wrap .btm-box .list img { display: block; width: auto; margin: 0 auto; max-width: 100%; } .main.qua .box1 .wrap .btm-box .list .text { width: 94%; padding: 26px 0 10px; margin: 0 auto; font-size: 18px; color: #333; text-align: center; } .main.qua .box1 .wrap .btm-box .list .e-text { width: 94%; margin: 0 auto; font-size: 16px; font-family: Arial; color: #666; text-align: center; } .main.qua .box1 .wrap .btm-box .list:nth-child(3n) { margin-right: 0; } @media (max-width: 1300px) { .main.qua .box1 .wrap .btm-box { width: 100%; margin: 0 auto; } .main.qua .box1 .wrap .btm-box .list { width: 29.78%; margin: 0 1.75% 1.4%; } .main.qua .box1 .wrap .btm-box .list:nth-child(3n) { margin-right: 1.75%; } } @media (max-width: 960px) { .main.qua .box1 .wrap .btm-box { width: 100%; margin: 0 auto; } .main.qua .box1 .wrap .btm-box .list { width: 45.16%; margin: 0 2.4% 1.4%; } .main.qua .box1 .wrap .btm-box .list:nth-child(3n) { margin: 0 2.4% 1.4%; } } @media (max-width: 768px) { .main.qua .box1 .wrap .btm-box { padding-top: 0.9rem; } .main.qua .box1 .wrap .btm-box .list { margin-bottom: 0.625rem; } .main.qua .box1 .wrap .btm-box .list .text { padding: 0.625rem 0 0.25rem; font-size: 14px; } .main.qua .box1 .wrap .btm-box .list .e-text { font-size: 12px; } } @media (max-width: 380px) { .main.qua .box1 .wrap .btm-box .list { width: 100%; margin: 0 0 0.875rem 0; } .main.qua .box1 .wrap .btm-box .list:nth-child(3n) { margin: 0 0 0.875rem 0; } } .main.qua.honor .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/honor-sub-icon.png); } .main.qua.honor .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/honor-sub-icon.png) no-repeat center center; background-size: contain; } .main.cause .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/cause-sub-icon.png); } .main.cause .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/cause-sub-icon.png) no-repeat center center; background-size: contain; } .main.cause .box1 .ex-inner-title { padding: 40px 0; } @media (max-width: 1024px) { .main.cause .box1 .ex-inner-title { padding: 1rem 0; } } .main.cause .box1 .top-wrap { padding-bottom: 22px; } .main.cause .box1 .top-wrap .text-box { padding-bottom: 30px; font-size: 16px; line-height: 1.6; color: #454545; } .main.cause .box1 .top-wrap .text-box img { display: block; margin-right: 35px; margin-bottom: 5px; max-width: 100%; } .main.cause .box1 .top-wrap .text-box p { text-indent: 2em; } .main.cause .box1 .top-wrap .tab-box .tab { min-width: 104px; height: 50px; line-height: 50px; margin-bottom: 4px; text-align: center; font-size: 16px; background-color: #f1f1f1; color: #666; } .main.cause .box1 .top-wrap .tab-box .tab.cur { color: #fff; background-color: #058578; } @media (min-width: 1025px) { .main.cause .box1 .top-wrap .tab-box .tab:hover { color: #fff; background-color: #058578; } } @media (max-width: 1024px) { .main.cause .box1 .top-wrap { padding-bottom: 0.55rem; } .main.cause .box1 .top-wrap .text-box { padding-bottom: 0.75rem; font-size: 14px; } .main.cause .box1 .top-wrap .text-box img { margin-right: 0.875rem; } .main.cause .box1 .top-wrap .tab-box .tab { min-width: 80px; height: 38px; line-height: 38px; font-size: 14px; } } .main.cause .box1 .ajax-box { min-height: 300px; } .main.cause .box1 .btm-wrap { background-color: #f4f4f4; } .main.cause .box1 .btm-wrap .wrap { padding: 22px 0 30px; background-color: #f4f4f4; } .main.cause .box1 .btm-wrap .wrap .list { position: relative; top: 0; display: block; width: 23.87%; margin: 0 1.39% 0 0; background-color: #fff; transition: top 0.3s; } .main.cause .box1 .btm-wrap .wrap .list .img-box { padding: 5px 5px 15px; } .main.cause .box1 .btm-wrap .wrap .list .img-box img { display: block; width: 100%; } .main.cause .box1 .btm-wrap .wrap .list .text-box { padding: 0 10px 10px; } .main.cause .box1 .btm-wrap .wrap .list .text-box .title { padding-bottom: 14px; font-size: 16px; font-weight: normal; color: #454545; } .main.cause .box1 .btm-wrap .wrap .list .text-box .type .time { font-family: Arial; font-size: 14px; color: #bcbcbc; } .main.cause .box1 .btm-wrap .wrap .list .text-box .type .more { padding-right: 34px; font-size: 12px; background: url(../img/case-arrow.png) no-repeat right 5px center; color: #058578; text-transform: uppercase; } .main.cause .box1 .btm-wrap .wrap .list:last-child { margin-right: 0; } @media (min-width: 1024px) { .main.cause .box1 .btm-wrap .wrap .list:hover { top: -5px; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2); } } .main.cause .box1 .btm-wrap .wrap:nth-child(2n) { background-color: #fff; } .main.cause .box1 .btm-wrap .wrap:nth-child(2n) .list { background-color: #f4f4f4; } @media (max-width: 1280px) { .main.cause .box1 .btm-wrap .wrap .w1445 { width: 730px; } .main.cause .box1 .btm-wrap .wrap .list .text-box .type .time { font-size: 12px; color: #bcbcbc; } .main.cause .box1 .btm-wrap .wrap .list .text-box .type .more { display: none; } } @media (max-width: 768px) { .main.cause .box1 .btm-wrap { padding-top: 0.25rem; background-color: #fff; } .main.cause .box1 .btm-wrap .wrap { padding: 0; background-color: #fff; } .main.cause .box1 .btm-wrap .wrap .list { width: 47.26%; margin: 0 1.3% 0.5rem; background-color: #f4f4f4; } .main.cause .box1 .btm-wrap .wrap .list .img-box { padding: 4px 4px 0.375rem; } .main.cause .box1 .btm-wrap .wrap .list .text-box .title { font-size: 14px; } .main.cause .box1 .btm-wrap .wrap .list:last-child { margin-right: 1.3%; } } @media (max-width: 435px) { .main.cause .box1 .btm-wrap .wrap { padding: 0; background-color: #fff; } .main.cause .box1 .btm-wrap .wrap .list { width: 100%; margin: 0 0 0.75rem; } .main.cause .box1 .btm-wrap .wrap .list:last-child { margin-right: 0; } } .main.cause-info .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/cause-sub-icon.png); } .main.cause-info .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/cause-sub-icon.png) no-repeat center center; background-size: contain; } .main.cause-info .box1 .ex-inner-title { padding: 40px 0 60px; } .main.cause-info .box1 .ex-inner-title .title { padding-bottom: 15px; } @media (max-width: 1024px) { .main.cause-info .box1 .ex-inner-title { padding: 1rem 0 1.5rem; } .main.cause-info .box1 .ex-inner-title .title { padding-bottom: 0.375rem; } } .main.cause-info .box1 .img-wrap { background-color: #f4f4f4; } .main.cause-info .box1 .img-wrap .w1200 img { display: block; width: 100%; } .main.cause-info .box1 .text-wrap { padding-bottom: 74px; } .main.cause-info .box1 .text-wrap .text { padding: 20px 15px; margin-bottom: 24px; font-size: 16px; line-height: 1.6; text-align: center; color: #fff; background-color: #058578; } @media (max-width: 1024px) { .main.cause-info .box1 .text-wrap { padding-bottom: 1.35rem; } .main.cause-info .box1 .text-wrap .text { padding: 0.5rem 15px; margin-bottom: 0.6rem; font-size: 13px; } } .main.cause-info .box1 .back-list { display: block; width: 100%; height: 45px; font-size: 14px; line-height: 45px; text-align: center; background-color: #e8e8f0; color: #666; } @media (min-width: 1024px) { .main.cause-info .box1 .back-list:hover { background-color: #058578; color: #fff; } } @media (max-width: 768px) { .main.cause-info .box1 .back-list { height: 30px; line-height: 30px; font-size: 12px; } } .main.news .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/news-sub-icon.png); } .main.news .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/news-sub-icon.png) no-repeat center center; background-size: contain; } .main.news .box1 .ex-inner-title { padding: 40px 0; } @media (max-width: 1024px) { .main.news .box1 .ex-inner-title { padding: 1rem 0; } } .main.news .box1 .list-box .list:nth-child(even) { background-color: #f7f7f7; } .main.news .box1 .list-box .list:last-child { border-bottom: 1px solid #ededed; } .main.news .box1 .list-box .list .w1200 .link { display: block; padding: 20px 0; } .main.news .box1 .list-box .list .w1200 .link .img-box { overflow: hidden; } .main.news .box1 .list-box .list .w1200 .link .img-box img { display: block; width: 244px; height: 172px; transition: transform 0.5s; } .main.news .box1 .list-box .list .w1200 .link .text-box { padding-left: 292px; } .main.news .box1 .list-box .list .w1200 .link .text-box .title { padding-bottom: 8px; font-size: 18px; font-weight: normal; color: #454545; } .main.news .box1 .list-box .list .w1200 .link .text-box .time { padding-bottom: 15px; font-size: 14px; color: #999; } .main.news .box1 .list-box .list .w1200 .link .text-box .text { padding-bottom: 14px; font-size: 14px; line-height: 1.6; color: #666; } .main.news .box1 .list-box .list .w1200 .link .text-box .more { padding-right: 34px; font-size: 12px; background: url(../img/case-arrow.png) no-repeat right 5px center; color: #058578; text-transform: uppercase; } @media (min-width: 1025px) { .main.news .box1 .list-box .list .w1200 .link:hover .img-box img { transform: scale(1.1); } .main.news .box1 .list-box .list .w1200 .link:hover .text-box .title { color: #058578; } } @media (max-width: 1024px) { .main.news .box1 .list-box .list .w1200 .link { padding: 0.5rem 0; } .main.news .box1 .list-box .list .w1200 .link .text-box { padding-left: 7.3rem; } .main.news .box1 .list-box .list .w1200 .link .text-box .title { padding-bottom: 0.2rem; font-size: 16px; } .main.news .box1 .list-box .list .w1200 .link .text-box .time { padding-bottom: 0.375rem; font-size: 12px; } .main.news .box1 .list-box .list .w1200 .link .text-box .text { padding-bottom: 0.35rem; font-size: 12px; } .main.news .box1 .list-box .list .w1200 .link .text-box .more { padding-right: 0.85rem; font-size: 12px; } } @media (max-width: 500px) { .main.news .box1 .list-box .list .w1200 .link .img-box { float: none; margin-bottom: 12px; } .main.news .box1 .list-box .list .w1200 .link .img-box img { max-width: 100%; height: auto; margin: 0 auto; } .main.news .box1 .list-box .list .w1200 .link .text-box { padding-left: 0; } .main.news .box1 .list-box .list .w1200 .link .text-box .title { font-size: 14px; } .main.news .box1 .list-box .list .w1200 .link .text-box .text { padding-bottom: 0; } .main.news .box1 .list-box .list .w1200 .link .text-box .more { display: none; } } .main.news-info .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/news-sub-icon.png); } .main.news-info .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/news-sub-icon.png) no-repeat center center; background-size: contain; } .main.news-info .box1 .w1200 { padding-bottom: 58px; } .main.news-info .box1 .w1200 .wrap .title { padding: 58px 0 16px; margin: 0 4.84%; font-size: 24px; font-weight: normal; text-align: center; color: #454545; } .main.news-info .box1 .w1200 .wrap .time { padding-bottom: 30px; font-family: Arial; font-size: 16px; color: #999; text-align: center; } .main.news-info .box1 .w1200 .wrap .cont { margin: 0 4.84%; border-top: 1px solid #dddddd; } .main.news-info .box1 .w1200 .wrap .cont .text-box { padding: 40px 0; font-size: 16px; line-height: 1.6; color: #454545; } .main.news-info .box1 .w1200 .wrap .cont .text-box img { max-width: 100%; } .main.news-info .box1 .w1200 .wrap .news-page { padding-top: 35px; border-top: 1px solid #dddddd; } .main.news-info .box1 .w1200 .wrap .news-page .left { width: 70%; } .main.news-info .box1 .w1200 .wrap .news-page .left .link { display: block; padding-bottom: 10px; font-size: 16px; color: #666; } @media (min-width: 1024px) { .main.news-info .box1 .w1200 .wrap .news-page .left .link:hover { color: #058578; } } .main.news-info .box1 .w1200 .wrap .news-page .back { display: block; width: 104px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; background-color: #058578; } @media (min-width: 1024px) { .main.news-info .box1 .w1200 .wrap .news-page .back:hover { background-color: #046c62; } } @media (max-width: 768px) { .main.news-info .box1 .w1200 { padding-bottom: 1.45rem; } .main.news-info .box1 .w1200 .wrap .title { padding: 1.45rem 0 0.4rem; font-size: 16px; } .main.news-info .box1 .w1200 .wrap .time { padding-bottom: 0.45rem; font-size: 12px; } .main.news-info .box1 .w1200 .wrap .cont .text-box { padding: 0.6rem 0; font-size: 13px; } .main.news-info .box1 .w1200 .wrap .news-page { padding-top: 0.875rem; } .main.news-info .box1 .w1200 .wrap .news-page .left { width: 70%; } .main.news-info .box1 .w1200 .wrap .news-page .left .link { padding-bottom: 0.25rem; font-size: 14px; } .main.news-info .box1 .w1200 .wrap .news-page .back { width: 70px; height: 28px; line-height: 28px; font-size: 12px; } } @media (max-width: 435px) { .main.news-info .box1 .w1200 .box-title { font-size: 18px; } .main.news-info .box1 .w1200 .wrap .news-page .left { width: 100%; margin-bottom: 0.375rem; float: none; } .main.news-info .box1 .w1200 .wrap .news-page .left .link { padding-bottom: 0.25rem; font-size: 14px; } .main.news-info .box1 .w1200 .wrap .news-page .back { float: none; margin: 0 auto; } } .main.cul .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/cul-sub-icon.png); } .main.cul .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/cul-sub-icon.png) no-repeat center center; background-size: contain; } .main.cul .box1 .ex-inner-title { padding: 48px 0 40px; } @media (max-width: 1024px) { .main.cul .box1 .ex-inner-title { padding: 1.2rem 0 1rem; } } .main.cul .box1 .wrap { width: 1030px; padding-bottom: 68px; margin: 0 auto; font-size: 14px; line-height: 1.6; color: #454545; } .main.cul .box1 .wrap img { display: block; max-width: 60%; margin-right: 50px; } @media (max-width: 1100px) { .main.cul .box1 .wrap { width: 94%; padding-bottom: 1.5rem; } .main.cul .box1 .wrap img { max-width: 50%; } } @media (max-width: 768px) { .main.cul .box1 .wrap img { float: none; max-width: 100%; margin: 0 auto 5px; } } .main.cul_news .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/cul-sub-icon.png); } .main.cul_news .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/cul-sub-icon.png) no-repeat center center; background-size: contain; } .main.cul_news .box1 .wrap .top-box .w1445 { padding: 122px 0 54px; border-bottom: 1px solid #d4d4d4; } @media (max-width: 1200px) { .main.cul_news .box1 .wrap .top-box .w1445 { padding: 73.2px 0 32.4px; } } @media (max-width: 768px) { .main.cul_news .box1 .wrap .top-box .w1445 { padding: 1.525rem 0 1.6rem; } } .main.cul_news .box1 .wrap .top-box .flexslider .flex-direction-nav { display: none; } .main.cul_news .box1 .wrap .top-box .flexslider .flex-control-nav { width: auto; position: absolute; bottom: 23%; text-align: center; left: 57%; z-index: 100; } .main.cul_news .box1 .wrap .top-box .flexslider .flex-control-nav li a { width: 10px; height: 10px; border-radius: 50%; background-color: #3f3f44; } .main.cul_news .box1 .wrap .top-box .flexslider .flex-control-nav li a.flex-active { background-color: #058578; } @media (max-width: 1200px) { .main.cul_news .box1 .wrap .top-box .flexslider .flex-control-nav { bottom: 8%; } } @media (max-width: 768px) { .main.cul_news .box1 .wrap .top-box .flexslider .flex-control-nav { width: 100%; position: absolute; bottom: -24px; left: 0; text-align: center; } } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box { position: relative; width: 50%; overflow: hidden; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box img { display: block; width: 100%; transition: transform 0.5s; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time { position: absolute; top: 0; right: 0; width: 85px; height: 85px; text-align: center; color: #fff; background-color: #058578; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time .day { padding-top: 10px; font-size: 36px; line-height: 1; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time .mon { font-size: 16px; } @media (min-width: 1024px) { .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box:hover img { transform: scale(1.1); } } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box { display: block; width: 50%; background-color: #ececec; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont { width: 70.03%; padding: 11.76% 0 0 0; margin: 0 auto; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .title { padding-bottom: 6.92%; font-size: 30px; color: #666; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .text { padding-bottom: 6.92%; font-size: 16px; line-height: 1.4; color: #666; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .more { display: block; margin-bottom: 6px; font-size: 16px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .more .c { color: #666; padding-right: 10px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .more .e { font-family: Arial; text-transform: uppercase; color: #058578; } @media (min-width: 1024px) { .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .more:hover .c { color: #058578; } } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .line { width: 65px; height: 2px; background-color: #058578; } @media (max-width: 1024px) { .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time { width: 50px; height: 50px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time .day { font-size: 16px; line-height: 1; padding-top: 10px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time .mon { font-size: 12px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont { width: 77.03%; padding: 9.76% 0 0 0; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .title { padding-bottom: 20px; font-size: 18px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .text { padding-bottom: 20px; font-size: 14px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .more { font-size: 12px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .line { width: 50px; } } @media (max-width: 768px) { .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box { width: 100%; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time { width: 85px; height: 85px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time .day { padding-top: 10px; font-size: 36px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time .mon { font-size: 16px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box { width: 100%; height: auto !important; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont { width: 94%; padding: 0.75rem 0 1.125rem; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .title { padding-bottom: 0.5rem; font-size: 14px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .text-box .cont .text { padding-bottom: 0.5rem; font-size: 12px; } } @media (max-width: 500px) { .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time { width: 50px; height: 50px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time .day { font-size: 16px; line-height: 1; padding-top: 10px; } .main.cul_news .box1 .wrap .top-box .flexslider .slides li .img-box .time .mon { font-size: 12px; } } .main.cul_news .box1 .wrap .btm-box { padding-top: 95px; } .main.cul_news .box1 .wrap .btm-box .list { position: relative; display: block; width: 460px; height: 412px; margin: 0 32px 32px 0; background-color: #ececec; overflow: hidden; } .main.cul_news .box1 .wrap .btm-box .list .time { position: absolute; top: 0; right: 0; width: 85px; height: 85px; text-align: center; color: #fff; background-color: #058578; } .main.cul_news .box1 .wrap .btm-box .list .time .day { padding-top: 10px; font-size: 36px; line-height: 1; } .main.cul_news .box1 .wrap .btm-box .list .time .mon { font-size: 16px; } .main.cul_news .box1 .wrap .btm-box .list .img { position: absolute; z-index: 100; left: 0; top: -100%; display: block; width: 100%; transition: top 0.8s; } .main.cul_news .box1 .wrap .btm-box .list .cont { padding: 88px 28px 0; } .main.cul_news .box1 .wrap .btm-box .list .cont .title { padding-bottom: 26px; font-size: 21px; font-weight: normal; color: #666; } .main.cul_news .box1 .wrap .btm-box .list .cont .text { height: 96px; padding-bottom: 54px; margin-bottom: 46px; font-size: 14px; line-height: 1.8; color: #666; opacity: 0.7; filter: alpha(opacity=70); border-bottom: 1px solid #d4d4d4; transition: padding, margin 0.5s; } .main.cul_news .box1 .wrap .btm-box .list .cont .more { font-size: 16px; font-family: Arial; color: #bababa; text-transform: uppercase; } .main.cul_news .box1 .wrap .btm-box .list:nth-child(3n) { margin-right: 0; } @media (min-width: 1024px) { .main.cul_news .box1 .wrap .btm-box .list:hover .img { top: 0; } .main.cul_news .box1 .wrap .btm-box .list:hover .cont .text { padding-bottom: 100px; margin-bottom: 18px; } } @media (max-width: 1500px) { .main.cul_news .box1 .wrap .btm-box .w1445 { width: 952px; } .main.cul_news .box1 .wrap .btm-box .list:nth-child(2n) { margin-right: 0; } .main.cul_news .box1 .wrap .btm-box .list:nth-child(2n + 1) { margin-right: 32px; } } @media (max-width: 1024px) { .main.cul_news .box1 .wrap .btm-box .w1445 { width: 732px; } .main.cul_news .box1 .wrap .btm-box .list { width: 356px; height: 300px; margin: 0 20px 20px 0; } .main.cul_news .box1 .wrap .btm-box .list .time { width: 50px; height: 50px; } .main.cul_news .box1 .wrap .btm-box .list .time .day { font-size: 16px; line-height: 1; padding-top: 10px; } .main.cul_news .box1 .wrap .btm-box .list .time .mon { font-size: 12px; } .main.cul_news .box1 .wrap .btm-box .list .img { top: -100%; } .main.cul_news .box1 .wrap .btm-box .list .cont { padding: 58px 22px 0; } .main.cul_news .box1 .wrap .btm-box .list .cont .title { padding-bottom: 12px; font-size: 14px; } .main.cul_news .box1 .wrap .btm-box .list .cont .text { height: 96px; padding-bottom: 26px; margin-bottom: 30px; font-size: 12px; } .main.cul_news .box1 .wrap .btm-box .list .cont .more { font-size: 12px; } .main.cul_news .box1 .wrap .btm-box .list:nth-child(2n + 1) { margin-right: 20px; } } @media (max-width: 768px) { .main.cul_news .box1 .wrap .btm-box { padding-top: 2.375rem; } .main.cul_news .box1 .wrap .btm-box .w1445 { width: 100%; } .main.cul_news .box1 .wrap .btm-box .list { float: none; margin: 0 auto; } .main.cul_news .box1 .wrap .btm-box .list .cont { padding: 58px 15px 0; } .main.cul_news .box1 .wrap .btm-box .list:nth-child(n) { margin-right: auto; margin-bottom: 0.5rem; } } @media (max-width: 390px) { .main.cul_news .box1 .wrap .btm-box .w1445 { width: 94%; } .main.cul_news .box1 .wrap .btm-box .list { width: 100%; height: auto; } .main.cul_news .box1 .wrap .btm-box .list .cont { padding-bottom: 1.125rem; } .main.cul_news .box1 .wrap .btm-box .list .cont .title { padding-bottom: 8px; } .main.cul_news .box1 .wrap .btm-box .list .cont .text { height: auto; padding-bottom: 0.65rem; margin-bottom: 0.75rem; } } .main.jobs .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/jobs-sub-icon.png); } .main.jobs .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/jobs-sub-icon.png) no-repeat center center; background-size: contain; } .main.jobs .box1 .ex-inner-title { padding: 40px 0 42px; } .main.jobs .box1 .wrap { width: 1050px; margin: 0 auto; padding-bottom: 22px; text-align: center; } .main.jobs .box1 .wrap .wrap-title { padding-bottom: 22px; font-size: 18px; color: #666; } .main.jobs .box1 .wrap .wrap-text { font-size: 14px; line-height: 1.6; color: #999; text-align: left; } .main.jobs .box1 .wrap .wrap-text p { padding-bottom: 20px; } .main.jobs .box1 .wrap .list-box { padding-top: 14px; } .main.jobs .box1 .wrap .list-box .list { width: 33.33%; box-sizing: border-box; text-align: center; } .main.jobs .box1 .wrap .list-box .list:nth-child(1) { border-right: 1px solid #e4e4e4; } .main.jobs .box1 .wrap .list-box .list:nth-child(3) { border-left: 1px solid #e4e4e4; } .main.jobs .box1 .wrap .list-box .list .cont { width: 145px; margin: 0 auto; color: #666; } .main.jobs .box1 .wrap .list-box .list .icon { height: 44px; margin-bottom: 20px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .main.jobs .box1 .wrap .list-box .list .icon.icon1 { background-image: url(../img/jobs-icon1.png); } .main.jobs .box1 .wrap .list-box .list .icon.icon2 { background-image: url(../img/jobs-icon2.png); } .main.jobs .box1 .wrap .list-box .list .icon.icon3 { background-image: url(../img/jobs-icon3.png); } .main.jobs .box1 .wrap .list-box .list .title { padding-bottom: 20px; font-size: 16px; } .main.jobs .box1 .wrap .list-box .list .text { font-size: 14px; line-height: 1.8; } @media (max-width: 1150px) { .main.jobs .box1 .wrap { width: 94%; } } @media (max-width: 768px) { .main.jobs .box1 .ex-inner-title { padding: 1rem 0 1.05rem; } .main.jobs .box1 .wrap { padding-bottom: 0.65rem; } .main.jobs .box1 .wrap .wrap-title { padding-bottom: 0.65rem; font-size: 14px; } .main.jobs .box1 .wrap .wrap-text { font-size: 12px; } .main.jobs .box1 .wrap .wrap-text p { padding-bottom: 0.5rem; } .main.jobs .box1 .wrap .list-box { padding-top: 0.35rem; } .main.jobs .box1 .wrap .list-box .list { margin: 0 auto; } .main.jobs .box1 .wrap .list-box .list:nth-child(3) { border: none; } .main.jobs .box1 .wrap .list-box .list:nth-child(1) { border: none; } .main.jobs .box1 .wrap .list-box .list .cont { width: 94%; } .main.jobs .box1 .wrap .list-box .list .icon { height: 1.1rem; margin-bottom: 0.5rem; } .main.jobs .box1 .wrap .list-box .list .title { padding-bottom: 0.5rem; font-size: 14px; } .main.jobs .box1 .wrap .list-box .list .text { font-size: 12px; } } @media (max-width: 435px) { .main.jobs .box1 .wrap .list-box .list { width: 50%; margin-bottom: 0.75rem; text-align: center; height: 100px; } .main.jobs .box1 .wrap .list-box .list .icon { background-position: center center; } } .main.jobs .box2 .top-wrap { height: 175px; background: url(../img/jobs-bg.jpg) no-repeat center center; } .main.jobs .box2 .top-wrap .ex-inner-title { padding: 24px 0 18px; } .main.jobs .box2 .top-wrap .ex-inner-title .title { color: #fff; } .main.jobs .box2 .top-wrap .ex-inner-title .e-text { color: #fff; padding-bottom: 8px; } .main.jobs .box2 .top-wrap .ex-inner-title .line { background-color: #fff; } .main.jobs .box2 .top-wrap .link { position: relative; top: 0; display: block; width: 168px; height: 35px; margin: 0 auto; line-height: 35px; border-radius: 35px; font-size: 14px; color: #058578; background: url(../img/gre-arrow.png) no-repeat right 28px center; background-color: #fff; text-indent: 26px; transition: top 0.5s; } @media (min-width: 1024px) { .main.jobs .box2 .top-wrap .link:hover { top: -8px; } } @media (max-width: 768px) { .main.jobs .box2 .top-wrap .link { width: 128px; height: 30px; line-height: 30px; border-radius: 30px; font-size: 12px; background: url(../img/gre-arrow.png) no-repeat right 18px center; background-color: #fff; text-indent: 20px; } } @media (max-width: 768px) { .main.jobs .box2 .top-wrap { height: 4.375rem; min-height: 160px; } .main.jobs .box2 .top-wrap .ex-inner-title { padding: 0.875rem 0 0.45rem; } } @media (max-width: 435px) { .main.jobs .box2 .top-wrap .ex-inner-title { padding: 36px 0 0.45rem; } } .main.jobs .box2 .btm-wrap { padding: 18px 0 78px; } .main.jobs .box2 .btm-wrap table { width: 100%; } .main.jobs .box2 .btm-wrap table tr { border-bottom: 1px solid #f0f0f0; } .main.jobs .box2 .btm-wrap table tr th { padding: 13px 0 12px; border: 1px solid #f0f0f0; font-size: 16px; font-weight: normal; color: #1d1d1d; } .main.jobs .box2 .btm-wrap table tr td { padding: 13px 0 12px; font-size: 14px; color: #646464; text-align: center; } .main.jobs .box2 .btm-wrap table tr td.gre { color: #058578; } .main.jobs .box2 .btm-wrap table tr.show-more { cursor: pointer; } @media (min-width: 1024px) { .main.jobs .box2 .btm-wrap table tr.show-more:hover td { color: #058578; } } @media (max-width: 768px) { .main.jobs .box2 .btm-wrap { padding: 16px 0 1.8rem; } .main.jobs .box2 .btm-wrap table tr th { padding: 0.3rem 0; font-size: 12px; } .main.jobs .box2 .btm-wrap table tr td { padding: 0.3rem 0; font-size: 12px; } } .main.contact .ex-sub-nav .pc-sub-box .title .icon { background-image: url(../img/contact-sub-icon.png); } .main.contact .ex-sub-nav .m-sub-box .m-title-box .left .title .icon { background: url(../img/contact-sub-icon.png) no-repeat center center; background-size: contain; } @media (max-width: 1379px) { .main.contact .ex-sub-nav .m-sub-box .m-title-box .left .title { padding-left: 30px; } } @media (max-width: 1024px) { .main.contact .ex-sub-nav .m-sub-box .m-title-box .left .title { padding-left: 0.75rem; } } .main.contact .BMap_cpyCtrl { display: none; } .main.contact .BMap_bubble_title { color: #ed2d2d; font-size: 14px; padding-bottom: 5px; } .main.contact .box1 .ex-inner-title { padding: 48px 0 40px; } @media (max-width: 1024px) { .main.contact .box1 .ex-inner-title { padding: 1.2rem 0 1rem; } } .main.contact .box1 .wrap { background: url(../img/contact-bg2.jpg) no-repeat center center; background-size: cover; } .main.contact .box1 .w1120 { padding: 35px 0 40px; width: 1120px; margin: 0 auto; } @media (max-width: 1200px) { .main.contact .box1 .w1120 { width: 94%; } } .main.contact .box1 .w1120 .title { padding-bottom: 38px; font-weight: normal; vertical-align: middle; } .main.contact .box1 .w1120 .title .e { vertical-align: middle; font-size: 30px; font-family: "LaoUI", Arial; color: #008a7c; text-transform: uppercase; } .main.contact .box1 .w1120 .title .c { position: relative; top: -1px; vertical-align: middle; font-size: 24px; color: #2e2e2e; } .main.contact .box1 .w1120 .tips { font-size: 14px; color: #1f1f25; } .main.contact .box1 .w1120 .e-tips { padding-bottom: 32px; font-size: 16px; font-family: Arial; color: #666; } .main.contact .box1 .w1120 .adds { font-size: 14px; line-height: 2.2; color: #333; } .main.contact .map { width: 100%; height: 534px; } @media (max-width: 768px) { .main.contact .box1 .w1120 { padding: 0.875rem 0 1rem; } .main.contact .box1 .w1120 .title { padding-bottom: 0.95rem; } .main.contact .box1 .w1120 .title .e { font-size: 16px; } .main.contact .box1 .w1120 .title .c { font-size: 14px; } .main.contact .box1 .w1120 .tips { font-size: 12px; } .main.contact .box1 .w1120 .e-tips { padding-bottom: 0.8rem; font-size: 14px; } .main.contact .box1 .w1120 .adds { font-size: 12px; } .main.contact .map { width: 100%; height: 13.35rem; min-height: 300px; } } .pop-box { display: none; position: fixed; z-index: 100000; top: 0; left: 0; overflow: hidden; height: 0px; border: 5px solid #0d0d0d; background: #000; opacity: 0.7; filter: alpha(opacity=70); } .pop-cont { display: none; position: fixed; z-index: 110000; top: 200%; left: 50%; width: 642px; height: 320px; margin: 0 0 0 -321px; opacity: 0; color: #fff; filter: alpha(opacity=0); } .pop-cont .swf { display: block; margin: 0 auto 0; width: 642px; height: 320px; } @media (max-width: 900px) { .pop-cont { width: 538px; height: 404px; background: none; margin-left: -269px; } .pop-cont .swf { width: 538px; height: 404px; margin: 0 auto; } } @media (max-width: 660px) { .pop-cont { width: 300px; height: 227px; margin-left: -150px; } .pop-cont .swf { width: 300px; height: 227px; } } .pop-cont .close { position: absolute; top: -40px; right: -40px; width: 40px; height: 40px; cursor: pointer; background: url(../img/close-v.png) no-repeat center center; } @media (max-width: 900px) { .pop-cont .close { top: -40px; right: -40px; } } @media (max-width: 382px) { .pop-cont .close { top: -40px; right: -10px; } } .main.apply .box1 { padding-bottom: 50px; } @media (max-width: 768px) { .main.apply .box1 { padding-bottom: 1.25rem; } } .main.apply .box1 .wrap-job .group { padding: 50px 0 0; line-height: 26px; } @media (max-width: 768px) { .main.apply .box1 .wrap-job .group { padding-top: 1.25rem; } } .main.apply .box1 .wrap-job .group .webuploader-pick { padding: 5px 15px !important; background: #378add !important; } .main.apply .box1 .wrap-job .group .webuploader-container { position: relative; width: 200px; } .main.apply .box1 .wrap-job .group #filePicker label { background: #378add !important; } .main.apply .box1 .wrap-job .group .input-group { width: 50%; margin-bottom: 15px; } .main.apply .box1 .wrap-job .group .input-group.file .input-box { margin-bottom: 4px; } .main.apply .box1 .wrap-job .group .input-group.file .tips { line-height: 28px; } .main.apply .box1 .wrap-job .group .input-group.file .text { text-indent: 0; height: 28px; line-height: 28px; } .main.apply .box1 .wrap-job .group .input-group label { display: block; color: #000; } .main.apply .box1 .wrap-job .group .input-group .text { width: 96%; height: 32px; line-height: 32px; border: 1px solid #dedede; text-indent: 1em; color: #555; } .main.apply .box1 .wrap-job .group .input-group .form-control { border: none; color: #277acd; } .main.apply .box1 .wrap-job .group .input-group select.text { height: 36px; line-height: 36px; } .main.apply .box1 .wrap-job .group .input-group textarea.text { text-indent: 0.5em; } .main.apply .box1 .wrap-job .group .input-group.resume { width: 70%; } .main.apply .box1 .wrap-job .group .input-group.resume .text { width: 970px; height: 180px; } .main.apply .box1 .wrap-job .group .input-group.file input { position: relative; top: 5px; } @media (max-width: 1058px) { .main.apply .box1 .wrap-job .group .input-group { float: none; width: 96%; margin: 0 auto 15px; } .main.apply .box1 .wrap-job .group .input-group .text { width: 99%; } .main.apply .box1 .wrap-job .group .input-group.file { width: 96%; } .main.apply .box1 .wrap-job .group .input-group.file .tips { line-height: 32px; } .main.apply .box1 .wrap-job .group .input-group.file .text { width: 198px; text-indent: 0; } .main.apply .box1 .wrap-job .group .input-group.resume { width: 96%; } .main.apply .box1 .wrap-job .group .input-group.resume .text { width: 99%; height: 180px; } } @media (max-width: 1058px) { .main.apply .box1 .wrap-job .group .input-group.file .tips { display: none; } } .form-btn-box .btn { display: block; width: 134px; height: 40px; margin: 0 auto; line-height: 40px; text-align: center; color: #fff; font-size: 14px; border: none; background-color: #058578; border-radius: 4px; } @media (min-width: 1024px) { .form-btn-box .btn:hover { background-color: #046c62; } } @media (max-width: 768px) { .form-btn-box .btn { width: 100px; height: 30px; line-height: 30px; font-size: 14px; } } .pop-bg2 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 2000000; } .pop-box2 { display: none; position: fixed; z-index: 2000001; width: 840px; height: 570px; top: 50%; left: 50%; margin: -285px 0 0 -420px; background-color: #fff; } .pop-box2 .cont { padding: 20px 45px 18px; } .pop-box2 .cont .title { padding-bottom: 12px; font-weight: normal; font-size: 18px; color: #646464; } .pop-box2 .cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #058578 !important; } .pop-box2 .cont .mCustomScrollbar { height: 432px; font-size: 14px; line-height: 2; color: #646464; } .pop-box2 .cont .close { position: absolute; top: 10px; right: 16px; width: 24px; height: 24px; background: url(../img/close.png) no-repeat center center; background-size: contain; cursor: pointer; } .pop-box2 .link { display: block; width: 134px; height: 40px; margin: 0 auto; line-height: 40px; text-align: center; color: #fff; font-size: 14px; background-color: #058578; border-radius: 4px; } @media (min-width: 1024px) { .pop-box2 .link:hover { background-color: #046c62; } } @media (max-width: 900px) { .pop-box2 { width: 672px; height: 456px; margin: -228px 0 0 -336px; } .pop-box2 .cont .mCustomScrollbar { height: 325px; } } @media (max-width: 768px) { .pop-box2 { width: 92%; height: 342px; margin: -171px 0 0 -46%; } .pop-box2 .mCSB_outside + .mCSB_scrollTools { right: -1rem; } .pop-box2 .cont { padding: 0.5rem 1.125rem 0.45rem; } .pop-box2 .cont .title { padding-bottom: 12px; font-weight: normal; font-size: 14px; color: #646464; } .pop-box2 .cont .mCustomScrollbar { height: 240px; font-size: 12px; } .pop-box2 .cont .close { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; } .pop-box2 .link { width: 100px; height: 30px; line-height: 30px; font-size: 14px; } } /*# sourceMappingURL=style%203.css.map */