.channel_content{min-height:300px;}
/* ---------------------------------------- */
.header {position: fixed; top: 0; right: 0; left: 0; z-index: 1001; background-color: rgba(0, 26, 46, 0.7); }
.header:after {content: ' '; display: table; clear: both; }
.header .logo {float: left; margin: 23px 0; }
.header .logo img {display: block; height: 24px; }
.header .searchBox {float: right; margin-top: 17px; position: relative; }
.header .searchBox .searchBackdrop {position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }
.header .searchBox .searchIcon {display: block; width: 30px; text-align: right; font-size: 20px; line-height: 40px; text-decoration: none; }
.header .searchBox .searchInput {width: 70px; overflow: hidden; position: absolute; top: 0; right: 9999px; z-index: 1000; height: 40px; padding-right: 50px; border-radius: 20px; transition: width .5s; }
.header .searchBox .searchInput input {width: 100%; height: 40px; border-radius: 20px 0 0 20px; padding-right: 20px; border: none; color: #000; text-indent: 10px; line-height:40px;}
.header .searchBox .searchInput .searchBtn {position: absolute; right: 0; top: 0; line-height: 40px; text-align: center; width: 70px; background: #ea5514; color: #fff; border-radius: 20px; text-decoration: none;margin: 0; padding: 0; box-shadow: none; outline: none; border: none; }
.header .searchBox .searchInput .searchBtn:hover {background-color: #a43b0e; }
.header .searchBox.show .searchInput {width: 225px; right: 30px; }
.header .searchBox .search-backdrop {z-index: 1; }
.header .navbar-menu {border: none; float: right; margin-top: 5px; width: 40px; padding: 0; font-size: 24px; line-height: 40px; background: none; color: #ea5514; text-align: right; }
.header .stock {float: left; margin: 23px 0 0 20px; line-height: 24px; color: #fff; display: none}
.header .stock span {padding-left: 10px; }
.header .stock span:after {padding-left: 5px; font-family: 'icomoon'; font-size: 18px; line-height: 24px; }
.header .stock span.bull {color: red; }
.header .stock span.bull:after {content: "\e904"; }
.header .stock span.bear {color: green; }
.header .stock span.bear:after {content: "\e902"; }
.header .navi {float: right; margin: 0 20px 0 0; font-size: 16px; line-height: 30px; }
.header .navi > ul {margin: 0; padding: 0; list-style: none; }
.header .navi > ul:after {content: ' '; display: table; clear: both; }
.header .navi > ul > li {float: left; }
.header .navi > ul > li + li {margin-left: 30px; }
.header .navi > ul a:hover, .header .navi > ul a:focus {text-decoration: none; }
.header .navi .subNav {color: #fff; }
.header .navi .subNav h3 {font-size: 16px; line-height: 20px; color: #fff; }
.header .navi .subNav h3 a {color: #fff; }
.header .navi .subNav h3 a:hover {color: #ea5514; text-decoration: none; }
.header .navi .subNav ul {font-size: 14px; line-height: 28px; }

html[lang="zh-CN"] .header .navi > ul > li + li {margin-left: 40px; }

@media (min-width: 992px) {
  .header > .container {position: relative; }
  .header .navi {overflow: hidden; }
  .header .navi > ul > li > a {display: block; position: relative; line-height: 70px; min-height: 70px; }
  .header .navi > ul > li > a.dropdown-toggle:after {content: ' '; display: none; opacity: 0; bottom: 0; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; border-bottom-color: #1c2b3c; border-left-width: 20px; border-right-width: 20px; border-top-width: 15px; border-bottom-width: 15px; margin-left: -15px; transition: opacity 0.5s; }
  .header .navi > ul > li > a.dropdown-toggle [class*="icon-"] {display: none; }
  .header .navi > ul > li:hover, .header .navi > ul > li.show {overflow: inherit; }
  .header .navi > ul > li:hover > a, .header .navi > ul > li.show > a {color: #fff; text-decoration: none; }
  .header .navi > ul > li:hover > a.dropdown-toggle, .header .navi > ul > li.show > a.dropdown-toggle {text-decoration: none; }
  .header .navi > ul > li:hover > a.dropdown-toggle:after, .header .navi > ul > li.show > a.dropdown-toggle:after {opacity: 1; display: block; }
  .header .navi > ul > li:hover .dropdown-menu, .header .navi > ul > li.show .dropdown-menu {display: block; opacity: 1; left: auto; }
  .header .navi > ul > li:hover .dropdown-menu.threeColumns, .header .navi > ul > li.show .dropdown-menu.threeColumns {left: 5%; }
  .header .navi > ul > li:hover .dropdown-menu.twoColumns, .header .navi > ul > li.show .dropdown-menu.twoColumns {left: 15%; }
  .header .navi .dropdown {position: static; }
  .header .navi .dropdown-menu {display: block; width: 30%; opacity: 0; left: -9999px; margin-top: 0; padding: 15px 20px; border: none; font-size: 16px; line-height: 30px; transition: opacity 0.5s; background-color: #1c2b3c; margin-left: -40px; }
  .header .navi .dropdown-menu .subNav {padding: 0 20px; margin-bottom: 5px; }
  .header .navi .dropdown-menu .subNav:last-child {margin-bottom: 0; }
  .header .navi .dropdown-menu .subNav h3 {padding: 9px 0; }
  .header .navi .dropdown-menu .subNav ul {padding-top: 10px; border-top: 1px solid #8e959e; }
  .header .navi .dropdown-menu .subNav .subNav-toggle [class*="icon-"] {display: none; }
  .header .navi .dropdown-menu.threeColumns {width: 90%; margin-left: 0; }
  .header .navi .dropdown-menu.threeColumns .subNav {width: 33.33%; float: left; }
  .header .navi .dropdown-menu.threeColumns .subNav:nth-child(3n+1) {clear: both; }
  .header .navi .dropdown-menu.twoColumns {width: 60%; margin-left: 0; }
  .header .navi .dropdown-menu.twoColumns .subNav {width: 50%; float: left; min-height: 30px; }
  .header .navi .dropdown-menu.twoColumns .subNav:nth-child(2) {float: right; }
  .header .navi .dropdown-menu.subColumns {padding: 15px 0; } .header .navi .dropdown-menu.subColumns .subNav {position: relative; margin-bottom: 0; padding: 0 40px; }
  .header .navi .dropdown-menu.subColumns .subNav h3 {border-bottom: 1px solid #8e959e; }
  .header .navi .dropdown-menu.subColumns .subNav .subNav-toggle {cursor: pointer; }
  .header .navi .dropdown-menu.subColumns .subNav .subNav-toggle [class*="icon-"] {float: right; }
  .header .navi .dropdown-menu.subColumns .subNav .subNav-toggle span.icon-arrow-right {display: block; }
  .header .navi .dropdown-menu.subColumns .subNav .subNav-toggle span.icon-arrow-down {display: none; }
  .header .navi .dropdown-menu.subColumns .subNav:hover .subNav-toggle, .header .navi .dropdown-menu.subColumns .subNav.show .subNav-toggle {color: #ea5514; }
  .header .navi .dropdown-menu.subColumns .subNav:hover ul, .header .navi .dropdown-menu.subColumns .subNav.show ul {display: block; } 
  .header .navi .dropdown-menu.subColumns .subNav:last-child h3 {border-bottom: none; }
  .header .navi .dropdown-menu.subColumns .subNav ul {display: none; width: 100%; margin-left: 1px; position: absolute; left: 100%; top: -15px; background-color: #222222; padding: 15px 40px; border-top: none; line-height: 18px; }
    .header .navi .dropdown-menu.subColumns .subNav ul li {padding: 10px 0; }
    .header .navi .dropdown-menu.subColumns .subNav ul li + li {border-top: 1px solid #8e959e; }
  .header .navbar-collapse {padding-left: 0; padding-right: 0; } 
}
@media (min-width: 1300px) {
  .header .navi .dropdown-menu {width: 22%; } 
}
@media (max-width: 1299px) and (min-width: 992px) {
  .header .stock {margin: 11px 0 0 20px; font-size: 12px; }
  .header .stock span {display: block; padding-left: 0; }
  .header .navi {margin-left: 20px; font-size: 14px; line-height: 30px; }
  .header .navi > ul > li + li {margin-left: 10px; } 
}
@media (max-width: 1121px) and (min-width: 992px) {
  html[lang="zh-CN"] .header .navi > ul > li + li {margin-left: 10px; } 
}
@media (max-width: 991px) {
  .header .logo {margin: 15px 0; }
  .header .logo img {height: 20px; }
  .header .searchBox {margin-top: 5px; }
  .header .searchBox .searchInput {top: 2px; height: 36px; }
  .header .searchBox .searchInput input {height: 36px; }
  .header .searchBox .searchInput .searchBtn {line-height: 36px; }
  .header .mobile-container {max-width: 750px; margin: 0 auto; padding: 0 15px; }
  .header .mobile-container:after {content: ' '; display: table; clear: both; }
  .header .stock {margin: 8px 0; }
  .header .navi {float: none; margin: 0; clear: both; }
  .header .navi > ul > li {float: none; border-top: 1px solid #1c2b3c; line-height: 35px; }
  .header .navi > ul > li.show .dropdown-toggle {display: block; border-top-color: transparent; color: #ea5514; }
  .header .navi > ul > li.show .dropdown-toggle span.icon-arrow-right {display: none; }
  .header .navi > ul > li.show .dropdown-toggle span.icon-arrow-down {display: block; }
  .header .navi > ul > li.show .dropdown-toggle.active {color: #333; }
  .header .navi > ul > li .dropdown-toggle span {float: right; margin-right: 15px; }
  .header .navi > ul > li .dropdown-toggle span.icon-arrow-right {display: block; }
  .header .navi > ul > li .dropdown-toggle span.icon-arrow-down {display: none; }
  .header .navi > ul > li a {display: block; } 
  .header .navi > ul > li + li {margin-left: 0; }
  .header .navi .dropdown-menu {position: static; float: none; padding: 0 15px; background: #222222; box-shadow: none; border: none; }
  .header .navi .dropdown-menu .subNav {border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .header .navi .dropdown-menu .subNav:last-child {border-bottom: none; }
  .header .navi .dropdown-menu .subNav h3 {line-height: 35px; }
  .header .navi .dropdown-menu .subNav h3 a {color: inherit; }
  .header .navi .dropdown-menu .subNav ul {display: none; background: rgba(0, 0, 0, 0.5);
  margin: 0 -15px; padding: 0 15px; }
  .header .navi .dropdown-menu .subNav li {padding: 0; line-height: 35px; }
  .header .navi .dropdown-menu .subNav li + li {border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .header .navi .dropdown-menu .subNav.show {border-bottom: none; }
  .header .navi .dropdown-menu .subNav.show ul {display: block; }
  .header .navi .dropdown-menu .subNav.show .subNav-toggle span.icon-arrow-right {display: none; }
  .header .navi .dropdown-menu .subNav.show .subNav-toggle span.icon-arrow-down {display: block; }
  .header .navi .dropdown-menu .subNav .subNav-toggle span {float: right; }
  .header .navi .dropdown-menu .subNav .subNav-toggle span.icon-arrow-right {display: block; }
  .header .navi .dropdown-menu .subNav .subNav-toggle span.icon-arrow-down {display: none; }
  .header .navi .dropdown-menu a {display: inline-block; }
  .header .show .dropdown-menu {display: block; }
  .header .navbar-collapse {clear: both; position: fixed; z-index: 1001; top: 50px; bottom: 0; left: 0; right: 0; margin: 0; top: 50px; border-top: 1px solid #1c2b3c; background: #000; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); overflow-x: hidden; overflow-y: auto; } 
}
@media (max-width: 767px) {
  .header .mobile-container {padding: 0; }
  .header .stock {font-size: 12px; line-height: 28px; } 
}
/*底部 start*/
.footer {padding: 40px 0; color: #fff; background-color: #111a21; text-align: center; }
.footer .maplinks {margin-bottom: 10px; line-height: 24px; }
.footer .maplinks a {display: inline-block; line-height: 16px; color: inherit; }
.footer .maplinks a:hover {color: #ea5514; text-decoration: none; }
.footer .maplinks a + a {margin-left: 10px; padding-left: 10px; border-left: 1px solid #333; }
.footer .socialbox {/*margin-left: 25px; */margin-bottom: 10px; height: 34px; display:inline-block;}
.footer .members {display: none; }
.footer .copyright {line-height: 20px; opacity: 0.5; }

/*底部分享*/
.socialbox a {display: inline-block; width: 34px; height: 34px; border: 1px solid #fff; border-radius: 50%; font-size: 16px; line-height: 30px; color: #fff; text-align: center; transition: border-color .3s, background-color .3s, color .3s; }
.socialbox a * {font-size: inherit; line-height: inherit; }
.socialbox a:hover {color: #fff; text-decoration: none; }
.socialbox a + a {margin-left: 15px; } 
.socialbox a > span {float: left; width: 100%; line-height: 34px; transition: color .3s; }
.socialbox .jiathis_style_32x32 .jiathis_separator {float: none; margin: 0; text-align: center; }
.socialbox .jiathis_style_32x32 .jiathis_txt {font-size: inherit; line-height: inherit; }
.socialbox .jiathis_style_32x32 .jtico {padding-left: 0 !important; height: auto !important; background: none; }
.socialbox .wechat:hover {border-color: #51c332; background-color: #51c332; }
.socialbox .weibo:hover {border-color: #e6162d; background-color: #e6162d; }
.socialbox .facebook:hover,
.socialbox .jiathis_button_fb:hover {border-color: #3a5898; background-color: #3a5898; }
.socialbox .linkedin:hover,
.socialbox .jiathis_button_linkedin:hover {border-color: #006a9a; background-color: #006a9a; }
.socialbox .twitter:hover, 
.socialbox .jiathis_button_twitter:hover {border-color: #1ab2e8; background-color: #1ab2e8; }
.socialbox .googleplus:hover, 
.socialbox .jiathis_button_googleplus:hover {border-color: #de5246; background-color: #de5246; }
.socialbox .youtube:hover {border-color: #d51616; background-color: #d51616; }
.socialbox .youku:hover {border-color: #2098d5; background-color: #2098d5; }
.socialbox .youku {font-size: 20px; }
@media (min-width: 992px) {
  .footer .dropdown-menu {display: block; opacity: 0; left: -9999px; transition: opacity 0.5s; }
  .footer .dropdown.open .dropdown-menu {opacity: 1; left: 0; } 
}
@media (max-width: 1299px) {
  .footer {font-size: 12px; } 
}
@media (max-width: 991px) {
  .footer {padding: 20px 0; font-size: 12px; }
  .footer .footerLinks {display: inline-block; float: none; margin: 0; }
  .footer .copyright {float: none; clear: both; margin: 5px 0 0; } 
}
@media (max-width: 767px) {
  .footer .maplinks, .footer .socialbox {float: none; margin-left: 0; }
  .footer .maplinks {margin-bottom: 0; }
  .footer .maplinks a + a {border-left: none; }
  .footer .socialbox {margin-bottom: 5px; }
  .footer .socialbox a {float: none; }
  .footer .socialbox .socialIcon:first-child {margin-left: 0; }
  .footer .members {display: none; } 
}
/*底部end*/

/* Country language switch */
.languageSwitch {float: right; margin: 20px 10px 0 0; line-height: 30px; }
.languageSwitch a {display: block; text-decoration: none; }
.languageSwitch .icon-earth {float: left; margin-right: 10px; }
.languageSwitch .dropdown {float: right; }
.languageSwitch .dropdown-toggle .icon-arrow-down {float: right; margin-left: 10px; }
.languageSwitch .dropdown-menu {margin: 0; top: 50px; left: auto; right: -5px; min-width: 45px; border: none; text-align: center; background: #ea5514; }
.languageSwitch .dropdown-menu > li > a {padding: 6px 10px; word-break: keep-all; white-space: nowrap; color: #fff; }
.languageSwitch .dropdown-menu:after {bottom: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; border: 11px solid transparent; margin-left: -11px; border-bottom-color: #ea5514; }
.languageSwitch .dropdown.open .dropdown-toggle {color: #fff; }

@media (min-width: 992px) {
  .languageSwitch .dropdown-menu {display: block; opacity: 0; left: -9999px; right: auto; transition: opacity 0.5s; }
  .languageSwitch .dropdown.open .dropdown-menu {opacity: 1; left: auto; right: -5px; } 
}
@media (max-width: 991px) {
  .languageSwitch {margin: 5px 0; }
  .languageSwitch .dropdown-menu {top: 39px; } 
  }
  .bannerCarousel {overflow: hidden; }
  .bannerCarousel a {color: inherit; text-decoration: none; transition: color .15s; }
  .bannerCarousel a:hover {color: #ea5514; }
  .bannerCarousel .carousel-inner {z-index: 4; }
  .bannerCarousel .carousel-inner img {display: block; width: 100%; }
  .bannerCarousel .carousel-inner > .item {background-position: center; background-repeat: no-repeat; background-size: cover; }
  .bannerCarousel .left-control, .bannerCarousel .right-control {display: block; position: absolute; top: 50%; left: 10px; z-index: 5; width: 70px; height: 70px; margin-top: 0; font-size: 24px; line-height: 70px; text-align: center; background: rgba(255, 255, 255, 0.3); color: #fff; border-radius: 50%; }
  .bannerCarousel .left-control:hover, .bannerCarousel .right-control:hover {color: #fff; }
  .bannerCarousel .right-control {left: auto; right: 10px; }
  .bannerCarousel .dot-nav {position: absolute; left: 0; right: 0; text-align: center; }
  .bannerCarousel .carousel-indicators {bottom: 20px; margin-bottom: 0; }
  .bannerCarousel .carousel-indicators li {width: 16px; height: 16px; margin: 0; border-radius: 50%; background-color: rgba(241, 241, 241, 0.5); border: solid 1px #999999; } 
  .bannerCarousel .carousel-indicators li.active {background-color: #ea5514; border-color: #ea5514; }
  .bannerCarousel .carousel-indicators li + li, 
  .bannerCarousel .carousel-indicators li + li.active {margin-left: 10px; }
  .bannerCarousel .item {height: 600px; height: calc(100vh - 200px); min-height: 350px; overflow: hidden; }
  .bannerCarousel .container {z-index: 20; position: absolute; top: 0; height: 100%; left: 50%; margin-left:-635px;; }
  .bannerCarousel .carousel-caption {position: absolute; top: 50%; left: 15px; right: 15px; bottom: auto; transform: translateY(-50%); margin-top: 35px;margin-top:-93px\9\0;; text-align: center; text-shadow: none; font-size: 20px; line-height: 1.5; }
  .bannerCarousel .carousel-caption.leftAlign {text-align: left; }
  .bannerCarousel .carousel-caption.rightAlign {text-align: right; }
  .bannerCarousel .carousel-caption h3 {font-size: 36px; line-height: 1.5; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); color: #fff; }
  .bannerCarousel .carousel-caption .carouselTlt {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
  .bannerCarousel .carousel-caption h3 + p, .bannerCarousel .carousel-caption h3 + .carouselTlt {margin-top: 10px; }
  .bannerCarousel .carousel-caption p + p {margin-top: 0; } 
  .bannerCarousel .carousel-caption .button {padding: 10px 15px; margin-top: 40px; /*border-radius: 100px;*/ border: 1px solid #fff; font-size: 16px; transition: .3s; }
  .bannerCarousel .carousel-caption .button:hover {background-color: #ea5514; color: #fff; border-color: #ea5514; }
  .bannerCarousel video {z-index: 1; display: block; min-width: 100%; position: absolute; top: 0; left: 0; min-height: 740px; min-height: calc(100vh - 76px); }
  .bannerCarousel .timeProgress {z-index: 1; position: absolute; bottom: 90px; width: 300px; height: 2px; left: 50%; margin-left: -150px; background: rgba(234, 85, 20, 0.5); }
  .bannerCarousel .timeProgress span {display: block; height: 2px; width: 0; background: #ea5514; animation-name: progress; animation-duration: 3s; animation-iteration-count: infinite; }

@media (min-width: 992px) {
  .bannerCarousel .left-control, .bannerCarousel .right-control {display: none; }
  .bannerCarousel:hover .left-control, .bannerCarousel:hover .right-control {display: block; } 
}
@media (max-width: 991px) {
  .bannerCarousel .item {height: 350px; padding-top: 50px; }
  .bannerCarousel .timeProgress {bottom: 40px; }
  .bannerCarousel .carousel-control .icon-arrow-left, 
  .bannerCarousel .carousel-control .icon-arrow-right {width: 50px; height: 50px; font-size: 50px; }
  .bannerCarousel .carousel-caption h3 {font-size: 24px; }
  .bannerCarousel .carousel-caption .button {padding: 10px 20px; font-size: 15px; margin-top: 15px; }
  .bannerCarousel video {min-height: 350px; }
  .bannerCarousel .left-control, .bannerCarousel .right-control {width: 50px; height: 50px; font-size: 17px; line-height: 50px; } 
}
@media (max-width: 767px) {
  .bannerCarousel .carousel-indicators li {width: 12px; height: 12px; }
  .bannerCarousel .container {width: 100%; } 
  .bannerCarousel .carousel-caption {margin-top: 18px; font-size: inherit; left:5%; right: 5%; }
  .bannerCarousel .timeProgress {width: 150px; margin-left: -75px; }
  .bannerCarousel .left-control, .bannerCarousel .right-control {width: 40px; height: 40px; line-height: 40px; }
    .bannerCarousel .container{-webkit-transform: translateX(-50%);
    transform: translateX(-50%); margin-left:0;}
}
/*global*/
.global {padding: 60px 0 50px; overflow: hidden; }
.global h2 {margin-bottom: 40px; line-height: 40px; color: #ea5514; text-align: center; }
.global p {text-align: center; color: #333; font-size: 14px; }
.global .globalList {margin-top: 60px; margin-left: -5px; margin-right: -5px; }
.global .globalList .item {position: relative; float: left; padding: 0 5px; margin-bottom: 10px; }
.global .globalList .item .introBox {overflow: hidden; }
.global .globalList .item .mask {position: absolute; top: 0; left: 5px; right: 5px; bottom: 0; opacity: 0.4; background-color: #001a2e; z-index: 10; transition: opacity .3s; filter: alpha(opacity=40)}
.global .globalList .item img {width: 100%; transition: .3s; }
.global .globalList .item .textIntro {position: absolute; top: 50%; left: 15px; right: 15px; margin-top:-60px; z-index: 11; text-align: center; }
.global .globalList .item .textIntro img {margin-bottom: 30px; width: auto; }
.global .globalList .item .textIntro p {color: #fff; }
.global .globalList .item.half {width: 50%; }
.global .globalList .item.half .textIntro img {width: 84px; }
.global .globalList .item.half .textIntro p {font-size: 18px; height: 50px; }
.global .globalList .item.percent20 {width: 20%; }
.global .globalList .item.percent20 .textIntro img {width: 60px; }
.global .globalList .item.percent20 .textIntro p {font-size: 16px; height: 50px; }
.global .globalList:hover .item .mask {opacity: .7; filter: alpha(opacity=70)}
.global .globalList:hover .item .textIntro {opacity: .5; filter: alpha(opacity=50)}
.global .globalList:hover .item:hover .introBox > img, .global .globalList:hover .item:hover .introBox > a > img {transform: scale(1.1); }
.global .globalList:hover .item:hover .mask {opacity: .5; filter: alpha(opacity=50)}
.global .globalList:hover .item:hover .textIntro {opacity: 1; }

@media (max-width: 991px) {
  .global {padding: 40px 0 30px; }
  .global .globalList {margin-top: 40px; }
  .global .globalList .item .introBox {height: 180px; overflow: hidden; }
  .global .globalList .item .introBox img {height: 100%; }
  .global .globalList .item.percent20 {width: 50%; }
  .global .globalList .item:first-child {width: 100%; }
  .global .globalList .item:first-child .introBox {height: 300px; } 
}
@media (max-width: 767px) {
  .global .globalList .item {float: none; }
  .global .globalList .item .introBox {height: auto; max-height: 400px; height: auto; }
  .global .globalList .item.percent20 {width: 100%; }
  .global .globalList .item.half {width: 100%; }
  .global .globalList .item:first-child {width: 100%; }
  .global .globalList .item:first-child .introBox {height: auto; } 
}
@media (max-width: 480px) {
  .global .globalList .item .introBox {max-height: 240px; }
  .global .globalList .item .textIntro img {margin-bottom: 15px; }
  .global .globalList .item.half .textIntro img {width: 50px; }
  .global .globalList .item.half .textIntro p {font-size: 16px; }
  .global .globalList .item.percent20 .textIntro img {width: 50px; } 
}
/*challenges*/
.challenges {padding: 60px 0; background-color: #e2e2e2; }
.challenges h2 {line-height: 40px; color: #ea5514; text-align: center; }
.challenges .challengesList {position: relative; margin-top: 60px; padding: 0 60px; }
.challenges .challengesList a {display: block; text-decoration: none; }
.challenges .challengesList .item {text-align: center; }
.challenges .challengesList .item:hover .iconBox {background-color: #ea5514; }
.challenges .challengesList .item:hover .iconBox img {display: none; }
.challenges .challengesList .item:hover .iconBox img.hoverShow {display: inline-block; }
.challenges .challengesList .item:hover p {color: #ea5514; }
.challenges .challengesList .iconBox {display: inline-block; padding: 30px; background-color: #fff; border-radius: 50%; margin-bottom: 35px; transition: .3s; }
.challenges .challengesList .iconBox img {display: inline-block; }
.challenges .challengesList .iconBox img.hoverShow {display: none; }
.challenges .challengesList p {font-size: 18px; line-height: 24px; color: #333; transition: .3s; }
.challenges .owl-stage-outer {overflow: hidden; }
.challenges .owl-stage {position: relative; height: 100%; }
.challenges .owl-stage .owl-item {float: left; }
.challenges .owl-stage:after {content: ""; display: table; clear: both; }
.challenges .owl-nav .owl-prev, .challenges .owl-nav .owl-next {position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; line-height: 60px; background-repeat: no-repeat; background-position: center;
cursor: pointer; }
.challenges .owl-nav .owl-prev.disabled, .challenges .owl-nav .owl-next.disabled {opacity: .2; cursor: inherit; }
.challenges .owl-nav .owl-prev {left: 0; background-image: url(../content/arrow_left.png); }
.challenges .owl-nav .owl-next {right: 0; background-image: url(../content/arrow_right.png); }

@media (max-width: 991px) {
  .challenges {padding: 40px 0; } }
/*newsHome*/
.newsHome {padding: 60px 0; color: #333; display: none;}
.newsHome h2 {margin-bottom: 40px; color: #ea5514; line-height: 40px; }
.newsHome .title {display: none; }
.newsHome .items {min-height: 300px; }
.newsHome .items .item {margin-bottom: 30px; }
.newsHome .items .item time {display: block; margin-bottom: 10px; font-size: 14px; color: #666666; }
.newsHome .items .item time span {display: inline; }
.newsHome .items .item h4 {font-size: 16px; height: 26px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .3s; }
.newsHome .items .item h4 a {color: #333; text-decoration: none; transition: .2s; }
.newsHome .items .item h4 a:hover {color: #ea5514; }
.newsHome .items .item p {display: none; }
.newsHome .items .item:last-child {margin-bottom: 0; }
.newsHome .more {display: inline-block; float: right; min-height: 40px; margin-top: 15px; padding: 10px 0; font-size: 16px; line-height: 20px; border-color: #ea5514; color: #ea5514; text-align: center; text-decoration: none; }
.newsHome .more span[class^="icon-"] {float: right; margin-left: 10px; height: 20px; line-height: 24px; }
.newsHome .more:hover {color: #333; }
.newsHome .videoBox {position: relative; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; }
.newsHome .videoBox img {width: 100%; }
.newsHome .videoBox .playBtn {position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; display: block; width: 70px; height: 70px; font-size: 70px; line-height: 1; text-align: center; text-decoration: none; }
.newsHome .videoBox .videoIntro {position: absolute; bottom: 0; left: 0; width: 100%; padding: 9px 0; text-align: center; color: #fff; background:#001A2E;background-color: rgba(0, 26, 46, 0.55); }
.newsHome [class^="col-"]:after {content: ""; display: table; clear: both; }

@media (min-width: 992px) {
  .newsHome .items {height: 320px; }
  .newsHome .items .item p {max-height: 52px; overflow: hidden; }
  .newsHome .videoBox {height: 320px; position: relative; } 
}
@media (max-width: 991px) {
  .newsHome {padding: 40px 0; }
  .newsHome .items .item h4 {height: auto; }
  .newsHome .videoBox {margin-bottom: 0; min-height: 294px; } 
}
.errorPage {position: relative; padding: 90px 0 40px; text-align: center; color: #333; }
.errorPage .content {position: absolute; height: 230px; width: 400px; left: 50%; top: 50%; margin: -115px 0 0 -200px; text-align: center; }
.errorPage h1 {font-size: 115px; font-family: Impact, Arial; line-height: 100%; margin: auto; text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3); letter-spacing: 5px; }
.errorPage h3 {font-size: 16px; margin: 20px auto 30px; text-indent: 1em; }
.errorPage .button {margin-top: 0; }
.errorPage .button:hover {color: #333; border-color: #333; }
@media (min-width: 992px) {
  .errorPage {padding: 140px 0 70px; height: 700px; height: calc(100vh - 178px); } 
} 
@media (max-width: 991px) {
  .errorPage {min-height: calc(100vh - 143px); } 
}
@media (max-width: 767px) {
  .errorPage {min-height: calc(100vh - 128px); display: flex; align-items: center; }
  .errorPage .content {position: static; margin: 0; width: auto; } 
}
/*news list*/
.newsList {margin: 40px 0 60px; }
.newsList .item {margin-bottom: 30px; border-bottom: 1px solid #8e959e; }
.newsList .item:after {content: ' '; display: table; clear: both; }
.newsList .item:last-child {margin-bottom: 0; }
.newsList .item img {display: block; width: 100%; }
.newsList .item .download {display: block; float: right; width: 60px; }
.newsList .item .download img {display: block; width: 100%; }
.newsList .item .itemCaption {margin-right: 45px; padding-bottom: 10px; }
.newsList .item time {display: block; float: right; }
.newsList .item h3 {margin: 0 100px 10px 0; line-height: 1.4; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newsList .item h3 a {color: #333; }
.newsList .item h3 a:hover {color: #ea5514; }
.newsList .item p {max-height: 44px; overflow: hidden; }
.newsList .item .button {margin-top: 0; }
.newsList .item .button:hover {color: #333; }
.newsList .filter {display: inline-block; float: right; margin-top: -80px; }
.newsList .filter .dropdown {float: right; }
.newsList .filter .dropdown button {width: 100%; background: none; height: 40px; padding: 0 10px; border: 1px solid #ea5514; color: #ea5514; font-size: 16px; line-height: 20px; }
.newsList .filter .dropdown button .icon-arrow-down {margin-left: 15px; }
.newsList .filter .dropdown .dropdown-menu {min-width: 0; width: 100%; }
.newsList .filter .dropdown:after {content: " "; display: table; clear: both; }
.newsList .filter .select-group {position: relative; }
.newsList .filter .select-group select {height: 40px; padding: 0 30px 0 15px; border: 1px solid #ea5514; outline: none; appearance: none; user-select: none; font-family: inherit; color: #ea5514; font-size: 16px; background: none; } 
.newsList .filter .select-group i {position: absolute; z-index: -1; display: block; top: 0; right: 15px; color: #ea5514; line-height: 40px; }

.paginationBox {text-align: right; }

.pagination {margin: 30px auto 0; } 
.pagination > li > a,
.pagination > li > span {padding: 10px 15px; background: none; border-color: #8e959e; color: #8e959e; }
.pagination > li > a .icon-arrow-left, 
.pagination > li > span .icon-arrow-left {float: left; margin-right: 10px; }
.pagination > li > a .icon-arrow-right,
.pagination > li > span .icon-arrow-right {float: right; margin-left: 10px; }
.pagination > li:last-child > a, .pagination > li:last-child > span,
.pagination > li:first-child > a, .pagination > li:first-child > span {border-radius: 0; }
.pagination > li > a:hover {position: relative; z-index: 1; color: #fff; background: #ea5514; border-color: #ea5514; }
.pagination > li > span:hover, .pagination > li > span:focus {color:#8e959e; background:none; border-color:#8e959e; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, 
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {opacity: 0.5; background: none; color: #8e959e; border-color: #8e959e; }
.pagination > li > a:focus {background: none; border-color: #8e959e; color: #8e959e; }

@media (max-width: 991px) {
  .newsList .item .download {margin-top: 30px; }
  .newsList .item time {float: none; margin-bottom: 10px; }
  .newsList .item h3 {margin-right: 0; } 
}
@media (max-width: 767px) {
  .newsList {margin: 20px 0 40px; }
  .newsList h1 {margin-top: 20px; }
  .newsList .item {position: relative; }
  .newsList .item .itemCaption {float: none; width: auto; margin-right: 0; }
  .newsList .item .button {font-size: 14px; }
  .newsList .filter {float: none; margin: 0 0 20px; width: 100%; }
  .pagination > li > a,
  .pagination > li > span {padding: 6px 11px; }
  .pagination > li > a [class*="icon-"], 
  .pagination > li > span [class*="icon-"] {margin: 0; padding: 0 3px; } 
}

/*banner*/
.banner {position: relative; height: 580px; overflow: hidden; background-color: #222222; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; color: #fff; }
.banner .container {z-index: 20; position: absolute; height: 100%; left: 50%; margin-left:-635px; }
.banner .caption {z-index: 20; position: absolute; top: 50%; left: 15px; right: 15px; margin-top: -57px; text-align: center; }
.banner .caption.leftAlign {text-align: left; }
.banner .caption.rightAlign {text-align: right; }
.banner .caption h1, .banner .caption h2 {font-size: 36px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

.noBanner {padding-top: 70px; }

.isSearch .inputBox {position: relative; margin-top: 25px; text-align: left; }
.isSearch .inputBox .searchShow {width: 100%; height: 50px; line-height: 50px; padding: 0 60px 0 15px; background-color: #fff; border: none; border-radius: 30px; text-align: left; font-size: 16px; color: #000; } 
.isSearch .inputBox .searchBtn {position: absolute; top: 0; right: 0; line-height: 50px; width: 60px; text-align: center; text-decoration: none; color: #ea5514; font-size: 25px; }

.isVideo {height: 740px; height: 100vh; }
.isVideo h1, .isVideo h2 {width: 100%; float: none; text-align: center; }
.isVideo .videoBtn {display: inline-block; padding: 10px 30px; margin-top: 40px; border-radius: 100px; border: 1px solid #fff; font-size: 21px; text-decoration: none; color: #fff; }
.isVideo .videoBtn .icon-play2 {margin-right: 10px; height: 20px; line-height: 22px; }
.isVideo .videoBtn:hover {border-color: #ea5514; color: #fff; background-color: #ea5514; }
@media (max-width: 1459px) and (min-width: 1300px){
  .banner .container{margin-left:-555px;} 
  .bannerCarousel .container{margin-left:-555px;} 
}

@media (max-width: 991px) {
  .noBanner {padding-top: 50px; }
  .banner {height: 240px; }
  .banner .caption h1, .banner .caption h2 {margin-top: -15px; font-size: 24px; }
  .isSearch .inputBox {margin-top: 15px; }
  .isSearch .inputBox .searchShow {height: 40px; }
  .isSearch .inputBox .searchBtn {line-height: 40px; font-size: 20px; }
  .isVideo {height: 50vh; }
  .isVideo h1, .isVideo h2 {line-height: 42px; }
  .isVideo .videoBtn {margin-top: -15px; } 
}
@media (max-width: 767px) {
  .banner .container {width: 100%; }
  .banner .caption h1, .banner .caption h2 {font-size: 30px; }
  .banner .container {transform: translateX(-50%); margin-left:0;}
  .banner .caption {transform: translateY(-50%); margin-top:20px;}
  .isSearch {margin-bottom: 50px; }
  .isSearch .caption {bottom: 0; transform: none; }
  .isSearch .inputBox {position: absolute; left: 0; width: 100%; margin-top: 0; top: 100%; }
  .isSearch .inputBox .searchShow {height: 50px; background-color: #222222; border-radius: 0; color: #333; }
  .isSearch .inputBox .searchBtn {line-height: 50px; font-size: 25px; }
  .banner .caption h1, .banner .caption h2 {margin-top: -15px; font-size: 24px; } 
}
.breadcrumb {background: none; margin: 40px 0 0; padding: 10px 0; color: rgba(51, 51, 51, 0.7);
line-height: 20px; }
.breadcrumb li + li:before {padding: 0 10px; color: rgba(51, 51, 51, 0.5); }
.breadcrumb a {color: #333; text-decoration: none; }
.breadcrumb a:hover {color: #ea5514; text-decoration: none; }

/* footer Contact*/
.footerContact {position: relative; padding: 30px 0; background: #e2e2e2; color: #333; }
.footerContact h2 {margin-bottom: 20px; color: #ea5514; }
.footerContact .contactInfo p {position: relative; min-height: 28px; padding-left: 40px; font-size: 14px; line-height: 1.625; }
.footerContact .contactInfo p [class*="icon-"] {position: absolute; display: block; width: 28px; text-align: center; left: 0; top: 0; }
.footerContact .contactInfo p + p {margin-top: 5px; }
.footerContact .contactInfo a {color: #333; }
.footerContact .contactInfo a:hover {color: #ea5514; }
.footerContact textarea {height: 205px; }
.footerContact .button {border: 1px solid; padding: 10px 15px; float: right; margin-top: 5px; font-size: 14px; } 
.footerContact .button.disabled, .footerContact .button.disabled:hover, .footerContact .button.disabled:focus {opacity: 0.5; background: none; color: #8e959e; border-color: #8e959e; cursor: not-allowed; }
.footerContact .messageLoading {position: absolute; right: 100px; bottom: 0; height: 50px; }
.footerContact .messageLoading canvas {display: block; float: right; margin-right: 20px; }
.footerContact .messageLoading .success {float: right; margin-top: 5px; margin-right: 20px; line-height: 40px; color: #ea5514; }

@media (max-width: 991px) {
  .footerContact .contactInfo {margin-bottom: 20px; } 
}
@media (max-width: 767px) {
  .footerContact textarea {height: 95px; } 
}

/*newsDetail*/
.newsDetail {margin: 40px 0 60px; position: relative; }
.newsDetail .container {position: relative; } 
.newsDetail .col-md-9 {position: static; }
.newsDetail div .titleBox {margin: 0 0 60px; }
.newsDetail .titleBox {padding-bottom: 20px; border-bottom: 1px solid #8e959e; }
.newsDetail .titleBox a {text-decoration: none; }
.newsDetail .titleBox .backBtn {position: absolute; bottom: 100%; right: 0; }
.newsDetail .titleBox h1, .newsDetail .titleBox h2{clear:both; margin:0 0 10px; line-height:1.4; text-align:left; }
.newsDetail .titleBox .articleInfo {display: inline-block; }
.newsDetail .titleBox .time {display: inline-block; float: left; line-height: 34px; vertical-align: top; }
.newsDetail .titleBox .socialbox {display: inline-block; float: left; margin-left: 20px; }
.newsDetail .titleBox .socialbox a {float: left; color: #333; border-color: #333; }
.newsDetail .titleBox .socialbox a:hover {color: #fff; }
.newsDetail .titleBox .socialbox a.wechat:hover {border-color: #51c332; background-color: #51c332; }
.newsDetail .titleBox .socialbox a.weibo:hover {border-color: #e6162d; background-color: #e6162d; }
.newsDetail .titleBox .socialbox a.facebook:hover, .newsDetail .titleBox .socialbox a.jiathis_button_fb:hover {border-color: #3a5898; background-color: #3a5898; }
.newsDetail .titleBox .socialbox a.linkedin:hover, .newsDetail .titleBox .socialbox a.jiathis_button_linkedin:hover {border-color: #006a9a; background-color: #006a9a; }
.newsDetail .titleBox .socialbox a.twitter:hover, .newsDetail .titleBox .socialbox a.jiathis_button_twitter:hover {border-color: #1ab2e8; background-color: #1ab2e8; }
.newsDetail .titleBox .socialbox a.googleplus:hover, .newsDetail .titleBox .socialbox a.jiathis_button_googleplus:hover {border-color: #de5246; background-color: #de5246; }
.newsDetail .titleBox .socialbox a.youtube:hover {border-color: #d51616; background-color: #d51616; }
.newsDetail .titleBox:after {content: ""; display: table; clear: both; }
.newsDetail .txtBox img {display: block; margin: 30px auto 10px; }
.newsDetail .txtBox img + p {text-indent: none; text-align: center; }
.newsDetail .original {margin-top: 40px; }
.newsDetail .original a:hover {text-decoration: none; color: #333; }

.CN .txtBox p {text-indent: 2em; }

.recommended {background: #222222; padding: 15px; color: #fff; }
.recommended time {display: block; color: rgba(255, 255, 255, 0.7); }
.recommended h2 {padding-bottom: 15px; font-size: 16px; border-bottom: 1px solid #8e959e; }
.recommended h3 {font-size: 14px; line-height: 22px; max-height: 44px; overflow: hidden; }
.recommended ul {margin-top: 15px; }
.recommended li + li {margin-top: 15px; }
.recommended a {color: #fff; }
.recommended a:hover {color: #ea5514; text-decoration: none; }

@media (max-width: 991px) {
  .newsDetail .titleBox {margin-bottom: 40px; } 
  .newsDetail .titleBox h2 {margin: 0 0 20px; }
  .recommended {margin-top: 40px; } 
}
@media (max-width: 767px) {
  .newsDetail {margin-top: 20px; }
  .newsDetail div .titleBox {margin: 0 0 40px; }
  .newsDetail .titleBox .backBtn {position: static; float: left; margin: 0 0 20px; }
  .newsDetail .titleBox .time {float: none; }
  .newsDetail .titleBox .socialbox {display: block; float: none; margin: 0; }
  .newsDetail .original a {display: block; } 
}

/*上下条*/
.newsDetail .n_right { width:265px; }
.newsDetail ._detailPage_bottom li strong,.newsDetail ._detailPage_bottom li span,.newsDetail ._detailPage_bottom li a{ display:block;}
.newsDetail ._detailPage_bottom{margin-top:45px; border:#ddd 10px solid; }
.newsDetail ._detailPage_bottom ul{padding:10px 7%;}
.newsDetail ._detailPage_bottom li ._mark{ padding-bottom:8px; font-size:19px; font-weight:bold; color:#000000; }
.newsDetail ._detailPage_bottom ._date{ height:30px; line-height:30px; margin-bottom:7px; font-family:Arial; font-size:13px; color:#676767; }
.newsDetail ._detailPage_bottom ._date .iconfont { font-size:20px; height:30px; vertical-align:-2px; margin-left:0;}
.newsDetail ._detailPage_bottom li ._title:hover { color:#5c5c5c; }
.newsDetail ._detailPage_bottom li ._title { font-size:16px; font-weight:bold; color:#5c5c5c; }
.newsDetail ._detailPage_bottom li { padding: 27px 0; }
.newsDetail ._detailPage_bottom li._prev{ border-bottom:1px #ececec solid; }
/*searchList*/
.searchList {margin: 40px 0 60px; }
.searchList .item {position: relative; margin-bottom: 30px; padding: 0 140px 30px 0; border-bottom: 1px solid #8e959e; }
.searchList .item:last-child {margin-bottom: 0; }
.searchList .item h3 {display: block; line-height: 1.4; }
.searchList .item h3 a {color: #333; transition: none; }
  .searchList .item h3 a:hover {color: #ea5514; text-decoration: none; }
.searchList .item .button {position: absolute; top: -6px; right: 0; margin: 0; }
.searchList .item .button:hover {color: #333; }

@media (max-width: 991px) {
  .searchList .item {padding: 0 0 10px; }
  .searchList .item .button {position: static; max-width: none; } 
}
@media (max-width: 767px) {
  .searchList {margin: 40px 0; } 
}
/*videoList*/
.videoList {margin: 40px 0 60px; color: #fff; }
.videoList .videoItem {padding: 0 30px 30px; margin-bottom: 40px; background-color: #e2e2e2; color: #333; }
.videoList .videoItem .imgBox {position: relative; display: block; margin: 0 -30px 20px; height: 220px; }
.videoList .videoItem .imgBox img {display: block; width: 100%; min-height: 90px; height: 100%; }
.videoList .videoItem .imgBox .playBtn {position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; display: block; width: 70px; height: 70px; font-size: 70px; line-height: 1; text-align: center; text-decoration: none; }
.videoList .videoItem time {display: block; margin-bottom: 8px; }
.videoList .videoItem h3 {font-size: 16px; line-height: 1.625; height: 52px; overflow: hidden; }
.videoList .filter {float: right; margin-top: -80px; font-size: 16px; line-height: 18px; }
.videoList .filter:after {content: " "; display: block; clear: both; } 
.videoList .filter .videoCategory {float: right; }
.videoList .filter .videoCategory li {float: left; border: 1px solid #ea5514; } 
.videoList .filter .videoCategory li a {display: block; padding: 10px 15px; color: #ea5514; text-decoration: none; }
.videoList .filter .videoCategory li:last-child {border-left: none; }
.videoList .filter .videoCategory li:hover, .videoList .filter .videoCategory li:hover a {color: #333; }
.videoList .filter .videoCategory li.active {background-color: #ea5514; color: #333; }
.videoList .filter .videoCategory li.active a {color: #fff; }
.videoList .filter .videoCategory:after {content: ""; display: table; clear: both; }

@media (max-width: 1299px) {
  .videoList .videoItem .imgBox {height: 172px; } 
}
@media (max-width: 991px) {
  .videoList .videoItem .imgBox {height: auto; }
  .videoList .videoItem .imgBox img {height: auto; }
  .videoList [class="col-md-4"]:last-child .videoItem {margin-bottom: 0; } 
}
@media (max-width: 767px) {
  .videoList {margin: 20px 0 40px; }
  .videoList .filter {float: none; margin: 0 0 20px; width: 100%; } 
}
/*brandList*/
.imgList h3 {padding-bottom: 15px; border-bottom: 1px solid #8e959e; color: #ea5514; }
.imgList .item {margin-top: 20px; text-align: center; } 
.imgList .item a {display: block; text-decoration: none; }
.imgList .item a img {display: block; width: 100%; margin-bottom: 15px; }
.imgList .item a span {line-height: 1.25; }
.imgList .item a:hover {color: #333; }
.imgList .row + h3 {margin-top: 40px; }

@media (min-width: 992px) {
  .imgList .col-md-3:nth-child(4n+1) {clear: left; } 
}
@media (min-width: 768px) {
  .imgList .row {margin-left: -10px; margin-right: -10px; }
  .imgList [class*="col-"] {padding-left: 10px; padding-right: 10px; } 
}
@media (max-width: 991px) {
  .imgList .item a p {max-width: none; overflow: visible; }
  .imgList .col-xs-6:nth-child(2n+1) {clear: left; } 
}
/*articleList*/
.articleList .item {margin-bottom: 40px; border: none; }
.articleList .item:after {content: ' '; display: table; clear: both; }
.articleList .item img {display: block; width: 100%; }
.articleList .item .imgBox {position: relative; display: block; width: 20%; float: left; padding-right: 40px; }
.articleList .item .imgBox .commitmentDetail {position: absolute; display: inline-block; width: 60px; height: 60px; bottom: 0; right: 40px; font-size: 30px; line-height: 2; text-align: center; text-decoration: none; color: rgba(34, 34, 34, 0.8); } 
.articleList .item .itemCaption {width: 80%; margin-left: 20%; }
.articleList .item .artlcleType {float: right; }
.articleList .item h3 {margin-bottom: 10px; color: #ea5514; }

@media (max-width: 991px) {
  .articleList .item .imgBox {width: 35%; }
  .articleList .item .itemCaption {width: 65%; margin-left: 35%; } 
}
@media (max-width: 767px) {
  .articleList .item .imgBox {float: none; width: auto; margin-bottom: 20px; padding-right: 0; }
  .articleList .item .imgBox .commitmentDetail {right: 0; }
  .articleList .item .itemCaption {float: none; width: auto; margin-left: 0; } 
}
/*subPage*/
.subPage {position: relative; overflow: hidden; }
.subPage .wrapper {width: 70%; margin: 0 auto; }
.subPage h2 {font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.subPage h3 {color: #ea5514; } 
.subPage h3 + p {margin-top: 20px; }
.subPage p + h3, .subPage ul + h3 {margin-top: 40px; }
.subPage ul + p {margin-top: 10px; }
.subPage ul {margin-top: 20px; }
.subPage ul li {position: relative; padding: 0 20px; }
.subPage ul li:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: 8px 0 0 5px; border-radius: 50%; background-color: #ea5514; }
.subPage ul li + li {margin-top: 5px; }
.subPage ul.halfLi li {width: 50%; float: left; }
.subPage ul.halfLi li:nth-child(2n+1) {clear: left; }
.subPage ul.halfLi:after {display: table; content: ""; clear: both; }
.subPage ul.threeLi li {width: 33.333%; float: left; }
.subPage ul.threeLi li:nth-child(3n+1) {clear: left; }
.subPage ul.threeLi:after {display: table; content: ""; clear: both; }
.subPage ul.inlineStyle li {display: inline-block; padding-right: 0; }
.subPage ol {padding: 0 0 0 20px; margin-top: 20px; }
.subPage ol li {list-style: outside decimal; }
.subPage ol li + li {margin-top: 5px; }
.subPage .bdBottom {border-bottom: 1px solid #8e959e; }
.subPage .textList {margin-bottom: 60px; }
.subPage .textList .item {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #8e959e; } 
.subPage .textList .item:last-child {margin-bottom: 0; }
.subPage .articleList .item {padding-bottom: 0; }
.subPage .articleList .item:last-child {padding-bottom: 0; margin-bottom: 0; }
.subPage .bgImg {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

@media (max-width: 991px) {
  .subPage .wrapper {padding: 0; width: 100%; }
  .subPage ul.halfLi li {width: 100%; float: none; }
  .subPage ul.threeLi li {width: 100%; float: none; } 
}
@media (max-width: 767px) {
  .subPage h2 {margin-bottom: 40px; }
  .subPage .textList {margin-bottom: 40px; }
  .subPage + .tabs {margin-top: -40px; }
  .subPage ul.inlineStyle li {display: block; padding-right: 40px; } 
}
/*tab*/
.tabs {background-position: center; background-repeat: no-repeat; background-size: cover; height: auto !important; width: auto !important;}
.tabs h2 {font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.tabs .tab-pane-tlt {font-size: 18px; margin-bottom: 0; }
.tabs.isBg {padding: 60px 0; margin-bottom: 0; }
.tabs.isBg .tableItem {background-color: rgba(28, 43, 60, 0.7); color: #fff; }
.tabs.isBg .tableItem > .row:nth-child(2n+1) {background-color: rgba(17, 26, 33, 0.5); }
.tabs.isBg .tabBox .tab-pane > .businessAreaCase {color: #fff; }
.tabs.isBg .tabBox .nav-tabs > li > a {color: #aaa; }
.tabs.isBg .tabBox .nav-tabs > li > a:hover {color: #ea5514; border-color: #ea5514; }
.tabs.isBg .tabBox .nav-tabs > li.active > a {color: #fff; }
.tabs.isBg .tabBox .nav-tabs > li.active > a:hover {color: #fff; border-color: #ea5514; }
.tabs .btn-group, .tabs .btn-group-vertical {vertical-align: top; }
.tabs.productDetailTab .tabBox .nav-tabs > li > a {border-radius: 0; }

.tabBox .articleList {margin-bottom: 0; }
.tabBox .articleList .item {position: relative; padding: 0; margin-bottom: 0; margin-top: 30px; border: none; }
.tabBox .articleList .item .imgBox {width: 25%; }
.tabBox .articleList .item .itemCaption {width: 75%; margin-left: 25%; }
.tabBox .tab-content ul + p {margin-top: 10px; }
.tabBox .tab-content ul {margin-top: 20px; }
.tabBox .tab-content ul li {position: relative; padding: 0 20px; }
.tabBox .tab-content ul li:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: 8px 0 0 5px; border-radius: 50%; background-color: #ea5514; }
.tabBox .tab-content ul li + li {margin-top: 5px; }
.tabBox .tab-content ul.halfLi li {width: 50%; float: left; }
.tabBox .tab-content ul.halfLi li:nth-child(2n+1) {clear: left; }
.tabBox .tab-content ul.halfLi:after {display: table; content: ""; clear: both; }
.tabBox .tab-content ul.inlineStyle li {display: inline-block; padding-right: 0; }
.tabBox .tab-content ol li + li {margin-top: 5px; }
.tabBox .tab-content .container {width: auto; padding: 0; }
.tabBox .tab-content .titleBox .container {padding: 0; width: 100%; }
.tabBox .tab-content h3 + p, 
.tabBox .tab-content h4 + p, 
.tabBox .tab-content h3 + ul, 
.tabBox .tab-content h4 + ul {margin-top: 20px; }
.tabBox .history .tabItem .subTlt {background-color: #111a21; color: #fff; }
.tabBox .history.leftTree .timeline .treeItem {color: #fff; }
.tabBox .history.leftTree .timeline .treeItem .subComponnet {background-color: #111a21; }
.tabBox .history.leftTree .timeline .treeItem .subComponnet .businessAreaCase {background-color: #111a21; }
.tabBox .history.leftTree .timeline .treeItem .subComponnet .businessAreaCase .items .item .textBox::before {border-right-color: #111a21; }
.tabBox .history.leftTree .timeline .treeItem .subComponnet .businessAreaCase .items .item:nth-child(2n) .textBox::before {border-right-color: transparent; border-left-color: #111a21; }
.tabBox .history.leftTree .timeline .treeItem .subComponnet:after {border-right-color: #111a21; }
.tabBox .history.leftTree .timeline .treeItem .locationCircle {background-color: #111a21; }
.tabBox .btn-group {margin-bottom: 40px; }
.tabBox .btn-group button {position: relative; margin: 0; border: none; padding: 11px 60px 11px 15px; border-radius: 0; background-color: #1c2b3c; color: #fff; font-size: 14px; line-height: 20px; text-align: left; }
.tabBox .btn-group button img {position: absolute; height: 42px; right: 0; top: 0; }
.tabBox .btn-group .dropdown-menu {min-width: 100%; padding: 0; background-color: #1c2b3c; }
.tabBox .btn-group .dropdown-menu li {margin: 0; width: 100%; }
.tabBox .btn-group .dropdown-menu li a {padding: 8px 20px; color: #fff; border: none; }
.tabBox .btn-group .dropdown-menu li + li a {border-top: 1px solid #fff; }

.tabBox .nav-tabs,
.contact .nav-tabs {border: none; text-align: center; margin-top: 0; margin-bottom: 30px; }
.tabBox .nav-tabs.text-left,
.contact .nav-tabs.text-left {text-align: left; }
.tabBox .nav-tabs > li,
.contact .nav-tabs > li {float: none; display: inline-block; margin-right: 20px; margin-bottom: 10px; }
.tabBox .nav-tabs > li > a,
.contact .nav-tabs > li > a {margin: 0; border: 1px solid #aaa; border-radius: 100px; background-color: transparent; color: #333; font-size: 14px; line-height: 20px; padding: 10px 20px; } 
.tabBox .nav-tabs > li:last-child, 
.contact .nav-tabs > li:last-child {margin-right: 0; }
.tabBox .nav-tabs > li > a:hover, .tabBox .nav-tabs > li > a:focus,
.contact .nav-tabs > li > a:hover,
.contact .nav-tabs > li > a:focus {border-color: #ea5514; color: #ea5514; background: none; }
.tabBox .nav-tabs > li.active > a, .tabBox .nav-tabs > li.active > a:hover, .tabBox .nav-tabs > li.active > a:focus,
.contact .nav-tabs > li.active > a,
.contact .nav-tabs > li.active > a:hover,
.contact .nav-tabs > li.active > a:focus {border-color: #ea5514; background-color: #ea5514; color: #fff; }
.tabBox .nav-tabs > li:before,
.contact .nav-tabs > li:before {display: none; }

.tab-pane-tlt {display: none; padding: 10px 0; border-bottom: 1px solid #ccc; color: #ea5514; font-size: 16px; }
.tab-pane-tlt span {float: right; }
.tab-pane-tlt .icon-arrow-down {display: none; }
.tab-pane-tlt.open .icon-arrow-right {display: none; }
.tab-pane-tlt.open .icon-arrow-down {display: block; }

.activityImgList {position: relative; text-align: center; }
.activityImgList img {display: block; width: 100%; margin: 20px 0 10px; }
.activityImgList .imgWrapper {position: relative; }
.activityImgList .imgWrapper img {margin-bottom: 0; }
.activityImgList .imgWrapper span {display: block; position: absolute; left: 0; bottom: 0; max-height: 100%; width: 100%; padding: 9px 15px; background-color: rgba(34, 34, 34, 0.8); color: #fff; }

@media (min-width: 992px) {
  .activityImgList .row {margin-left: -10px; margin-right: -10px; }
  .activityImgList [class*="col-"] {padding-left: 10px; padding-right: 10px; }
  .activityImgList .col-md-3:nth-child(4n+1) {clear: left; } 
}
@media (max-width: 991px) and (min-width: 768px) {
  .activityImgList .row {margin-left: -10px; margin-right: -10px; }
  .activityImgList [class*="col-"] {padding-left: 10px; padding-right: 10px; }
  .activityImgList .col-sm-6:nth-child(2n+1) {clear: left; } 
}
@media (max-width: 991px) {
  .activityImgList .col-xs-6:nth-child(2n+1) {clear: left; }
  /*.tabBox .nav-tabs {display: none; }*/
  .tab-pane-tlt {display: block; }
  .tabs .tab-pane-tlt {margin-bottom: 0; }
  .tabs .table-responsive {margin-bottom: 0; }
  .tabs .btn-group {width: 100%; }
  .tabs .btn-group button {width: 100%; }
  .tabs .btn-group.open .nav-tabs {display: block; z-index: 99; }
  .tab-content > .tab-pane {padding-bottom: 20px; border-bottom: 1px solid #ccc; }
  .productDetailTab .tab-content > .tab-pane {border-bottom: none; padding-bottom: 0; }
  .tabBox .tab-content ul.halfLi li {width: 100%; float: none; }
  .tabBox .tab-content .businessAreaCase .item .textBox {padding: 0 40px; }
  .tabs.isBg .tableItem > .row:nth-child(2n) {background-color: transparent; }
  .tabs.isBg .history.leftTree .timeline .treeItem {background-color: #111a21; }
  .tabs.isBg .history.leftTree .timeline .treeItem:before {border-right-color: #111a21; } 
}
@media (max-width: 767px) {
  .tabs.isBg {padding: 40px 0; }
  .tabBox .nav-tabs li, .contact .nav-tabs li {display: block; margin-right: 0; margin-bottom: 10px; }
  .tabBox .articleList .item .imgBox {width: 100%; }
  .tabBox .articleList .item .itemCaption {width: 100%; margin-left: 0%; }
  .tabBox .tab-content ul.inlineStyle li {display: block; padding-right: 40px; }
}
/*  table*/
.tableTlt {margin: 20px 0; color: #ea5514; }

.tableItem .row {margin-left: 0; margin-right: 0; }
.tableItem > .row:nth-child(2n+1) {background: #e2e2e2; }
.tableItem strong {display: none; float: left; width: 50%; }
.tableItem [class*="col-"] {padding-top: 10px; padding-bottom: 10px; }
  .tableItem [class*="col-"]:after {content: " "; display: block; clear: both; }

.productTable h2 {font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.productTable table td {border-right: 1px solid #aaa; } 
.productTable table td:last-child {border-right: none; }

.table {/*table-layout: fixed;*/ min-width: 991px; border: 1px solid #aaa; margin-bottom: 0; width:100%!important}
.table tr th {background-color: #e6e6e6; font-weight: normal; }
.table tr td, .table tr th {font-size: 14px; height: 40px; vertical-align: middle; }

.table > thead > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > th, 
.table > tbody > tr > td, 
.table > tfoot > tr > th, 
.table > tfoot > tr > td {border-color: #aaa; }

.table-responsive > .table > thead > tr > th, 
.table-responsive > .table > thead > tr > td, 
.table-responsive > .table > tbody > tr > th, 
.table-responsive > .table > tbody > tr > td, 
.table-responsive > .table > tfoot > tr > th, 
.table-responsive > .table > tfoot > tr > td {white-space: normal; border-right: 1px solid #aaa; }
.tableItem.dataList {margin-top: 40px; }

@media (max-width: 991px) {
  .tableItem strong {display: block; }
  .tableItem span {display: block; width: 50%; float: right; }
  .tableItem > .row:nth-child(2n+1) {background: none; } .tableItem > .row:nth-child(2n) {background: #e2e2e2; }
  .tab-pane .tableItem {margin-top: 20px; } 
}
@media (max-width: 767px) {
  .tableItem [class*="col-"] + [class*="col-"] {padding-top: 0; }
  .tableItem.compareTable .col-sm-6:nth-child(2n) {color: #ea5514; }
  .tableItem.dataList h4 {padding: 5px 0; color: #ea5514; } 
}
/* Title Box */
.titleBox {position: relative; overflow: hidden; }
.titleBox h1, .titleBox h2 {line-height: 1.4; text-align: center; color: #ea5514; font-size: 26px; }
.titleBox h1 + p, .titleBox h2 + p, .titleBox h1 + ul, .titleBox h2 + ul {margin-top: 40px; }
.titleBox h3 + p {margin-top: 20px; }
.titleBox ul + p {margin-top: 20px; }
/*.titleBox p {text-align: center; }*/
.titleBox img {display: block; margin: 20px auto; }
.titleBox a {color: #ea5514; text-decoration: none; } 
.titleBox a:hover {color: #333; } 
.titleBox ul {margin-top: 20px; }
.titleBox ul li {position: relative; padding: 0 20px; }
.titleBox ul li:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: 8px 0 0 5px; border-radius: 50%; background-color: #ea5514; }
.titleBox ul li + li {margin-top: 5px; }
.titleBox ul.halfLi li {width: 50%; float: left; margin-bottom: 5px; }
.titleBox ul.halfLi li:nth-child(2n+1) {clear: left; }
.titleBox ul.halfLi li + li {margin-top: 0; }
.titleBox ul.halfLi:after {display: table; content: ""; clear: both; }
.titleBox ul.threeLi li {width: 33.333%; float: left; margin-bottom: 5px; }
.titleBox ul.threeLi li:nth-child(3n+1) {clear: left; }
.titleBox ul.threeLi li + li {margin-top: 0; }
.titleBox ul.threeLi:after {display: table; content: ""; clear: both; }
.titleBox ul.inlineStyle li {display: inline-block; padding-right: 0; margin-bottom: 5px; }
.titleBox ul.inlineStyle li + li {margin-top: 0; }
.titleBox.isBg {padding: 60px 0; background-size: cover; background-position: center; background-attachment: fixed; color: #fff; }
.titleBox .mask {z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.4); }
.titleBox .container {position: relative; z-index: 20; } 
.titleBox.smallDistance {margin-bottom: 40px; }
.titleBox.smallDistance p {margin-bottom: 20px; }

@media (max-width: 991px) {
  .titleBox ul.halfLi li {width: 100%; float: none; }
  .titleBox ul.threeLi li {width: 100%; float: none; } 
}
@media (max-width: 767px) {
  .titleBox h1 + p, .titleBox h2 + p {margin-top: 40px; }
  .titleBox ul.inlineStyle li {display: block; padding-right: 40px; } 
}
/*history*/
.history .titleBox {text-align: center; margin-bottom: 60px; }
.history .titleBox h2 {line-height: 1.4; text-align: center; margin-bottom: 40px; }
.history .nav {margin-bottom: 60px; border: none; text-align: center; overflow: hidden; }
.history .nav li {position: relative; float: left; width: 25%; margin: 0;}
.history .nav li a {margin: 0; padding: 40px 15px; border: none; border-radius: 0; background-color: transparent;
color: #ea5514; }
.history .nav li:hover a {color: #333; border: none; }
.history .nav li.active {position: relative; background-image: -webkit-linear-gradient(top, rgba(34, 34, 34, 0.6) 0%, rgba(34, 34, 34, 0.1) 100%); background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0.6) 0%, rgba(34, 34, 34, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.6) 0%, rgba(34, 34, 34, 0.1) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99222222', endColorstr='#1A222222', GradientType=0); }
.history .nav li.active a {position: relative; overflow: hidden; }
.history .nav li.active a:before, .history .nav li.active a:after {content: ' '; display: block; height: 100%; width: 100px; position: absolute; top: 0; background-repeat: no-repeat; }
.history .nav li.active a:before {left: 0; background-image: radial-gradient(circle closest-corner at left center, rgba(0, 0, 0, 0.5) 0%, transparent 150%); background-position: -40px center; }
.history .nav li.active a:after {right: 0; background-image: radial-gradient(circle closest-corner at right center, rgba(0, 0, 0, 0.5) 0%, transparent 150%); background-position: 40px center; }
.history .nav li.active:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #fff; border-width: 8px; margin-left: -8px; margin-top: -15px; }
.history .nav li.active > a, 
.history .nav li.active > a:hover, 
.history .nav li.active > a:focus {color: #333; border: none; background: none; }
.history .tabItem .subTlt {text-align: center; background-color: #e2e2e2; padding: 60px 7.5%; }
.history .tabItem .subTlt h2 {line-height: 1.4; color: #ea5514; }
.history .tabItem .subTlt h2 + p {margin-top: 40px; }
.history .timeline .row {margin: 0; position: relative; } .history .timeline [class*="col-"] {padding: 0; }
.history .timeline .treeItems {position: relative; padding: 60px 0 40px; }
.history .timeline .treeItems:before {content: ' '; display: block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #ea5514; background: #ea5514; position: absolute; z-index: 2; top: -7px; left: 0; margin-left: -8px; }
.history .timeline .treeItems:after {content: ' '; display: block; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; margin-left: -2px; border-left: 2px solid #ea5514; width: 0; overflow: hidden; }
.history .timeline .endPoint {display: block; position: relative; } 
.history .timeline .endPoint:after, .history .timeline .endPoint:before {content: ' '; display: block; height: 16px; width: 0; overflow: hidden; border-left: 2px solid #ea5514; position: absolute; bottom: 100%; margin-bottom: -4px; }
.history .timeline .endPoint:before {left: 0; transform: rotate(45deg); margin-left: 3px; }
.history .timeline .endPoint:after {left: 0; transform: rotate(-45deg); margin-left: -7px; }
.history .timeline .endPoint .button {display: inline-block; }
.history .timeline .treeItem {position: relative; margin-top: 30px; margin-left: 40px; padding: 30px; background-color: #e2e2e2; color: #333; font-size: 14px; line-height: 1.5; /* richtext */ }
.history .timeline .treeItem .locationCircle {display: block; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #ea5514; background: #e2e2e2; position: absolute; z-index: 2; top: 22px; right: auto; left: -40px; margin: 0 0 0 -8px; }
.history .timeline .treeItem > h3 {margin-bottom: 10px; line-height: 1.2; color: #ea5514; }
.history .timeline .treeItem p + img {display: block; margin-top: 15px; }
.history .timeline .treeItem ul + p {margin-top: 10px; }
.history .timeline .treeItem ul {margin-top: 20px; }
.history .timeline .treeItem ul li {position: relative; padding: 0 40px; }
.history .timeline .treeItem ul li:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: 8px 0 0 25px; border-radius: 50%; background-color: #ea5514; }
.history .timeline .treeItem ul li + li {margin-top: 5px; }
.history .timeline .treeItem ul.halfLi li {width: 50%; float: left; }
.history .timeline .treeItem ul.halfLi li:nth-child(2n+1) {clear: left; }
.history .timeline .treeItem ul.halfLi:after {display: table; content: ""; clear: both; }
.history .timeline .treeItem ol li + li {margin-top: 5px; }
.history .timeline .treeItem .container {width: auto; padding: 0; }
.history .timeline .treeItem .titleBox .container {padding: 0; width: 100%; }
.history .timeline [class*="col-"]:first-child .treeItem {margin-top: 0; }
.history.leftTree .timeline .treeItem .container {width: auto; padding: 0; }
.history.leftTree .timeline .subComponnet {margin-top: 15px; position: relative; z-index: 1; }
.history.leftTree .timeline .subComponnet h3 {color: #ea5514; }
.history.leftTree .timeline .subComponnet h2 {color: #ea5514; }

@media (min-width: 992px) {
  .history .timeline [class*="col-"]:nth-child(2n) {float: right; clear: right; }
  .history .timeline [class*="col-"]:nth-child(2n) .treeItem {margin-left: 15%; }
  .history .timeline [class*="col-"]:nth-child(2n+1) {clear: left; }
  .history .timeline [class*="col-"]:nth-child(2n+1) .treeItem {margin-right: 15%; margin-left: 0; }
  .history .timeline .treeItems:before {width: 26px; height: 26px; top: -13px; left: 50%; margin-left: -14px; }
  .history .timeline .treeItems:after {left: 50%; margin-left: -2px; }
  .history .timeline .endPoint {text-align: center; }
  .history .timeline .endPoint:after, .history .timeline .endPoint:before {height: 30px; margin-bottom: -5px; }
  .history .timeline .endPoint:before {left: 50%; margin-left: 8px; }
  .history .timeline .endPoint:after {right: 50%; left: auto; margin-right: 10px; margin-left: 0; }
  .history .timeline .treeItem {margin-top: 120px; }
  .history .timeline .treeItem .locationCircle {width: 26px; height: 26px; left: 118%; margin: 5px 0 0 -15px; }
  .history .timeline .treeItem:after {content: ""; position: absolute; left: 100%; top: 20px; border: 20px solid transparent; border-left-color: #222222; } 
  .history .timeline .treeItem:hover .locationCircle {background: #ea5514; }
  .history .timeline [class*="col-"]:nth-child(2n) .treeItem .locationCircle {right: 118%; left: auto; margin-left: 0; margin-right: -14px; }
  .history .timeline [class*="col-"]:nth-child(2n) .treeItem:after {right: 100%; left: auto; border-left-color: transparent; border-right-color: #222222; }
  .history .tab-content:first-child {margin-top: 20px; }
  .history.leftTree .timeline .col-md-6 {float: none; width: auto; }
  .history.leftTree .timeline [class*="col-"]:nth-child(n) {float: none; width: auto; }
  .history.leftTree .timeline [class*="col-"]:nth-child(n) .treeItem {margin-right: 0; margin-left: 300px; }
  .history.leftTree .timeline .treeItems:before {left: 40px; }
  .history.leftTree .timeline .treeItems:after {left: 40px; }
  .history.leftTree .timeline [class*="col-"]:nth-child(n) {clear: none; }
  .history.leftTree .timeline [class*="col-"]:nth-child(n) .treeItem .locationCircle {right: 100%; left: auto; margin-left: 0; margin-right: 248px; transition: background .3s; }
  .history.leftTree .timeline [class*="col-"]:nth-child(n) .treeItem:after {display: none; }
  .history.leftTree .timeline .treeItem {min-height: 70px; margin-top: 10px; position: relative; padding: 0; background: none; }
  .history.leftTree .timeline .treeItem > h3 {position: absolute; right: 100%; top: 15px; width: 200px; padding: 8px 5px; margin-right: 30px; text-align: center; border: 1px solid #ea5514; font-size: 14px; line-height: 1.571; cursor: pointer; max-height: 60px; overflow: hidden; }
  .history.leftTree .timeline .treeItem .locationCircle {cursor: pointer; }
  .history.leftTree .timeline .treeItem .subComponnet {display: none; float: right; width: 100%; padding: 30px; background: #e2e2e2; margin-top: 0; }
  .history.leftTree .timeline .treeItem .subComponnet:after {content: ""; position: absolute; right: 100%; top: 20px; border: 20px solid transparent; border-right-color: #e2e2e2; }
  .history.leftTree .timeline .treeItem .subComponnet .businessAreaCase {padding: 0; }
  .history.leftTree .timeline .treeItem .subComponnet .businessAreaCase h2 {margin-bottom: 40px; }
  .history.leftTree .timeline .treeItem .subComponnet .businessAreaCase h3 {margin-bottom: 10px; }
  .history.leftTree .timeline .treeItem .subComponnet .businessAreaCase .item .textBox {padding: 20px 0 20px 30px; }
  .history.leftTree .timeline .treeItem .subComponnet .businessAreaCase .item:nth-child(2n) .textBox {padding-right: 30px; padding-left: 0; }
  .history.leftTree .timeline .treeItem.active .locationCircle {background: #ea5514; cursor: default; }
  .history.leftTree .timeline .treeItem.active > h3 {cursor: default; background: #ea5514; color: #fff; }
  .history.leftTree .timeline .treeItem.active .subComponnet {display: block; }
  .history.leftTree .timeline .treeItem .imageText {padding-bottom: 0; }
  .history.leftTree .timeline .treeItem .imageText .items .item:nth-child(2n+1) .textBox:before {border-right-color: #e2e2e2; }
  .history.leftTree .timeline .treeItem .imageText .items .item:nth-child(2n) .textBox:before {border-left-color: #e2e2e2; }
  .history.leftTree .timeline .endPoint {text-align: left; } 
  .history.leftTree .timeline .endPoint:before {left: 0; margin-left: 48px; }
  .history.leftTree .timeline .endPoint:after {left: 0; right: auto; margin-left: 28px; margin-right: 0; } 
}
@media (max-width: 991px) {
  .history .timeline {margin-left: 20px; }
  .history .timeline .treeItem:before {content: ""; position: absolute; left: 0; top: 20px; margin-top: 0; margin-left: -20px; border: 10px solid transparent; border-top-width: 10px; border-bottom-width: 10px; border-right-color: #e2e2e2; }
  .history .tab-content > .tab-pane {border-bottom: none; padding-bottom: 0; } 
}
@media (max-width: 767px) {
  .history .nav {margin-bottom: 40px; }
  .history .nav li span {display: block; width: 35px; margin: 0 auto; }
  .history .nav li:after {height: 90px; }
  .history .nav li a {padding: 15px 0 25px; }
  .history .tabItem .subTlt {padding-left: 20px; padding-right: 20px; }
  .history .timeline {margin-left: 3px; }
  .history .timeline .treeItems {padding-top: 30px; }
  .history .timeline .treeItem {padding: 20px; margin-left: 25px; }
  .history .timeline .treeItem .locationCircle {left: -25px; margin-top: 2px; } 
}
/*_HSE_Environmental*/
.imageText .container > h3 {margin-bottom: 25px; color: #ea5514; }
.imageText .items .item {overflow: hidden; }
.imageText .items .item img {float: left; display: block; width: 50%; }
.imageText .items .item .textBox {position: relative; width: 50%; float: left; padding: 36px 0 36px 40px; }
.imageText .items .item .textBox h3 {margin-bottom: 20px; line-height: 30px; color: #ea5514; }
.imageText .items .item .textBox h3 img {float: left; width: 30px; margin-right: 15px; }
.imageText .items .item:nth-child(2n) img {float: right; }
.imageText .items .item:nth-child(2n) .textBox {padding: 36px 40px 36px 0; } 
.imageText .items .item:after {content: ""; display: table; clear: both; }
.imageText .items .item ul {margin-top: 20px; }
.imageText .items .item ul li {position: relative; padding: 0 40px; }
.imageText .items .item ul li:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: 8px 0 0 25px; border-radius: 50%; background-color: #ea5514; }
.imageText .items .item ul li + li {margin-top: 5px; }

@media (min-width: 992px) {
  .imageText .items .item .textBox:before {content: ""; display: block; position: absolute; right: 100%; top: 50px; width: 0; height: 0; border: 15px solid transparent; border-right-color: #f1f1f1; }
  .imageText .items .item:nth-child(2n) .textBox:before {left: 100%; right: auto; border-right-color: transparent; 
    border-left-color: #f1f1f1; } 
}
@media (max-width: 991px) {
  .imageText .items .item {margin-bottom: 20px; }
  .imageText .items .item img {float: none; width: 100%; }
  .imageText .items .item .textBox {width: 100%; float: none; padding: 20px 0; }
  .imageText .items .item:nth-child(2n) img {float: none; }
  .imageText .items .item:nth-child(2n) .textBox {padding: 20px 0; }
  .imageText .items .item:last-child {margin-bottom: 0; } 
}
@media (max-width: 767px) {
  .imageText .container > h3 {margin-bottom: 40px; }
  .imageText .items .item .textBox h2 {margin-bottom: 20px; } 
}
/*businessAreaCase*/
.businessAreaCase {padding: 60px 0; background-color: #e2e2e2; }
.businessAreaCase h2 {margin-bottom: 40px; text-align: center; color: #ea5514; }
.businessAreaCase .item:after {content: ""; display: table; clear: both; }
.businessAreaCase .item img, .businessAreaCase .item .imgBox {display: block; width: 50%; float: left; }
.businessAreaCase .item .imgBox img {width: 100%; }
.businessAreaCase .item .imgBox .carousel {height: 100%; }
.businessAreaCase .item .imgBox .carousel .left-control, 
.businessAreaCase .item .imgBox .carousel .right-control {position: absolute; top: 50%; height: 50px; line-height: 50px; margin-top: -25px; text-decoration: none; font-size: 50px; }
.businessAreaCase .item .imgBox .carousel .right-control {right: 10px; }
.businessAreaCase .item .imgBox .carousel .left-control {left: 10px; }
.businessAreaCase .item .imgBox .carousel .item {margin-bottom: 0; margin-top: 0; }
.businessAreaCase .item .imgBox .carousel-inner {height: 100%; }
.businessAreaCase .item .imgBox .carousel-indicators {display: none; }
.businessAreaCase .item .textBox {float: left; width: 50%; padding: 36px 0 36px 40px; }
.businessAreaCase .item .textBox h3 {font-size: 20px; margin-bottom: 20px; color: #ea5514; }
.businessAreaCase .item:nth-child(2n) img, .businessAreaCase .item:nth-child(2n) .imgBox {float: right; }
.businessAreaCase .item:nth-child(2n) .textBox {padding-left: 0; padding-right: 40px; }

.tabBox .tab-pane > .businessAreaCase {padding: 40px 0 0; background: none; }

@media (min-width: 992px) {
  .businessAreaCase .items .item .textBox {position: relative; }
  .businessAreaCase .items .item .textBox:before {content: ""; display: block; position: absolute; right: 100%; top: 50px; width: 0; height: 0; border: 15px solid transparent; border-right-color: #e2e2e2; }
  .businessAreaCase .items .item:nth-child(2n) .textBox:before {left: 100%; right: auto; border-right-color: transparent; border-left-color: #e2e2e2; }
  .tabBox .tab-pane > .businessAreaCase .items .item .textBox:before {
  border-right-color: #1c2b3c; }
  .tabBox .tab-pane > .businessAreaCase .items .item:nth-child(2n) img, 
  .tabBox .tab-pane > .businessAreaCase .items .item:nth-child(2n) .imgBox {float: left; }
  .tabBox .tab-pane > .businessAreaCase .items .item:nth-child(2n) .textBox {padding-left: 40px; padding-right: 0; }
  .tabBox .tab-pane > .businessAreaCase .items .item:nth-child(2n) .textBox:before {right: 100%; left: auto; border-right-color: #1c2b3c; border-left-color: transparent; }
  .tabBox .tab-pane > .businessAreaCase .items .item + .item {margin-top: 40px; }
  .tabBox .tab-pane > .businessAreaCase .items .item .carousel .item {margin-top: 0; }
  .tabBox .tab-pane > .businessAreaCase .items .item .carousel .item + .item {margin-top: 0; } 
}
@media (max-width: 991px) {
  .businessAreaCase .item {margin-bottom: 20px; }
  .businessAreaCase .item img, .businessAreaCase .item .imgBox {width: 100%; float: none; }
  .businessAreaCase .item .textBox {float: none; width: 100%; padding: 20px 0; }
  .businessAreaCase .item:nth-child(2n) img, .businessAreaCase .item:nth-child(2n) .imgBox {float: none; }
  .businessAreaCase .item:nth-child(2n) .textBox {padding: 20px 0; }
  .businessAreaCase .item:last-child {margin-bottom: 0; } 
}
@media (max-width: 767px) {
  .businessAreaCase {padding: 40px 0; }
  .businessAreaCase h2 {margin-bottom: 40px; }
  .businessAreaCase .item img, .businessAreaCase .item .imgBox {width: 100%; float: none; }
  .businessAreaCase .item .textBox {float: none; width: 100%; padding: 20px 0; }
  .businessAreaCase .item:nth-child(2n) img, .businessAreaCase .item:nth-child(2n) .imgBox {float: none; }
  .businessAreaCase .item:nth-child(2n) .textBox {padding: 20px 0; } 
}
/*businessAreaList*/
.businessAreaList {position: relative; padding: 60px 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; color: #fff; }
.businessAreaList .container {position: relative; z-index: 20; }
.businessAreaList h2 {margin-bottom: 40px; text-align: center; }
.businessAreaList ul:after {content: " "; display: block; clear: both; }
.businessAreaList ul li {position: relative; width: 50%; float: left; margin-bottom: 15px; padding: 0 20px; }
.businessAreaList ul li:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: 8px 0 0 5px; border-radius: 50%; background-color: #ea5514; }
.businessAreaList ul li:nth-child(2n+1) {clear: left; }
.businessAreaList ul.wholeLine {text-align: center; }
.businessAreaList ul.wholeLine li {width: 100%; float: none; }
.businessAreaList ul.wholeLine li:before {display: none; }
.businessAreaList .mask {z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.4); }

@media (max-width: 991px) {
  .businessAreaList ul li {padding: 0 30px 0 15px; }
  .businessAreaList ul li:before {margin-left: 0; } 
}
@media (max-width: 767px) {
  .businessAreaList {padding: 40px 0; text-align: center; }
  .businessAreaList h2 {margin-bottom: 40px; }
  .businessAreaList ul li {float: none; width: 100%; padding: 0; }
  .businessAreaList ul li:before {display: none; } 
}
/*contact*/
.businessAreaMap h2 {margin-bottom: 40px; text-align: center; }
.businessAreaMap .mapContent {position: relative; }
.businessAreaMap .addressDetail {position: relative; overflow: hidden; background-color: #222222; }
.businessAreaMap .addressDetail h3 {margin-bottom: 20px; padding-bottom: 0; font-size: 20px; }
.businessAreaMap .addressDetail h3 span {float: right; display: none; }
.businessAreaMap .addressDetail p {padding-left: 0; max-height: 110px; overflow: hidden; }
.businessAreaMap .addressDetail .closeBtn {position: absolute; width: 30px; top: 15px; right: 15px; font-size: 25px; line-height: 1; text-decoration: none; text-align: center; z-index: 10; }
.businessAreaMap .addressDetail .imgBox {float: left; width: 50%; height: 100%; }
.businessAreaMap .addressDetail .imgBox img {width: 100%; height: 100%; }
.businessAreaMap .addressDetail .imgBox .carousel {height: 100%; }
.businessAreaMap .addressDetail .imgBox .carousel .left-control, .businessAreaMap .addressDetail .imgBox .carousel .right-control {position: absolute; top: 50%; height: 50px; line-height: 50px; margin-top: -25px; text-decoration: none; font-size: 50px; }
.businessAreaMap .addressDetail .imgBox .carousel .right-control {right: 10px; }
.businessAreaMap .addressDetail .imgBox .carousel .left-control {left: 10px; }
.businessAreaMap .addressDetail .imgBox .carousel-inner {height: 100%; }
.businessAreaMap .addressDetail .imgBox .carousel-indicators {display: none; }
.businessAreaMap .addressDetail .imgBox .item {height: 100%; background-size: cover; background-repeat: no-repeat; }
.businessAreaMap .addressDetail .textContent {float: left; width: 50%; padding: 25px 30px; }
.businessAreaMap .addressDetail:after {content: ""; display: table; clear: both; }
.businessAreaMap .sub-tab-pane {width: 600px; display: none; margin-bottom: 45px; z-index: 200; }
.businessAreaMap .sub-tab-pane.active {display: block; }
.businessAreaMap .mapSize {position: relative; }
.businessAreaMap .mapSize .map {display: block; width: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs li {position: absolute; }
.businessAreaMap .mapSize .sub-nav-tabs li .placeName {position: absolute; font-size: 12px; left: 100%; top: -100%; line-height: 1.1; white-space: nowrap; }
.businessAreaMap .mapSize .sub-nav-tabs li a {display: block; position: relative; height: 16px; width: 10px; font-size: 14px; line-height: 1; margin: -6px 0 0 -2px; color: #fcae8c; opacity: 1; animation: blingbling .4s linear 0s infinite alternate; }
.businessAreaMap .mapSize .sub-nav-tabs li a:hover {color: #ea5514; text-decoration: none; opacity: 1; transform: scale(1.5, 1.5); animation: none; }
.businessAreaMap .mapSize .sub-nav-tabs li a.active {color: #ea5514; opacity: 1; animation: none;
transform: none; }
.businessAreaMap .mapSize .sub-nav-tabs li a:after {display: none; top: -100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; z-index: 101; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #222222; border-width: 15px; margin-left: -15px; }
.businessAreaMap .mapSize .sub-nav-tabs .America {top: 47.4%; left: 20.4%; }
.businessAreaMap .mapSize .sub-nav-tabs .Canada {top: 33.5%; left: 16%; }
.businessAreaMap .mapSize .sub-nav-tabs .Canada .placeName {left: auto !important; right: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .Canada a {animation-duration: .7s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Azerbaijan {top: 41.7%; left: 61%; }
.businessAreaMap .mapSize .sub-nav-tabs .Azerbaijan a {animation-duration: .6s; animation-delay: .3s; }
.businessAreaMap .mapSize .sub-nav-tabs .Russia {top: 17.7%; left: 77.9%; }
.businessAreaMap .mapSize .sub-nav-tabs .Russia .placeName {left: auto !important; right: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .Russia a {animation-duration: .7s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Turkmenistan {top: 42%; left: 64.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Turkmenistan a {animation-duration: .6s; animation-delay: .3s; }
.businessAreaMap .mapSize .sub-nav-tabs .Ukraine {top: 37%; left: 56%; }
.businessAreaMap .mapSize .sub-nav-tabs .Ukraine a {animation-duration: .7s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Kazakhstan {top: 35.6%; left: 68.1%; }
.businessAreaMap .mapSize .sub-nav-tabs .Kazakhstan a {animation-duration: .9s; animation-delay: .3s; }
.businessAreaMap .mapSize .sub-nav-tabs .Uzbekistan {left: 67.4%; top: 42%; }
.businessAreaMap .mapSize .sub-nav-tabs .Uzbekistan a {animation-duration: .8s; animation-delay: .5s; }
.businessAreaMap .mapSize .sub-nav-tabs .Columbia {top: 61%; left: 26.3%; }
.businessAreaMap .mapSize .sub-nav-tabs .Columbia a {animation-duration: .6s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .Ecuador {top: 64%; left: 25.2%; }
.businessAreaMap .mapSize .sub-nav-tabs .Ecuador a {animation-duration: .8s; animation-delay: .4s; }
.businessAreaMap .mapSize .sub-nav-tabs .Venezuela {top: 58.2%; left: 28.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Venezuela a {animation-duration: .4s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .Argentina {top: 81.6%; left: 31.6%; }
.businessAreaMap .mapSize .sub-nav-tabs .Argentina a {animation-duration: .9s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Argentina .placeName {top: -50%; }
.businessAreaMap .mapSize .sub-nav-tabs .Peru {top: 70.3%; left: 26%; }
.businessAreaMap .mapSize .sub-nav-tabs .Peru a {animation-duration: .5s; animation-delay: .3s; }
.businessAreaMap .mapSize .sub-nav-tabs .Peru .placeName {top: auto; bottom: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .Mexico {top: 51%; left: 18.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Mexico a {animation-duration: .7s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .Brazil {top: 74.4%; left: 35.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Brazil a {animation-duration: .8s; animation-delay: .4s; }
.businessAreaMap .mapSize .sub-nav-tabs .Nigeria {top: 60.5%; left: 49.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Nigeria a {animation-duration: .9s; animation-delay: .3s; }

.businessAreaMap .mapSize .sub-nav-tabs .SaudiArabia {top: 52%; left: 60%; }
.businessAreaMap .mapSize .sub-nav-tabs .SaudiArabia a {animation-duration: .9s; animation-delay: .3s; }
.businessAreaMap .mapSize .sub-nav-tabs .Yemen {top: 55.5%; left: 61%; }
.businessAreaMap .mapSize .sub-nav-tabs .Yemen a {animation-duration: .7s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .Oman {top: 53%; left: 63.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Oman a {animation-duration: .9s; animation-delay: .5s; }
.businessAreaMap .mapSize .sub-nav-tabs .Turkey {top: 42.3%; left: 56.7%; }
.businessAreaMap .mapSize .sub-nav-tabs .Turkey a {animation-duration: .8s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .Turkey .placeName {left: auto; right: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .China {top: 40%; left: 80%; }
.businessAreaMap .mapSize .sub-nav-tabs .China a {animation-duration: .8s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .China .placeName {top: auto; bottom: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .Netherlands {top: 34.1%; left: 48.8%; }
.businessAreaMap .mapSize .sub-nav-tabs .Netherlands a {animation-duration: .9s; animation-delay: .5s; }
.businessAreaMap .mapSize .sub-nav-tabs .Ethiopia {top: 59%; left: 59%; }
.businessAreaMap .mapSize .sub-nav-tabs .Ethiopia a {animation-duration: .9s; animation-delay: .5s; }
.businessAreaMap .offices .America {bottom: 49%; left: 0%; margin-left: 15px; }
.businessAreaMap .offices .Canada {bottom: 63%; left: 0%; margin-left: 15px; }
.businessAreaMap .offices .Azerbaijan {bottom: 55%; left: 60.5%; }
.businessAreaMap .offices .Russia {bottom: 79%; right: 0; margin-right: 15px; }
.businessAreaMap .offices .Turkmenistan {bottom: 54.4%; left: 64%; }
.businessAreaMap .offices .Ukraine {bottom: 59.7%; left: 55.5%; }
.businessAreaMap .offices .Kazakhstan {bottom: 60.7%; left: 68.1%; }
.businessAreaMap .offices .Uzbekistan {bottom: 54.5%; left: 67.4%; }
.businessAreaMap .offices .Columbia {bottom: 35.4%; left: 26%; }
.businessAreaMap .offices .Ecuador {bottom: 32.4%; left: 25%; }
.businessAreaMap .offices .Venezuela {bottom: 38.2%; left: 28%; }
.businessAreaMap .offices .Argentina {bottom: 14.9%; left: 31.6%; }
.businessAreaMap .offices .Peru {bottom: 26%; left: 26%; }
.businessAreaMap .offices .Mexico {left: 0; bottom: 45.5%; margin-left: 15px; }
.businessAreaMap .offices .Brazil {bottom: 22%; left: 35.5%; }
.businessAreaMap .offices .Nigeria {bottom: 36%; left: 50%; }
.businessAreaMap .offices .Bulgaria {bottom: 57.5%; left: 54%; }
.businessAreaMap .offices .Egypt {bottom: 49%; left: 56%; }
.businessAreaMap .offices .Algeria {bottom: 50.5%; left: 47%; }
.businessAreaMap .offices .SouthAfrica {bottom: 16.5%; left: 54%; }
.businessAreaMap .offices .Czech {bottom: 58.5%; left: 51%; }
.businessAreaMap .offices .Poland {bottom: 62%; left: 53%; }
.businessAreaMap .offices .Australia {bottom: 17.8%; right: 0; margin-left: 0; margin-right: 30px; }
.businessAreaMap .offices .Myanmar {bottom: 43.5%; left: 75%; }
.businessAreaMap .offices .India {bottom: 48.4%; left: 68%; }
.businessAreaMap .offices .Indonesia {bottom: 30.2%; right: 2%; }
.businessAreaMap .offices .UAE {bottom: 45.2%; left: 62%; }
.businessAreaMap .offices .Kuwait {bottom: 48.5%; left: 59%; }
.businessAreaMap .offices .SaudiArabia {bottom: 44.4%; left: 59.5%; }
.businessAreaMap .offices .Yemen {bottom: 41%; left: 60.5%; }
.businessAreaMap .offices .Oman {bottom: 43.5%; left: 63%; }
.businessAreaMap .offices .Turkey {bottom: 54.2%; left: 56%; }
.businessAreaMap .offices .China {bottom: 56.3%; left: auto; right: 0; margin-left: 0; margin-right: 30px; }
.businessAreaMap .offices .Netherlands {bottom: 62.3%; left: 48%; }
.businessAreaMap .offices .Ethiopia {bottom: 37.5%; left: 58%; }
.businessAreaMap .mapSize .sub-nav-tabs li a:after {top: -17px; }

@media (max-width: 1299px) and (min-width: 992px) {
  .businessAreaMap .sub-tab-pane {margin-bottom: 40px; } 
}
@media (min-width: 992px) {
  .businessAreaMap .sub-tab-pane {position:absolute; width:520px; margin-left:-251px; z-index:200; transition:.3s; }
  .businessAreaMap .mapSize .sub-nav-tabs li a.active::after {display: block; }
  .businessAreaMap .addressDetail {height: 210px; }
  .businessAreaMap .addressDetail .textContent {color: #fff; } 
}
@media (max-width: 991px) {
  .businessAreaMap .container {padding: 0; }
  .businessAreaMap .addressDetail {padding: 0 15px; background: none; background-color: #e2e2e2; }
  .businessAreaMap .addressDetail .closeBtn {display: none; }
  .businessAreaMap .addressDetail p {display: none; max-height: none; }
  .businessAreaMap .addressDetail .imgBox {display: none; }
  .businessAreaMap .addressDetail .textContent {width: 100%; padding: 0; float: none; }
  .businessAreaMap .addressDetail h3 {margin: 0; border-bottom: none; padding: 10px 0; font-size: 16px; }
  .businessAreaMap .addressDetail h3 .icon-arrow-right {display: block; }
  .businessAreaMap .addressDetail.open {padding-bottom: 10px; background: rgba(0, 0, 0, 0.3); }
  .businessAreaMap .addressDetail.open h3 {border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .businessAreaMap .addressDetail.open h3 .icon-arrow-down {display: block; }
  .businessAreaMap .addressDetail.open h3 .icon-arrow-right {display: none; }
  .businessAreaMap .addressDetail.open p {display: block; }
  .businessAreaMap .offices {border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .businessAreaMap .offices .sub-tab-pane {position: static; display: block; width: auto; margin: 0; }
  .businessAreaMap .offices .sub-tab-pane + .sub-tab-pane {border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .businessAreaMap .offices .sub-tab-pane:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.1); } 
}
@media (max-width: 767px) {
  .businessAreaMap h2 {margin-bottom: 40px; } 
}
/*businessAreaProjects*/
.businessAreaProjects {margin-bottom: 40px; }
.businessAreaProjects h2 {margin-bottom: 40px; text-align: center; color: #ea5514; }
.businessAreaProjects .items {margin: 0 -10px; }
.businessAreaProjects .items:after {display: table; content: ""; clear: both; }
.businessAreaProjects .item {margin-bottom: 20px; padding: 0 10px; }
.businessAreaProjects .item .introContent {background-color: rgba(34, 34, 34, 0.8); color: #fff; }
.businessAreaProjects .item img {display: block; width: 100%; height: 190px; }
.businessAreaProjects .item h3 {padding: 25px; font-size: 16px; line-height: 1.625; }
.businessAreaProjects .fivePart .item {width: 20%; float: left; }
.businessAreaProjects .fivePart .item:nth-child(5n+1) {clear: both; }
.businessAreaProjects .fourPart .item {width: 25%; float: left; }
.businessAreaProjects .fourPart .item:nth-child(4n+1) {clear: both; }
.businessAreaProjects .threePart .item {width: 33.3333%; float: left; }
.businessAreaProjects .threePart .item:nth-child(3n+1) {clear: both; }

@media (max-width: 1299px) and (min-width: 992px) {
  .businessAreaProjects .item img {height: 142px; }
  .businessAreaProjects .fivePart .item {width: 25%; }
  .businessAreaProjects .fivePart .item:nth-child(4n+1) {clear: left; }
  .businessAreaProjects .fivePart .item:nth-child(5n+1) {clear: none; } 
}
@media (min-width: 992px) {
  .businessAreaProjects .row {margin-left: -10px; margin-right: -10px; }
  .businessAreaProjects [class*="col-"] {padding-left: 10px; padding-right: 10px; }
  .businessAreaProjects .col-md-3:nth-child(4n+1) {clear: left; } 
}
@media (max-width: 991px) and (min-width: 768px) {
  .businessAreaProjects .row {margin-left: -10px; margin-right: -10px; }
  .businessAreaProjects [class*="col-"] {padding-left: 10px; padding-right: 10px; }
  .businessAreaProjects .col-sm-6:nth-child(2n+1) {clear: left; } 
  .businessAreaProjects .item img {height: 226px; }
  .businessAreaProjects .fivePart .item, .businessAreaProjects .fourPart .item, 
  .businessAreaProjects .threePart .item {width: 50%; } 
  .businessAreaProjects .fivePart .item:nth-child(2n+1), 
  .businessAreaProjects .fourPart .item:nth-child(2n+1), 
  .businessAreaProjects .threePart .item:nth-child(2n+1) {clear: left; } 
  .businessAreaProjects .fivePart .item:nth-child(5n+1), 
  .businessAreaProjects .fivePart .item:nth-child(4n+1), 
  .businessAreaProjects .fivePart .item:nth-child(3n+1), 
  .businessAreaProjects .fourPart .item:nth-child(5n+1), 
  .businessAreaProjects .fourPart .item:nth-child(4n+1), 
  .businessAreaProjects .fourPart .item:nth-child(3n+1), 
  .businessAreaProjects .threePart .item:nth-child(5n+1), 
  .businessAreaProjects .threePart .item:nth-child(4n+1), 
  .businessAreaProjects .threePart .item:nth-child(3n+1) {clear: none; } 
}
@media (max-width: 991px) {
  .businessAreaProjects .col-xs-6:nth-child(2n+1) {clear: left; } 
}
@media (max-width: 767px) {
  .businessAreaProjects {margin-bottom: 20px; }
  .businessAreaProjects h2 {margin-bottom: 40px; }
  .businessAreaProjects .item h3 {height: auto !important; }
  .businessAreaProjects .item img {height: auto; }
  .businessAreaProjects .fivePart .item, .businessAreaProjects .fourPart .item, 
  .businessAreaProjects .threePart .item {width: 100%; float: none; } 
}
/*investors*/
.investors .newStock {margin-bottom: 60px; }
.investors .newStock:after {content: ""; display: table; clear: both; }
.investors .newStock li {float: left; width: 50%; padding-right: 30px; text-align: center; }
.investors .newStock img {background: none; display: inline-block; float: left; margin-left: -40px; height: 30px; }
.investors .newStock a {display: inline-block; padding-left: 40px; max-width: 100%; text-decoration: none; font-size: 20px; line-height: 30px; text-align: left; }
.investors .newStock a:hover {color: #333; } .investors h4 {text-align: center; margin-bottom: 15px; color: #ea5514; }
.investors img {display: block; margin: 0 auto; background-color: #fff; }
.investors img + h4 {margin-top: 40px; }

@media (max-width: 991px) {
  .investors {margin-bottom: 40px; }
  .investors .newStock li {float: none; width: 100%; padding-right: 0; }
  .investors .newStock li + li {margin-top: 20px; } 
}
@media (max-width: 767px) {
  .investors img + h4 {margin-top: 30px; } 
}
/*reportList*/
.reportList h2 {text-align: center; margin-bottom: 40px; }
.reportList .item {margin-bottom: 20px; border-bottom: 1px solid #8e959e; } 
.reportList .item:after {content: ' '; display: table; clear: both; }
.reportList .item:last-child {margin-bottom: 0; }
.reportList .item img {display: block; width: 100%; }
.reportList .item .download {display: block; float: right; width: 60px; height: 60px; text-align: center; text-decoration: none; }
.reportList .item .download span {display: block; }
.reportList .item .itemCaption {margin-right: 100px; padding-bottom: 20px; }
.reportList .item time {display: block; float: right; }
.reportList .item h3 {margin: 0 100px 10px 0; font-size: 20px; line-height: 1.3; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reportList .item a {color: #333; transition: none; }
.reportList .item a:hover {color: #ea5514; text-decoration: none; }
.reportList .item .button {margin-top: 0; color: #ea5514; transition: background .3s, color .3s; }
.reportList .item .button:hover {color: #fff; }

@media (min-width: 992px) {
  .reportList .item time, .reportList .item h3 {
    line-height: 60px; } }
@media (max-width: 991px) {
  .reportList .item .download {
    margin-top: 0; }
  .reportList .item time {
    float: none;
    margin-bottom: 10px; }
  .reportList .item h3 {
    margin-right: 0; } }
@media (max-width: 767px) {
  .reportList h2 {
    margin-bottom: 40px; }
  .reportList .item {
    position: relative; }
    .reportList .item .download {
      position: absolute;
      bottom: 10px;
      right: 0;
      width: auto;
      height: 40px;
      margin: 0;
      line-height: 40px; }
      .reportList .item .download span {
        display: inline-block; }
    .reportList .item .itemCaption {
      float: none;
      width: auto;
      margin-right: 0; }
    .reportList .item .button {
      font-size: 14px; }
  .reportList .filter {
    float: none;
    margin: 0 0 20px;
    width: 100%; } }
/* Periodic Report*/
.periodicReport {
  margin: 40px 0 60px; }
  .periodicReport .col-md-9-1, .periodicReport .col-md-9-2 {
    padding-left: 15px;
    padding-right: 15px; }
  .periodicReport .tableItem a {
    display: block;
    color: #333;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none; }
    .periodicReport .tableItem a:hover {
      color: #ea5514; }
    .periodicReport .tableItem a + a {
      margin-top: 10px; }
  .periodicReport .tableItem .title {
    display: block;
    font-size: 16px;
    color: #ea5514;
    /*text-align:center; */ }
  .periodicReport .tableItem .col-md-9-1 .title {
    text-align: left; }
  .periodicReport .tableItem .row:first-child [class*="col-"] {
    padding-top: 15px;
    padding-bottom: 15px; }
  .periodicReport .buttonBox {
    margin-top: 40px;
    border-top: 1px solid #ea5514;
    text-align: center; }
    .periodicReport .buttonBox .button {
      margin-top: -1px;
      min-height: 0;
      padding: 0 15px 15px;
      border: 1px solid #ea5514;
      border-top-color: #f1f1f1;
      border-radius: 0 0 6px 6px; }
      .periodicReport .buttonBox .button:hover {
        color: #333; }
  .periodicReport .hideReport {
    display: none; }

@media (min-width: 992px) {
  .periodicReport .col-md-9-1, .periodicReport .col-md-9-2 {
    float: left; }
  .periodicReport .col-md-9-1 {
    width: 10%; }
  .periodicReport .col-md-9-2 {
    width: 22.5%; } }
@media (max-width: 991px) {
  .periodicReport {
    margin-bottom: 40px; }
    .periodicReport .tableItem .title {
      font-size: 20px; }
    .periodicReport .tableItem strong {
      margin-bottom: 5px;
      width: auto;
      float: none;
      font-weight: normal;
      color: #ea5514; }
    .periodicReport .tableItem span {
      width: auto;
      float: none; }
    .periodicReport .tableItem .col-sm-6:nth-child(2n) {
      clear: left; } }
/*accordion*/
.accordion .container > h2 {
  text-align: center;
  margin-bottom: 40px;
  color: #ea5514; }
.accordion .panel {
  background: none;
  border-radius: 0; }
.accordion .panel-heading {
  padding: 0; }
  .accordion .panel-heading a {
    display: block;
    padding: 15px;
    background: #ea5514;
    color: #fff; }
    .accordion .panel-heading a.collapsed {
      background: none;
      color: #ea5514;
      background: #e2e2e2; }
      .accordion .panel-heading a.collapsed:hover {
        color: #333; }
.accordion .panel-group {
  margin-bottom: 0; }
.accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none; }
.accordion .panel-group .panel + .panel {
  margin-top: 0; }
.accordion .panel-body {
  padding: 0 15px; }
  .accordion .panel-body .reportList {
    padding: 15px 0 0; }
    .accordion .panel-body .reportList .item {
      margin-bottom: 5px;
      border-bottom: 1px dotted rgba(34, 34, 34, 0.3); }
      .accordion .panel-body .reportList .item:last-child {
        border-bottom: none; }
      .accordion .panel-body .reportList .item .download {
        width: 30px;
        height: 30px; }
      .accordion .panel-body .reportList .item .itemCaption {
        padding-bottom: 5px;
        margin-right: 50px; }
      .accordion .panel-body .reportList .item h3 {
        margin-bottom: 0;
        font-size: 14px; }
      .accordion .panel-body .reportList .item time, .accordion .panel-body .reportList .item h3 {
        line-height: 30px; }

@media (max-width: 991px) {
  .accordion .panel-body .reportList .item time {
    display: none; } }
@media (max-width: 767px) {
  .accordion .panel-body {
    padding: 0; }
    .accordion .panel-body .reportList .item .itemCaption {
      margin-right: 0; }
    .accordion .panel-body .reportList .item h3 {
      white-space: normal;
      line-height: 1.4; } }
/*contact*/
.contact {position: relative; } 
.contact .mapContent {position: relative; }
.contact .nav-tabs {margin-bottom: 30px; }
.contact .mapSize {position: relative; }
.contact .mapSize .map {display: block; width: 100%; opacity: 0.35; }
.contact .mapSize .sub-nav-tabs li {position: absolute; }
.contact .mapSize .sub-nav-tabs li .placeName {position: absolute; font-size: 12px; left: 100%; top: -100%; line-height: 1.1; white-space: nowrap; }
.contact .mapSize .sub-nav-tabs li a {display: block; position: relative; height: 16px; width: 10px; font-size: 14px; line-height: 1; margin: -6px 0 0 -2px; color: rgba(234, 85, 20, 0.8); opacity: 1; animation: blingbling .4s linear 0s infinite alternate; }
.contact .mapSize .sub-nav-tabs li a:hover {color: #ea5514; text-decoration: none; opacity: 1; transform: scale(1.5, 1.5); animation: none; }
.contact .mapSize .sub-nav-tabs li a.active {color: #ea5514; opacity: 1; animation: none; transform: none; }
.contact .mapSize .sub-nav-tabs li a:after {display: none; top: -100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; z-index: 101; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #222222; border-width: 15px; margin-left: -15px; }
.contact .mapSize .sub-nav-tabs .Yantai {top: 41%; left: 81.3%; }
.contact .mapSize .sub-nav-tabs .Beijing {top: 40%; left: 80%; }
.contact .mapSize .sub-nav-tabs .Beijing .placeName {left: auto !important; right: 100%; }
.contact .mapSize .sub-nav-tabs .Beijing a {animation-duration: .7s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Chengdu {top: 46.5%; left: 77.5%; }
.contact .mapSize .sub-nav-tabs .Chengdu a {animation-duration: .6s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Tianjin {top: 40.8%; left: 80.4%; }
.contact .mapSize .sub-nav-tabs .Tianjin .placeName {left: auto !important; right: 100%; }
.contact .mapSize .sub-nav-tabs .Tianjin a {animation-duration: .7s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Dezhou {top: 40.5%; left: 79%; } 
.contact .mapSize .sub-nav-tabs .Dezhou a {animation-duration: .6s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Brisbane {top: 78.6%; left: 91%; }
.contact .mapSize .sub-nav-tabs .Brisbane a {animation-duration: .7s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Bangkok {top: 56%; left: 76.3%; }
.contact .mapSize .sub-nav-tabs .Bangkok a {animation-duration: .9s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Islamabad {top: 44%; left: 68.5%; }
.contact .mapSize .sub-nav-tabs .Islamabad a {animation-duration: .8s; animation-delay: .5s; }
.contact .mapSize .sub-nav-tabs .Karachi {top: 50.4%; left: 66.9%; }
.contact .mapSize .sub-nav-tabs .Karachi a {animation-duration: .6s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Jakarta {top: 66.3%; left: 78.6%; }
.contact .mapSize .sub-nav-tabs .Jakarta a {animation-duration: .8s; animation-delay: .4s; }
.contact .mapSize .sub-nav-tabs .NewDelhi {top: 48%; left: 69.9%; }
.contact .mapSize .sub-nav-tabs .NewDelhi a {animation-duration: .4s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .kualaLumpur {top: 63.3%; left: 77.5%; }
.contact .mapSize .sub-nav-tabs .Dacca {top: 50.5%; left: 73.4%; }
.contact .mapSize .sub-nav-tabs .Harcourt {top: 60.5%; left: 49.5%; }
.contact .mapSize .sub-nav-tabs .Harcourt a {animation-duration: .9s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Harcourt .placeName {top: -50%; }
.contact .mapSize .sub-nav-tabs .Lagos {top: 59.5%; left: 48%; }
.contact .mapSize .sub-nav-tabs .Lagos a {animation-duration: .5s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Lagos .placeName {top: auto; bottom: 100%; }
.contact .mapSize .sub-nav-tabs .Cairo {top: 47.4%; left: 56.5%; }
.contact .mapSize .sub-nav-tabs .Cairo a {animation-duration: .7s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Hague {top: 34.1%; left: 48.8%; }
.contact .mapSize .sub-nav-tabs .Hague a {animation-duration: .8s; animation-delay: .4s; }
.contact .mapSize .sub-nav-tabs .Warsaw {top: 34.5%; left: 52.5%; }
.contact .mapSize .sub-nav-tabs .Warsaw a {animation-duration: .9s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Bucharest {top: 39%; left: 54.4%; }
.contact .mapSize .sub-nav-tabs .Bucharest a {animation-duration: .6s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Algiers {top: 44%; left: 48%; }
.contact .mapSize .sub-nav-tabs .Algiers a {animation-duration: .5s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Algiers .placeName {left: auto; right: 100%; }
.contact .mapSize .sub-nav-tabs .Hassi {top: 44.3%; left: 49%; }
.contact .mapSize .sub-nav-tabs .Hassi a {animation-duration: .9s; animation-delay: .4s; }
.contact .mapSize .sub-nav-tabs .Nairobi {top: 64%; left: 58%; }
.contact .mapSize .sub-nav-tabs .Nairobi a {animation-duration: .8s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Accra {top: 60.2%; left: 46.8%; }
.contact .mapSize .sub-nav-tabs .Accra a {animation-duration: .7s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Accra .placeName {left: auto; right: 100%; }
.contact .mapSize .sub-nav-tabs .Dubai {top: 50.3%; left: 63.5%; }
.contact .mapSize .sub-nav-tabs .Dubai a {animation-duration: .8s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .AbuDhabi {top: 51.3%; left: 63%; }
.contact .mapSize .sub-nav-tabs .AbuDhabi a {animation-duration: .7s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .AbuDhabi .placeName {left: auto; right: 100%; }
.contact .mapSize .sub-nav-tabs .Muscat {top: 51.6%; left: 64.5%; }
.contact .mapSize .sub-nav-tabs .Muscat a {animation-duration: .5s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Muscat .placeName {top: -50%; }
.contact .mapSize .sub-nav-tabs .Ankara {top: 42.3%; left: 56.7%; }
.contact .mapSize .sub-nav-tabs .Ankara a {animation-duration: .8s; animation-delay: .4s; }
.contact .mapSize .sub-nav-tabs .Kuwait {top: 48%; left: 60.9%; }
.contact .mapSize .sub-nav-tabs .Kuwait a {animation-duration: .6s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Baghdad {top: 46.3%; left: 59.6%; }
.contact .mapSize .sub-nav-tabs .Baghdad a {animation-duration: .8s; animation-delay: .4s; }
.contact .mapSize .sub-nav-tabs .Baghdad .placeName {top: auto; bottom: 100%; }
.contact .mapSize .sub-nav-tabs .Houston {top: 47.4%; left: 20.4%; }
.contact .mapSize .sub-nav-tabs .Houston a {animation-duration: .8s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Calgary {top: 33.5%; left: 16%; }
.contact .mapSize .sub-nav-tabs .Calgary a {animation-duration: .9s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Bogota {top: 61%; left: 26.3%; }
.contact .mapSize .sub-nav-tabs .Bogota a {animation-duration: .7s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Quito {top: 64%; left: 25.2%; }
.contact .mapSize .sub-nav-tabs .Quito a {animation-duration: .9s; animation-delay: .5s; }
.contact .mapSize .sub-nav-tabs .Caracas {top: 58.2%; left: 28.5%; }
.contact .mapSize .sub-nav-tabs .Caracas a {animation-duration: .8s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Caracas .placeName {left: auto; right: 100%; }
.contact .mapSize .sub-nav-tabs .Maturin {top: 58.4%; left: 29.4%; }
.contact .mapSize .sub-nav-tabs .Maturin a {animation-duration: .8s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Maturin .placeName {top: auto; bottom: 100%; }
.contact .mapSize .sub-nav-tabs .BuenosAires {top: 81.6%; left: 31.6%; }
.contact .mapSize .sub-nav-tabs .BuenosAires a {animation-duration: .9s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .SantaCruz {top: 91%; left: 29%; }
.contact .mapSize .sub-nav-tabs .SantaCruz a {animation-duration: .9s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Lima {top: 70.3%; left: 26%; }
.contact .mapSize .sub-nav-tabs .Lima a {animation-duration: .7s; animation-delay: .0s; }
.contact .mapSize .sub-nav-tabs .RioDeJaneiro {top: 74.4%; left: 35.5%; }
.contact .mapSize .sub-nav-tabs .RioDeJaneiro a {animation-duration: .6s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Chile {top: 83%; left: 27.7%; }
.contact .mapSize .sub-nav-tabs .Chile a {animation-duration: .8s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Moscow {top: 32.3%; left: 57.4%; }
.contact .mapSize .sub-nav-tabs .Moscow a {animation-duration: .7s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Nizhnevartovsk {left: 69.9%; top: 19.7%; }
.contact .mapSize .sub-nav-tabs .Nizhnevartovsk a {animation-duration: .9s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Irkutsk {top: 29%; left: 78.2%; }
.contact .mapSize .sub-nav-tabs .Irkutsk a {animation-duration: .7s; animation-delay: .3s; }
.contact .mapSize .sub-nav-tabs .Ufa {top: 33.2%; left: 60%; }
.contact .mapSize .sub-nav-tabs .Ufa a {animation-duration: .8s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .NovyUrengoy {top: 22.8%; left: 65.2%; }
.contact .mapSize .sub-nav-tabs .NovyUrengoy a {animation-duration: .7s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Nefteyugansk {top: 28%; left: 63.7%; }
.contact .mapSize .sub-nav-tabs .Nefteyugansk a {animation-duration: .9s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Ashkhabad {top: 42%; left: 64%; }
.contact .mapSize .sub-nav-tabs .Ashkhabad a {animation-duration: .8s; animation-delay: .2s; }
.contact .mapSize .sub-nav-tabs .Ashkhabad .placeName {top: 25%; left: -200%; }
.contact .mapSize .sub-nav-tabs .Tashkent {left: 67.4%; top: 42%; }
.contact .mapSize .sub-nav-tabs .Tashkent a {animation-duration: .9s; animation-delay: .4s; }
.contact .mapSize .sub-nav-tabs .Almaty {left: 69.9%; top: 40.3%; }
.contact .mapSize .sub-nav-tabs .Almaty a {animation-duration: .7s; animation-delay: .4s; }
.contact .mapSize .sub-nav-tabs .Aktobe {top: 36.5%; left: 64%; }
.contact .mapSize .sub-nav-tabs .Aktobe a {animation-duration: .8s; animation-delay: .1s; }
.contact .mapSize .sub-nav-tabs .Aktau {top: 39.4%; left: 61.7%; }
.contact .mapSize .sub-nav-tabs .Aktau a {animation-duration: .9s; animation-delay: .5s; }
.contact .mapSize .sub-nav-tabs .Astana {top: 35.6%; left: 68.1%; }
.contact .mapSize .sub-nav-tabs .Atyrau {top: 37%; left: 61.5%; }
.contact .sub-tab-pane {display: none; margin-bottom: 45px; }
.contact .sub-tab-pane.active {display: block; }
.contact .addressDetail {position: relative; padding: 25px 0; background-color: #222222; color: #fff; }
.contact .addressDetail h3 {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ea5514; } 
.contact .addressDetail h3 span {float: right; display: none; }
.contact .addressDetail p {position: relative; min-height: 28px; padding-left: 40px; font-size: 14px; line-height: 1.625; }
.contact .addressDetail p [class*="icon-"] {position: absolute; display: block; width: 28px; text-align: center; left: 0; top: 0; }
.contact .addressDetail p a {color: #fff; }
.contact .addressDetail p a:hover {color: #ea5514; }
.contact .addressDetail .closeBtn {position: absolute; width: 30px; top: 25px; right: 15px; font-size: 25px; line-height: 1; text-decoration: none; text-align: center; z-index: 10; }
.contact .offices .Yantai {bottom: 55.5%; left: auto; right: 0; margin-left: 0; margin-right: 15px; }
.contact .offices .Beijing {bottom: 56.3%; left: auto; right: 0; margin-left: 0; margin-right: 30px; }
.contact .offices .Chengdu {bottom: 50%; right: 1%; }
.contact .offices .Tianjin {right: 0%; bottom: 55.8%; margin-right: 15px; }
.contact .offices .Dezhou {right: 0%; bottom: 56%; margin-right: 15px; }
.contact .offices .Brisbane {bottom: 17.8%; right: 0; }
.contact .offices .Bangkok {bottom: 40.4%; right: 3%; }
.contact .offices .Islamabad {bottom: 52.4%; left: 67%; }
.contact .offices .Karachi {bottom: 46%; left: 65%; }
.contact .offices .Jakarta {bottom: 30.2%; right: 2%; }
.contact .offices .NewDelhi {bottom: 48.4%; left: 68%; }
.contact .offices .kualaLumpur {bottom: 33.1%; right: 2%; }
.contact .offices .Dacca {bottom: 45.8%; left: 70%; }
.contact .offices .Harcourt {bottom: 36%; left: 50%; }
.contact .offices .Lagos {bottom: 37%; left: 47%; }
.contact .offices .Cairo {bottom: 49%; left: 56%; }
.contact .offices .Hague {bottom: 62.3%; left: 48%; }
.contact .offices .Warsaw {bottom: 62%; left: 53%; }
.contact .offices .Bucharest {bottom: 57.5%; left: 54%; }
.contact .offices .Algiers {bottom: 52.4%; left: 47%; }
.contact .offices .Hassi {bottom: 52.1%; left: 48%; }
.contact .offices .Nairobi {bottom: 32.5%; left: 57%; }
.contact .offices .Accra {bottom: 36.3%; left: 46%; }
.contact .offices .Dubai {bottom: 46.2%; left: 62%; }
.contact .offices .AbuDhabi {bottom: 45.2%; left: 62%; }
.contact .offices .Muscat {bottom: 45%; left: 63%; }
.contact .offices .Ankara {bottom: 54.2%; left: 56%; }
.contact .offices .Kuwait {bottom: 48.5%; left: 59%; }
.contact .offices .Baghdad {bottom: 50.2%; left: 59%; }
.contact .offices .Houston {bottom: 49%; left: 0%; margin-left: 15px; }
.contact .offices .Calgary {bottom: 63%; left: 0%; margin-left: 15px; }
.contact .offices .Bogota {bottom: 35.4%; left: 26%; }
.contact .offices .Quito {bottom: 32.4%; left: 25%; }
.contact .offices .Caracas {bottom: 38.2%; left: 28%; }
.contact .offices .Maturin {bottom: 38%; left: 29%; }
.contact .offices .BuenosAires {bottom: 14.9%; left: 31.6%; }
.contact .offices .SantaCruz {bottom: 5.5%; left: 29%; }
.contact .offices .Lima {bottom: 26%; left: 26%; }
.contact .offices .RioDeJaneiro {bottom: 22%; left: 35.5%; }
.contact .offices .Chile {bottom: 13.5%; left: 27.7%; }
.contact .offices .Moscow {bottom: 64%; left: 57.4%; }
.contact .offices .Nizhnevartovsk {bottom: 76.8%; left: 69.9%; }
.contact .offices .Irkutsk {bottom: 67.4%; left: 78.2%; }
.contact .offices .Ufa {bottom: 63.1%; left: 60%; }
.contact .offices .NovyUrengoy {bottom: 73.6%; left: 65.2%; }
.contact .offices .Nefteyugansk {bottom: 68.3%; left: 63.7%; }
.contact .offices .Ashkhabad {bottom: 54.4%; left: 64%; }
.contact .offices .Tashkent {bottom: 54.5%; left: 67.4%; }
.contact .offices .Almaty {bottom: 56%; left: 69.9%; }
.contact .offices .Aktobe {bottom: 60%; left: 64%; }
.contact .offices .Aktau {bottom: 56.9%; left: 61.7%; }
.contact .offices .Astana {bottom: 60.7%; left: 68.1%; }
.contact .offices .Atyrau {bottom: 59.3%; left: 61.5%; }

@keyframes blingbling {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-5px); } }
@media (max-width: 1299px) and (min-width: 992px) {
  .contact .sub-tab-pane {margin-bottom: 40px; }
  .contact .placeName {display: none; }
  .contact .nav-tabs > li {margin-right: 12px; }
  .contact .nav-tabs > li > a {padding: 10px 12px; font-size: 14px; } 
}
@media (min-width: 992px) {
  .contact .addressDetail {padding: 25px 15px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.37); }
  .contact .sub-tab-pane {position: absolute; width: 520px; margin-left: -251px; z-index: 100; transition: .3s; }
  .contact .mapSize .sub-nav-tabs li a.active::after {display: block; } 
}
@media (max-width: 991px) {
  .contact .container {padding: 0; } 
  .contact .addressDetail {padding: 0 15px; background: none; }
  .contact .addressDetail .closeBtn {display: none; } 
  .contact .addressDetail p {display: none; }
  .contact .addressDetail h3 {margin: 0; border-bottom: none; padding: 10px 0; font-size: 14px; }
  .contact .addressDetail h3 .icon-arrow-right {display: block; }
  .contact .addressDetail.open {padding-bottom: 10px; background: rgba(0, 0, 0, 0.3); }
  .contact .addressDetail.open h3 {border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .contact .addressDetail.open h3 .icon-arrow-down {display: block; }
  .contact .addressDetail.open h3 .icon-arrow-right {display: none; }
  .contact .addressDetail.open p {display: block; }
  .contact .offices {border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .contact .offices .sub-tab-pane {position: static; display: block; width: auto; margin: 0; }
  .contact .offices .sub-tab-pane + .sub-tab-pane {border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .contact .districtTlt {padding: 10px 15px; font-size: 16px; color: #ea5514; border-bottom: 1px solid #fff; background-color: #e2e2e2; } 
  .contact .districtTlt span {float: right; }
  .contact .districtTlt .icon-arrow-down {display: none; }
  .contact .districtTlt.open .icon-arrow-down {display: block; }
  .contact .districtTlt.open .icon-arrow-right {display: none; }
  .contact .districtBox {display: none; background: #222222; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .contact .districtBox.open {display: block; } 
  }
/* Our Business on About page */
.businessAbout h2 {font-size: 26px; margin-bottom: 40px; color: #ea5514; text-align: center; }
.businessAbout .serviceList {padding: 0 40px 110px; background: #222222 center no-repeat; background-size: cover; text-align: center; color: #fff; }
.businessAbout .serviceList .content {padding: 40px 10px; /*height: 390px;*/ background: #001A2E; filter: alpha(opacity=55); background: rgba(0, 26, 46, 0.55); }
.businessAbout .serviceList img {display: block; width: 60px; height: 60px; margin: 0 auto 40px; }
.businessAbout .serviceList h3 {font-size: 20px; margin-bottom: 10px; }
.businessAbout .serviceList h3 a {color: #fff; }
.businessAbout .serviceList h3 a:hover {color: #ea5514; }
.businessAbout .serviceList ul li {line-height: 26px; font-size: 14px; } 
.businessAbout .serviceList ul li + li {margin-top: 5px; }
.businessAbout.isMask {position: relative; }
.businessAbout.isMask .mask {z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(17, 26, 33, 0.6); }
.businessAbout.isMask .item {position: relative; padding: 40px 35px 100px; }
.businessAbout.isMask .item p, .businessAbout.isMask .item h3, .businessAbout.isMask .item h4, .businessAbout.isMask .item ul {position: relative; z-index: 11; }
.businessAbout.isMask [class*="col-"] {padding-left: 0; padding-right: 0; }
.businessAbout.isMask.isPadding [class*="col-"] {padding-left: 15px; padding-right: 15px; }

@media (min-width: 992px) {
  .businessAbout .row {margin-left: -10px; margin-right: -10px; }
  .businessAbout [class*="col-"] {padding-left: 10px; padding-right: 10px; } 
}
@media (max-width: 991px) {
  .businessAbout .serviceList {margin-bottom: 20px; padding: 0; }
  .businessAbout .serviceList .content {height: auto !important; }
  .businessAbout :last-child .serviceList {margin-bottom: 0; }
  .businessAbout.isMask.isPadding {padding-left: 10px; padding-right: 10px; } 
}
/*about*/
.aboutGlance {position: relative; overflow: hidden; background-color: #222222; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; }
.aboutGlance:before {content: " "; display: block; position: absolute; left: 0; height: 100%; right: 50%; transform: translateX(-620px); background: rgba(17, 26, 33, 0.5); }
.aboutGlance .content {position: relative; padding: 60px 40px 20px; width: 66.6666%; background: rgba(17, 26, 33, 0.5); }
.aboutGlance .content:after {content: ""; display: block; position: absolute; left: 100%; bottom: 0; border-left: 300px solid rgba(17, 26, 33, 0.5); border-bottom: 800px solid transparent; }
.aboutGlance .item {min-height: 50px; margin-bottom: 40px; padding-left: 70px; position: relative; }
.aboutGlance .item img {display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; }
.aboutGlance .item h3 {font-size: 26px; }
.aboutGlance .item p {margin-top: 5px; font-size: 16px; }
.aboutGlance .col-sm-6:nth-child(2n+1) {clear: left; }
.aboutGlance.isWhite {color: #333; }
.aboutGlance.isWhite:before {background-color: rgba(226, 226, 226, 0.5); }
.aboutGlance.isWhite h2 {font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.aboutGlance.isWhite .content {padding: 60px 40px 60px 0; background-color: rgba(226, 226, 226, 0.5); }
.aboutGlance.isWhite .content:after {border-left-color: rgba(226, 226, 226, 0.5); }

@media (max-width: 1299px) {
  .aboutGlance:before {transform: translateX(-470px); }
  .aboutGlance .content {width: 75%; } 
}
@media (max-width: 991px) {
  .aboutGlance:before {transform: translateX(-360px); }
  .aboutGlance .content {width: 100%; padding: 60px 0 20px; }
  .aboutGlance.isWhite .content {padding: 60px 0; } 
}
@media (max-width: 767px) {
  .aboutGlance:before {display: none; }
  .aboutGlance .container {background: rgba(17, 26, 33, 0.5); }
  .aboutGlance .content {background: none; }
  .aboutGlance .content:after {display: none; }
  .aboutGlance.isWhite .content {background: none; }
  .aboutGlance.isWhite .container {background: rgba(226, 226, 226, 0.5); } 
}
/*HSE_active*/
.photoWall h2 {margin-bottom: 40px; text-align: center; color: #ea5514; }
.photoWall h2 + p {margin-bottom: 60px; text-align: center; }
.photoWall .row {margin: 0; }
.photoWall .item {position: relative; margin-right: 15px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.photoWall .item .border {position: relative; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.2); overflow: hidden; }
.photoWall .item .border .caption-content {position: absolute; width: 100%; max-height: 100%; padding: 15px; color: #fff; }
.photoWall .item .textBox {position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 10px; background-color: rgba(34, 34, 34, 0.4); }
.photoWall .col-md-7 .col-md-4 .item, .photoWall .col-md-7 .col-md-8 .item {height: 430px; margin-bottom: 20px; }
.photoWall .col-md-7 .col-md-6 .item {height: 360px; } .photoWall .col-md-5 .item {height: 810px; margin-right: 0; }
.photoWall [class*="col-"] {padding: 0; }

@media (max-width: 991px) {
  .photoWall .item {margin: 0 10px 10px 0 !important; }
  .photoWall .item .textBox {padding: 0; }
  .photoWall .item .textBox .border {border: none; overflow: hidden; }
  .photoWall .item .textBox .border .caption-content {bottom: auto; top: 0; }
  .photoWall .col-md-7 [class^="col-"] .item {height: 200px; }
  .photoWall .col-md-7:after {content: ""; display: table; clear: both; }
  .photoWall .col-md-5 .item {height: 410px; }
  .photoWall .col-md-5:after {content: ""; display: table; clear: both; } 
}
@media (max-width: 991px) and (min-width: 768px) {
  .photoWall .col-sm-5-4 {width: 80%; float: left; }
  .photoWall .col-sm-5-1 {width: 20%; float: left; } 
}
@media (max-width: 767px) {
  .photoWall h2 {margin-bottom: 40px; } 
  .photoWall h2 + p {margin-bottom: 40px; } 
}
/*mission*/
.mission {position: relative; padding-bottom: 60px; margin-bottom: 0; }
.mission .contentBox {position: relative; min-height: 400px; z-index: 2; }
.mission .contentBox > img {position: absolute; right: 0; top: 0; height: 100%; }
.mission .contentBox h3 {color: #ea5514; }
.mission .contentBox h3 + p {margin-top: 20px; }
.mission .contentBox p + h3 {margin-top: 60px; }

@media (min-width: 992px) {
  .mission:after {content: ' '; position: absolute; z-index: 1; bottom: 0; right: 0; display: block; width: 0; height: 0; vertical-align: middle; border-right: 2000px solid #e2e2e2; border-top: 240px solid transparent; } 
}
@media (max-width: 991px) {
  .mission .contentBox {min-height: auto; } 
}
@media (max-width: 767px) {
  .mission {padding-bottom: 40px; }
  .mission .contentBox h3 + p {margin-top: 15px; }
  .mission .contentBox p + h3 {margin-top: 40px; } 
}
/* values*/
.culturePage .imageText {padding-bottom: 40px; margin-bottom: 0; }

@media (min-width: 992px) {
  .culturePage .imageText {padding-bottom: 60px; background-color: #e2e2e2; }
  .culturePage .imageText .items {background: #f1f1f1; }
  .culturePage .imageText .items .item .textBox {padding: 36px 40px; } 
}
/*HSE_Training*/
.smallBanner .introBox {position: relative; overflow: hidden; }
.smallBanner .introBox img {width: 100%; }
.smallBanner .introBox .textBox {position: absolute; top: 0; right: 0; width: 50%; height: 100%; padding: 40px; background-color: rgba(34, 34, 34, 0.6); color: #fff; }
.smallBanner .introBox .textBox h2 {margin-bottom: 40px; text-align: center; }
.smallBanner .introBox .textBox:before {content: ""; display: block; position: absolute; left: 0; top: 0; border-right: 200px solid rgba(34, 34, 34, 0.6); border-top: 800px solid transparent; transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); }
.smallBanner + .tabs {padding-top: 0; }

@media (max-width: 1299px) {
  .smallBanner .introBox .textBox p {max-height: 110px; overflow: hidden; } 
}
@media (max-width: 991px) {
  .smallBanner .introBox .textBox {padding: 20px; }
  .smallBanner .introBox .textBox h2 {margin-bottom: 20px; } 
}
@media (max-width: 767px) {
  .smallBanner .introBox .textBox {position: relative; width: 100%; }
  .smallBanner .introBox .textBox p {max-height: none; } 
}
/*socialDuty*/
/* Manage Circle */
.manageCircle h1, .manageCircle h2 {line-height: 1.4; text-align: center; color: #ea5514; }
.manageCircle h1 + p, .manageCircle h2 + p {margin-top: 40px; }
.manageCircle p {text-align: center; }
.manageCircle .content {margin-top: 60px; }
.manageCircle .content h3 {margin: 10px 0 20px; color: #ea5514; }
.manageCircle .content ol {line-height: 2.05; }
.manageCircle .circleBox {float: right; position: relative; width: 350px; height: 350px; }
.manageCircle .doughnutChart {position: absolute; height: 100%; width: 100%; overflow: hidden; transform: rotate(-45deg); }
.manageCircle .doughnutChart svg {width: 100% !important; height: 100% !important; }
.manageCircle .doughnutTip {display: none !important; }
.manageCircle .doughnutSummary {display: none; }
.manageCircle .circleTlt {position: absolute; z-index: 20; text-align: center; width: 100%; color: #fff; font-size: 20px; line-height: 58px; margin: 10px 0; } 
.manageCircle .titleTop {left: 0; top: 0; }
.manageCircle .titleRight {right: -50%; top: 50%; transform: translate(-40px, -40px) rotate(90deg); }
.manageCircle .titleBottom {bottom: 0; left: 0; }
.manageCircle .titleLeft {left: -50%; top: 50%; transform: translate(40px, -40px) rotate(-90deg); }
.manageCircle .icon-more {display: block; position: absolute; width: 50%; height: 50%; z-index: 10; font-size: 100px; line-height: 175px; color: #1c2b3c; text-align: center; display: none; }
.manageCircle .icon-more.first {top: 0; left: -11px; transform: rotate(-45deg); }
.manageCircle .icon-more.second {top: -11px; right: 0; transform: rotate(45deg); }
.manageCircle .icon-more.third {right: -11px; bottom: 0; transform: rotate(135deg); }
.manageCircle .icon-more.forth {left: 0; bottom: -11px; transform: rotate(225deg); }

@media (max-width: 767px) {
  .manageCircle h1 + p, .manageCircle h2 + p {margin-top: 40px; }
  .manageCircle .content {margin-top: 40px; text-align: center; }
  .manageCircle .circleBox {float: none; width: 290px; height: 290px; margin: 0 auto 40px; } 
}
/* Manage Principle */
.managePrinciple {position: relative; padding: 60px 0 20px; background-color: #222222; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; text-align: center; color: #fff; }
.managePrinciple .mask {z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-color: rgba(34, 34, 34, 0.6); }
.managePrinciple .container {position: relative; z-index: 20; }
.managePrinciple h2 {margin-bottom: 60px; }
.managePrinciple .content {margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.managePrinciple .content + .content {margin-top: 0; }
.managePrinciple .content ul {display: inline-block; margin-top: 40px; width: 100%; }
.managePrinciple .content ul li {display: inline-block; float: left; width: 180px; padding: 0 15px; margin-bottom: 40px; }
.managePrinciple .content ul li img {display: block; width: 60px; height: 60px; margin: 0 auto 20px; }

@media (min-width: 992px) {
  .managePrinciple .content ul li {width: 14%; }
  .managePrinciple .content ul li:nth-child(7n+1) {clear: left; }
  .managePrinciple .content.safeTerms ul li {width: 12.5%; }
  .managePrinciple .content.safeTerms ul li:nth-child(7n+1) {clear: none; }
  .managePrinciple .content.safeTerms ul li:nth-child(8n+1) {clear: left; } 
}
@media (max-width: 991px) {
  .managePrinciple .content ul li {width: 25%; }
  .managePrinciple .content ul li:nth-child(4n+1) {clear: left; } 
}
@media (max-width: 767px) {
  .managePrinciple {padding-top: 40px; }
  .managePrinciple h2 {margin-bottom: 40px; }
  .managePrinciple .content {margin-top: 20px; }
  .managePrinciple .content ul li {width: 33.33%; padding: 0 5px; font-size: 12px; margin-bottom: 20px; }
  .managePrinciple .content ul li:nth-child(4n+1) {clear: none; }
  .managePrinciple .content ul li:nth-child(3n+1) {clear: left; } 
}
/*Gallery*/
.gallery h2 {margin-bottom: 40px; text-align: center; color: #ea5514; }
.gallery h2 + p {margin: 0 auto 40px; text-align: center; width: 50%; }
.gallery img {display: block; width: 100%; margin-bottom: 20px; }
.gallery.isBg {padding: 60px 0; background-color: #222222; background-position: center; background-repeat: no-repeat; background-size: cover; }
.gallery.widthAuto img {width: auto; margin: 0 auto 20px; }
.gallery .hseEventRow {position: relative; }
.gallery .owl-carousel {position: relative; }
.gallery .owl-carousel:hover .owl-prev, .gallery .owl-carousel:hover .owl-next {display: block; }
.gallery .owl-stage-outer {overflow: hidden; }
.gallery .owl-stage {position: relative; height: 100%; }
.gallery .owl-stage .owl-item {float: left; }
.gallery .owl-stage .item {position: relative; float: left; display: block; width: 100%; height: 100%; font-size: 14px; line-height: 17px; font-weight: bold; text-decoration: none; cursor: default; }
.gallery .owl-stage .item img {display: block; width: 100%; margin-bottom: 0; }
.gallery .owl-stage .item a {text-decoration: none; }
.gallery .owl-stage:after {content: ""; display: table; clear: both; }
.gallery .owl-prev, .gallery .owl-next {position: absolute; top: 50%; width: 30px; height: 50px; margin-top: -25px; background-color: rgba(0, 26, 46, 0.55); background-repeat: no-repeat; background-position: center; background-size: 15px; z-index: 10; cursor: pointer; }
.gallery .owl-prev.disabled, .gallery .owl-next.disabled {opacity: .2; cursor: inherit; }
.gallery .owl-next {right: 0; background-image: url(../content/arrow_right_white.png); }
.gallery .owl-prev {left: 0; background-image: url(../content/arrow_left_white.png); }
.gallery .owl-dots {display: table; table-layout: fixed; width: 100%; height: 7px; margin-top: 5px; }
.gallery .owl-dots .owl-dot {position: relative; display: table-cell; height: 0px; border-radius: 10px; cursor: pointer; transition: background-color .5s; }
.gallery .owl-dots .owl-dot.active {height: 5px; background-color: #ea5514; }

@media (min-width: 992px) {
  .gallery .row {margin-left: -10px; margin-right: -10px; }
  .gallery [class*="col-"] {padding-left: 10px; padding-right: 10px; }
  .gallery .col-md-10-2 {position: relative; min-height: 1px; width: 20%; float: left; }
  .gallery .col-md-3:nth-child(4n+1) {clear: left; }
  .gallery .owl-prev, .gallery .owl-next {display: none; }
  .gallery .hseEventRow:hover .owl-prev, .gallery .hseEventRow:hover .owl-next {display: block; } 
}
@media (max-width: 991px) and (min-width: 768px) {
  .gallery .row {margin-left: -10px; margin-right: -10px; }
  .gallery [class*="col-"] {padding-left: 10px; padding-right: 10px; }
  .gallery .col-sm-6:nth-child(2n+1) {clear: left; } 
}
@media (max-width: 767px) {.gallery h2 {margin-bottom: 40px; }
  .gallery h2 + p {margin-bottom: 40px; width: 100%; }
  .gallery.isBg {padding: 40px 0; } 
}
/*development*/
.development .row {margin: 0; }
.development [class^="col-md"] {padding-left: 0; padding-right: 0; }
.development .item {position: relative; overflow: hidden; background-color: #e2e2e2; }
.development .item img {float: left; display: block; width: 50%; height: 100%; }
.development .item .textBox {position: relative; width: 50%; float: left; padding: 36px; border-left: 1px solid rgba(255, 255, 255, 0.05); } 
.development .item .textBox h3 {margin-bottom: 20px; line-height: 30px; color: #ea5514; }
.development .item .textBox h3 img {float: left; width: 30px; margin-right: 15px; }
.development .item .textBox p {line-height: 22px; max-height: 88px; overflow: hidden; }
.development .item .textBox .button {float: right; }
.development .item .textBox .button:hover {color: #333; }
.development .item .textBox:before {content: ""; display: block; position: absolute; right: 100%; top: 50px; width: 0; height: 0; border: 15px solid transparent; border-right-color: #e2e2e2; z-index: 2; }
.development .item .textBox:after {content: ""; display: block; position: absolute; right: 100%; top: 48px; width: 0; height: 0; border: 17px solid transparent; border-right-color: rgba(255, 255, 255, 0.1); z-index: 1; } 
.development .item.imgRight img {float: right; }
.development .item.imgRight .textBox {border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.05); } 
.development .item.imgRight .textBox:before {left: 100%; right: auto; margin-left: 0; border-right-color: transparent; border-left-color: #e2e2e2; }
.development .item.imgRight .textBox:after {left: 100%; right: auto; margin-left: 0; border-left-color: rgba(255, 255, 255, 0.1); border-right-color: transparent; }
.development .item.whole img {width: 100%; height: 50%; float: none; }
.development .item.whole .textBox {width: 100%; float: none; border-top: 1px solid rgba(255, 255, 255, 0.05); } 
.development .item.whole .textBox:before {left: 50%; top: 0; margin-top: -30px; margin-left: -15px; border-right-color: transparent; border-left-color: transparent; border-bottom-color: #e2e2e2; }
.development .item.whole .textBox:after {left: 50%; top: 0; margin-left: -17px; margin-top: -34px; border-right-color: transparent; border-left-color: transparent; border-bottom-color: rgba(255, 255, 255, 0.1); }
.development .item:after {content: ""; display: table; clear: both; }
.development .textCover {position: relative; overflow: hidden; background-color: #e2e2e2; } 
.development .textCover img {width: 100%; height: 100%; }
.development .textCover .textBox {position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 40px; background-color: rgba(34, 34, 34, 0.6); color: #fff; }
.development .textCover .textBox p {max-height: 264px; overflow: hidden; }
.development .textCover .textBox .button {float: right; }
.development .textCover .textBox:after {display: table; content: ""; clear: both; }
.development .textCover.unit .textBox p {max-height: 88px; overflow: hidden; }
.development .unit {height: 260px; }
.development .twoUnits {height: 520px; }

@media (max-width: 1299px) {
  .development .unit {height: 200px; }
  .development .twoUnits {height: 400px; }
  .development .item .textBox {padding: 20px; }
  .development .item .textBox p {max-height: 44px; }
  .development .item.whole img {height: auto; }
  .development .textCover .textBox {padding: 20px; } 
}
@media (max-width: 991px) {
  .development .unit {height: 225px; }
  .development .twoUnits {height: 450px; }
  .development .item.whole {height: 225px; }
  .development .item.whole img {width: 50%; float: left; }
  .development .item.whole .textBox {float: left; width: 50%; }
  .development .textCover.twoUnits img {height: auto; } 
}
@media (max-width: 767px) {
  .development .unit {height: auto; }
  .development .twoUnits {height: auto; }
  .development .item {margin-top: 20px; }
  .development .item img {width: 100%; float: none; }
  .development .item .textBox {width: 100%; float: none; border: none; }
  .development .item .textBox p {max-height: none; }
  .development .item .textBox:before, .development .item .textBox:after {display: none; }
  .development .item .textBox:after {position: static; display: table; clear: both; border: none; }
  .development .item.imgRight img {float: none; }
  .development .item.whole {height: auto; }
  .development .item.whole img {width: 100%; float: none; }
  .development .item.whole .textBox {float: none; width: 100%; }
  .development .textCover {margin-top: 20px; }
  .development .textCover.unit .textBox {position: relative; background-color: #e2e2e2; }
  .development .textCover.unit .textBox p {max-height: none; } 
}
/* sitemap */
.sitemap {margin: 40px 0 60px; } 
.sitemap h2 {margin-bottom: 40px; text-align: center; color: #ea5514; }
.sitemap .tree h3 {padding-bottom: 15px; color: #ea5514; }
.sitemap .tree h3 a, .sitemap .tree h4 a {color: #333; }
.sitemap .tree h3 a:hover, .sitemap .tree h4 a:hover {color: #ea5514; text-decoration: none; }
.sitemap .tree h4 {padding: 8px 0; font-size: 14px; }
.sitemap .tree > ul {padding: 13px 0; }
.sitemap .tree > ul:after {content: " "; display: block; clear: both; }
.sitemap .tree > ul + h3 {margin-top: 40px; }
.sitemap .tree > ul > li {padding: 0 12px; position: relative; }
.sitemap .tree > ul > li a {color: #ea5514; text-decoration: none; }
.sitemap .tree > ul > li a:hover {color: #333; }
.sitemap .tree > ul > li:before {content: ""; display: block; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background-color: #ea5514; }
.sitemap .tree > ul ul {padding: 8px 0; }
.sitemap .tree ul h3 a:hover, .sitemap .tree ul h4 a:hover {color: #ea5514; text-decoration: none; }

@media (min-width: 992px) {
  .sitemap .tree > ul > li {float: left; width: 25%; }
  .sitemap .tree > ul > li:nth-child(4n+1) {clear: left; } 
  }
@media (max-width: 991px) {
  .sitemap .tree > ul > li {float: left; width: 50%; }
  .sitemap .tree > ul > li:nth-child(2n+1) {clear: left; } 
}
@media (max-width: 767px) {
  .sitemap {margin: 40px 0; }
  .sitemap h2 {margin-bottom: 40px; }
  .sitemap .tree > ul > li {float: none; width: auto; } 
}
/*exhibition*/
.exhibitionBanner {position: relative; height: 600px; overflow: hidden; background-size: cover; background-position: center; } 
.exhibitionBanner .imgBottom {position: absolute; bottom: 0; left: 0; width: 100%; }
.exhibitionBanner .caption {display: flex; display: -webkit-flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: auto; right: 15%; transform: translateY(-50%); }
.exhibitionBanner .caption .smallImg {width: 300px; float: left; margin-right: -100px; }
.exhibitionBanner .caption .bannerText {float: left; text-align: left; color: #222222; }
.exhibitionBanner .caption:after {content: ""; display: table; clear: both; }

@media (max-width: 991px) {
  .exhibitionBanner {height: 400px; }
  .exhibitionBanner .caption {left: 10%; } 
}
.exhibitionAddress {position: relative; width: 100%; max-width: 960px; padding: 36px; margin: -120px auto 60px; background-color: #254870; text-align: center; color: #fff; }
.exhibitionAddress time {display: block; margin-bottom: 20px; font-size: 16px; }
.exhibitionAddress h2 {margin-bottom: 20px; font-size: 26px; }
.exhibitionAddress address {display: block; margin-bottom: 0; font-size: 14px; }
.exhibitionAddress address span {margin-right: 20px; }

@media (max-width: 991px) {
  .exhibitionAddress {position: relative; margin: 0 auto 40px; max-width: none; } 
}
.exhibitionDetail {position: relative; } 
.exhibitionDetail .item {position: relative; width: 100%; overflow: hidden; background-color: #1c2b3c; }
.exhibitionDetail .item .textBox {float: left; width: 50%; padding: 30px 60px; }
.exhibitionDetail .item .textBox h3 {color: #ea5514; margin-bottom: 30px; line-height: 22px; max-height: 66px; overflow: hidden; }
.exhibitionDetail .item .textBox address {display: block; margin-bottom: 0; color: #fff; }
.exhibitionDetail .item .textBox address span {margin-right: 20px; font-size: 14px; }
.exhibitionDetail .item .imgBox {float: left; width: 50%; }
.exhibitionDetail .item .imgBox img {width: 100%; }
.exhibitionDetail .item.imgRight {background-color: #fff; }
.exhibitionDetail .item.imgRight .imgBox {float: right; }
.exhibitionDetail .item.imgRight .textBox address {color: #222222; }
.exhibitionDetail .item .timeBox {position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; text-align: center; background-color: #254870; color: #fff; }
.exhibitionDetail .item .timeBox span {display: block; font-size: 30px; }
.exhibitionDetail .item:after {display: table; content: ""; clear: both; }

@media (max-width: 991px) {
  .exhibitionDetail .item {background-color: #1c2b3c; }
  .exhibitionDetail .item .textBox {float: none; width: 100%; padding: 20px; }
  .exhibitionDetail .item .textBox h3 {max-height: none; }
  .exhibitionDetail .item .textBox address {color: #fff; }
  .exhibitionDetail .item .imgBox {float: none; width: 100%; }
  .exhibitionDetail .item.imgRight {background-color: #1c2b3c; }
  .exhibitionDetail .item.imgRight .imgBox {float: none; }
  .exhibitionDetail .item.imgRight .textBox address {color: #fff; }
  .exhibitionDetail .item .timeBox {top: 0; left: 0; margin: 0; } 
}
/*leftNav*/
.sticky-wrapper.is-sticky .leftNav {
    margin-top: 0;
    min-width: 302px;
    max-height: calc(100vh - 450px);
    min-height: 380px;
    overflow: auto
} 
.sticky-wrapper .leftNav {
    max-height: calc(100vh - 450px);
    overflow: auto;
    bottom: auto!important;}

.leftNav {position: relative;
    color: #fff;
    z-index: 200!important;
    min-height: 380px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-color: #1c2b3c;}
/*.leftNav::-webkit-scrollbar-track-piece{background-color:#f8f8f8;}
.leftNav::-webkit-scrollbar{width:4px; height:4px;}
.leftNav::-webkit-scrollbar-thumb{background-color:#ea5514; background-clip:padding-box; min-height:28px;}
.leftNav::-webkit-scrollbar-thumb:hover{background-color:#bbb;}*/
.leftNav .mCSB_scrollTools .mCSB_buttonUp, 
.leftNav .mCSB_scrollTools .mCSB_buttonDown, 
.leftNav .mCSB_scrollTools .mCSB_buttonLeft, 
/*.leftNav .mCSB_scrollTools .mCSB_buttonRight {background-image: url(../content/mCSB_buttons.png); }*/
.leftNav .mCSB_container {margin-right: 5px; }
.leftNav .mCSB_scrollTools {width: 5px; }
.leftNav .mCSB_scrollTools a + .mCSB_draggerContainer {margin: 0; }
.leftNav ul li.dropdown .dropdown-toggle {position: relative; font-size: 14px; padding: 0 40px 0 20px; line-height: 50px; background-color: rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leftNav ul li.dropdown .dropdown-toggle a {display: block; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leftNav ul li.dropdown .dropdown-toggle:hover {background-color: #ea5514; }
.leftNav ul li.dropdown .dropdown-toggle span[class^="icon-"] {position: absolute; right: 0; top: 0; display: block; width: 40px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; }
.leftNav ul li.dropdown.show .dropdown-toggle {background-color: rgba(0, 0, 0, 0.3); }
.leftNav ul li.dropdown.show .dropdown-menu {display: block; }
.leftNav ul li.dropdown:last-child .dropdown-toggle {border-bottom: none; }
.leftNav ul li.dropdown > .dropdown-menu {position: relative; width: 100%; padding: 0; margin: 0; top: 0; float: none; border: none; box-shadow: none; background-color: transparent; }
.leftNav ul li.dropdown > .dropdown-menu .subNav {background-color: rgba(0, 0, 0, 0.3); }
.leftNav ul li.dropdown > .dropdown-menu .subNav > h3 {position: relative; padding: 0 40px 0 26px; border-left: 4px solid transparent; line-height: 40px; font-size: 14px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > h3 a {display: block; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > h3 span[class^="icon-"] {position: absolute; right: 0; top: 0; display: none; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > h3.subNav-toggle a {display: block; line-height: 40px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > h3:hover {background-color: #ea5514; }
  .leftNav ul li.dropdown > .dropdown-menu .subNav > h3:hover span[class^="icon-"] {display: block; }
.leftNav ul li.dropdown > .dropdown-menu .subNav.show .subNav-toggle {border-left: 4px solid #ea5514; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(0, 0, 0, 0.3); }
.leftNav ul li.dropdown > .dropdown-menu .subNav.show ul {display: block; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > ul {display: none; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > ul li {position: relative; line-height: 40px; padding-left: 40px; padding-right: 40px; background-color: rgba(0, 0, 0, 0.3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > ul li a {display: block; color: #fff; text-decoration: none; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > ul li a span[class^="icon-"] {display: none; position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > ul li:hover {background-color: #ea5514; }
.leftNav ul li.dropdown > .dropdown-menu .subNav > ul li:hover a span[class^="icon-"] {display: block; }
.leftNav h3.active {background-color: #ea5514 !important; }
.leftNav h3.active > span[class^="icon-"], .leftNav h3.active > a span[class^="icon-"] {display: block !important; }

@media (max-width: 991px) {
  .leftNav {position: relative !important; top: 0 !important; } 
}
/*intro*/
.intro {padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #ccc; }
.intro h2 {margin-bottom: 40px; font-size: 26px; line-height: 1; text-align: left; color: #ea5514; }
.intro p {font-size: 14px; line-height: 1.57; text-align: left; color: #333; }
.intro .videoBox {position: relative; height: 300px; }
.intro .videoBox video, .intro .videoBox iframe, .intro .videoBox object {position: relative; display: block; opacity: 0; width: 100%; height: 100%; min-height: 300px; z-index: 19; }
.intro .videoBox .imgBox {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 20; }
.intro .videoBox .imgBox img {width: 100%; }
.intro .videoBox .imgBox .playBtn {width: 70px; }
.intro .videoBox .imgBox .caption {position: absolute; bottom: 0; width: 100%; left: 0; padding: 14px 40px; background-color: rgba(0, 26, 46, 0.55); font-size: 14px; font-weight: normal; }
.intro .videoBox .imgBox .caption p {line-height: 18px; max-height: 36px; overflow: hidden; color: #fff; text-align: center; }
.intro .videoBox .playBtn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 70px; text-decoration: none; cursor: pointer; transition: .3s; color: #ea5514; }
.intro .videoBox .playBtn.icon-play .path2 {color: #fff; transition: color .3s; }
.intro .videoBox .playBtn .path1 {transition: .3s; }
.intro .videoBox .playBtn:hover .path2 {color: #ea5514; }
.intro .videoBox .playBtn:hover .path1 {color: #fff; }
.intro .videoBox .x-player, .intro .videoBox .ykplayer {min-height: 300px; }
.intro .videoBox.play .playBtn {display: none; }
.intro .carousel-inner {z-index: 4; }
.intro .carousel .item img {width: 100%; }
.intro .carousel .dot-nav .carousel-indicators {position: relative; bottom: -10px; margin-bottom: 0; }
.intro .carousel .dot-nav .carousel-indicators li {width: 12px; height: 12px; border: none; margin: 0; margin-right: 8px; background-color: #ccc; }
.intro .carousel .dot-nav .carousel-indicators li.active {background-color: #ea5514; }
.intro .carousel .dot-nav .carousel-indicators li:last-child {margin-right: 0; }
.intro .col-lg-12 + .col-lg-6 {margin-top: 40px; }

@media (max-width: 1299px) {
  .intro .row {display: block; }
  .intro .row [class^="col-"] {display: block; float: none; }
  .intro .videoBox {position: relative; }
  .intro .carousel {margin-bottom: 0; }
  .intro .col-lg-6 + .col-lg-6 {margin-top: 40px; } 
}
@media (max-width: 991px) {
  .intro {padding-bottom: 40px; } }
/*productList*/
.productList {margin-bottom: 60px;min-height:450px}
.productList h2 {margin-bottom: 40px; font-size: 26px; line-height: 1; text-align: left; color: #ea5514; }
.productList .productBox {position: relative; margin: 0 -10px; }
.productList .productBox + .productBox {margin-top: 30px; }
.productList .productBox.fiveColumn .productItem {width: 20%; float: left; }
.productList .productBox.fiveColumn:after {content: ""; display: table; clear: both; }
.productList .productBox.fourColumn .productItem {width: 25%; float: left; }
.productList .productBox.fourColumn:after {content: ""; display: table; clear: both; }
.productList .productBox.threeColumn .productItem {width: 33.3333%; float: left; }
.productList .productBox.threeColumn:after {content: ""; display: table; clear: both; }
.productList .productBox.twoColumn .productItem {width: 50%; float: left; }
.productList .productBox.twoColumn:after {content: ""; display: table; clear: both; }
.productList .productBox .productItem {position: relative; padding: 0 10px; z-index: 10; }
.productList .productBox .productItem a {text-decoration: none; color: #333; }
.productList .productBox .productItem a:hover {color: #fff; }
.productList .productBox .productItem .imgBox {overflow: hidden; }
.productList .productBox .productItem .imgBox img {width: 100%; transition: .3s; }
.productList .productBox .productItem .productIntro {position: relative; height: 50px; background-color: #e2e2e2; transition: .3s; }
.productList .productBox .productItem .productIntro p {position: absolute; top: 50%; left: 15px; right: 50px; transform: translateY(-50%); line-height: 18px; max-height: 36px; overflow: hidden; font-size: 14px; top: 15%\9\0;}
.productList .productBox .productItem .productIntro span[class^="icon-"] {position: absolute; display: block; right: 12px; top: 0; height: 50px; padding-left: 10px; line-height: 50px; text-align: center; font-size: 18px; }
.productList .productBox .productItem.active .imgBox img, .productList .productBox .productItem:hover .imgBox img {transform: scale(1.1); } 
.productList .productBox .productItem.active > a > .productIntro, 
.productList .productBox .productItem.active > .productIntro, 
.productList .productBox .productItem:hover > a > .productIntro, 
.productList .productBox .productItem:hover > .productIntro {background-color: #ea5514; color: #fff; }
.productList .productBox .productItem.active > a > .productIntro span[class^="icon-"],
.productList .productBox .productItem.active > .productIntro span[class^="icon-"], 
.productList .productBox .productItem:hover > a > .productIntro span[class^="icon-"], 
.productList .productBox .productItem:hover > .productIntro span[class^="icon-"] {color: #fff; }
.productList .productBox .productItem.active {margin-bottom: 220px; }
.productList .productBox .productItem.active:after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-bottom: -1px; margin-left: -10px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #e2e2e2; }

.productList .productBox .productItem.active:before {content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-bottom: -1px; margin-left: -11px; width: 0; height: 0; border: 11px solid transparent; border-bottom-color: #cccccc; } .productList .productBox .productItem.active + .subProjectBox {display: block; }
.productList .productBox .subProjectBox {display: none; position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 17px; z-index: 9; }
.productList .productBox .subProjectBox.fiveColumn .subProjectItem {width: 20%; float: left; margin-top: 15px; }
.productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(1) {margin-top: 0; }
.productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(2) {margin-top: 0; }
.productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(3) {margin-top: 0; }
.productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(4) {margin-top: 0; }
.productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(5) {margin-top: 0; }
.productList .productBox .subProjectBox.fiveColumn:after {content: ""; display: table; clear: both; }
.productList .productBox .subProjectBox.fourColumn .subProjectItem {width: 25%; float: left; margin-top: 15px; }
.productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(1) {margin-top: 0; }
.productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(2) {margin-top: 0; }
.productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(3) {margin-top: 0; }
.productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(4) {margin-top: 0; }
.productList .productBox .subProjectBox.fourColumn:after {content: ""; display: table; clear: both; }
.productList .productBox .subProjectBox.threeColumn .subProjectItem {width: 33.333%; float: left; margin-top: 15px; }
.productList .productBox .subProjectBox.threeColumn .subProjectItem:nth-child(1) {margin-top: 0; }
.productList .productBox .subProjectBox.threeColumn .subProjectItem:nth-child(2) {margin-top: 0; }
.productList .productBox .subProjectBox.threeColumn .subProjectItem:nth-child(3) {margin-top: 0; }
.productList .productBox .subProjectBox.threeColumn:after {content: ""; display: table; clear: both; }
.productList .productBox .subProjectBox.twoColumn .subProjectItem {width: 50%; float: left; margin-top: 15px; } 
.productList .productBox .subProjectBox.twoColumn .subProjectItem:nth-child(1) {margin-top: 0; }
.productList .productBox .subProjectBox.twoColumn .subProjectItem:nth-child(2) {margin-top: 0; }
.productList .productBox .subProjectBox.twoColumn:after {content: ""; display: table; clear: both; }
.productList .productBox .subProjectBox .subBg {margin: 0 -7px; padding: 15px; background-color: #e2e2e2; border: solid 1px #cccccc; }
.productList .productBox .subProjectBox .subBg .subProjectItem {padding: 0 7px; transition: .3s; }
.productList .productBox .subProjectBox .subBg .subProjectItem .productIntro {position: relative; height: 50px; background-color: #f1f1f1; transition: .3s; color: #333; }
.productList .productBox .subProjectBox .subBg .subProjectItem .productIntro p {position: absolute; top: 50%; left: 15px; right: 50px; transform: translateY(-50%); line-height: 18px; max-height: 36px; overflow: hidden; font-size: 14px; top: 0%\9\0; margin-top:10px\9\0;}
.productList .productBox .subProjectBox .subBg .subProjectItem .productIntro span[class^="icon-"] {position: absolute; display: block; right: 12px; top: 0; height: 50px; padding-left: 10px; line-height: 50px; text-align: center; font-size: 18px; }
.productList .productBox .subProjectBox .subBg .subProjectItem .imgBox {overflow: hidden; }
.productList .productBox .subProjectBox .subBg .subProjectItem .imgBox img {width: 100%; transition: .3s; }
.productList .productBox .subProjectBox .subBg .subProjectItem:hover .imgBox img {transform: scale(1.1); }
.productList .productBox .subProjectBox .subBg .subProjectItem:hover .productIntro {background-color: #ea5514; color: #fff; }
.productList .productBox .subProjectBox .subBg .subProjectItem:hover .productIntro span[class^=".icon-"]{color:#fff; }
.productList .productBox .subProjectBox .subBg:after {content: ""; display: table; clear: both; }

@media (max-width: 1299px) and (min-width: 992px) {
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem {width: 33.333%; float: left; margin-top: 15px; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(1) {margin-top: 0; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(2) {margin-top: 0; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(3) {margin-top: 0; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(4) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(5) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fiveColumn:after {content: ""; display: table; clear: both; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem {width: 50%; float: left; margin-top: 15px; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(1) {margin-top: 0; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(2) {margin-top: 0; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(3) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(4) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fourColumn:after {content: ""; display: table; clear: both; } 
} 
@media (max-width: 991px) {
  .productList {margin-bottom: 40px; } 
}
@media (max-width: 767px) {
  .productList h2 {margin-bottom: 0; }
  .productList .productBox + .productBox {margin-top: 0; }
  .productList .productBox.fourColumn .productItem {width: 100%; float: none; }
  .productList .productBox.threeColumn .productItem {width: 100%; float: none; }
  .productList .productBox.twoColumn .productItem {width: 100%; float: none; }
  .productList .productBox .productItem {margin-bottom: 0px !important; margin-top: 30px; }
  .productList .productBox .subProjectBox {position: relative; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem {width: 50%; float: left; margin-top: 15px; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:first-child {margin-top: 0; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(2) {margin-top: 0; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(3) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(4) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fiveColumn .subProjectItem:nth-child(5) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fiveColumn:after {content: ""; display: table; clear: both; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem {width: 50%; float: left; margin-top: 15px; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(1) {margin-top: 0; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(2) {margin-top: 0; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(3) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fourColumn .subProjectItem:nth-child(4) {margin-top: 15px; }
  .productList .productBox .subProjectBox.fourColumn:after {content: ""; display: table; clear: both; }
  .productList .productBox .subProjectBox.threeColumn .subProjectItem {width: 50%; float: left; margin-top: 15px; }
  .productList .productBox .subProjectBox.threeColumn .subProjectItem:nth-child(1) {margin-top: 0; }
  .productList .productBox .subProjectBox.threeColumn .subProjectItem:nth-child(2) {margin-top: 0; }
  .productList .productBox .subProjectBox.threeColumn .subProjectItem:nth-child(3) {margin-top: 15px; }
  .productList .productBox .subProjectBox.threeColumn:after {content: ""; display: table; clear: both; }
  .productList .productBox .subProjectBox.twoColumn .subProjectItem {width: 50%; float: left; }
  .productList .productBox .subProjectBox.twoColumn:after {content: ""; display: table; clear: both; }
}
/*rightInquiry*/
.rightInquiry {position: fixed; z-index: 100; display: none;}
.rightInquiry ul {position: fixed; right: 0; top: 50%; transform: translateY(-50%); width: 80px; }
.rightInquiry ul li {width: 80px; height: 80px; margin-bottom: 1px; padding: 5px 0; background-color: #ea5514; color: #fff; text-align: center; font-size: 12px; transition: .3s; cursor: pointer; }
.rightInquiry ul li a {display: block; color: #fff; text-decoration: none; transition: .3s; }
.rightInquiry ul li span[class^="icon-"] {display: block; text-align: center; font-size: 30px; }
.rightInquiry ul li:hover {background-color: #fff; color: #ea5514; }
.rightInquiry ul li:hover a {color: #ea5514; }
.rightInquiry .inquiryMask {position: fixed; top: 0; /*left: 0; right: 0;*/ right: -340px; width:340px; bottom: 0; /*width: 100%; transform: translateX(100%);*/ overflow-x: hidden; overflow-y: auto; transition: .3s; }
.rightInquiry .inquiryMask .inquiryBox {position: absolute; top: 0; transform: translate(100%, 0); right: 0; width: 320px; margin-top: 100px; transition: 1s; transition-delay: .3s; z-index: 11; left: 100%\9\0;}
.rightInquiry .inquiryMask .inquiryBox .inquiryHeader {position: relative; height: 50px; padding: 0 15px; background-color: #ea5514; color: #fff; line-height: 50px; }
.rightInquiry .inquiryMask .inquiryBox .inquiryHeader span[class^="icon-"] {font-size: 20px; float: left; }
.rightInquiry .inquiryMask .inquiryBox .inquiryHeader .close {position: absolute; top: 0; right: 15px; height: 50px; line-height: 50px; color: #fff; opacity: 1; float: right; }
.rightInquiry .inquiryMask .inquiryBox .inquiryHeader .close:hover {color: #fff; opacity: .8; }
.rightInquiry .inquiryMask .inquiryBox .inquiryHeader .icon-chat {position: absolute; top: 0; left: 15px; height: 50px; line-height: 50px; }
.rightInquiry .inquiryMask .inquiryBox .inquiryHeader p {text-align: center; font-size: 16px; }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody {position: relative; padding: 10px; background-color: #f1f1f1; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } 
.rightInquiry .inquiryMask .inquiryBox .inquiryBody input, 
.rightInquiry .inquiryMask .inquiryBox .inquiryBody select {width: 100%; height: 35px; padding: 5px 10px; }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody input:not([type="submit"]) {border: 1px solid rgba(51, 51, 51, 0.3); margin-bottom: 10px; background-color: #f1f1f1; }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody input:not([type="submit"]).Validform_error {border: 1px solid #f00; }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody .selectBox {position: relative; margin-bottom: 10px; }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody .selectBox select {background-color: #1c2b3c; color: #fff; border: none; }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody .selectBox img {position: absolute; top: 0; right: 0; width: 35px; pointer-events: none; }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody .selectBox.Validform_error {border: 1px solid #f00; }

.rightInquiry .inquiryMask .inquiryBox .inquiryBody textarea {width: 100%; height: 100px; padding: 5px 10px; margin-bottom: 10px; resize: none; background-color: #f1f1f1; border: 1px solid rgba(51, 51, 51, 0.3); }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody textarea.Validform_error {border: 1px solid #f00; }
.rightInquiry .inquiryMask .inquiryBox .inquiryBody input[type="submit"] {height: 42px; border: none; background-color: #ea5514; color: #fff; font-size: 14px; font-weight: 600; transition: .3s; } 
.rightInquiry .inquiryMask .inquiryBox .inquiryBody input[type="submit"]:hover {background-color: #fff; color: #ea5514; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
.rightInquiry .inquiryMask .inquiryBox .loading {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(241, 241, 241, 0.5); }
.rightInquiry .inquiryMask .inquiryBox .loading canvas {position: absolute; top: 50%; left: 50%; transform: translate(-50%); }
.rightInquiry .inquiryMask .inquiryBox.active {transform: translate(0, 0); left:0\9\0;}
.rightInquiry .inquiryMask.active {position: fixed;/* transform: translateX(0);*//* background-color: rgba(241, 241, 241, 0.5);*/ right:0}
.rightInquiry .inquiryMask.active .inquiryBg {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
.rightInquiry .inquiryMask .inquiryBox .inquiryMeg{position:relative}
.rightInquiry .inquiryMask .inquiryBox .inquiryBody span{line-height: 35px;position: absolute; right: 5%;top:0;}
@media (max-width: 767px) {
  .rightInquiry {position: static; }
  .rightInquiry ul {position: fixed; top: 0; right: 80px; transform: translateY(0%); width: auto; z-index: 1002; }
  .rightInquiry ul li {display: none; background-color: transparent; width: 50px; height: 50px; padding: 0; line-height: 50px; margin: 0; } 
  .rightInquiry ul li.inquiry {display: block; }
  .rightInquiry ul li.inquiry p {display: none; }
  .rightInquiry ul li span[class^="icon-"] {font-size: 18px; color: #ea5514; }
  .rightInquiry ul li:hover {background-color: transparent; }
  .rightInquiry .inquiryMask {z-index: 1000; }
  .rightInquiry .inquiryMask .inquiryBox {top: 50px; margin: 0; width: 100%; } 
}
/*productCarousel*/
.productCarousel h2 {font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.productCarousel .owl-carousel {position: relative; }
  .productCarousel .owl-carousel:hover .owl-prev, .productCarousel .owl-carousel:hover .owl-next {display: block; }
.productCarousel .owl-stage-outer {overflow: hidden; }
.productCarousel .owl-stage {position: relative; height: 100%; }
  .productCarousel .owl-stage .owl-item {float: left; }
  .productCarousel .owl-stage .item {position: relative; float: left; display: block; width: 100%; height: 100%; font-size: 13px; line-height: 17px; font-weight: bold; text-decoration: none; cursor: default; }
    .productCarousel .owl-stage .item img {display: block; width: 100%; margin-bottom: 0; }
  .productCarousel .owl-stage:after {content: ""; display: table; clear: both; }
.productCarousel .owl-prev, .productCarousel .owl-next {display: none; position: absolute; top: 50%; width: 50px; height: 70px; margin-top: -35px; background-color: rgba(0, 26, 46, 0.55); background-repeat: no-repeat; background-position: center; background-size: 18px; z-index: 10; cursor: pointer; }
  .productCarousel .owl-prev.disabled, .productCarousel .owl-next.disabled {opacity: .2; cursor: inherit; }
.productCarousel .owl-next {right: 0; background-image: url(../content/arrow_right_white.png); }
.productCarousel .owl-prev {left: 0; background-image: url(../content/arrow_left_white.png); } 
.productCarousel .col-md-12 .owl-dots {display: table; table-layout: fixed; width: 100%; height: 7px; margin-top: 5px; }
.productCarousel .col-md-12 .owl-dots .owl-dot {position: relative; display: table-cell; height: 0px; border-radius: 10px; cursor: pointer; transition: background-color .5s; }
.productCarousel .col-md-12 .owl-dots .owl-dot.active {height: 5px; background-color: #ea5514; }
.productCarousel .col-md-6 .owl-dots {text-align: center; margin-top: 5px; }
.productCarousel .col-md-6 .owl-dots .owl-dot {display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: #ccc; }
.productCarousel .col-md-6 .owl-dots .owl-dot.active {background-color: #ea5514; }
.productCarousel .col-md-6 .owl-dots .owl-dot + .owl-dot {margin-left: 10px; }
.productCarousel ul {margin-top: 20px; }
.productCarousel ul li {position: relative; padding: 0 20px; }
.productCarousel ul li::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: 8px 0 0 5px; border-radius: 50%; background-color: #ea5514; }
.productCarousel .button {display: inline-block; min-height: 0; padding: 10px 35px; border: 1px solid #ea5514; color: #ea5514; }
.productCarousel .button:hover {color: #fff; background-color: #ea5514; }

.businessAbout + .productCarousel .hasLine {padding-top: 60px; border-top: 1px solid #ccc; }

@media (min-width: 992px) {
  .productCarousel.rightImg .col-md-6 {float: right; } 
}
@media (max-width: 991px) {
  .pro_detail01_num01 .productCarousel.section01 .container .col-md-6{text-align:center;}
  .productCarousel .col-md-6 + .col-md-6 {margin-top: 40px; text-align:center;} 
}
@media (max-width: 767px) {
  .productCarousel .owl-prev, .productCarousel .owl-next {width: 30px; height: 50px; background-size: 12px; } 
}
/*smallCases*/
.smallCases .row [class^="col-"] {margin-bottom: 20px; }
.smallCases .row:last-child [class^="col-"] {margin-bottom: 0px; }
.smallCases .caseBox {vertical-align: top; width: 100%; background-color: #e2e2e2; }
.smallCases .caseBox:after {content: ""; display: table; clear: both; }
.smallCases .imgBox {position:relative; float:left; width:50%; height:100%; overflow:hidden; vertical-align:top; }
.smallCases .imgBox img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; max-width: none; min-height: 100%; }
.smallCases .textBox {float: left; width: 50%; padding: 25px 20px; vertical-align: top; }
.smallCases .textBox a {color: #333; text-decoration: none; }
.smallCases .textBox a:hover {color: #ea5514; }
.smallCases .textBox h4 {font-size: 16px; font-weight: 600; line-height: 22px; }
.smallCases .textBox p {font-size: 14px; line-height: 22px; }

@media (max-width: 991px) and (min-width: 768px) {
  .smallCases .caseBox {display: block; } 
  .smallCases .imgBox {display: block; width: 100%; float: none; }
  .smallCases .imgBox img {height: auto; }
  .smallCases .textBox {display: block; width: 100%; float: none; } 
}
@media (max-width: 767px) {
  .smallCases .row [class^="col-"] + [class^="col-"] {margin-top: 20px; } 
}
@media (max-width: 480px) {
  .smallCases .caseBox {display: block; } 
  .smallCases .imgBox {display: block; width: 100%; float: none; }
  .smallCases .textBox {display: block; width: 100%; float: none; } 
}
@media (max-width: 1459px) {
  .leftSpace:not(.isNone) + .rightSpace .smallCases .col-sm-6 {width: 100%; float: none; }
  .leftSpace:not(.isNone) + .rightSpace .smallCases .col-sm-6 .textBox {height: auto !important; }
  .leftSpace:not(.isNone) + .rightSpace .smallCases .col-sm-6:nth-child(2n) .imgBox {float: right; }
  .leftSpace:not(.isNone) + .rightSpace .smallCases .col-sm-6:nth-child(2n) .textBox {float: left; }
  .leftSpace:not(.isNone) + .rightSpace .smallCases .row:last-child [class^="col-"] {margin-bottom: 20px; }
  .leftSpace:not(.isNone) + .rightSpace .smallCases .row:last-child [class^="col-"]:last-child {margin-bottom: 0; }
  .leftSpace:not(.isNone) + .rightSpace .productCarousel .col-md-6 {width: 100%; float: none; }
  .leftSpace:not(.isNone) + .rightSpace .productCarousel .col-md-6 .owl-carousel {margin-bottom: 20px; } 
  }
/*caseCarousel*/
.caseCarousel h2 {font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.caseCarousel .owl-carousel {position: relative; }
.caseCarousel .owl-stage-outer {overflow: hidden; }
.caseCarousel .owl-stage {position: relative; height: 100%; }
.caseCarousel .owl-stage .owl-item {float: left; }
.caseCarousel .owl-stage .item {position: relative; float: left; display: block; width: 100%; height: 100%; font-size: 14px; line-height: 17px; font-weight: bold; text-decoration: none; cursor: default; }
.caseCarousel .owl-stage .item img {display: block; width: 100%; margin-bottom: 0; }
.caseCarousel .owl-stage .item a {text-decoration: none; }
.caseCarousel .owl-stage:after {content: ""; display: table; clear: both; }
.caseCarousel .owl-prev, .caseCarousel .owl-next {position: absolute; top: 50%; width: 50px; height: 70px; margin-top: -35px; background-color: rgba(0, 26, 46, 0.55); background-repeat: no-repeat; background-position: center; background-size: 18px; z-index: 10; cursor: pointer; }
.caseCarousel .owl-prev.disabled, .caseCarousel .owl-next.disabled {opacity: .2; cursor: inherit; }
.caseCarousel .owl-next {right: 0; background-image: url(../content/arrow_right_white.png); }
.caseCarousel .owl-prev {left: 0; background-image: url(../content/arrow_left_white.png); } 
.caseCarousel .col-md-12 .owl-dots {display: table; table-layout: fixed; width: 100%; height: 7px; margin-top: 5px; } .caseCarousel .col-md-12 .owl-dots .owl-dot {position: relative; display: table-cell; height: 0px; border-radius: 10px; cursor: pointer; transition: background-color .5s; }
.caseCarousel .col-md-12 .owl-dots .owl-dot.active {height: 5px; background-color: #ea5514; }
.caseCarousel .caption {position: absolute; bottom: 0; width: 100%; left: 0; padding: 14px 40px; background-color:#001A2E; background-color: rgba(0, 26, 46, 0.55); color: #fff; font-size: 14px; font-weight: normal; }
.caseCarousel .caption p {line-height: 18px; max-height: 36px; overflow: hidden; }

@media (max-width: 767px) {
  .caseCarousel .caption {padding: 5px 30px; font-size: 12px; }
  .caseCarousel .owl-prev, .caseCarousel .owl-next {width: 30px; height: 50px; background-size: 12px; } 
}
/*otherProduct*/
.otherProduct {padding: 60px 0 40px; background-color: #e2e2e2; }
.otherProduct h2 {margin-bottom: 40px; font-size: 26px; line-height: 1; text-align: left; color: #ea5514; }
.otherProduct .imgBox {overflow: hidden; } 
.otherProduct .imgBox img {width: 100%; transition: .3s; }
.otherProduct .productIntro {position: relative; height: 50px; background-color: #f1f1f1; transition: .3s; }
.otherProduct .productIntro p {position: absolute; top: 50%; left: 15px; right: 50px; transform: translateY(-50%); line-height: 18px; max-height: 36px; overflow: hidden; font-size: 14px; }
.otherProduct .productIntro span[class^="icon-"] {position: absolute; display: block; right: 12px; top: 0; height: 50px; padding-left: 10px; line-height: 50px; text-align: center; font-size: 20px; }
.otherProduct a {display: block; text-decoration: none; color: #333; margin-bottom: 20px; }
.otherProduct a:hover {color: #fff; }
.otherProduct a:hover .imgBox img {transform: scale(1.1); }
.otherProduct a:hover > .productIntro {background-color: #ea5514; color: #fff; }
.otherProduct a:hover > .productIntro span[class^="icon-"] {color: #fff; }

@media (max-width: 991px) and (min-width: 768px) {
  .otherProduct .row [class^="col-"] {margin-bottom: 20px; }
  .otherProduct .row [class^="col-"]:nth-child(3), .otherProduct .row [class^="col-"]:nth-child(4) {margin-bottom:0;}
} 

@media (max-width: 991px) {
  .otherProduct {padding: 40px 0 20px; } 
}
@media (max-width: 767px) {
  .otherProduct .row [class^="col-"] + [class^="col-"] {margin-top: 20px; } 
}
/*solutionTab*/
.solutionTab h2 {font-size: 26px; margin-bottom: 40px; line-height: 1; text-align: center; color: #ea5514; }
.solutionTab h2 + p {/*text-align: center; */font-size: 14; line-height: 22px; margin-bottom: 60px; }
.solutionTab .tabBox .nav {text-align: center; margin-bottom: 40px; }
.solutionTab .tabBox .nav li {margin: 0; padding: 0 10px; }
.solutionTab .tabBox .nav li a {border-radius:0; }
.solutionTab .owl-carousel {position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.solutionTab .owl-stage-outer {overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.solutionTab .owl-stage {position: static; height: 100%; }
.solutionTab .owl-stage .owl-item {float: left; }
.solutionTab .owl-stage .owl-item .item {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; }
.solutionTab .owl-stage:after {content: ""; display: table; clear: both; }
.solutionTab .owl-prev, .solutionTab .owl-next, .solutionTab .left-control, .solutionTab .right-control {position: absolute; top: 50%; width: 40px; height: 70px; margin-top: -35px; background-color: rgba(0, 26, 46, 0.55); background-repeat: no-repeat; background-position: center; background-size: 18px; z-index: 10; cursor: pointer; }
.solutionTab .owl-prev.disabled, .solutionTab .owl-next.disabled, .solutionTab .left-control.disabled, .solutionTab .right-control.disabled {opacity: .2; cursor: inherit; }
.solutionTab .owl-next, .solutionTab .right-control {right: 0; background-image: url(../content/arrow_right_white.png); }
.solutionTab .owl-prev, .solutionTab .left-control {left: 0; background-image: url(../content/arrow_left_white.png); z-index: 11; }
.solutionTab .owl-dots {position: relative; bottom: 0; display: table; table-layout: fixed; width: 100%; height: 7px; margin-top: 5px; }
.solutionTab .owl-dots .owl-dot {display: table-cell; height: 5px; cursor: pointer; }
.solutionTab .owl-dots .owl-dot.active {background-color: #ea5514; border-radius: 10px; }
.solutionTab .carousel {position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.solutionTab .carousel .carousel-inner {position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.solutionTab .carousel .carousel-inner .item {position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.solutionTab .carousel .dot-nav {position: absolute; bottom: 0; width: 100%; margin-bottom: -12px; }
.solutionTab .carousel .dot-nav .carousel-indicators {position: static; display: table; table-layout: fixed; width: 100%; height: 7px; margin: 0; margin-top: 5px; }
.solutionTab .carousel .dot-nav .carousel-indicators li {display: table-cell; height: 5px; cursor: pointer; border: none; }
.solutionTab .carousel .dot-nav .carousel-indicators li.active {background-color: #ea5514; border-radius: 10px; }
.solutionTab ul li {position: relative; padding: 0 20px; }
.solutionTab ul li::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 5px; margin: 8px 0 0 5px; border-radius: 50%; background-color: #ea5514; }
.solutionTab .tab-content .tab-pane {position: relative; } 
.solutionTab .wrapperBox {overflow: hidden; }
.solutionTab .textwrapper {position: relative; top: 0; left: 0; bottom: 12px; transform: translateX(-100%); min-height: 420px; width: 50%; padding: 60px 50px; background-color: #001A2E; background-color: rgba(0, 26, 46, 0.55); color: #fff; transition: 1s; z-index: 10; padding: 10px 40px 20px\9\0;}
.solutionTab .textwrapper .textBox {height: 100%; overflow: hidden; } 
.solutionTab .textwrapper .textBox h2 {font-size: 26px; letter-spacing: 0.2px; line-height: 1.3; margin-bottom: 0; color: #fff; text-align: left; }
.solutionTab .textwrapper .textBox h4 {font-size: 20px; font-weight: 600; padding-bottom: 15px; margin-bottom: 15px; margin-top: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); line-height: 1.56; text-align: left; color: #ea5514; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:10px\9\0;}
.solutionTab .textwrapper .textBox p {line-height: 28px; text-align: left; margin-bottom: 0; }
.solutionTab .textwrapper .textBox ul li + li {margin-top: 3px; }
.solutionTab .textwrapper .texttSwich {position: absolute; top: 20%; right: 0; width: 35px; height: 70px; margin-top: -35px; margin-right: -35px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; background-color: rgba(234, 85, 20, 0.8); cursor: pointer; transition: 1s; }
.solutionTab .textwrapper .texttSwich span[class^="icon-"] {position: absolute; top: 50%; left: 8px; transform: translateY(-50%); font-size: 22px;filter: alpha(opacity=0;) opacity: .8; }
.solutionTab .textwrapper .texttSwich span[class^="icon-"].icon-Triangle-right {left: 3px; }
.solutionTab .textwrapper .texttSwich .icon-Triangle {display: none; }
.solutionTab .textwrapper.active {transform: translateX(0); }
.solutionTab .textwrapper.active .texttSwich {top: 50%;background-color: rgba(0, 26, 46, 0.55);}
.solutionTab .textwrapper.active .icon-Triangle-right {display: none; }
.solutionTab .textwrapper.active span[class^="icon-"].icon-Triangle {display: block; left: 3px; }
.solutionTab .tabBox .tab-content h3 + p, .solutionTab .tabBox .tab-content h4 + p, .solutionTab .tabBox .tab-content h3 + ul, .solutionTab .tabBox .tab-content h4 + ul {margin-top: 15px; }

@media (max-width: 1459px) and (min-width: 992px) {
  .solutionTab .textwrapper .textBox h2 {font-size: 26px; }
  .solutionTab .textwrapper .textBox h4 {margin-top: 15px; margin-bottom: 10px; }
  .solutionTab .textwrapper .textBox p {line-height: 22px; }
  .solutionTab .tabBox .tab-content h3 + p, 
  .solutionTab .tabBox .tab-content h4 + p, 
  .solutionTab .tabBox .tab-content h3 + ul, .solutionTab .tabBox .tab-content h4 + ul {margin-top: 10px; } 
}
@media (max-width: 1299px) and (min-width: 992px) {
  .solutionTab .textwrapper {padding: 40px 30px; } 
}
@media (max-width: 991px) {
  .solutionTab h2 {margin-bottom: 40px; }
  .solutionTab h2 + p {margin-bottom: 40px; }
  .solutionTab .textwrapper {position: relative; width: 100%; transform: translateX(0); padding: 30px 20px; }
  .solutionTab .textwrapper .texttSwich {display: none; }
  .solutionTab .textwrapper .textBox h2 {font-size: 26px; }
  .solutionTab .textwrapper .textBox h4 {margin-top: 15px; margin-bottom: 10px; }
  .solutionTab .textwrapper .textBox p {line-height: 22px; }
  .solutionTab .tab-pane-tlt {margin-bottom: 0; font-size: 18px; text-align: left; }
  .solutionTab .owl-prev, .solutionTab .owl-next {width: 30px; height: 50px; margin-top: -25px; background-size: 14px; }
  .solutionTab .owl-prev.disable, .solutionTab .owl-next.disable {opacity: .8; cursor: not-allowed; }
  .solutionTab .carousel {position: relative; }
  .solutionTab .carousel .carousel-inner {position: relative; height: 300px; overflow: hidden; } 
}
@media (max-width: 760px) {
    .solutionTab .textwrapper{min-height: auto}

}
/*solutionOverview*/
.solutionOverview .solutionIntro .item {padding-bottom: 60px; border-bottom: 1px solid #d8d8d8; overflow: hidden; }
.solutionOverview .solutionIntro .item .imgBox {float: left; width: 60%; }
.solutionOverview .solutionIntro .item .imgBox img {width: 100%; }
.solutionOverview .solutionIntro .item .textBox {float: right; width: 40%; padding-top: 24px; padding-left: 60px; } .solutionOverview .solutionIntro .item .textBox h3 {font-size: 26px; color: #ea5514; margin-bottom: 40px; letter-spacing: 0.2px; }
.solutionOverview .solutionIntro .item .textBox p {font-size: 14px; }
.solutionOverview .solutionIntro .item .textBox .button {padding: 10px 40px; font-size: 13px; min-height: 0; margin-top: 40px; background-color: #ea5514; /*border-radius: 50px;*/ color: #fff; }
.solutionOverview .solutionIntro .item .textBox .button:hover {background-color: #fff; color: #ea5514; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
.solutionOverview .solutionIntro .item .textBox .button .icon-arrow-right, .solutionOverview .solutionIntro .item .textBox .button .icon-arrow-down {height: 20px; line-height: 20px; }
.solutionOverview .solutionIntro .item:after {content: ""; display: table; clear: both; }
.solutionOverview .solutionIntro .item.even .imgBox {float: right; }
.solutionOverview .solutionIntro .item.even .textBox {float: left; padding-left: 0; padding-right: 60px; }
.solutionOverview .solutionIntro .item + .item {margin-top: 60px; }
.solutionOverview .solutionIntro .item:last-child {padding-bottom: 0; border-bottom: none; }

@media (max-width: 1299px) {
  .solutionOverview .solutionIntro .item .textBox {padding-top: 0; padding-left: 40px; }
  .solutionOverview .solutionIntro .item .textBox h3 {margin-bottom: 25px; }
  .solutionOverview .solutionIntro .item .textBox p {line-height: 22px; font-size: 14px; }
  .solutionOverview .solutionIntro .item .textBox .button {margin-top: 25px; } 
}
@media (max-width: 991px) {
  .solutionOverview .solutionIntro .item {padding-bottom: 40px; }
  .solutionOverview .solutionIntro .item .textBox {float: none; width: 100%; padding: 40px 20px 0 20px; }
  .solutionOverview .solutionIntro .item .imgBox {float: none; width: 100%; }
  .solutionOverview .solutionIntro .item + .item {margin-top: 40px; }
  .solutionOverview .solutionIntro .item.even .imgBox {float: none; }
  .solutionOverview .solutionIntro .item.even .textBox {float: none; padding: 40px 20px 0 20px; } 
}
@media (max-width: 760px){
  .solutionOverview .solutionIntro .item .textBox h3 {font-size: 20px;}
}
/*contactUsInput*/
.contactUsInput {position: relative; margin-top: 40px; padding-bottom: 60px; }
.contactUsInput > img {position: absolute; bottom: 0; right: 0; z-index: 1; }
.contactUsInput .container {position: relative; z-index: 2; }
.contactUsInput h2 {font-size: 26px; margin-bottom: 40px; line-height: 1; text-align: center; color: #ea5514; }
.contactUsInput .contactUsBody .inputBox {position: relative; width: 50%; float: left; padding-right: 20px; }
.contactUsInput .contactUsBody .inputBox input, .contactUsInput .contactUsBody .inputBox select {width: 100%; height: 35px; padding: 5px 10px; margin-bottom:10px\9\0;}
.contactUsInput .contactUsBody .inputBox input:not([type="submit"]) {border: 1px solid rgba(51, 51, 51, 0.3); margin-bottom: 10px; background-color: #f1f1f1; }
.contactUsInput .contactUsBody .inputBox input:not([type="submit"]).Validform_error {border: 1px solid #f00; }
.contactUsInput .contactUsBody .inputBox .selectBox {position: relative; margin-bottom: 10px; }
.contactUsInput .contactUsBody .inputBox .selectBox select {background-color: #1c2b3c; color: #fff; border: none; }
.contactUsInput .contactUsBody .inputBox .selectBox img {position: absolute; top: 0; right: 0; width: 35px; pointer-events: none; }
.contactUsInput .contactUsBody .inputBox .selectBox.Validform_error {border: 1px solid #f00; }
.contactUsInput .contactUsBody .inputBox textarea {width: 100%; height: 100px; padding: 5px 10px; margin-bottom: 10px; resize: none; background-color: #f1f1f1; border: 1px solid rgba(51, 51, 51, 0.3); border: 1px solid #333\9\0;}
.contactUsInput .contactUsBody .inputBox textarea.Validform_error {border: 1px solid #f00; }
.contactUsInput .contactUsBody .inputBox input[type="submit"] {height: 42px; border: none; background-color: #ea5514; color: #fff; font-size: 14px; font-weight: 600; transition: .3s; }
.contactUsInput .contactUsBody .inputBox input[type="submit"]:hover {background-color: #fff; color: #ea5514; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
.contactUsInput .contactUsBody .inputBox textarea {height: 125px; width: 100%; padding: 5px 10px; }
.contactUsInput .contactUsBody .inputBox .button {float: right; margin: 0; min-height: 0; padding: 10px 40px; background-color: #ea5514; color: #fff; text-transform: uppercase; border:none; outline:nones;}
.contactUsInput .contactUsBody .inputBox .button:hover {background-color: #fff; color: #ea5514; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }
.contactUsInput .contactUsBody .inputBox .button.disabled {background-color: #999; cursor: not-allowed; }
.contactUsInput .contactUsBody .inputBox .button.disabled:hover {box-shadow: none; color: #fff; }
.contactUsInput .contactUsBody .inputBox .loading {position: absolute; right: 170px; display: none;}
.contactUsInput .contactUsBody .inputBox .loading canvas {float: right; }
.contactUsInput .contactUsBody .inputBox .loading .success {float: right; color: #ea5514; line-height: 40px; }
.contactUsInput .contactUsBody .inputBox:after {content: ""; display: table; clear: both; }
.contactUsInput .contactUsBody .companyInfo h3 {display: inline-block; position: relative; font-size: 20px; margin-bottom: 10px; line-height: 2; text-align: left; color: #ea5514; padding-bottom: 10px; text-transform: uppercase; }
.contactUsInput .contactUsBody .companyInfo h3:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 50%; height: 3px; background-color: #ea5514; } 
.contactUsInput .contactUsBody .companyInfo p {position: relative; min-height: 28px; padding-left: 40px; font-size: 14px; line-height: 1.625; }
.contactUsInput .contactUsBody .companyInfo p [class*="icon-"] {position: absolute; left: 0; top: 0; display: block; width: 28px; text-align: center; color: #ea5514; font-size: 16px; }
.contactUsInput .contactUsBody .companyInfo p a {color: #333; text-decoration: none; }
.contactUsInput .contactUsBody .companyInfo p a:hover {color: #ea5514; }

@media (min-width: 1300px) {
  .contactUsInput {min-height: 600px; } 
}
@media (max-width: 991px) {
  .contactUsInput {padding-bottom: 40px; } 
  .contactUsInput .contactUsBody .inputBox {width: 100%; float: none; padding-right: 0; } 
}

/*qualityInspection*/
.qualityInspection {position: relative; padding: 60px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.qualityInspection .owl-carousel {position: relative; }
.qualityInspection .owl-carousel:hover .owl-prev, .qualityInspection .owl-carousel:hover .owl-next {display: block; }
.qualityInspection .owl-carousel:not(.owl-loaded) {text-align: center; }
.qualityInspection .owl-carousel:not(.owl-loaded) > a.item {display: inline-block; max-width: 25%; }
.qualityInspection .owl-carousel:not(.owl-loaded) > a.item + .item {margin-left: 15px; }
.qualityInspection .owl-stage-outer {overflow: hidden; }
.qualityInspection .owl-stage {position: relative; height: 100%; }
.qualityInspection .owl-stage .owl-item {float: left; }
.qualityInspection .owl-stage .item {position: relative; float: left; display: block; width: 100%; height: 100%; font-size: 13px; line-height: 17px; font-weight: bold; text-decoration: none; cursor: default; }
.qualityInspection .owl-stage .item img {display: block; width: auto; margin: 0 auto; }
.qualityInspection .owl-stage:after {content: ""; display: table; clear: both; }
.qualityInspection .owl-prev, .qualityInspection .owl-next {display: none; position: absolute; top: 50%; width: 50px; height: 70px; margin-top: -35px; background-color: rgba(0, 26, 46, 0.55); background-repeat: no-repeat; background-position: center; background-size: 18px; z-index: 10; cursor: pointer; }
.qualityInspection .owl-prev.disabled, .qualityInspection .owl-next.disabled {opacity: .2; cursor: inherit; }
.qualityInspection .owl-next {right: 0; background-image: url(../content/arrow_right_white.png); }
.qualityInspection .owl-prev {left: 0; background-image: url(../content/arrow_left_white.png); }
.qualityInspection .owl-dots {display: table; table-layout: fixed; width: 100%; height: 7px; margin-top: 5px; }
.qualityInspection .owl-dots .owl-dot {position: relative; display: table-cell; height: 0px; border-radius: 10px; cursor: pointer; transition: background-color .5s; } .qualityInspection .owl-dots .owl-dot.active {height: 5px; background-color: #ea5514; }
.qualityInspection h2 {line-height: 1.4; margin-bottom: 40px; text-align: center; color: #ea5514; font-size: 26px; }
.qualityInspection p {text-align: center; margin-bottom: 40px; }

@media (max-width: 767px) {
  .qualityInspection .owl-carousel:not(.owl-loaded) > a.item {width: 80%; max-width: none; }
  .qualityInspection .owl-carousel:not(.owl-loaded) > a.item + .item {margin-left: 0px; margin-top: 15px; } 
}
.HSEDrill {position: relative; padding: 60px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.HSEDrill h2 {line-height: 1.4; margin-bottom: 40px; text-align: center; color: #ea5514; font-size: 26px; }
.HSEDrill p {text-align: center; margin-bottom: 40px; }
.HSEDrill .imgBox {text-align: center; }
.HSEDrill .imgBox .item {position: relative; display: inline-block; max-width: 25%; }
.HSEDrill .imgBox .item .commitmentDetail {position: absolute; display: inline-block; width: 60px; height: 60px; bottom: 0; right: 0px; font-size: 30px; line-height: 2; text-align: center; text-decoration: none;color: #222;filter: alpha(opacity=80); color: rgba(34, 34, 34, 0.8); }
.HSEDrill .imgBox .item + .item {margin-left: 15px; }

@media (max-width: 767px) {
  .HSEDrill .imgBox .item {max-width: 80%; width: 80%; }
  .HSEDrill .imgBox .item + .item {margin-left: 0; margin-top: 15px; } 
}
/*qualityTab*/
.qualityTab {min-height: 390px; }
.qualityTab .tabBox .nav-tabs {text-align: center; }
.qualityTab .tabBox .nav-tabs > li > a {border-radius: 0; }

@media (min-width: 1460px) {
  .qualityTab {min-height: 420px; } 
}
@media (min-width: 1300px) and (max-width: 1459px) {
  .qualityTab {min-height: 390px; } 
}
@media (min-width: 992px) and (max-width: 1299px) {
  .qualityTab {min-height: 350px; } 
}
/*certificate*/
.certificateBox {text-align: center; }
.certificateBox img {display: inline-block; width: 18%; margin-top: 10px; }
.certificateBox img + img {margin-left: 1.5%; }
.certificateBox.threeItem {margin: 0 auto; width: 80%; }
.certificateBox.threeItem img {float: left; width: 32%; }
.certificateBox.threeItem img:nth-child(3n+1) {clear: left; margin-left: 0; }
.certificateBox.threeItem:after {content: ""; display: table; clear: both; }
.certificateBox.fourItem {margin: 0 auto; width: 70%; }
.certificateBox.fourItem img {float: left; width: 23.8%; }
.certificateBox.fourItem img:nth-child(4n+1) {clear: left; margin-left: 0; }
.certificateBox.fourItem:after {content: ""; display: table; clear: both; }
.certificateBox.fiveItem {margin: 0 auto; width: 100%; }
.certificateBox.fiveItem img {float: left; width: 18.8%; }
.certificateBox.fiveItem img:nth-child(5n+1) {clear: left; margin-left: 0; }
.certificateBox.fiveItem:after {content: ""; display: table; clear: both; }

@media (max-width: 991px) and (min-width: 768px) {
  .certificateBox {margin: 0 -10px; text-align: left; }
  .certificateBox img {float: left; width: 33.333%; padding: 0 10px; }
  .certificateBox img:nth-child(3n+1) {clear: left; }
  .certificateBox img + img {margin-left: 0; }
  .certificateBox:after {content: ""; display: table; clear: both; } 
}
@media (max-width: 767px) {
  .certificateBox {margin: 0 -10px; text-align: left; }
  .certificateBox img {float: left; width: 50%; padding: 0 10px; }
  .certificateBox img:nth-child(2n+1) {clear: left; }
  .certificateBox img + img {margin-left: 0; }
  .certificateBox:after {content: ""; display: table; clear: both; } 
}
/*globalCases*/
.globalCases {padding: 0 0 60px; background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; }
.globalCases h3 {display: none; }
.globalCases p {display: none; }
.globalCases .col-md-7 {width: 100%; }
.globalCases .col-md-5 {display: none; }
.globalCases .worldMap {position: relative; }
.globalCases .worldMap img {width: 100%; }
.globalCases .worldMap .companyList li {position: absolute; }
.globalCases .worldMap .companyList li span {display: block; width: 8px; height: 10px; background-image: url(../content/location.png); background-repeat: no-repeat; background-size: 100%; background-position: center; animation: blingbling .4s linear 0s infinite alternate; }
.globalCases .worldMap .companyList li .address {display: none; position: absolute; bottom: 20px; right: -20px; padding: 7px 30px; border-radius: 5px; font-size: 20px; white-space: nowrap; background-color: #ea5514; z-index: 10; }
.globalCases .worldMap .companyList li:after {content: ""; display: none; position: absolute; bottom: 5px; right: 5px; width: 20px; height: 20px; background-image: url(../content/worldAddress.png); background-repeat: no-repeat; background-size: 100%; }
.globalCases .worldMap .companyList li:hover .address, .globalCases .worldMap .companyList li:hover:after {display: block; z-index: 15; }
.globalCases .worldMap .companyList li:hover span {animation: none; transform: scale(1.5); }
.globalCases .worldMap .companyList li:nth-child(2n) span {animation-duration: .8s; animation-delay: .1s; }
.globalCases .worldMap .companyList li:nth-child(2n+1) span {animation-duration: .3s; animation-delay: .4s; }
.globalCases .worldMap .companyList li:nth-child(3n+1) span {animation-duration: .5s; animation-delay: .3s; }
.globalCases .worldMap .companyList li:nth-child(3n) span {animation-duration: .9s; animation-delay: .5s; }
.globalCases .worldMap .companyList li:nth-child(3n+2) span {animation-duration: .6s; animation-delay: .6s; }
.globalCases .worldMap .companyList li:nth-child(4n+1) span {animation-duration: 1s; animation-delay: .3s; }
.globalCases .worldMap .companyList .Canada {top: 31.5%; left: 16%; }
.globalCases .worldMap .companyList .Mexico {top: 53.2%; left: 19.5%; }
.globalCases .worldMap .companyList .Venezuela {top: 58.2%; left: 25.5%; }
.globalCases .worldMap .companyList .Nigeria {top: 60.5%; left: 50.5%; }
.globalCases .worldMap .companyList .Egypt {top: 54.5%; left: 57.7%; }
.globalCases .worldMap .companyList .Algeria {top: 46.5%; left: 48.5%; }
.globalCases .worldMap .companyList .Kuwait {top: 48.5%; left: 61%; }
.globalCases .worldMap .companyList .Oman {top: 52.5%; left: 63.2%; }
.globalCases .worldMap .companyList .Dubai {top: 50.3%; left: 63.5%; }
.globalCases .worldMap .companyList .Serbia {top: 38.7%; left: 52.6%; }
.globalCases .worldMap .companyList .Netherlands {top: 34.5%; left: 49.4%; }
.globalCases .worldMap .companyList .Turkmenistan {top: 43.5%; left: 63.4%; }
.globalCases .worldMap .companyList .Uzbekistan {top: 39.5%; left: 64.2%; }
.globalCases .worldMap .companyList .India {top: 51.5%; left: 70%; }
.globalCases .worldMap .companyList .Indonesia {top: 63.3%; left: 80.6%; }
.globalCases .worldMap .companyList .Yantai {top: 41%; left: 81%; }
.globalCases .worldMap .companyList .Yantai span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Xinjiang {top: 40.2%; left: 71.8%; }
.globalCases .worldMap .companyList .Xinjiang span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Chongqing {top: 47.5%; left: 77.4%; }
.globalCases .worldMap .companyList .Chongqing span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Sichuan {top: 46.8%; left: 76.5%; }
.globalCases .worldMap .companyList .Sichuan span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Daqing {top: 34.8%; left: 81.5%; }
.globalCases .worldMap .companyList .Daqing span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Shaanxi {top: 42.5%; left: 78%; }
.globalCases .worldMap .companyList .Shaanxi span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Karamay {top: 37.5%; left: 70.6%; }
.globalCases .worldMap .companyList .Karamay span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Luntai {top: 40.2%; left: 70.4%; }
.globalCases .worldMap .companyList .Luntai span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Gansu {top: 43.5%; left: 77%; }
.globalCases .worldMap .companyList .Gansu span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Neimeng {top: 39.5%; left: 78.2%; }
.globalCases .worldMap .companyList .Neimeng span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Tianjin {top: 40%; left: 80%; }
.globalCases .worldMap .companyList .Tianjin span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Liaoning {top: 39%; left: 82%; }
.globalCases .worldMap .companyList .Liaoning span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Jilin {top: 37%; left: 82.2%; }
.globalCases .worldMap .companyList .Jilin span {width: 5px; height: 7px; }
.globalCases .worldMap .companyList .Russia {top: 32.3%; left: 57.4%; }
.globalCases .worldMap .companyList .Surgut {top: 18.5%; left: 70.4%; }
.globalCases .worldMap .companyList .Youkansk {top: 34.5%; left: 58.4%; }
.globalCases .worldMap .companyList .Irkusk {top: 30.5%; left: 75.4%; }
.globalCases .worldMap .companyList .Houston {top: 45.4%; left: 19.4%; }
.globalCases .worldMap .companyList .Ouergenburg {top: 33.4%; left: 62.4%; }
.globalCases .contactUs {padding: 40px 30px; background-color: #191919; }
.globalCases .contactUs p {position: relative; margin-bottom: 0; padding-left: 40px; font-size: 14px; line-height: 22px; text-align: left; }
.globalCases .contactUs p span[class^="icon-"] {position: absolute; display: block; width: 28px; text-align: center; left: 0; top: 0; font-size: 20px; }
.globalCases .contactUs p + p {margin-top: 20px; }
.globalCases .contactUs p a {color: #fff; text-decoration: none; }
.globalCases .contactUs p a:hover {color: #aaa; }

@media (max-width: 991px) {
  .globalCases {display: none; } 
}
/*companyIntro*/
.companyIntro {margin-bottom: 20px; }
.companyIntro h2 {font-size: 26px; text-align: center; margin-bottom: 40px; color: #ea5514; }
.companyIntro .companyIntroBox {position: relative; padding-bottom: 100px; margin-bottom: 40px; }
.companyIntro .companyIntroBox img {width: 100%; }
.companyIntro .companyIntroBox .introText {position: absolute; bottom: 0; left: 15px; right: 15px; max-height: 100%; overflow: auto; padding: 30px; border-bottom: 5px solid #ea5514; background-color: #fff; transition: .3s; }
.companyIntro .companyIntroBox .introText h3 {margin-bottom: 10px; font-size: 20px; color: #ea5514; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.companyIntro .companyIntroBox .introText p {font-size: 14px; line-height: 22px; max-height: 44px; overflow: hidden; transition: .3s; }
.companyIntro .companyIntroBox .introText:hover p {max-height: 550px; transition: 1s; }
.companyIntro .companyIntroBox a {color: inherit; text-decoration: none; }
.companyIntro .companyIntroBox a:hover .introText {transform: translateY(-10%); }

@media (max-width: 991px) {
  .companyIntro {margin-bottom: 0; }
  .companyIntro .companyIntroBox {padding: 0; }
  .companyIntro .companyIntroBox .introText {position: relative; left: 0; right: 0; }
  .companyIntro .companyIntroBox .introText p {max-height: none; } 
}
/*solutionVideo*/
.solutionVideo h2 {display: none; }
.solutionVideo .more {display: none; }
.solutionVideo .videoBox {position: relative; width: 70%; margin: 0 auto; background-repeat: no-repeat; background-size: cover; background-position: center; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(/en/upload/images/2018/06/20/c0c96ad605fe4eaabde58f6826df46d2.jpg', sizingMethod='scale');}
.solutionVideo .videoBox img {width: 100%; }
.solutionVideo .videoBox .playBtn {position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -35px; display: block; width: 70px; height: 70px; font-size: 70px; line-height: 1; text-align: center; text-decoration: none; }
.solutionVideo .videoBox .videoIntro {position: absolute; bottom: 0; left: 0; width: 100%; padding: 9px 0; text-align: center; color: #fff;background-color:#001a2e; background-color: rgba(0, 26, 46, 0.55); }
.solutionVideo .section {margin-bottom: 0; }
.solutionVideo .hasLine {padding: 0; border: none; }
.solutionVideo .productCarousel {margin: 0 -15px; }
.solutionVideo .productCarousel .row {text-align: center; margin: 0; }
.solutionVideo .productCarousel .col-md-6 {float: none; display: block; width: 70%; margin: 0 auto; padding: 0; }

@media (min-width: 992px) {
  .solutionVideo .videoBox {height: 500px; } 
}
@media (max-width: 991px) {
  .solutionVideo .videoBox {margin-bottom: 0; min-height: 300px; width: 100%; }
  .solutionVideo .section {margin-bottom: 0; } 
  .solutionVideo .productCarousel .col-md-6 {width: 100%; } 
}
.subPage + .solutionVideo {margin-top: -20px; }

/*# sourceMappingURL=jerehPE.css.map */


/*******************************杰瑞装备************************************/
/*底部分享 改为百度*/
.socialbox .bdsharebuttonbox{float: none; margin: 0; text-align: center; }
.socialbox .bds_weixin:hover {border-color: #51c332; background-color: #51c332; }
.socialbox .bds_tsina:hover {border-color: #e6162d; background-color: #e6162d; }
.socialbox .bds_linkedin:hover{border-color: #006a9a; background-color: #006a9a; }
.socialbox .bdshare-button-style0-16 a, 
.socialbox .bdshare-button-style0-16 .bds_more{height: 34px; line-height:30px; font-size: 16px; color:#fff; padding:0; margin: 0; background-image:none; float:none;}
.socialbox .bdshare-button-style0-16 a:hover{color:#fff;}
.socialbox .bdshare-button-style0-16 a + a {margin-left: 15px; } 
.socialbox .youku{font-size: 20px;}

/*首页banner*/
.bannerCarousel .dot-nav {position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; z-index: 10 }
.bannerCarousel .carousel-indicators {position: static; width: auto; margin: 0; padding: 0; display: inline-block }
.bannerCarousel .carousel-indicators li {height: 2px; width: 50px; float: left; margin: 0; border-radius: 0; border: none; background:#EA5514; filter:alpha(opacity=50); background: rgba(234,85,20,.5); }
.bannerCarousel .carousel-indicators li span {display: block; height: 2px; width: 0; background: #ea5514 }
.bannerCarousel .carousel-indicators li.active {margin: 0 }
.bannerCarousel .carousel-indicators li.active span {width: 100%; transition: width 5s }
.bannerCarousel .carousel-indicators li+li,.bannerCarousel .carousel-indicators li+li.active {margin-left: 10px }


/*产品详情*/
.pro_detail01_num01 .productCarousel.section01{margin-top:40px;}
@media (max-width: 992px){
  .pro_detail01_num01 .productCarousel.section01 .container .col-md-6{text-align:center;}
}

.pro_list .leftSpace{position: static; float: left;}
.pro_list .rightSpace{width:70%; padding-left: 3%; float:right;}
@media (max-width:991px){.pro_list .rightSpace{width: 100%; padding-left: 0;} }



.pro_list_det .rightSpace{width:70%; padding-left: 3%; float:right; min-height:650px}
.pro_list_det .leftSpace{float: left;}


@media (max-width:1366px){.pro_list_det .rightSpace{width:70%; } }
@media (max-width:991px){.pro_list_det .rightSpace{width: 100%; padding-left: 0;} }
.wrapper {width: 70%; margin: 0 auto }
.solutionTab ul li::before{display: none;}

/*兼容*/
/*首页*/
.header{color:#ea5514; background:#001A2E; /*filter: alpha(opacity=60)*/background: rgba(0,26,46,.7);}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; filter: alpha(opacity=0); visibility:hidden;}
.modal-backdrop.cur{opacity: 0.5; filter: alpha(opacity=50); visibility:visible;}


/*20180621*/
.challenges .owl-carousel .owl-dots.disabled, 
.challenges .owl-carousel .owl-nav.disabled{display:block;}


/*20180626*/
/*.pro_list .rightSpace .intro{padding-bottom:30px;}*/

/*20180705*/
.productCarousel ul li a:hover{color:#333;}
/*0706*/
/*.businessAbout.solution_business .serviceList img{display:none;}*/
/*.businessAbout.solution_business .serviceList h3{margin-top: 30px;}*/
/*.businessAbout .serviceList .content{padding: 30px 10px 0;}*/


p + p{margin-top: 0;}

.intro .owl-dots{position: relative; bottom: -10px; margin-bottom: 0; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.intro .owl-dots .owl-dot {width: 12px; height: 12px; border: none; margin: 0; margin-right: 8px; background-color: #ccc; display:inline-block; cursor:pointer; border-radius:50%;}

.intro .owl-dots .owl-dot.active{background:#ea5514}
@media (max-width: 767px){
.pro_detail01_num01 .subPage + .tabs { margin-top: 0;  }
}
@media (max-width: 991px){
.pro_detail01_num01  .tabs .tab-pane-tlt {display:none; }
}


.page_main .row ol li{text-align: justify;}

/*20180925*/
/*parts*/
.accessories { margin-bottom: 0; }
.accessories h2 { font-size: 26px; color: #ea5514; margin-bottom: 40px; display: none; }
.accessories .nav { float: left; width: 20%; border: none; margin-top: 70px; }
.accessories .nav li { float: none; display: block; border: none; margin: 0; }
.accessories .nav li a { font-size: 20px; border: none; color: #333; background-color: #fff; border-radius: 4px  0 0 4px; margin: 10px 0; }
.accessories .nav li a:hover { border: none; color: #ea5514; background-color: #fff !important; }
.accessories .nav li.active a { border: none; background-color: #1c2b3c; color: #fff; }
.accessories .nav li.active a:hover { background-color: #1c2b3c !important; }
.accessories .nav-tabs > li.active > a, .accessories .nav-tabs > li.active > a:hover, .accessories .nav-tabs > li.active > a:focus { border: none; background-color: #1c2b3c; }
.accessories .tab-content { float: left; width: 80%; padding-left: 40px; border-left: 2px solid #1c2b3c; box-sizing: border-box; }
.accessories .tab-content label { display: block; float: left; width: 35%; margin-bottom: 70px; margin-top: 10px; font-size: 16px; font-weight: normal; }
.accessories .tab-content .tab-pane h3 { display: block; font-size: 16px; font-weight: normal; margin: 50px 0 15px; }
.accessories .tab-content .tab-pane h3 + .logoBox { float: none; width: 100%; }
.accessories .tab-content .logoBox { float: left; width: 65%; }
.accessories .tab-content .logoBox:after { content: ""; display: table; clear: both; }
.accessories .tab-content .logoBox img { float: left; padding: 0 5px; }
.accessories .tab-content .col-sm-6:after, .accessories .tab-content .col-md-6:after { content: ""; display: table; clear: both; }
.accessories .tab-content.hasTitleLine label, .accessories .tab-content.hasTitleLine .tab-pane h3 { padding-bottom: 10px; position: relative; }
.accessories .tab-content.hasTitleLine label:after, .accessories .tab-content.hasTitleLine .tab-pane h3:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: #ea5514; }
.accessories .tab-content .tab-pane .row:first-child h3 { margin-top: 10px; }
.tabBox .tab-content .accessories .nav li { padding: 0; }
.tabBox .tab-content .accessories .nav li:before { display: none; }
@media (max-width:991px) {
.accessories { padding: 0 15px; margin-bottom: -21px; background-color: #e2e2e2; border-bottom: 1px solid #ccc; }
.accessories .nav li a { font-size: 16px; }
.accessories .nav-tabs { display: block; }
.accessories .tab-content .tab-pane-tlt { display: block !important; margin-bottom: -1px; }
.accessories .tab-content > .tab-pane { padding-bottom: 0; border-bottom: 0; }
.accessories .tab-content > .tab-pane .row:first-child .col-md-6:last-child h3 { margin-top: 50px; }
.accessories .tab-content > .tab-pane:last-child { border-bottom: none; }
}
@media (min-width:992px) {
.accessories .tab-content { min-height: 360px; }
}
@media (max-width:991px) {
.accessories .nav { display: none; }
.accessories .tab-content { float: none; width: 100%; border: none; padding: 0; }
.accessories .tab-content .row:last-child .col-md-6:last-child label { margin-bottom: 0; }
.accessories .tab-content > .tab-pane { padding-bottom: 20px; border-bottom: 1px solid #ccc; }
}


.box_wrap_out_posi{z-index:2000!important}

.error .pt1 .box{margin-left: 17%;width: 72%;}
.error .pt1 .tit{font-size: 150px;line-height: 1;color: #ea5613;margin-bottom: 20px;margin-top:130px;}
.error .pt1 .tit .ion{width: 127px;height: 113px;display: inline-block;background-image: url(../img/error.jpg);background-repeat: no-repeat;background-position: 0 0;margin-right: 25px;}
.error .pt1 .t2{font-size: 43px;line-height: 1;color: #000;margin-bottom: 20px;}
.error .pt1 .t3{font-size: 17px;color: #000;margin-bottom: 30px;}
.error .pt1 .t3 a{text-decoration: underline;color: #ea5613;}
.error .pt1 .t4{font-size: 16px;color: #000;margin-bottom: 30px;}
.error .pt1 .form{width: 100%;position: relative;margin-bottom: 100px;}
.error .pt1 .form .input_t{width: 100%;height: 100%;border: none;outline: 0;border: 1px solid #f2f2f2;height: 58px;line-height: 58px;font-size: 18px;padding: 0;text-indent: 30px;}
.error .pt1 .form .submit_b{position: absolute;border: none;outline: 0;padding: 0;margin: 0;width: 122px;height: 50px;line-height: 50px;right: 5px;top: 50%;margin-top: -25px;background-color: #ea5613;color: #fff;text-align: center;font-size: 18px;cursor: pointer;transition: all .5s ease;-webkit-transition: all .5s ease;}
.error .pt1 .form .submit_b:hover{background-color: #000;}
.error .pt1 .form:hover .submit_b{opacity: 1;filter: alpha(opacity=100);}