.carousel > a.carousel-control-prev, .carousel > a.carousel-control-next { z-index: 10; }
@font-face { font-family: 'NotoSans'; src: url("../fonts/NotoSans-Regular.ttf"); font-style: normal; font-weight: normal; }
@font-face { font-family: 'NotoSans-Bold'; src: url("../fonts/NotoSans-Bold.ttf"); font-style: normal; font-weight: bold; }
@font-face { font-family: 'Raleway-Light'; src: url("../fonts/Raleway-Light.ttf"); font-style: normal; font-weight: lighter; }
@font-face { font-family: 'Raleway-Medium'; src: url("../fonts/Raleway-Medium.ttf"); }
.container-fluid.no-gutters { padding-left: 0; padding-right: 0; }
.submenus li{height:32px;line-height:32px; width:160px;}
.submenus li a{width:160px;}
.submenus li:nth-child(1), .anim-d-1 { -webkit-transition-delay: 0.15s !important; transition-delay: 0.15s !important; }
.submenus li:nth-child(2), .anim-d-2 { -webkit-transition-delay: 0.3s !important; transition-delay: 0.3s !important; }
.submenus li:nth-child(3), .anim-d-3 { -webkit-transition-delay: 0.45s !important; transition-delay: 0.45s !important; }
.submenus li:nth-child(4), .anim-d-4 { -webkit-transition-delay: 0.6s !important; transition-delay: 0.6s !important; }
.submenus li:nth-child(5), .anim-d-5 { -webkit-transition-delay: 0.75s !important; transition-delay: 0.75s !important; }
.submenus li:nth-child(6), .anim-d-6 { -webkit-transition-delay: 0.9s !important; transition-delay: 0.9s !important; }
.submenus li:nth-child(7), .anim-d-7 { -webkit-transition-delay: 1.05s !important; transition-delay: 1.05s !important; }
.submenus li:nth-child(8), .anim-d-8 { -webkit-transition-delay: 1.2s !important; transition-delay: 1.2s !important; }
.submenus li:nth-child(9), .anim-d-9 { -webkit-transition-delay: 1.35s !important; transition-delay: 1.35s !important; }
.submenus li:nth-child(10), .anim-d-10 { -webkit-transition-delay: 1.5s !important; transition-delay: 1.5s !important; }
.text-purple { color: #6142c5 !important; }
.text-green { color: #15dc94 !important; }
.text-white { color: #fff !important; }
.fs-12 { font-size: 0.875rem !important; }
.fs-25 { font-size: 2.5rem !important; }
.fs-125 { font-size: 1.25rem; }
#topdiv{ padding:8rem 0;}
#topdiv h2{ margin:2rem 0;}
html { overflow-x: hidden; font-size: 100%; }
body { margin: 0; padding: 0; background-color: #fff; color: #828282; font-size: 9pt; font-family: 'NotoSans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
header { display: block; position: relative; }
.menubar { position: fixed; z-index: 200; display: block; top: 0; width: 100%; height: 5rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.menubar button.hamburger { position: absolute; width: 2rem; height: 2rem; left: 1.5rem; top: 1.5rem; border: none; padding: 0; background-color: transparent; outline: none; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.menubar button.hamburger:hover { background-color: #383B42; }
.menubar button.hamburger > span { position: absolute; height: 1px; left: .5rem; top: 1rem; right: .5rem; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.menubar button.hamburger > span:first-child { top: .6rem; }
.menubar button.hamburger > span:last-child { top: 1.4rem; }
.menubar.scrolldown { background-color: rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0 1px 0.3rem rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0.3rem rgba(0, 0, 0, 0.5); }
.menubar.scrolldown.menubar-white { background-color: rgba(255, 255, 255, 0.9); }
.menubar.open { /*background: rgba(56,59,66,0.9);opacity: 0.9;*/background:#ffffff; filter: alpha(opacity=90); -moz-opacity: 0.9;    -webkit-box-shadow: 0 1px 0.3rem rgb(0 0 0 / 50%);        box-shadow: 0 1px 0.3rem rgb(0 0 0 / 50%);}
.menubar.open button.hamburger > span { background-color: #888; }
.menubar.open button.hamburger > span:first-child { top: 1rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.menubar.open button.hamburger > span:nth-child(2) { opacity: 0; }
.menubar.open button.hamburger > span:last-child { top: 1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.menubar.open .logo-g { display: block; }
.menubar.open .menus { display: block; }
.menubar.open .menus > ul { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1;font-size:18px;}
.menubar .menus > ul, .menubar ul.submenus { display: block; list-style: none; padding: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.menubar .menus > ul > li { display: block; }
.menubar ul.submenus > li { display: block; background: rgba(56,59,66,0.9); }
.menubar .menus > ul > li > a, .menubar ul.submenus > li > a { display: block; color: #000000; }
.menubar .menus > ul > li.active > a, .menubar ul.submenus > li.active > a { font-weight: bold; color: #000000; }
.menubar .menus { position: relative; top: 1.5rem; margin-left: 270px; display: none; width: 75%; }


@media (max-width:1366px) and (min-width:1020px) {
.menubar .menus { position: relative; top: 1.5rem; margin-left: 150px; display: none; width: 75%; }
}
.menubar .menus a { padding-left: 1rem; padding-right: 1rem; }
.menubar .menus > ul { display: none; margin-left: auto; margin-right: auto; opacity: 0; line-height: 2rem; font-family: 'NotoSans'; font-size: 11pt; color: #CFD5D8; max-width: 60rem; }
.menubar .menus > ul > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.menubar .menus > ul > li > a { white-space: nowrap; text-decoration: none; }
.menubar .menus > ul .bold { font-family: 'NotoSans-Bold'; }
.menubar .menus > ul .bold > a { padding-top: .1rem; }
.menubar ul.submenus { padding-top: 0.7rem; }
.menubar ul.submenus > li { opacity: 0; -webkit-transition-delay: 0s !important; transition-delay: 0s !important; white-space: nowrap; overflow: visible; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #CFD5D8; font-size: 10pt; }
.menubar ul.submenus > li.division { height: 0; }
.menubar ul.submenus > li a { line-height: 2rem; }
.menubar ul.submenus > li.bold { font-family: NotoSans; }
.menubar li:hover > ul.submenus > li { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); text-decoration: none; }
.menus ul li ul.submenus,
.menubar ul li ul.submenus{width:160px;z-index:999999998;}
.menus ul li ul.submenus li .submenus,
.menubar ul li ul.submenus li .submenus{display:none;position: absolute; left:161px; top:0px; z-index:999999999; }
.menubar ul li ul.submenus li:hover .submenus{display:block;}
.menus ul li ul.submenus li .submenus li,
.menubar ul li ul.submenus li .submenus li{height:32px;line-height:32px; position: relative;}
.menus ul li ul.submenus li .submenus li a,
.menubar ul li ul.submenus li .submenus li a{background: #ffffff; display: block; height:32px; line-height:32px; width:160px; position: relative;}

@media (min-width: 481px) {
.menubar .menus { height: 2rem; }
.menubar .menus > ul > li > .submenus { display: none; }
.menubar .menus:hover { height: auto; }
.menubar .menus:hover > ul > li > .submenus { display: inherit; }
}
a.logo, a.logo-g, a.logo-c { position: absolute; left: 0.5rem; top: 1.5rem; z-index: 999; text-decoration: none; }
a.logo > span { vertical-align: -20%; margin-left: 5px; letter-spacing: 2px; color: #fff; font-size: 10pt; }
a.logo > img, a.logo-g > img, a.logo-c > img { width: 126px; height: 32px; }

@media (min-width: 1440px) {
a.logo, a.logo-g, a.logo-c { position: absolute; left: 4.5rem; top: 1.1rem; z-index: 999; text-decoration: none; }
a.logo > img, a.logo-g > img, a.logo-c > img { width: 266px; height: 52px; }
}

@media (max-width: 480px) {
a.logo, a.logo-g, a.logo-c { left: calc(50vw - 82px / 2); top: 10px; }
a.logo > img, a.logo-g > img, a.logo-c > img { width: 82px; height: 21px; }
}
.logo-g { display: none; opacity: 0.6; }
.languages { position: absolute; top: 2rem; color: #fff; font-size: 9pt;color:#000000; }
.languages a { color: #000000; }
.carousel > .overflow { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.sub1, .sub2 { font-family: 'NotoSans-Bold', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; position: absolute; color: #fff; right: 10px; text-align: right; width: 40%; }
.sub1 { font-size: 0.875rem; letter-spacing: 0.2rem; top: calc(50% - 6rem); color: #8C8C8C; }
.sub2 { font-family: 'Raleway-Light', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 2.275rem; color: #8C8C8C; top: calc(50% - 5rem); }
.sub2.text-left { padding-left: 2rem; }
.carousel-btn-primary { font-family: 'NotoSans-Bold', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 0.875rem; border: solid 1px #fff; font-weight: bold; color: #fff; line-height: 2.9375rem; border-radius: 999px; letter-spacing: 0.2rem; position: absolute; top: 50%; left: 50%; width: 16rem; text-align: center; margin-left: -8rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.carousel-btn-primary:hover { background-color: #fff; color: #888; text-decoration: none; }
section.news > .title { font-family: NotoSans-Bold; text-align: center; color: #000; text-transform: uppercase; }
.section-bg { position: relative; background: rgb(56,59,66); background-size: 100% 100%; min-height: 329px; }
.section-bg > .dot-bg { position: absolute; left: 1rem; right: 1rem; top: 1rem; bottom: 1rem; opacity: 0.5; }
 @-webkit-keyframes rotate {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes rotate {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.theme-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; height: 389px; }
.theme-btn:hover { color: #fff; text-decoration: none; }
.theme-btn:hover > .theme-btn-icon:after { border-style: dashed; border-width: 2px; -webkit-animation: rotate 10s linear infinite; animation: rotate 10s linear infinite; }
.theme-btn:hover > .circle { background-color: #fff; }
.theme-btn > .theme-btn-icon { position: relative; display: block; }
.theme-btn > .theme-btn-icon:after { content: ' '; position: absolute; top: 8px; left: 8px; width: 98px; height: 98px; border: solid 1px #fff; border-radius: 100%; }
.theme-btn > .circle { margin-top: 1rem; margin-bottom: 1rem; width: 0.725rem; height: 0.725rem; border: solid 1px #fff; border-radius: 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; font-size: 0; }
.theme-btn > .title { font-family: 'Raleway-Light', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 2rem; text-align: center; }
.theme-btn > .subtitle { font-family: 'NotoSans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 0.5625rem; text-align: center; }
.theme-btn + .division { position: absolute; width: 1px; right: 0; top: 33%; bottom: 33%; background-color: #fff; }
.mail-section { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff; height: 15.5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.mail-section > .text-center { margin-top: 6.25rem; font-size: 2rem; }
.mail-section form { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; width: 20.8rem; height: 2.8rem; background-color: #fff; border-radius: 999px; margin-top: 2rem; font-size: 1.4rem; }
.mail-section form > input { font-family: Raleway-Light; font-size: 1.2rem; margin-left: 2rem; margin-right: 2.8rem; height: 2.8rem; border: none; display: block; outline: none; background-color: transparent; }
.mail-section form > button { position: absolute; right: 2px; top: 2px; width: calc(2.8rem - 4px); height: calc(2.8rem - 4px); overflow: hidden; border: none; min-width: 0; border-radius: 999px; background: rgb(56,59,66); font-family: Raleway-Light; color: #fff; padding: 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }
/*.mail-section form > button:hover {
  background-color: #7be0ff;
}*/

.css-chevron-right::after, .css-chevron-right::before { content: ' '; display: block; position: absolute; width: 0.8rem; height: 2px; background-color: #fff; left: 50%; top: 50%; margin-left: -0.4rem; }
.css-chevron-right::after { -webkit-transform: translate(0, -0.2rem) rotate(30deg); transform: translate(0, -0.2rem) rotate(30deg); }
.css-chevron-right::before { -webkit-transform: translate(0, 0.2rem) rotate(-30deg); transform: translate(0, 0.2rem) rotate(-30deg); }
.footer-line { display: block; width: 100%; height: 2px; border-bottom: solid 1px #a0a0a0; }
footer { min-height: 2.625rem; line-height: 1.25rem; font-family: 'NotoSans-Bold', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; letter-spacing: 0.1rem; background: rgb(56,59,66); color: #D3D3D3; font-size: 9pt; }
.footer-p { margin-top: -1.5%; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.footer-p { margin-top: -2%; }
}

@media only screen and (max-width:480px ) {
.footer-p { margin-top: -0%; }
}
footer a { display: inline-block; padding-left: 1rem; padding-right: 1rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #D3D3D3; }
.Record { margin-top: -1.6%; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.Record { margin-top: -2%; }
}

@media only screen and (max-width: 480px) {
.Record { margin-top: -0%; }
}
footer a:hover { color: #fff; text-decoration: none; }
footer .col-md-8 > a { display: block; text-align: center; }
footer .col-md-4 { text-align: center; }
.padding-v { padding-top: 1rem; padding-bottom: 1rem; }
.padding-1rem { padding: 1rem; }
.margin-v1rem { margin-top: 1rem; margin-bottom: 1rem; }
.padding-2rem { padding: 2rem; }
.margin-v2rem { margin-top: 2rem; margin-bottom: 2rem; }
.padding-3rem { padding: 3rem; }
.margin-v3rem { margin-top: 3rem; margin-bottom: 3rem; }
.purple-btn { font-family: 'NotoSans'; border-radius: 999px; font-weight: bold; letter-spacing: 0.1rem; padding: 1rem 2rem; color: #6142c5; border: solid 1px #6142c5; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.purple-btn:hover { background-color: #6142c5; color: #fff; text-decoration: none; }
.dot-pattern { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent url(images/dot-pattern.png) no-repeat center; background-size: 100%; height: 16vw; }
.dot-pattern > img { max-height: 80%; }
.flex-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-column-align: center; justify-self: center; justify-items: center; text-align: center; }
.carousel-indicators li { width: 5px; height: 5px; border-radius: 999px; background-color: transparent; border: solid 1px #fff; }
.enos-section { position: relative; }
.enos-section div[class*="bg-"] { position: absolute; z-index: -1; background: url(images/enos-bg-left.jpg); background-size: contain; left: 0; width: 50%; top: 0; bottom: 0; }
.enos-section div.bg-r { background: url(images/enos-bg-right.jpg); background-size: contain; left: inherit; right: 0; }
.enos-section .fg { position: absolute; background: url(images/enos-fg.png) center no-repeat; width: 100%; height: 80%; top: 10%; z-index: 1; background-size: contain; }
.b-carousel { position: relative; }
.b-carousel .text-content { position: absolute; left: 0; width: 100%; top: 0; height: 100%; color: #fff; padding-left: 4rem; padding-top: 4rem; }
.b-carousel .text-content .title { font-size: 2rem; margin-bottom: 1rem; }
.b-carousel .text-content p { font-size: 1rem; }
.b-carousel .text-content p.small { font-size: 0.876rem; }
.b-carousel .text-content .b-sub1, .b-carousel .text-content .b-sub3 { position: absolute; max-width: 35vw; }
.b-carousel .text-content .b-sub1 { font-size: 1.5rem; }
.b-carousel .text-content-right { left: 45vw; }

@media (max-width: 480px) {
html, body { width: 100%; overflow-x: hidden; }
.b-carousel .text-content { position: static; color: #7f7f7f; padding: 2.5rem; width: 100%; }
.b-carousel .text-content .title { font-size: 1.2em; color: #6142c5; }
.b-carousel .text-content p { margin-top: 1rem; }
.b-carousel .text-content .b-sub1, .b-carousel .text-content b-sub3 { position: static; max-width: inherit; }
.b-carousel .text-content-right { left: 0; }
}
.news { margin-top: 2rem; margin-bottom: 1rem; }
.news .title { text-align: center; text-transform: uppercase; color: #000; font-family: 'NotoSans-Bold'; }
.news .news-item { margin-top: 2rem; margin-bottom: 2rem; }
.news .news-item .news-image { display: block; width: 100%; height: 0; padding-bottom: 52%; background-color: lightcyan; background-image: url(images/digital-carousel1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.news .news-item .news-title { font-family: 'Raleway-Light'; font-size: 1.2rem; color: #000; margin: 1rem 0; }
.news .news-item .news-time { font-family: 'Raleway-Medium'; color: #808080; }
.news .news-item .news-description { font-family: 'Raleway-Light'; color: #808080; margin: 1rem 0; }
.news .news-item .news-actions { padding-top: 1rem; padding-bottom: 1rem; }
.news .news-item .news-actions .btn-action { display: inline-block; padding: 0.5rem 1rem; font-size: 0.625rem; font-size-adjust: none; border: solid 1px #000; color: #000; border-radius: 999px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.news .news-item .news-actions .btn-action:hover { color: #fff; text-decoration: none; background-color: #000; }
.news .btn-viewall { background-color: #10253a; color: #fff; padding: 0.5rem 1rem; border-radius: 999px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.news .btn-viewall:hover { text-decoration: none; background-color: #405061; }

@media (min-width: 481px) {
.news .news-item:nth-child(odd) { padding-right: 3rem; }
.news .news-item:nth-child(even) { position: relative; padding-left: 3rem; }
.news .news-item:nth-child(even)::before { content: ' '; position: absolute; display: block; left: 0; width: 1px; height: 100%; background-color: #808080; }
}
.article-page #carouselIndicators { padding-top: 5rem; }

@media (max-width: 480px) {
.article-page #carouselIndicators { padding-top: 0; }
}
.article-time { font-family: 'NotoSans-Bold'; font-size: 0.842rem; text-align: center; color: #10253a; }
.article-title { font-family: 'Raleway-Light'; font-size: 2.65rem; text-align: center; color: #10253a; padding: 0.65rem 0; line-height: 3rem; }

@media (max-width: 480px) {
.article-title { font-size: 1.8rem; line-height: 2rem; }
}
.article-description { font-family: 'NotoSans'; font-size: 1.23rem; }
.article-description, .article-content { padding-top: 1rem; padding-bottom: 1rem; text-align: center; font-size: 0.90625rem; }
.article-description > p, .article-content > p { padding: 1rem 4rem; }

@media (max-width: 480px) {
.article-description > p,  .article-content > p { padding: 1rem 1.5rem; }
}
.menubar-white { background-color: #fff; -webkit-box-shadow: 0 1px 1rem rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1rem rgba(0, 0, 0, 0.4); }
.menubar-white button.hamburger > span { background-color: #145f9e; }
.menubar-white .languages { color: #145f9e; }
.menubar-white .languages a { color: #145f9e; }

@media (max-width: 480px) {
.menubar-white.menubar { background-color: #fff; }
}
.share-bar { margin-top: 2rem; margin-bottom: 2rem; text-align: center; }
.share-bar::before { content: 'SHARE'; display: inline-block; letter-spacing: 0.1rem; font-family: NotoSans-Bold; color: #10253a; font-size: 0.6rem; font-size-adjust: none; -webkit-text-size-adjust: none; }
.share-bar a { color: #999999; font-size: 1.5rem; }
.share-bar a:hover { color: #666; }
.footer-related { background-color: #f7f7f7; padding: 2rem; }
.footer-related .title { text-align: center; font-size: 0.88rem; color: #10253a; font-family: NotoSans-Bold; padding-bottom: 2rem; }
.footer-related .news-title { font-size: 0.96rem; color: #102539; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 1rem; padding-bottom: 0.6rem; }
.footer-related .news-description { line-height: 1rem; height: 3rem; margin-bottom: 1rem; overflow: hidden; text-overflow: ellipsis; }
.footer-related .carousel-control-prev { left: -40px; width: 40px; }
.footer-related .carousel-control-next { right: -40px; width: 40px; }
.footer-related .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.footer-related .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
.energy-page .overflow-right > div { padding-left: 50vw; text-align: left; }
.energy-page .energy-section { position: relative; color: #fff; height: 80vw; }
.energy-page .energy-section > img { width: 100vw; height: 100%; }
.energy-page .energy-section .section-inner { position: absolute; top: 0; left: 10vw; width: 80vw; }
.energy-page .energy-section .section-inner > .energy-cell { height: 40vw; position: relative; }
.energy-page .energy-section .section-inner > .energy-cell .icon, .energy-page .energy-section .section-inner > .energy-cell .text-content { position: absolute; top: 0; width: 40vw; height: 40vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.energy-page .energy-section .section-inner > .energy-cell .icon { background: url(images/white-dot-pattern-mobile.png) no-repeat center; background-size: contain; }
.energy-page .energy-section .section-inner > .energy-cell .icon > img { max-width: 30vw; max-height: 30vw; }
.energy-page .energy-section .section-inner > .energy-cell .text-content { position: absolute; right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.energy-page .energy-section .section-inner > .energy-cell .text-content .title { font-size: 2.669rem; }
.energy-page .energy-section .section-inner > .energy-cell .text-content .subtitle { font-size: 0.843rem; text-transform: uppercase; }
.energy-page .energy-section .section-inner > .energy-cell:nth-child(even) .icon { right: 0; }
.energy-page .energy-section .section-inner > .energy-cell:nth-child(even) .text-content { right: inherit; }
.energy-page .footer-related .title { color: #15dc94; }

@media (max-width: 480px) {
.energy-page .energy-section { height: 200vw; }
.energy-page .energy-section .section-inner > .energy-cell { height: 100vw; }
.energy-page .energy-section .section-inner > .energy-cell .icon, .energy-page .energy-section .section-inner > .energy-cell .text-content { width: 80vw; }
.energy-page .energy-section .section-inner > .energy-cell .icon { height: 80vw; }
.energy-page .energy-section .section-inner > .energy-cell .icon > img { max-width: 60vw; max-height: 60vw; }
.energy-page .energy-section .section-inner > .energy-cell .text-content { position: absolute; top: 70vw; height: 20vw; }
.energy-page .energy-section .section-inner > .energy-cell .text-content > .title { font-size: 1.12rem; }
.energy-page .energy-section .section-inner > .energy-cell .text-content > .subtitle { font-size: 0.555rem; }
}
.energy-page .energy-grid .title { color: #15dc94; }
.energy-page .energy-grid > .energy-cell { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 4rem; min-height: 50vw; }

@media (max-width: 480px) {
.energy-page .energy-grid > .energy-cell:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.energy-page .energy-grid > .energy-cell:nth-child(2) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
.energy-page .energy-grid > .energy-cell:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.energy-page .energy-grid > .energy-cell:nth-child(4) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
}
.energy-page .energy-grid > .energy-cell .r-btn { position: absolute; background-color: #15dc94; border-radius: 999px; color: #fff; padding: 0.5rem 1rem; bottom: 2.5rem; text-transform: uppercase; }
.energy-page .energy-grid > .energy-cell .r-btn:hover { text-decoration: none; background-color: #44e3a9; }
.energy-page .energy-grid > .energy-cell .title { font-family: 'Raleway-Light'; font-size: 2.625rem; }
.energy-page .energy-grid > .energy-cell .description { font-family: 'NotoSans'; font-size: 1.236rem; }
.energy-page .energy-grid .energy-cell-wind { background-image: url(../css/images/wind.jpg); }

@media (max-width: 480px) {
.energy-page .energy-grid .energy-cell-wind { background-image: url(../css/images/wind-mobile.jpg); }
}
.energy-page .footer-related .image { width: 100%; padding-bottom: 60%; margin-bottom: 1rem; background-size: cover; }
.energy-page .footer-related .title { font-size: 1.6rem; }
.energy-page .footer-related .description { font-family: 'Raleway-Medium'; margin-bottom: 1rem; }
video { background-color: #000; }
.move-page .btn-play { position: relative; display: block; width: 96px; height: 96px; background: url(images/btn-play.png) no-repeat center; }
.move-page .btn-play:hover { background-image: url(images/btn-play-hover.png); }
.move-page .carousel-video { position: relative; }
.move-page .carousel-video .overflow { position: absolute; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; }
.move-page .video-loading .btn-play::after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 96px; height: 96px; background: url(images/btn-play-loading.png) no-repeat center; -webkit-animation: linear 2s infinite rotating; animation: linear 2s infinite rotating; }
.move-page .video-playing .btn-play { background-image: none; }
.move-page .b-sub { width: 30vw; }
.move-page .b-sub .small { font-family: 'Raleway-Light'; }
.move-page .b-sub .theme-btn { display: inline-block; margin-top: 2rem; background-color: #42d7ff; height: 2rem; line-height: 2rem; padding-left: 1rem; padding-right: 1rem; border-radius: 999px; text-align: center; }
.move-page .b-sub .theme-btn:hover { background-color: #68e0ff; }
 .move-page .b-sub::nth-child(even) {
 left: inherit;
 right: 0;
}
.move-page .col { padding-top: 3rem; padding-bottom: 3rem; }
.move-page .col > .title { text-align: center; color: #000; font-family: 'Raleway-Light'; font-size: 2.669375rem; margin-bottom: 2rem; }
.move-page .page-footer { background: #f7f7f7 url(images/dot-pattern-br.png) right bottom no-repeat; background-size: contain; color: #808080; padding-left: 4rem; padding-top: 4rem; padding-bottom: 4rem; padding-right: 50%; font-family: NotoSans; }
.move-page .page-footer > .subtitle { font-family: NotoSans-Bold; font-size: 0.84625rem; }
.move-page .page-footer > .title { font-family: Raleway-Light; color: #000; font-size: 2.669375rem; margin-top: 1rem; margin-bottom: 0.8rem; }
.move-page .page-footer > .description { font-size: 1.236875rem; }

@media (max-width: 480px) {
.move-page .b-carousel .text-content { position: absolute; right: 0; }
.move-page .b-carousel .text-content > .b-sub { width: inherit; color: #fff; }
.move-page .b-carousel .text-content > .b-sub .title { color: #fff; }
.move-page .b-carousel .text-content > .b-sub p { font-size: 0.78125rem; }
.move-page .page-footer { padding-right: 2rem; padding-left: 2rem; padding-top: 2rem; padding-bottom: 30vw; }
.move-page .page-footer .subtitle { display: none; }
.move-page .page-footer .title { font-size: 1.075625rem; }
.move-page .page-footer .description { font-size: 0.5859375rem; }
}
.entopia-page .overflow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.entopia-page .overflow > .sub1 { margin-left: -52px; left: 0; width: 200px; text-align: center; }
.entopia-page .overflow > .sub2 { margin-left: -302px; width: 700px; }
.entopia-page .btn-play { position: relative; display: block; width: 96px; height: 96px; background: url(images/btn-play.png) no-repeat center; }
.entopia-page .btn-play:hover { background-image: url(images/btn-play-hover.png); }
.entopia-page .carousel-video { position: relative; }
.entopia-page .carousel-video .overflow { position: absolute; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; }
.entopia-page .video-loading .btn-play::after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 96px; height: 96px; background: url(images/btn-play-loading.png) no-repeat center; -webkit-animation: linear 2s infinite rotating; animation: linear 2s infinite rotating; }
.entopia-page .video-loading .btn-play, .entopia-page .video-playing .btn-play { background-image: none; }
.entopia-page .video-loading .sub1, .entopia-page .video-loading .sub2, .entopia-page .video-playing .sub1, .entopia-page .video-playing .sub2 { display: none; }
.entopia-page .mail-section { background-color: #6142c5; }
.entopia-page .mail-section > .text-center { color: #fff; }
.wind-page .sub2 { text-align: left; padding-left: 4rem; top: 20vw; }
.wind-page .view-box { padding: 6rem; }
.wind-page .view-box .title { font-family: Raleway-Medium; font-size: 1.25rem; color: #949494; margin-bottom: 2rem; }
.wind-page .view-box .description > ul { margin-left: 6rem; margin-right: 6rem; color: #acacac; }

@media (max-width: 480px) {
.wind-page .view-box .description > ul { margin-left: 0; margin-right: 0; }
}
.wind-page .view-box > img { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.wind-page .view-box + .view-box { margin-top: -2rem; padding-top: 0; }
.wind-page .view-box.view-box-center { padding: 0 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; }
.wind-page .view-box.view-box-center > img { margin-bottom: 4rem; }

@media (max-width: 480px) {
.wind-page .view-box { padding: 1rem; }
.wind-page .view-box + .view-box { margin-top: 0; padding-top: 0; }
}
.wind-page .wind-case { position: relative; }
.wind-page .wind-case .text-content { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0 1rem; }
.wind-page .wind-case .subtitle { font-family: NotoSans-Bold; font-size: 1rem; }
.wind-page .wind-case .title { font-size: 2rem; margin-top: 1rem; margin-bottom: 1rem; }

@media (max-width: 480px) {
.wind-page .wind-case .title { font-size: 1.2rem; }
}
.wind-page .section-economy { background: #000 url(images/economy-bg.jpg) no-repeat top; background-size: cover; color: #fff; padding-top: 6vw; padding-bottom: 6vw; }
.wind-page .section-economy .subtitle, .wind-page .section-economy .title { text-align: center; }
.wind-page .section-economy .subtitle { font-family: NotoSans-Bold; font-size: 1.2rem; }
.wind-page .section-economy .title { font-size: 3.125rem; margin-bottom: 2rem; }
.wind-page .section-economy .economy-item img { margin-bottom: 2rem; }
.wind-page .section-economy .economy-item .description { font-family: 'Raleway-Light'; font-size: 0.87rem; }

@media (max-width: 480px) {
.wind-page .section-economy .title { font-size: 1.6rem; margin-bottom: 1rem; }
.wind-page .section-economy .economy-item { padding-bottom: 2rem; }
}
.wind-page .overflow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.wind-page .overflow.overflow-bottom { left: 15px; bottom: 0; top: auto; width: calc(100% - 30px); height: auto; background-color: rgba(0, 0, 0, 0.4); color: #fff; font-size: 1.125rem; padding: 2rem; }
.wind-page .overflow.overflow-bottom > p:last-child { margin-bottom: 0; }

@media (max-width: 480px) {
.wind-page .overflow.overflow-bottom { background-color: #fff; color: #000; position: static; font-size: 0.875rem; }
}
.wind-page .carousel-item > .overflow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); color: #fff; }
.wind-page .carousel-item > .overflow > .text-content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1vw; }
.wind-page .carousel-item > .overflow > .text-content > .subtitle { font-size: 1.2rem; }
.wind-page .carousel-item > .overflow > .text-content > .title { font-size: 2rem; text-align: center; }
.wind-page .carousel-item > .overflow > .text-content > .description { text-align: center; }

@media (max-width: 480px) {
.wind-page .carousel-item > .overflow > .text-content > .subtitle { font-size: 1.2rem; }
.wind-page .carousel-item > .overflow > .text-content > .title { font-size: 1.4rem; text-align: center; }
}
.solar-page .view-box { padding: 4rem; }
.solar-page .title { font-size: 2rem; line-height: 3rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.solar-page .title:not(:first-child) { margin-top: 4rem; }
.solar-page .description { font-size: 1.5rem; line-height: 2rem; }
.solar-page p { padding-top: 1rem; padding-bottom: 1rem; font-size: 0.9rem; }
.solar-page p + img { margin-top: 4rem; }

@media (max-width: 480px) {
.solar-page .view-box { padding: 1.5rem; }
.solar-page .view-box .title { margin-top: 0; font-size: 1.1rem; line-height: 1.2rem; }
.solar-page .view-box .title.text-purple { line-height: 2rem; }
.solar-page .view-box .description { font-size: 1rem; line-height: 1.1rem; }
.solar-page .view-box p + img { margin-top: 1rem; margin-bottom: 1rem; }
}
.ventures-page .title { font-size: 0.84rem; font-family: NotoSans-Bold; text-align: center; text-transform: uppercase; color: #42d8ff; margin-top: 2.5rem; padding: 1rem 0; }
.ventures-page .description { text-align: center; font-size: 1.236875rem; padding: 1.2rem 0; }
.ventures-page p { text-align: center; font-size: 0.84rem; }
.ventures-page .partnerships { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.ventures-page .partnerships > a { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 1rem; }
.spec-table { position: relative; color: #5e5e5e; font-size: 0.875rem; }
.spec-table .spec-header, .spec-table .spec-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-pack: distribute; justify-content: space-around; }
.spec-table .spec-header > .spec-cell, .spec-table .spec-row > .spec-cell { display: block; -ms-flex-preferred-size: 33%; flex-basis: 33%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; white-space: normal; }
.spec-table .spec-header > .spec-cell:first-child, .spec-table .spec-row > .spec-cell:first-child { color: #949494; padding-right: 10%; }
.spec-table .spec-header { border-bottom: solid 1px #d7d7d7; margin-bottom: 0.5rem; }
.spec-table:before { content: ' '; position: absolute; display: block; left: 30%; top: 3rem; bottom: 1rem; width: 1px; background-color: #d7d7d7; }
.text-body { position: relative; left: 20%; top: 7rem; line-height: 1.25rem; }

@media (max-width: 480px) {
.spec-table:before { display: none; }
}
 @-webkit-keyframes rotating {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes rotating {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

@media (min-width: 768px) {
footer { line-height: 3.625rem;font-size:16px; }
footer .col-md-8 > a { display: inline; white-space: nowrap; }
footer .col-md-4 { text-align: right; }
}

@media (max-width: 967px) {
.overflow > .sub1 { top: calc(40% - 4rem); }
.overflow > .sub2 { font-size: 1.5rem; top: calc(40% - 3rem); }
}

@media (max-width: 667px) {
.overflow > .sub1 { top: calc(40% - 3rem); }
.overflow > .sub2 { font-size: 1.5rem; top: calc(40% - 2rem); }
}
.mobile-block { display: none; }

@media (max-width: 480px) {
.mobile-gray-bg { background-color: #f7f7f7; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.no-mobile { display: none !important; }
.mobile-block { display: block !important; }
.fs-25 { font-size: 1.5rem !important; }
.menubar { position: fixed; background: rgba(56,59,66,0.9);/*êμÏÖFF±3¾°í¸Ã÷￡¬ÎÄ×Ö2»í¸Ã÷*/ height: 2.5625rem; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); z-index: 100; }
.menubar button.hamburger { left: 0.5rem; top: 0.3rem; }
.menubar .menus { top: 2.5625rem; background: rgba(56,59,66,0.9); width: 100%; }
.menubar .menus::before, .menubar .menus::after { display: none; }
.menubar.open > .menus > ul { display: block; }
.menubar.open > .menus > ul > li ul.submenus { display: none; margin-left: 1rem; padding-top: 0; }
.menubar.open > .menus > ul > li.active ul.submenus, .menubar.open > .menus > ul > li:hover ul.submenus { display: block; }
.menubar ul.submenus { padding-top: 1rem; background: rgba(56,59,66,0.9);/*êμÏÖFF±3¾°í¸Ã÷￡¬ÎÄ×Ö2»í¸Ã÷*/ }
.menubar ul.submenus > li { opacity: 1; -webkit-transition-delay: 0s !important; transition-delay: 0s !important; white-space: nowrap; overflow: visible; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #CFD5D8; font-size: 10pt; }
.languages { top: 0.8rem; right: 0.8rem; }
#carouselIndicators { margin-top: 2.5625rem; }
.carousel-btn-primary { font-size: 0.5rem; height: 1.5rem; line-height: 1.5rem; width: 10rem; margin-left: -5rem; font-size-adjust: none; -webkit-text-size-adjust: none; }
.theme-btn { height: 250px; }
.theme-btn > .title { font-size: 1.2rem; }
.overflow .sub1 { font-size: 0.5rem; font-size-adjust: none; top: calc(40% - 3rem); }
.overflow .sub2 { font-size: 1rem; font-size-adjust: none; top: calc(40% - 2rem); }
.overflow-left .sub1, .overflow-left .sub2 { text-align: left; margin-left: 1rem; max-width: 45vw; }
.mail-section > .text-center { font-size: 1.4rem; }
.dot-pattern { background-image: url(images/dot-pattern-mobile.png); height: 140px; }
}
/*# sourceMappingURL=site.css.map */

/*wind page*/
.wind-title { top: 5rem; }
.wind-title h1 { font-size: 2.7rem; line-height: 4.5rem; letter-spacing: 2px; color: #3C3C3C; margin-bottom: 5rem; }
.wind-title h2 { font-size: 1.7rem; letter-spacing: 2px; color: #3C3C3C; top: 10rem; }
.wind-content { position: relative; margin-top: 7rem; width: 50%; left: 25%; text-align: center; }

@media (max-width:480px ) {
.wind-content { text-align: justify; font-size: 0.9rem; line-height: 1.8rem; }
}
.wind-content p { font-size: 1.3rem; line-height: 2.5rem; color: #3C3C3C; letter-spacing: 1.5px; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.wind-content p { font-size: 1.2rem; line-height: 2.4rem; }
}
.wind-line { width: 150px; height: 3px; }
.wind-split-content { margin-top: 5rem; margin-bottom: 5rem; }
.wind-split-content h2 { font-size: 1.7rem; letter-spacing: 2px; color: #3C3C3C; top: 5rem; }
.wind-split-content p { font-size: 1.2rem; line-height: 2.2rem; color: #3C3C3C; letter-spacing: 1.5px; margin-top: 2rem; }
.wind-split-content-numberpic { height: 70%; }
.wind-split-content-descpic { width: 100%; margin-left: -5rem; margin-bottom: 5rem; }
.wind-content-leftsplit { width: 100%; height: 1; background-color: #E6E6E6; margin-top: 2rem; margin-left: -5%; }
.wind-content-topsplit { width: 1px; height: 90%; background-color: #E6E6E6; margin-left: -5%; }
.wind-content-rightsplit { width: 110%; height: 1; background-color: #E6E6E6; margin-left: -20%; margin-top: 2rem; }
.wind-content-bottomsplit { width: 1px; height: 90%; background-color: #E6E6E6; margin-top: -25%; margin-left: -5%; }
.wind-content-leftsplit-bottom { width: 80%; height: 1; background-color: #E6E6E6; margin-top: 2rem; margin-left: 10%; display: none; }
.wind-content-rightsplit-bottom { width: 80%; height: 1; background-color: #E6E6E6; margin-top: 2rem; margin-left: 10%; display: none; }
.wind-content-topsplit-2 { width: 100%; height: 2px; background-color: #E6E6E6; margin-left: -5%; margin-top: 5rem; margin-bottom: 3rem; }

@media (max-width: 480px) {
.wind-title { top: 2rem; }
.wind-title h1 { font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 1.5px; color: #3C3C3C; }
.wind-title h2 { font-size: 1.2rem; letter-spacing: 2px; color: #3C3C3C; top: 10rem; }
.wind-content { position: relative; margin-top: 2rem; width: 80%; left: 10%; }
.wind-content p { font-size: 1rem; line-height: 2rem; color: #3C3C3C; letter-spacing: 1.5px; }
.wind-line { width: 150px; height: 3px; }
.wind-split-content { margin-top: 1rem; width: 90%; margin-left: 5%; }
.wind-split-content h2 { font-size: 1.2rem; line-height: 2rem; letter-spacing: 1.5px; color: #3C3C3C; text-align: center; margin-top: 1rem; }
.wind-split-content p { font-size: 0.7rem; line-height: 1.5rem; color: #3C3C3C; letter-spacing: 1.5px; text-align: justify; }
.wind-split-content-numberpic { display: none; }
.wind-split-content-descpic { width: 90%; margin-left: 1rem; margin-bottom: 2rem; margin-left: 5%; }
.wind-content-leftsplit { width: 80%; height: 1; background-color: #E6E6E6; margin-top: 2rem; margin-left: 10%; }
.wind-content-topsplit { display: none; }
.wind-content-rightsplit { width: 80%; height: 1; background-color: #E6E6E6; margin-top: 2rem; margin-left: 10%; }
.wind-content-bottomsplit { display: none; }
.wind-content-leftsplit-bottom { width: 80%; height: 1; background-color: #E6E6E6; margin-top: 2rem; margin-left: 10%; display: block; }
.wind-content-rightsplit-bottom { width: 80%; height: 1; background-color: #E6E6E6; margin-top: 2rem; margin-left: 15%; display: block; }
.wind-content-topsplit-2 { width: 80%; height: 1px; background-color: #E6E6E6; margin-left: 5%; margin-top: 2rem; margin-bottom: 1rem; }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.wind-title h1 { font-size: 2.5rem; line-height: 4rem; }
.wind-content p { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.1rem; }
.wind-split-content h2 { font-size: 1.5rem; line-height: 2.3rem; letter-spacing: 0.1rem; text-align: justify; word-break: break-all; }
.wind-split-content p { font-size: 1.1rem; line-height: 2.2rem; letter-spacing: 0.1rem; }
.wind-split-content-numberpic { height: 50%; }
.wind-p { margin-top: -50%; }
}
/*----------zhaoli---------------*/
/*storage*/
.content-page { color: #383B42; }
#banner,.bannerw100 { width: 100%; }
.storage-list { width: 70%; margin: 0 auto; padding-top: 10%; padding-bottom: 10%; overflow: hidden; text-align: center; border-bottom: 1px solid #808080; }

@media (max-width: 480px) {
.storage-list-top { margin-top: 7%; }
}
.list-img { width: 100%; }
.storage-list p { margin: 0; margin-top: 7%; font-size: 1.3rem; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.storage-list p { font-size: 1.2rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.storage-list p { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; margin-top: 5%; }
}
.building-storage { padding-top: 10%; padding-bottom: 10%; overflow: hidden; }
.building-storage-tit { text-align: center; font-size: 4.2rem; margin-bottom: 4%; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.building-storage-tit { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.building-storage-tit { font-size: 1.4rem; width: 80%; margin: 0 auto; letter-spacing: 0.1rem; }
}
.building-storage-tit-nei { width: 80%; margin: 0 auto; text-align: center; font-size: 1.3rem; margin-bottom: 2rem; line-height: 3rem; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.building-storage-tit-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.building-storage-tit-nei { text-align: justify; font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; }
}
.building-storage-img1 { width: 60%; margin: 0 auto; text-align: center; }
.building-storage-img2 { width: 55%; margin: 0 auto; font-size: 1.3rem; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.building-storage-img2 { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.building-storage-img2 { width: 55%; margin: 0 auto; font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; }
}
.building-storage-img2-right-img { margin-top: -2%; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.building-storage-img2-right-img { margin-top: -6%; }
}

@media (max-width: 480px) {
.building-storage-img2-right-img { margin-top: -10%; }
}
.building-storage-img2-right { line-height: 1.2rem; font-size: 1.3rem; }

@media (max-width: 480px) {
.building-storage-img2-right { margin-top: 7%; line-height: 1rem; font-size: 0.9rem; }
}
.household-storage-tit { width: 80%; margin: 0 auto; margin-top: 12%; text-align: center; font-size: 4.2rem; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.household-storage-tit { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.household-storage-tit { font-size: 1.4rem; line-height: 2rem; text-align: center; margin-top: 2rem; }
}
.household-storage-nei { width: 80%; margin: 0 auto; margin-top: 4%; margin-bottom: 10%; font-size: 2.4rem; text-align: center; line-height: 2rem; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.household-storage-nei { font-size: 2rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.household-storage-nei { font-size: 1.2rem; line-height: 2rem; margin-top: 3%; letter-spacing: 0.1rem; }
}
.industrial-storage { padding-top: 10%; padding-bottom: 10%; overflow: hidden; }
.industrial-storage-tit { text-align: center; font-size: 4.2rem; margin-bottom: 5%; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.industrial-storage-tit { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.industrial-storage-tit { font-size: 1.4rem; line-height: 2rem; width: 80%; margin: 0 auto; letter-spacing: 0.1rem; }
}
.industrial-storage-nei { width: 80%; margin: 0 auto; text-align: center; font-size: 1.3rem; margin-bottom: 9%; line-height: 2.6rem; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.industrial-storage-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.industrial-storage-nei { letter-spacing: 0.1rem; font-size: 0.9rem; line-height: 1.8rem; text-align: justify; }
}
.industrial-storage-img { width: 70%; margin: 0 auto; text-align: center; }
.prospect-storage-1 { width: 80%; margin: 0 auto; }
.prospect-storage-tit { width: 80%; margin: 0 auto; text-align: center; font-size: 4.2rem; margin-bottom: 5%; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.prospect-storage-tit { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.prospect-storage-tit { font-size: 1.4rem; line-height: 2rem; letter-spacing: 0.1rem; }
}
.prospect-storage-nei { text-align: center; font-size: 1.3rem; margin-bottom: 8%; line-height: 2.5rem; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.prospect-storage-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.prospect-storage-nei { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; text-align: justify; }
}
.prospect-storage-img { text-align: center; width: 40%; margin: 0 auto; }
.storage-bottom { background: #DEDEDE; padding-top: 8%; padding-bottom: 8%; overflow: hidden; margin-top: 3%; }
.storage-bottom-tit { font-size: 4.3rem; text-align: center; margin-bottom: 10%; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.storage-bottom-tit { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.storage-bottom-tit { font-size: 1.4rem; line-height: 2rem; }
}
.storage-bottom-list1 { width: 80%; margin: 0 auto; text-align: center; overflow: hidden; }
.storage-bottom-list1 img { width: 80%; height: 2px; }
.storage-bottom-list1 p { margin: 0; }
.storage-bottom-p1 { font-size: 2.3rem; padding-bottom: 0.5rem; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.storage-bottom-p1 { font-size: 1.8rem; line-height: 2.5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.storage-bottom-p1 { font-size: 1.2rem; line-height: 2rem; padding-bottom: 0.1rem; letter-spacing: 0.1rem; }
}
.storage-bottom-p2 { font-size: 1.3rem; padding-top: 1.5%; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width:1366px) {
.storage-bottom-p2 { font-size: 1.2rem; line-height: 2rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.storage-bottom-p2 { font-size: 0.9rem; padding-top: 0.5%; line-height: 1.8rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.storage-bottom-list { margin-top: 10%; }
}
.storage-bottom-list2 { width: 60%; text-align: center; margin: 0 auto; margin-top: 7%; }

@media (max-width: 480px) {
.storage-bottom-list2 { margin-top: 0; }
}
.storage-bottom-list2 img { width: 80%; height: 2px; }
.storage-bottom-list2 p { margin: 0; }
/*appol*/
.photo-tit1 { padding: 3% 0; width: 80%; margin: 0 auto; text-align: center; font-size: 4.2rem; line-height: 6rem; letter-spacing: 0.3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.photo-tit1 { font-size: 2.5rem; line-height: 3rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.photo-tit1 { padding-top: 5%; font-size: 1.4rem; line-height: 1.5rem; letter-spacing: 0.2rem; text-align: center; }
}
.photo-tit1-nei { width: 80%; margin: 0 auto; text-align: center; font-size: 1.3rem; line-height: 2.6rem; margin-bottom: 3%; letter-spacing: 0.2rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.photo-tit1-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.photo-tit1-nei { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; text-align: justify; }
}
.photo-tit2 { width: 80%; margin: 0 auto; padding: 4% 0; font-size: 4.2rem; text-align: center; letter-spacing: 0.3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.photo-tit2 { padding: 6% 0; font-size: 2.5rem; text-align: center; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.photo-tit2 { font-size: 1.3rem; line-height: 2rem; letter-spacing: 0.1rem; text-align: center; }
}
.photo-tit2-list { width: 70%; margin: 0 auto; overflow: hidden; text-align: center; font-size: 1.3rem; letter-spacing: 0.2rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.photo-tit2-list { font-size: 1.2rem; line-height: 2rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.photo-tit2-list { font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.1rem; }
}
.photo-tit2-list p { margin-top: 6%; }
.photo-tit2-list img { width: 40%; }

@media (max-width: 480px) {
.photo-tit2-list-top { margin-top: 6%; }
}
.photo-button { padding: 6% 0 7% 0; text-align: center; }
.photo-img2 { width: 50%; margin: 0 auto; }
.photo-table { padding: 7% 0 3% 0; text-align: center; font-size: 1.3rem; letter-spacing: 0.2rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.photo-table { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.photo-table { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; }
}

@media (min-width: 1024px) and (max-width: 1366px) {
.photo-table img { width: 25%; }
}

@media (max-width: 480px) {
.photo-table img { width: 30%; }
}
.photo-table p { padding-top: 2%; }
.photo-table1 { width: 80%; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #E6EBF1; }

@media (max-width: 480px) {
.photo-table1 { border-bottom: none; }
}
.photo-table1-left { /*width: 50%;
	float: left;*/
padding-bottom: 3%; border-right: 1px solid #E6EBF1; }

@media (max-width: 480px) {
.photo-table1-left { border-right: none; }
}
.photo-table2 { width: 80%; margin: 0 auto; overflow: hidden; }
.photo-table2-left { /*width: 50%;
	float: left;*/
padding: 3% 0 1% 0; border-right: 1px solid #E6EBF1; }
.photo-table2-right { /*width: 50%;
	float: left;*/
padding: 3% 0 1% 0; }
.photo-advantage { background: #F5F5FA; padding: 5% 0; text-align: center; overflow: hidden; }
.photo-advantage-tit { font-size: 4.2rem; margin-bottom: 3%; }

@media (min-width: 1024px) and (max-width: 1366px) {
.photo-advantage-tit { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.photo-advantage-tit { font-size: 1.4rem; }
}
.photo-advantage-nei { width: 80%; margin: 0 auto; overflow: hidden; margin-bottom: 3%; }
.photo-advantage-nei span { font-size: 1.3rem; line-height: 2.5rem; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width:1366px) {
.photo-advantage-nei span { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.photo-advantage-nei span { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; }
}
.photo-advantage-p { font-size: 3.2rem; margin-bottom: 0.2%; }

@media only screen and (min-width: 1024px) and (max-width:1366px) {
.photo-advantage-p { font-size: 2rem; line-height: 4rem; }
}

@media (max-width: 480px) {
.photo-advantage-p { font-size: 1.3rem; }
}
.photo-advantage-p1 { color: #7c1682; font-weight: 600; font-size: 1.6rem; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.photo-advantage-p1 { font-size: 1.4rem; }
}

@media (max-width: 480px) {
.photo-advantage-p1 { font-size: 1.2rem; margin: 2%; letter-spacing: 0.2rem; }
}
.photo-advantage-p2 { color: #59338f; font-weight: 600; font-size: 1.6rem; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.photo-advantage-p2 { font-size: 1.4rem; }
}

@media (max-width: 480px) {
.photo-advantage-p2 { font-size: 1.2rem; margin-bottom: 2%; letter-spacing: 0.2rem; }
}
.photo-advantage-p3 { color: #31569e; font-weight: 600; font-size: 1.6rem; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.photo-advantage-p3 { font-size: 1.4rem; }
}

@media (max-width: 480px) {
.photo-advantage-p3 { font-size: 1.2rem; margin: 2%; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.photo-advantage-nei-top { margin-top: 6%; }
}
/*digital*/

.digital-tit1 { font-size: 4.2rem; padding: 8% 10% 4% 10%; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-tit1 { font-size: 2.5rem; line-height: 5rem; }
}

@media (max-width: 480px) {
.digital-tit1 { font-size: 1.4rem; }
}
.digital-city-tit { width: 80%; margin: 0 auto; font-size: 3.5rem; margin-top: 3%; letter-spacing: 0.3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-city-tit { font-size: 2rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-city-tit { font-size: 22px; line-height: 2rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.digital-city-logo img { width: 90px; }
}
.digital-city-nei { width: 80%; margin: 0 auto; font-size: 1.3rem; line-height: 2.5rem; margin-top: 3%; letter-spacing: 0.2rem; }
.contact-box{ box-shadow:0 0 2rem #ccc; padding:20px; margin:6rem auto 2rem;font-size: 1.3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-city-nei { font-size: 1.2rem; line-height: 2.4rem; }
}

@media (max-width: 480px) {
.digital-city-nei { width: 80%; margin: 0 auto; font-size: 0.9rem; line-height: 1.8rem; text-align: justify; }
.contact-box{ box-shadow:0 0 2rem #ccc; width: 80%; margin:1rem auto;font-size: 0.9rem; }
}
.digital-city-img { width: 90%; margin: 0 auto; margin-top: 5%; }
.digital-building { padding: 8% 0 7% 0; }

@media (max-width: 480px) {
.digital-building-logo img { width: 60px; }
}
.digital-building-tit { font-size: 3.5rem; margin-top: 3%; letter-spacing: 0.3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-building-tit { font-size: 2rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-building-tit { font-size: 22px; line-height: 2rem; letter-spacing: 0.1rem; }
}
.digital-building-nei { width: 80%; margin: 0 auto; font-size: 1.3rem; line-height: 2.5rem; margin-top: 3%; text-align: center; letter-spacing: 0.2rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-building-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-building-nei { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; text-align: justify; }
}
.digital-building-img { width: 90%; margin: 0 auto; margin-top: 4%; }
.digital-wind-tit { font-size: 3.5rem; margin-top: 3%; letter-spacing: 0.3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-wind-tit { font-size: 2rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-wind-tit { font-size: 22px; line-height: 2rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.digital-wind-logo img { width: 60px; }
}
.digital-wind-nei { width: 80%; margin: 0 auto; font-size: 1.3rem; line-height: 2.5rem; margin-top: 3%; letter-spacing: 0.2rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-wind-nei { font-size: 1.2rem; letter-spacing: 0.2rem; line-height: 2.4rem; }
}

@media (max-width: 480px) {
.digital-wind-nei { font-size: 0.9rem; line-height: 1.8rem; text-align: justify; letter-spacing: 0.1rem; }
}
.digital-wind-img { width: 90%; margin: 0 auto; margin-top: 4%; }
.digital-abol { padding: 8% 0 7% 0; }
.digital-abol-tit { font-size: 3.5rem; margin-top: 3%; letter-spacing: 0.3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-abol-tit { font-size: 2rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-abol-tit { font-size: 22px; line-height: 2rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.digital-abol-logo img { width: 60px; }
}
.digital-abol-nei { width: 80%; margin: 0 auto; font-size: 1.3rem; line-height: 2.5rem; margin-top: 3%; letter-spacing: 0.2rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-abol-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-abol-nei { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; text-align: justify; }
}
.digital-abol-img { width: 90%; margin: 0 auto; margin-top: 4%; }
.digital-physical { padding: 6% 0 8% 0; background: #F7F8F9; }
.digital-physical-1 { width: 80%; margin: 0 auto; }
.digital-physical-list { width: 80%; margin: 0 auto; }
.digital-physical { text-align: center; }
.digital-physical-tit { font-size: 4.2rem; letter-spacing: 0.5rem; text-align: center; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-physical-tit { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-physical-tit { font-size: 1.4rem; line-height: 2rem; letter-spacing: 0.2rem; text-align: justify; }
}
.digital-physical-nei { font-size: 30px; letter-spacing: 0.3rem; line-height: 60px; text-align: center; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-physical-nei { font-size: 2rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-physical-nei { font-size: 1.2rem; line-height: 2rem; letter-spacing: 0.1rem; margin-top: 3%; text-align: center; }
}
.digital-physical-list { width: 70%; margin: 0 auto; margin-top: 6%; }

@media (max-width: 480px) {
.digital-physical-list { font-size: 0.9rem; letter-spacing: 0.1rem; }
}
.digital-physical-list img { width: 50%; }

@media (max-width: 480px) {
.digital-physical-list img { width: 100px; }
}
.digital-physical-list p { margin-top: 5%; font-size: 30px; letter-spacing: 0.3rem; line-height: 60px; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-physical-list p { font-size: 24px; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-physical-list p { font-size: 18px; margin-top: -2%; }
}
.digital-bottom { padding: 8% 0 12% 0; font-size: 3.5rem; letter-spacing: 0.3rem; line-height: 6rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.digital-bottom-tit { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.digital-bottom-tit { font-size: 1.3rem; width: 80%; margin: 0 auto; line-height: 2.5rem; letter-spacing: 0.1rem; }
}
.digital-bottom-img { width: 60%; margin: 0 auto; margin-top: 10%; }

@media (max-width: 480px) {
.digital-physical-list-top { margin-top: 3%; }
}
/*partner*/
.partner-tit { padding: 8% 0 2% 0; }
.partner-1 { width: 80%; margin: 0 auto; }
.tit-1 { font-size: 3.5rem; letter-spacing: 0.3rem; line-height: 6rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.tit-1 { font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.tit-1 { font-size: 1.5rem; letter-spacing: 0.1rem; line-height: 2.5rem; }
}
.tit-2 { font-size: 1.8rem; line-height: 3rem; letter-spacing: 0.3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.tit-2 { font-size: 1.4rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.tit-2 { font-size: 1.2rem; letter-spacing: 0.2rem; line-height: 2.5rem; }
}
.tit-nei { font-size: 1.3rem; line-height: 3rem; letter-spacing: 0.2rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.tit-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.tit-nei { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; text-align: justify; }
}
.partner-nei { text-align: center; line-height: 2.5rem; }

@media (max-width: 480px) {
.partner-nei { text-align: justify; line-height: 1.8rem; }
}
.partner-logo { padding-top: 5%; width: 65%; margin: 0 auto; }
.partner-logo p { margin: 0; margin-top: 5%; }

@media (max-width: 480px) {
.partner-logo p { margin: 0; margin-top: 2%; }
}

@media (min-width: 1024px) and (max-width: 1366px) {
.partner-logo img { width: 45%; }
}

@media (max-width: 480px) {
.partner-logo img { width: 40%; }
}
.partner-logo-left { border-right: 1px solid #E6EBF1; }

@media (max-width: 480px) {
.partner-logo-left { border-right: none; margin-top: 5%; }
}
.partner-logo-center { border-right: 1px solid #E6EBF1; }

@media (max-width: 480px) {
.partner-logo-center { border-right: none; margin-top: 10%; }
}

@media (max-width: 480px) {
.partner-logo-right { margin-top: 5%; }
}
.partner-img { width: 65%; margin: 0 auto; padding: 8% 0 8% 0; }
.partner-table { padding: 0 0 5% 0; }
.partner-table img { width: 10%; height: 2px; margin-top: -3%; }

@media (max-width: 480px) {
.partner-table img { width: 10%; height: 2px; margin-top: -6%; }
}
.partner-table .tit-nei-md { font-size: 1.2rem; line-height: 2.5rem; letter-spacing: 0.1rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.partner-table .tit-nei-md { font-size: 1.1rem; line-height: 2.5rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.partner-table .tit-nei-md { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; text-align: justify; }
}
.partner-table1 { width: 85%; margin: 0 auto; /*overflow: hidden;*/
border-bottom: 1px solid #E6EBF1; }

@media (max-width: 480px) {
.partner-table1 { margin: 0 auto; overflow: hidden; border-bottom: none; }
}
.partner-table1-left { /*width: 50%;
	float: left;*/
padding-bottom: 3%; border-right: 1px solid #E6EBF1; }

@media (max-width: 480px) {
.partner-table1-left { /*width: 50%;
	float: left;*/
border-right: none; margin-top: 5%; }
}

@media (max-width: 480px) {
.partner-table1-right { margin-top: 4%; }
}
.partner-table2 { width: 80%; margin: 0 auto; }

@media (max-width: 480px) {
.partner-table2 { border-bottom: none; }
}
.partner-table2-left { /*width: 50%;
	float: left;*/
padding: 3% 0 1% 0; border-right: 1px solid #E6EBF1; }

@media (max-width: 480px) {
.partner-table2-left { border-right: none; margin-top: 4%; }
}
.partner-table2-right { /*width: 50%;
	float: left;*/
padding: 3% 0 1% 0; }

@media (max-width: 480px) {
.partner-table2-right { margin-top: 4%; }
}
.partner-apply { padding: 6% 0 6% 0; background: #F5F5FA; }
.partner-apply .tit-1 { width: 80%; margin: 0 auto; }
.partner-apply-rule-tit { width: 80%; margin: 0 auto; text-align: center; }

@media (max-width: 480px) {
.partner-apply-rule-tit { text-align: center; }
}
.partner-apply .tit-nei { width: 80%; margin: 0 auto; }
.partner-apply-nei { /*width: 65%;*/
margin: 0 auto; margin-top: 5%; padding: 10% 10% 10% 10%; background: url(../css/images/partner-5.png) no-repeat center; background-size: 80%; }

@media (max-width: 480px) {
.partner-apply-nei { /*width: 65%;*/
margin: 0 auto; margin-top: 5%; padding: 160% 0 150% 0; background: url(../css/images/partner-5-phone.png) no-repeat center; background-size: 35%; }
}
.partner-apply-rule { padding: 6% 0 6% 0; }
.partner-apply-rule-developer { margin-top: 5%; }
.partner-apply-rule-developer-nei { width: 85%; margin: 0 auto; padding: 4% 0 6% 0; box-shadow: 0px 0px 10px 5px #f2f2f2; }
.partner-apply-rule-developer-left-nei { margin-top: 15%; }
.partner-apply-rule-developer-nei span { color: #8A00D3; font-weight: bold; }
.partner-apply-rule-developer-right { margin-top: 3%; }
.partner-apply-rule-developer-right-tit { font-size: 1.4rem; font-weight: bold; }

@media (max-width: 480px) {
.partner-apply-rule-developer-right-tit { font-size: 1.1rem; }
}
.tit-nei-sm { font-size: 1rem; line-height: 2rem; text-align: justify; }

@media (max-width: 480px) {
.tit-nei-sm { font-size: 0.9rem; line-height: 1.5rem; }
}
/*GIC*/

.GIC-tit { padding: 6% 0 3% 0; }
.GIC-tit-1 { width: 80%; margin: 0 auto; font-size: 4.2rem; line-height: 6.5rem; letter-spacing: 0.3rem; text-align: center; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.GIC-tit-1 { font-size: 2.5rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.GIC-tit-1 { font-size: 1.4rem; line-height: 2rem; letter-spacing: 0.1rem; text-align: center; }
}
.GIC-tit-3 { font-size: 2.4rem; letter-spacing: 0.3rem; text-align: center; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.GIC-tit-3 { font-size: 1.8rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.GIC-tit-3 { font-size: 1.1rem; line-height: 1.5rem; letter-spacing: 0.1rem; text-align: center; }
}
.GIC-tit-nei-img { width: 80%; margin: 0 auto; padding: 6% 0 8% 0; }
.GIC-nei { font-size: 1.3rem; line-height: 3rem; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.GIC-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.GIC-nei { font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; }
}
.GIC-tit-nei-img-nei { margin-top: 7%; }

@media (max-width: 480px) {
.GIC-tit-nei-img-nei { text-align: justify; }
}
.GIC-tit-2 { font-size: 3.5rem; font-weight: 0; line-height: 5rem; letter-spacing: 0.3rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.GIC-tit-2 { font-size: 2rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.GIC-tit-2 { font-size: 1.2rem; font-weight: 0; line-height: 2rem; letter-spacing: 0.1rem; }
}
.GIC-dan-tit2 { padding: 1% 0 8% 0; width: 80%; margin: 0 auto; }
.GIC-dan-img { padding: 4% 0 8% 0; }
.GIC-dan-nei { text-align: center; width: 80%; margin: 0 auto; }

@media (max-width: 480px) {
.GIC-dan-nei { text-align: justify; }
}
.GIC-list { width: 80%; margin: 0 auto; text-align: justify; }

@media only screen and (max-width:480px ) {
.GIC-list-p1 { margin-top: 7%; }
}
.GIC-list-2 { padding-top: 3%; }
.GIC-list-3 { margin-top: -7%; }

@media (max-width: 480px) {
.GIC-list-3 { margin-top: 4%; }
}
.GIC-list-3 .GIC-nei { margin-top: 16%; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.GIC-list .GIC-nei { font-size: 1rem; line-height: 1.8rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.GIC-list-3 .GIC-nei { margin-top: 7%; }
}
.GIC-3 { padding: 10% 0 12% 0; }
.GIC-3-img { width: 80%; margin: 0 auto; margin-top: 7%; }
.GIC-4-tit-2 { padding: 5% 0 4% 0; width: 80%; margin: 0 auto; }

@media (max-width: 480px) {
.GIC-4-tit-2 { letter-spacing: 0.1rem; }
}
.GIC-4-nei { padding: 8% 0 10% 0; text-align: center; width: 80%; margin: 0 auto; }

@media (max-width: 480px) {
.GIC-4-nei { text-align: justify; }
}
.GIC-5 { padding: 10% 0 7% 0; }
.GIC-5-tit-2 { padding: 6% 0 6% 0; }

@media (max-width: 480px) {
.GIC-5-tit-2 { padding: 3% 0 3% 0; }
}
.GIC-5-tit-img { width: 80%; margin: 0 auto; }
.GIC-5-nei { padding: 8% 0 0 0; width: 80%; margin: 0 auto; }

@media (max-width: 480px) {
.GIC-5-nei { text-align: justify; }
}
/*-------------- liulin ----------------*/


.content-page { width: auto; height : auto; padding: 0; color: #383B42; }
.content-page-img { width: 100%; height:auto; }
/*energy*/
.energy-mission-header { padding-left: 10%; padding-right: 10%; padding-top: 8rem; font-size: 3.5rem; letter-spacing: 0.3rem; text-align: center; }

@media (max-width: 480px) {
.energy-mission-header { padding-top: 10%; text-align: center; font-size: 1.4rem; letter-spacing: 0.2rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-mission-header { padding-top: 10%; text-align: center; font-size: 2.5rem; line-height: 4rem; letter-spacing: 0.2rem; }
}
.energy-mission-body { padding-left: 10%; padding-right: 10%; padding-top: 5%; font-size: 1.3rem; text-align: center; line-height: 3rem; letter-spacing: 0.2rem; }

@media (max-width: 480px) {
.energy-mission-body { padding-top: 10%; text-align: justify; font-size: 0.9rem; line-height: 1.8rem; letter-spacing: 0.1rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-mission-body { padding-top: 10%; text-align: center; font-size: 1.2rem; line-height: 2.4rem; }
}
.energy-footprint { padding-top: 6%; font-size: 3.5rem; text-align: center; letter-spacing: 0.3rem; padding-left: 10%; padding-right: 10%; background:#fefefe}
.energy-footprint p { padding-bottom: 5%; letter-spacing: 0.3rem; }
.energy-footprint img { width: 100%; }

@media (max-width: 480px) {
.energy-footprint { text-align: center; font-size: 1.2rem; letter-spacing: 0.1rem; }
.energy-footprint p { padding-bottom: 10%; letter-spacing: 0.1rem; }
.energy-footprint img { width: 80%; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-footprint { padding-top: 6%; font-size: 2rem; text-align: center; letter-spacing: 0.2rem; }
}
.energy-layout { padding-top: 5%; padding-left: 10%; padding-right: 10%; }
.energy-layout-header { padding-top: 5%; line-height: 2rem; font-size: 3.5rem; letter-spacing: 0.3rem; }

@media (max-width: 480px) {
.energy-layout-header { padding-top: 20%; line-height: 2rem; font-size: 1.2rem; letter-spacing: 0.2rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-layout-header { padding-top: 5%; line-height: 2rem; font-size: 2.5rem; letter-spacing: 0.3rem; padding-left: 10%; padding-right: 10%; }
}
.energy-layout-body p { padding-top: 5%; padding-bottom: 4rem; font-size: 2rem; text-align: center; letter-spacing: 0.2rem; }

@media (max-width: 480px) {
.energy-layout-body p { padding-top: 10%; padding-bottom: 4rem; font-size: 0.9rem; text-align: justify; line-height: 1.8rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-layout-body p { padding-top: 5%; padding-bottom: 4rem; font-size: 1.5rem; line-height: 2.5rem; text-align: center; letter-spacing: 0.2rem; }
}
.energy-layout-body-img { margin: 0 auto; overflow: hidden; padding-left : 15%; padding-right: 15%; letter-spacing: 0.3rem; }
.energy-layout-body-img img { width: 80% }

@media (max-width: 480px) {
.energy-layout-body-img img { width: 50% }
.energy-layout-body-img p { padding-top: 11%; padding-bottom: 15%; font-size: 0.9rem; text-align: center; line-height: 2rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-layout-body-img p { font-size: 1.2rem; }
}

@media (max-width:480px) {
.energy-layout-body-img p { margin-top: -7%; }
}
.energy-windProject { text-align: center; padding-top: 6rem; }

@media (max-width: 480px) {
.energy-windProject { text-align: center; padding-top: 3rem; }
}
.energy-windProject-header { padding-top: 7%; line-height: 7rem; font-size: 3.5rem; letter-spacing: 0.3rem; padding-left: 10%; padding-right: 10%; }

@media (max-width: 480px) {
.energy-windProject-header { padding-top: 20%; line-height: 2rem; font-size: 1.4rem; letter-spacing: 0.1rem; text-align: center; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-windProject-header { padding-top: 7%; line-height: 4rem; font-size: 2.5rem; letter-spacing: 0.2rem; }
}
.energy-windProject-body { padding-right: 10%; padding-left: 10%; font-size: 1.3rem; line-height: 3rem; letter-spacing: 0.2rem; }

@media (max-width: 480px) {
.energy-windProject-body { padding-top: 10%; padding-bottom: 10%; font-size: 0.9rem; text-align: justify; line-height: 1.8rem; word-wrap: break-word; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-windProject-body { padding-top: 5%; font-size: 1.2rem; line-height: 2.4rem; padding-right: 10%; padding-left: 10%; letter-spacing: 0.15rem; }
}
.energy-windComing { padding-top: 10%; }
.energy-windComing-header { padding-left: 10%; padding-right: 10%; padding-top: 5%; line-height: 2rem; font-size: 3.5rem; letter-spacing: 0.3rem; }

@media (max-width: 480px) {
.energy-windComing-header { padding-top: 12%; line-height: 2rem; font-size: 1.4rem; letter-spacing: 0.2rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-windComing-header { padding-top: 10%; line-height: 5rem; font-size: 2.5rem; letter-spacing: 0.2rem; }
}
.energy-windComing-body { padding-right: 10%; padding-left: 10%; padding-top: 5%; font-size: 1.3rem; line-height: 3rem; letter-spacing: 0.2rem; }

@media (max-width: 480px) {
.energy-windComing-body { padding-top: 5%; padding-bottom: 4%; font-size: 0.9rem; text-align: justify; line-height: 1.8rem; letter-spacing: 0.1rem; word-wrap: break-word; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-windComing-body { padding-top: 5%; font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}
.energy-notAllWind { padding-top: 3%; }
.energy-notAllWind-header { padding-left: 10%; padding-right: 10%; padding-top: 10%; line-height: 2rem; font-size: 3.5rem; letter-spacing: 0.3rem; }

@media (max-width: 480px) {
.energy-notAllWind-header { padding-top: 10%; line-height: 2rem; font-size: 1.4rem; letter-spacing: 0.1rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-notAllWind-header { padding-top: 10%; line-height: 2rem; font-size: 2.5rem; letter-spacing: 0.2rem; }
}
.energy-notAllWind-body { padding-left: 10%; padding-right: 10%; padding-top: 3.5%; padding-bottom: 10rem; font-size: 1.3rem; line-height: 3rem; letter-spacing: 0.2rem; }

@media (max-width: 480px) {
.energy-notAllWind-body { padding-top: 10%; padding-bottom: 10%; font-size: 0.9rem; text-align: justify; line-height: 1.8rem; word-wrap: break-word; letter-spacing: 0.1rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-notAllWind-body { padding-top: 3.5%; padding-bottom: 10rem; font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}
.energy-notAllWind-footer { background-color: #DEDEDE; padding-top: 4%; padding-bottom: 5%; }
.energy-notAllWind-footer-head { padding-left: 10%; padding-right: 10%; padding-top: 3%; line-height: 2rem; font-size: 3.5rem; letter-spacing: 0.3rem; }

@media (max-width: 480px) {
.energy-notAllWind-footer-head { padding-top: 10%; line-height: 3rem; font-size: 1.4rem; letter-spacing: 0.2rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-notAllWind-footer-head { padding-top: 3%; line-height: 5rem; font-size: 2.5rem; letter-spacing: 0.2rem; }
}
.energy-notAllWind-footer-body { padding-top: 5%; width: 70%; margin: 0 auto; overflow: hidden; text-align: center; }
.energy-notAllWind-footer-body-left { float: left; width: 45%; margin-left: 0rem; }
.energy-notAllWind-footer-body-right { float: right; width: 45%; margin-right: 0rem; }
.body-inner-left { font-size: 2rem; letter-spacing: 0.3rem; float: left; }

@media (max-width: 480px) {
.body-inner-left { padding-top: 5%; font-size: 1.2rem; letter-spacing: 0.3rem; float: left; }
}

@media (max-width:1366px) and (min-width:1024px) {
.body-inner-left { font-size: 1.7rem; letter-spacing: 0.3rem; float: left; }
}
.body-inner-right { float: right; }
.body-inner-right img { width: 60%; margin-right: -1rem; }
.body-inner { padding-bottom: 5rem; }
.body-inner p { text-align: justify; font-size: 1.3rem; line-height: 2.5rem; letter-spacing: 0.2rem; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.body-inner p { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.body-inner p { text-align: justify; font-size: 0.9rem; letter-spacing: 0.1rem; line-height: 1.8rem; }
}
.energy-artWind { padding-top: 8%; text-align: center; }
.energy-artWind-header { padding-left: 10%; padding-right: 10%; line-height: 7rem; font-size: 3.5rem; letter-spacing: 0.5rem; }

@media (max-width: 480px) {
.energy-artWind-header { line-height: 2rem; font-size: 1.3rem; letter-spacing: 0.1rem; padding-top: 10%; }
}

@media (max-width: 480px) {
.energy-artWind-header .energy-p { text-align: center; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-artWind-header { line-height: 4rem; font-size: 2.5rem; letter-spacing: 0.2rem; }
}
.energy-artWind-header-al { line-height: 5rem; font-size: 3.5rem; letter-spacing: 0.5rem; padding-left: 10%; padding-right: 10%; }

@media (max-width: 480px) {
.energy-artWind-header-al { padding-top: 10%; line-height: 2rem; font-size: 1.4rem; letter-spacing: 0.1rem; text-align: center; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-artWind-header-al { line-height: 4rem; font-size: 2.5rem; letter-spacing: 0.2rem; }
}
.energy-artWind-body { padding-top: 6%; padding-right: 10%; padding-left: 10%; padding-bottom: 7%; font-size: 1.3rem; line-height: 3rem; letter-spacing: 0.2rem; }

@media (max-width: 480px) {
.energy-artWind-body { padding-top: 10%; padding-bottom: 10%; font-size: 0.9rem; text-align: justify; line-height: 1.8rem; letter-spacing: 0.1rem; word-wrap: break-word; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-artWind-body { padding-top: 6%; padding-bottom: 7%; font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}
.energy-artWind-footer { padding-right: 10%; padding-left: 10%; padding-top: 9%; padding-bottom: 7%; font-size: 1.3rem; line-height: 3rem; letter-spacing: 0.2rem; }

@media (max-width: 480px) {
.energy-artWind-footer { padding-top: 10%; padding-bottom: 10%; font-size: 0.9rem; text-align: justify; line-height: 1.8rem; letter-spacing: 0.1rem; word-wrap: break-word; }
}

@media (max-width:1366px) and (min-width:1024px) {
.energy-artWind-footer { padding-top: 9%; padding-bottom: 7%; font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; padding-right: 10%; padding-left: 10%; }
}
.digital-soft { text-align: center; }
.digital-soft-header { padding-top: 7.6%; font-size: 3.5rem; }
.digital-soft-body { padding-top: 7.6%; }
/*ventures*/
.ventures-create { padding-bottom: 3rem; }
.ventures-create img { width: 8%; }

@media (max-width: 480px) {
.ventures-create img { width: 20%; }
}
.ventures-header { padding-top:7rem; font-size: 3.5rem; letter-spacing: 0.3rem; line-height: 7rem; }

@media (max-width: 480px) {
.ventures-header { padding-top: 5%; font-size: 1.4rem; letter-spacing: 0.1rem; line-height: 2.5rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.ventures-header { padding-top: 5%; font-size: 2.5rem; line-height: 4rem; letter-spacing: 0.2rem; padding-right: 10%; padding-left: 10%; }
}
.ventures-create-headLine { padding-top: 2%; font-size: 3.5rem; letter-spacing: 0.3rem; line-height: 6rem; }

@media (max-width: 480px) {
.ventures-create-headLine { padding-top: -10%; font-size: 1.2rem; letter-spacing: 0.1rem; line-height: 2rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.ventures-create-headLine { margin-top: -3%; font-size: 2rem; letter-spacing: 0.3rem; line-height: 6rem; padding-right: 10%; padding-left: 10%; }
}
.ventures-body { padding-left: 10%; padding-right: 10%; padding-top: 4%; font-size: 1.3rem; line-height: 3rem; letter-spacing: 0.2rem; }
.ventures-body table th{ white-space:nowrap;}
@media (max-width: 480px) {
.ventures-body { padding-top: 6%; padding-left: 0; padding-right: 0; font-size: 0.9rem; line-height: 1.8rem; text-align: justify; word-wrap: break-word; letter-spacing:0; }
}
.windproject-text-left { text-align: center; word-break: break-all; }

@media (max-width:480px) {
.windproject-text-left { text-align: justify; word-break: break-word; }
}

@media (max-width:1366px) and (min-width:1024px) {
.ventures-body { padding-top: 4%; font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.2rem; }
}
.ventures-invest { background-color: #DEDEDE; }
.ventures-invest-body { padding-top: 6%; }
.ventures-invest-body img { width: 13%; }

@media (max-width: 480px) {
.ventures-invest-body img { width: 25%; }
}
/*digital/city*/
.city-1 { width: 80%; margin: 0 auto; }
.city-mobile { padding-top: 10%; padding-bottom: 10%; }
.city-mobile img { width: 100%; }
.city-mobile-text { padding-left: 60px; padding-top: 12%; font-size: 30px; line-height: 3.5rem; text-align: left; letter-spacing: 0.2rem; }
.city-mobile-text p { margin-left: 8%; }
.city-mobile-text-img2 { margin-top: 7%; }

@media (max-width: 480px) {
.city-mobile-text-img2 { width: 10%; text-align: right; }
}

@media (max-width: 480px) {
.city-mobile-text-img1 { width: 10%; text-align: right; }
}

@media (max-width: 480px) {
.city-mobile-text { margin-left: 5%; padding-top: 1%; padding-bottom: 10%; font-size: 1.1rem; line-height: 2.2rem; text-align: justify; padding-left: 5%; padding-right: 10%; letter-spacing: 0.1rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.city-mobile-text { padding-left: 60px; padding-top: 12%; font-size: 30px; line-height: 3.5rem; text-align: left; letter-spacing: 0.2rem; }
}
.city-middle-text { padding: 0 10% 0 10%; padding-top: 10%; padding-bottom: 4%; font-size: 2.5rem; line-height: 5rem; letter-spacing: 0.3rem; text-align: center; }
.city-middle-text img { padding-top: 4%; padding-bottom: 5%; width: 50%; }

@media (max-width: 480px) {
.city-middle-text { padding-top: 20%; /*padding-bottom: 20%;*/
font-size: 1.1rem; text-align: center; line-height: 2.2rem; padding-left: 10%; padding-right: 10%; letter-spacing: 0.1rem; text-align: justify; }
.city-middle-text img { padding-top: 60px; padding-bottom: 60px; width: 280px; }
}

@media (max-width:1366px) and (min-width:1024px) {
.city-middle-text { padding-top: 10%; padding-bottom: 4%; font-size: 1.8rem; line-height: 4rem; letter-spacing: 0.2rem; padding-left: 10%; padding-right: 10%; }
}

@media (max-width:1366px) and (min-width:1024px) {
.city-middle-text img { width: 500px; }
}
.city-solution { padding-top: 10%; padding-bottom: 4%; }
.city-solution-hearder { padding: 0 10% 0 10%; font-size: 3.5rem; letter-spacing: 0.3rem; line-height: 7rem; }

@media (max-width: 480px) {
.city-solution-hearder { font-size: 1.4rem; letter-spacing: 0rem; line-height: 2.5rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.city-solution-hearder { font-size: 2.5rem; letter-spacing: 0.2rem; line-height: 5rem; padding-left: 10%; padding-right: 10%; }
}
.city-solution-body { padding-left: 10%; padding-right: 10%; font-size: 1.3rem; line-height: 3rem; padding-top: 4%; padding-bottom: 4%; letter-spacing: 0.2rem; }

@media (max-width: 480px) {
.city-solution-body { padding-top: 10%; font-size: 0.9rem; line-height: 1.8rem; text-align: justify; word-wrap: break-word; letter-spacing: 0.1rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.city-solution-body { font-size: 1.2rem; line-height: 2.4rem; padding-top: 4%; padding-bottom: 4%; letter-spacing: 0.1rem; padding-left: 10%; padding-right: 10%; }
}
.city-technical { padding-top: 4%; padding-bottom: 8%; }
.city-technical-hearder { font-size: 3.5rem; padding-bottom: 4%; letter-spacing: 0.3rem; }

@media (max-width: 480px) {
.city-technical-hearder { padding-top: 10%; font-size: 1.4rem; padding-bottom: 4%; letter-spacing: 0.1rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.city-technical-hearder { font-size: 2.5rem; padding-bottom: 4%; letter-spacing: 0.2rem; line-height: 5rem; padding-left: 10%; padding-right: 10%; }
}
.city-technical-footer { margin: 0 auto; padding-left : 15%; padding-right: 15%; }
.technical-p1 { padding-top: 5%; font-size: 2rem; }
.technical-p2 { font-size: 1rem; padding-bottom: 5%; }
.city-footer { padding-top: 6%; padding-bottom: 8%; }

@media (max-width: 480px) {
.city-footer { padding-bottom: 120px; padding-top: 80px; }
}
.city-footer-left div { display: inline-block; }
.city-footer-left img { /*width: 100%;*/
 
}

@media (max-width: 480px) {
.city-footer-left img { }
}
.city-footer { width: 80%; margin: 0 auto; }
.city-footer-left-p { padding-left: 7%; }

@media (max-width: 480px) {
.city-footer-left-p { padding-left: 0rem; margin-top: 2rem; }
}
.city-footer-left-p1 { font-size: 2rem; text-align: left; }
.city-footer-left-p2 { text-align: left; font-size: 1rem; color: grey; }

@media (max-width: 480px) {
.city-footer-left-p1 { font-size: 1.4rem; text-align: center; }
.city-footer-left-p2 { text-align: center; font-size: 1rem; color: grey; }
}
.city-footer-but { text-align: right; }

@media (max-width: 480px) {
.city-footer-but { text-align: center; margin-top: 2rem; }
}
/*digital/building*/
.building-stare { padding-left: 10%; padding-right: 10%; padding-top: 8%; font-size: 2rem; padding-bottom: 8%; letter-spacing: 0.2rem; line-height: 4rem; text-align: center; }

@media (max-width: 480px) {
.building-stare { font-size: 1.2rem; padding-bottom: 8%; padding-top: 20%; line-height: 2rem; padding-left: 10%; padding-right: 10%; text-align: justify; }
}

@media (max-width:1366px) and (min-width:1024px) {
.building-stare { padding-top: 8%; font-size: 1.5rem; padding-bottom: 8%; letter-spacing: 0.2rem; line-height: 3rem; padding-right: 10%; padding-left: 10%; }
}
.building-header { padding-left: 10%; padding-right: 10%; padding-top: 10%; font-size: 3.5rem; letter-spacing: 1rem; padding-bottom: 8%; line-height: 7rem; text-align: center; }

@media (min-width: 1024px) and (max-width: 1366px) {
.building-header { font-size: 2.5rem; line-height: 4rem; }
}

@media (max-width: 480px) {
.building-header { padding-top: 10%; font-size: 1.3rem; letter-spacing: 0.2rem; padding-bottom: 15%; padding-left: 10%; padding-right: 10%; line-height: 2.5rem; text-align: center; }
}
.building-header-p { padding-left: 10%; padding-right: 10%; padding-top: 10%; font-size: 3.5rem; letter-spacing: 1rem; padding-bottom: 8%; line-height: 7rem; text-align: center; }

@media (max-width: 480px) {
.building-header-p { padding-top: 10%; font-size: 1.3rem; letter-spacing: 0.2rem; padding-bottom: 15%; padding-left: 10%; padding-right: 10%; line-height: 2.5rem; text-align: center; }
}

@media (max-width:1366px) and (min-width:1024px) {
.building-header-p { font-size: 2.5rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.building-header { padding-top: 10%; font-size: 2.5rem; letter-spacing: 0.2rem; line-height: 5rem; padding-bottom: 8%; line-height: 4rem; padding-right: 10%; padding-left: 10%; }
}
.building-middle { font-size: 3.5rem; letter-spacing: 0.3rem; padding-bottom: 8%; padding: 0 10% 0 10%; padding-top: 10%; }

@media (max-width: 480px) {
.building-middle { padding-top: 20%; font-size: 1.2rem; letter-spacing: 0.2rem; padding-bottom: 8%; }
}

@media (max-width:1366px) and (min-width:1024px) {
.building-middle { padding-top: 10%; font-size: 2rem; letter-spacing: 0.2rem; line-height: 4rem; padding-bottom: 8%; padding-right: 10%; padding-left: 10%; }
}
.building-middle-img { padding-top: 5%; }
.building-middle-img-3 { width: 80%; padding-bottom: 8%; }

@media (max-width: 480px) {
.building-middle-img-1 { padding-top: 5%; width: 50%; }
.building-middle-img-2 { padding-top: 5%; width: 15%; }
}
.city-building-content { padding-bottom: 8%; }
.city-building-content-body { line-height: 2.5rem; margin: 0 auto; padding-bottom: 5%; letter-spacing: 0.2rem; padding-left: 10%; padding-right: 10%; text-align: center; }
.city-building-content-body img { width: 80%; }
.city-building-content-body p { font-size: 1.3rem; letter-spacing: 0.2rem; color: grey; }

@media (max-width: 480px) {
.city-building-content-body p { /*padding-top: 10%;*/
font-size: 0.9rem; letter-spacing: 0.1rem; line-height: 1.8rem; padding-bottom: 15%; text-align: justify; color: grey; }
}

@media (max-width:1366px) and (min-width:1024px) {
.city-building-content-body p { font-size: 1.2rem; letter-spacing: 0.1rem; line-height: 2.4rem; color: grey; padding-right: 10%; padding-left: 10%; text-align: left; }
}

@media (max-width: 480px) {
.city-building-content-body img { width: 100%; }
}
.city-building-footer img { width: 80%; }
.city-building-footer-left { text-align: center; }
.city-building-footer-center { padding-top: 13%; }
.city-building-footer { padding-bottom: 8%; }
.city-building-footer-center img { width: 35%; }
.city-building-footer-right { text-align: center; }

@media (max-width: 480px) {
.city-building-footer-left, .city-building-footer-right { text-align: center; }
.city-building-footer-center { padding-top: 5%; padding-bottom: 15%; }
}
.city-building-footer-left-text, .city-building-footer-right-text { padding-top: 20%; font-size: 1.6rem; }

@media (max-width: 480px) {
.city-building-footer-left-text, .city-building-footer-right-text { padding-top: 10%; padding-bottom: 10%; font-size: 0.9rem; }
}

@media (max-width:1366px) and (min-width:1024px) {
.city-building-footer-left-text, .city-building-footer-right-text { padding-top: 20%; font-size: 1.2rem; }
}
.city-building-footer-left-content { display: inline-block; }
.city-building-footer-border { width: 100%; border: 1px solid #790379; }
.city-building-footer-span { padding-top: 18%; letter-spacing: 0.1rem; }

@media (max-width: 480px) {
.city-building-footer-border { width: 50%; border: 1px solid #790379; margin: 0 auto; }
.city-building-footer-span { padding-top: 10%; padding-bottom: 10%; }
}
/*news*/
.news-monthImg { padding-top: 3%; padding-bottom: 7%; }
.news-monthImg img { width: 8% }

@media (max-width: 480px) {
.news-monthImg img { width: 20%; padding-top: 10%; }
}
.news-headerTitle { padding-left: 10%; padding-right: 10%; font-size: 3.5rem; letter-spacing: 0.3rem; text-align: center; }

@media (max-width: 480px) {
.news-headerTitle { padding-top: 10%; padding-bottom: 15%; padding-left: 10%; padding-right: 10%; text-align: center; font-size: 1.4rem; letter-spacing: 0rem; line-height: 2rem; text-align: center; }
}

@media (max-width:1366px) and (min-width:1024px) {
.news-headerTitle { font-size: 2.5rem; letter-spacing: 0.2rem; line-height: 4rem; }
}
.new-tit-2 { font-size: 1.5rem; letter-spacing: 0.2rem; }

@media (max-width:480px ) {
.new-tit-2 { font-size: 1.2rem; letter-spacing: 0.2rem; text-align: center; }
}
.news-contentText { font-size: 1.3rem; padding-top: 3%; text-align: justify; line-height: 3rem; letter-spacing: 0.2rem; padding-left: 10%; padding-right: 10%; }

@media (max-width: 480px) {
.news-contentText { padding-top: 10%; padding-left: 10%; padding-right: 10%; text-align: justify; font-size: 0.9rem; letter-spacing: 0rem; line-height: 1.8rem; word-break: break-all; }
}

@media (max-width:1366px) and (min-width:1024px) {
.news-contentText { font-size: 1.2rem; padding-top: 3%; text-align: justify; line-height: 2.4rem; letter-spacing: 0.2rem; padding-right: 10%; padding-left: 10%; }
}
.news-midleTitle { font-size: 2.5rem; padding-top: 5%; padding-bottom: 6%; letter-spacing: 0.5rem; padding-left: 10%; padding-right: 10%; }

@media (max-width: 480px) {
.news-midleTitle { font-size: 1.2rem; padding-top: 10%; padding-bottom: 10%; padding-left: 10%; padding-right: 10%; letter-spacing: 0rem; line-height: 2rem; text-align: center; }
}

@media (max-width:1366px) and (min-width:1024px) {
.news-midleTitle { font-size: 2rem; padding-top: 5%; padding-bottom: 6%; letter-spacing: 0.5rem; padding-right: 10%; padding-left: 10%; }
}
.news-li { padding-top: 3%; font-size: 1.3rem; padding-left: 4%; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.news-li { font-size: 1.2rem; letter-spacing: 0.2rem; line-height: 2.4rem; }
}

@media (max-width: 480px) {
.news-li { padding-top: 10%; padding-bottom: 10%; font-size: 1.1rem; padding-left: 4%; padding-right: 10%; }
}
.news-ex-img img { width: 36%; padding-bottom: 4%; }

@media (max-width: 480px) {
.news-ex-img img { width: 100%; }
}

@media (max-width: 480px) {
.news-imges { width: 80%; }
}
.GIC-bottom { margin-top: 3%; }
.GIC-bottom-left { text-align: right; padding-right: 2%; }
.GIC-bottom-right { text-align: left; padding-left: 2%; }

@media (max-width: 480px) {
.GIC-bottom-left { text-align: center; }
.GIC-bottom-right { text-align: center; margin-top: -5%; }
}
.note { font-size: 1rem; word-break: break-all; }

@media (max-width: 480px) {
.note { font-size: 0.8rem; line-height: 1.5rem; word-break: break-all; }
}
/*about*/
.about-tit-1 { font-size: 3.5rem; line-height: 6rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.about-tit-1 { font-size: 2.5rem; line-height: 4rem; letter-spacing: 0.2rem; }
}

@media (max-width: 480px) {
.about-tit-1 { font-size: 1.4rem; line-height: 2rem; }
}
.about-nei { font-size: 1.3rem; line-height: 3rem; }

@media (min-width: 1024px) and (max-width: 1366px) {
.about-nei { font-size: 1.2rem; line-height: 2.4rem; letter-spacing: 0.1rem; }
}

@media (max-width: 480px) {
.about-nei { font-size: 0.9rem; line-height: 1.8rem; }
}
.about-tit1 { width: 80%; margin: 0 auto; padding: 6% 0 3% 0; text-align: center; }

@media (max-width: 480px) {
.about-tit1 { text-align: center; }
}
.about-tit1-nei { width: 80%; margin: 0 auto; text-align: center; padding-bottom: 4%; }

@media (max-width: 480px) {
.about-tit1-nei { text-align: justify; }
}
.about-2-nei { width: 80%; margin: 0 auto; text-align: center; padding: 6% 0; }

@media (max-width: 480px) {
.about-2-nei { text-align: justify; }
}
.about-list1 { background: #D9DCDD; }
.about-list-p { padding: 3%; text-align: justify; }

@media (max-width: 480px) {
.about-list-p { width: 80%; margin: 0 auto; }
}
.about-list-p .text-right { margin-top: 3rem; }
.about2-p { margin-top: 12%; margin-bottom: 5%; }
.about-list-p1 { padding: 1%; display: block; border: 1px solid #383B42; border-radius: 5px; }
.about-list-p-bot { padding: 5% 3% 0 3%; text-align: justify; }

@media (min-width: 1024px) and (max-width: 1366px) {
.about-list-p-bot { padding: 5% 3% 0 5%; text-align: justify; }
}

@media (max-width: 480px) {
.about-list-p-bot { width: 80%; margin: 0 auto; }
}
.about-energy { width: 80%; margin: 0 auto; padding: 8% 0 5% 0; }
.about-energy img { width: 15%; }

@media (max-width: 480px) {
.about-energy img { width: 25%; }
}
.about-energy p { margin-top: 3%; }
.about-energy-nei { width: 80%; margin: 0 auto; text-align: center; }

@media (max-width: 480px) {
.about-energy-nei { text-align: justify; }
}
.about-4 { padding: 6% 0 8% 0; }
.about-bottom { width: 80%; margin: 0 auto; padding-bottom: 6%; padding-top: 5%; }
.about-bottom-nei { margin-top: 5%; padding: 5% 4%; box-shadow: 0px 0px 10px 5px #f2f2f2; letter-spacing: 0rem; line-height: 1.5rem; }
.about-bottom-left p { font-weight: bold; }
.about-bottom-left-left-top p, .about-bottom-left-left-bot p, .about-bottom-left-right-top p, .about-bottom-left-right-bot p { margin-top: -3%; }
.about-bottom-right { text-align: center; }
.about-bottom-right img { width: 50%; }
/*time*/

/* New Timeline style */
.vertical-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
width: 90%; max-width: 1170px; margin: 0 auto; }
.vertical-container::after { /* clearfix */
content: ''; display: table; clear: both; }
#vertical-timeline { position: relative; padding: 0; margin-top: 2em; margin-bottom: 2em; }
#vertical-timeline::before { content: ''; position: absolute; top: 0; left: 14px; height: 100%; width: 4px; background: #f1f1f1; }
.vertical-timeline-content .btn { float: right; }
#vertical-timeline.light-timeline:before { background: #e7eaec; }
.dark-timeline .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; }
.dark-timeline.center-orientation .vertical-timeline-content:before { border-color: transparent transparent transparent #f5f5f5; }
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; }
.dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content { /*background: #f5f5f5;*/
}

@media only screen and (min-width: 1170px) {
#vertical-timeline.center-orientation { margin-top: 3em; margin-bottom: 3em; }
#vertical-timeline.center-orientation:before { left: 50%; margin-left: -2px; }
}

@media only screen and (max-width: 1170px) {
.center-orientation.dark-timeline .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; }
}
.vertical-timeline-block { position: relative; margin: 2em 0; }
.vertical-timeline-block:after { content: ""; display: table; clear: both; }
.vertical-timeline-block:first-child { margin-top: 0; }
.vertical-timeline-block:last-child { margin-bottom: 0; }

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-block { margin: 4em 0; }
.center-orientation .vertical-timeline-block:first-child { margin-top: 0; }
.center-orientation .vertical-timeline-block:last-child { margin-bottom: 0; }
}
.vertical-timeline-icon { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; font-size: 16px; border: 3px solid #f1f1f1; text-align: center; }
.vertical-timeline-icon i { display: block; width: 5px; height: 5px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -9px; }

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-icon { width: 50px; height: 50px; left: 50%; margin-left: -25px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; font-size: 19px; }
.center-orientation .vertical-timeline-icon i { margin-left: -12px; margin-top: -10px; }
.center-orientation .cssanimations .vertical-timeline-icon.is-hidden { visibility: hidden; }
}
.vertical-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 0.25em; padding: 1em; }
.vertical-timeline-content:after { content: ""; display: table; clear: both; }
.vertical-timeline-content p { line-height: 2.5rem; font-size: 1.3rem; letter-spacing: 0.2rem; }
#btn_link a{ font-size:1.3rem;}
#btn_link a:hover{color:#fff;}

@media (max-width: 480px) {
.vertical-timeline-content p { line-height: 1.8rem; font-size: 0.9rem; letter-spacing: 0.1rem; }
#btn_link a{ font-size:1rem;}
}
.vertical-timeline-content .vertical-date { float: left; font-weight: 500; }
.vertical-date small { color: #1ab394; font-weight: 400; }

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; }
.center-orientation .vertical-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; }
.center-orientation .vertical-timeline-content .btn { float: left; }
.center-orientation .vertical-timeline-content .vertical-date { position: absolute; width: 100%; left: 122%; top: 2px; font-size: 14px; }
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content { float: right; }
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; }
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn { float: right; }
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date { left: auto; right: 122%; text-align: right; }
.center-orientation .cssanimations .vertical-timeline-content.is-hidden { visibility: hidden; }
}
.navy-bg { background-color: #A2A2A2; }
.content-box{clear:both;padding:2rem 0;}
.content-box.w80{width:1200px; margin:0 auto;}
.content-box h2{font-size: 3.5rem; line-height: 6rem; letter-spacing: 0.2rem; }
.content-box p{font-size: 1.3rem; line-height: 3rem;}
.content-image img{width:100%; height:auto;}
.contact-wap{ margin:3rem auto;}
.contact-wap h3{line-height: 3rem; }
.contact-wap dl{padding-bottom:10px;}
.contact-wap dt{font-size:1.3rem; line-height:200%;}
.contact-wap dd span{width:3rem;display:inline-block;}
.contact-wap .fengexian{border-bottom:1px dashed #ddd; height:20px; margin-bottom:20px;}
.gupiaobox{ background:url(images/gupiao.jpg); background-size:cover; padding:6rem 0;}
.gupiaobox *{color:#fff; text-shadow:0 0 5px #000}
.gupiaoli{padding:1rem 0; display:inline-block; border-top:2px solid #fff; border-bottom:2px solid #fff;}

@media (min-width: 1024px) and (max-width: 1366px) {
.content-box{clear:both;padding:5rem 0;}
.content-box.w80{width:80%;}
.content-box h2{font-size: 2.5rem; line-height: 4rem; letter-spacing: 0.1rem; }
.content-box p{font-size: 1rem; line-height: 2rem;}
}

@media (max-width: 480px) {
.content-box{clear:both;padding:2rem 0;}
.content-box.w80{width:80%;}
.content-box h2{font-size: 1.2rem; line-height:2rem; letter-spacing: 3px; }
.content-box p{font-size: 0.7rem; line-height: 1.2rem;}
.gupiaoli{padding:1rem 0; display:block; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.gupiaoli:last-child{padding:1rem 0; display:block; text-align:center; border-top:none; border-bottom:1px solid #fff;}
}
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; }
.num { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #666666; background-color: #fff; border: 1px solid #dee2e6; }
.num:hover { color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; }
.num:focus { z-index: 2; outline: 0; }
.num:not(:disabled):not(.disabled) { cursor: pointer; }
.page-item{display: -webkit-box; display: -ms-flexbox; display: flex; }
.page-item:first-child .num { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.page-item:last-child .num { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
.page-item.active .num { z-index: 1; color: #fff; background-color: #000000; border-color: #007bff; }
.page-item.disabled .num { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }
.pagination-lg .num { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }
.pagination-lg .page-item:first-child .num { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .num { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }
.pagination-sm .num { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
.pagination-sm .page-item:first-child .num { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .num { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }
.page-item .curr { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #666666; background-color: #fff; border: 1px solid #dee2e6;color: #fff; background-color: #000000; border-color: #007bff; }
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); }
.scroll-btn { position: absolute; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; bottom:330px; left: 50%; margin-left: -30px; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; width: 60px; height: 40px; background: url('images/arrow-down.png') no-repeat center bottom; background-size: 30px 16px; z-index: 3900; opacity: .8; }.scroll-btn { -webkit-animation: arrows 3.8s infinite; -webkit-animation-delay: 1s; animation: arrows 3.8s infinite; animation-delay: 1s; }@keyframes arrows { 0% {bottom:330px;} 10% {bottom:340px;} 20% {bottom:330px;} 30% {bottom:340px;} 40% {bottom:320px;} 50% {bottom:340px;} 60% {bottom:330px;} 70% {bottom:340px;} 80% {bottom:320px;} 90% {bottom:340px;} 100% {bottom:330px;}}@-webkit-keyframes arrows { 0% {bottom:330px;} 10% {bottom:340px;} 20% {bottom:330px;} 30% {bottom:340px;} 40% {bottom:320px;} 50% {bottom:340px;} 60% {bottom:330px;} 70% {bottom:340px;} 80% {bottom:320px;} 90% {bottom:340px;} 100% {bottom:330px;}}