/*网站样式*/
.header { position: fixed; top: 0; right: 0; left: 0; z-index: 1001; background:url(../img/black.6.png); background: rgba(0, 26, 46, 0.7); }
.header:after { content: ' '; display: table; clear: both; }
/*.header .mobile-container:after,.header .mobile-container:before{display:table; clear:both; content:''; }*/
.header .logo { float: left; margin: 23px 0; }
.header .logo img { display: block; height: 24px; }
.header .searchBox { float: right; margin-top: 15px; 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; }
.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; }
.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: 20px; }
.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; }
/*.header .navbar-collapse{width:84%; float:left;}*/
@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 > .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 > .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 > .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 2%; 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: 29%; 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: 90%; margin-left: 1px; position: absolute; left: 100%; top: -15px; background-color: #222222; padding: 15px 5%; border-top: none; line-height: 18px; box-sizing:border-box;}
.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; }
.header .navi > ul > li .dropdown-toggle a{display: block;position: relative;line-height: 70px;min-height: 70px;}
}
.header .navi > ul > li.home:hover > .dropdown-toggle:after{display:none;}

@media (min-width:1300px) {
.header .navi .dropdown-menu {/* width: 22%;*/ width:17%; }
}
@media (max-width:1121px) and (min-width:992px) {
.header .container { width: 970px; }
}
@media (max-width:1459px) and (min-width:992px) {
.header .navi { margin-left: 20px; font-size: 14px; line-height: 30px; }
.header .navi > ul > li + li { margin-left: 10px; }
}
@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; }
}
@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: blcok; 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; color: #ea5514;}
.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; }
.header .navi > ul > li .dropdown-toggle a{float:left;display: block;position: relative;}
}
@media (max-width:767px) {
.header .mobile-container { padding: 0; }
.header .stock { font-size: 12px; line-height: 28px; }
}
.footer { padding: 18px 0; color: #fff; background-color: #111a21; text-align: center; }
.footer .maplinks { margin-bottom: 0; margin-top: 5px; line-height: 24px; float: left; }
.footer .maplinks a { display: inline-block; line-height: 16px; color: inherit; line-height: 14px; }
.footer .maplinks a:hover { color: #ea5514; text-decoration: none; }
.footer .maplinks a + a { margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; }
.footer .socialbox { margin-left: 30px; margin-bottom: 0; height: 34px; float: left; }
.footer .members { display: none; }
.footer .copyright { line-height: 20px; opacity: 0.5; margin-top: 5px; float: right; }
.socialbox {  /* Share */ }
.socialbox a { display: inline-block; float: left; width: 34px; height: 34px; background-color: #898c91; border-radius: 50%; font-size: 16px; line-height: 30px; color: #111a21; 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; }
/*footershare*/
body .bdshare-button-style0-32 a { display: inline-block; float: left; width: 34px; height: 34px; background-color: #898c91; border-radius: 50%; font-size: 16px; line-height: 30px; color: #111a21; background-image: none;  text-indent: 0; }

@media (min-width:992px) {
.footer { position: absolute; bottom: 0; left: 0; width: 100%; }
.footer .dropdown-menu { display: block; opacity: 0; left: -9999px; transition: opacity 0.5s; }
.footer .dropdown.open .dropdown-menu { opacity: 1; left: 0; }
.footer .socialbox { margin-left: 15px; }
body .bdshare-button-style0-32 a{margin: 0 0 0 15px;}
}
@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: 0; }
.footer .maplinks a + a { border-left: none; }
.footer .socialbox { display: inline-block; margin: 5px auto; }
.footer .socialbox .socialIcon:first-child { margin-left: 0; }
.footer .members { display: none; }
.footer .footerLinks{width:100%;}
.footer .maplinks a{margin:0 10px;}
.footer .socialbox{margin-left:0;}
body .bdshare-button-style0-32 a{margin:0 10px;}
}

/* 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; bottom: 40px; 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:#fff;background: rgba(234, 85, 20, 0.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; }
.bannerCarousel .item { height: 450px; height: calc(100vh - 200px); min-height: 350px; overflow: hidden; }
.bannerCarousel .container { z-index: 20; position: absolute; top: 0; height: 100%; left:0; width:100%; padding:0;}
.bannerCarousel .carousel-caption { position: absolute; top: 50%; left: 15px; right: 15px; bottom: auto; text-align: center; text-shadow: none; font-size: 20px; line-height: 1.5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);  margin-top: -35px\0;}
.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: 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 .dot-nav { bottom: 20px; }
.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: 50px; }
.bannerCarousel .container { width: 100%; }
.bannerCarousel .carousel-caption { margin-top: 18px; font-size: inherit; left: 15%; right: 15%; }
.bannerCarousel .timeProgress { width: 150px; margin-left: -75px; }
.bannerCarousel .left-control, .bannerCarousel .right-control { width: 40px; height: 40px; line-height: 40px; }
}

/*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; }
.global .globalList .item img { width: 100%; transition: .3s; }
.global .globalList .item .textIntro { position: absolute; top: 50%; left: 15px; right: 15px; transform: translateY(-44%); 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; }
.global .globalList:hover .item .textIntro { opacity: .5; }
.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; }
.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(../img/arrow_left.png); }
.challenges .owl-nav .owl-next { right: 0; background-image: url(../img/arrow_right.png); }
@media (max-width:991px) {
.challenges { padding: 40px 0; }
}

/*newsHome*/
.newsHome { padding: 60px 0; color: #333; }
.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:#021a2e; filter: alpha(opacity=55);*/ background-color: rgba(0, 26, 46, 0.55); bottom:20px\9\0;}
.newsHome [class^="col-"]:after { content: ""; display: table; clear: both; }
.newsHome .videoBox video{width:100%; position:relative; z-index:10;}
@media (min-width:992px) {
.newsHome .items { height: 320px; }
.newsHome .items .item p { max-height: 52px; overflow: hidden; }
.newsHome .videoBox { height: 320px; overflow:hidden;}

}
@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: 100px; 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%;}
.banner .caption { z-index: 20; position: absolute; top: 50%;text-align: center; width:100%;left:0;}
.banner .caption.leftAlign { text-align: left; }
.banner .caption.rightAlign { text-align: right; }
.banner .caption h1, .banner .caption h2 { font-size: 46px; 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;background-color: #fff; border: none; border-radius: 30px; text-align: left; font-size: 16px; color: #000; text-indent:20px;}
.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: 50%; float: left; text-align: right; }
.isVideo .videoBtn { float: left; display: inline-block; margin: 0px 0 0 20px; padding: 10px 15px; border: 1px solid #fff; color: #fff; border-radius: 0; background-color: transparent; font-size: 16px; line-height: 20px; text-decoration: none; cursor: pointer; }
.isVideo .videoBtn .icon-play2 { float: left; margin-right: 10px; height: 20px; line-height: 22px; }
.isVideo .videoBtn:hover { border-color: #ea5514; color: #ea5514; }
@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%; box-sizing:border-box; left:0;}
.banner .caption h1, .banner .caption h2 { font-size: 30px; }
.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*/
.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: 0px; }
.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; }
}

/*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; box-sizing: border-box; }
.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; display: none}
.subPage .wrapper { width: 70%; margin: 0 auto; }
.subPage h2 { font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.subPage h3, .subPage h4, .subPage h5, .subPage h6, .subPage p, .subPage li { line-height: 1.5; }
.subPage h3 + h4 { margin-top: 20px; }
.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 p { color: #676767; }
.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 ul ul { margin-top: 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 .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; }
.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; /*display:none*/}
.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: 0; 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; }
.table tr th { background-color: #e6e6e6; font-weight: normal; }
.table tr td, .table tr th { font-size: 14px; height: 40px; vertical-align: middle; border-right: 1px solid #aaa; }
.table tr td:last-child, .table tr th:last-child { border-right: none; }
.table-responsive.middle .table tr td, .table-responsive.middle .table tr th { 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; }
.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 ul ul { 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;  /* background-color: $bg-dark;*/ }
.history .nav li { position: relative; float: left; width: 25%; margin: 0;    /*&.active{
a{ border: none; background-color: $brand-primary; color: $text-color;}
&:hover a{border: none;}
&:after{background-color: $brand-primary;}
}
&:after{content: "";position: absolute; top: 0; right:0;  width: 20px;height: 50px;border-right: 1px solid  $brand-second; transform-origin: 0 100%;transform: skewX(-10deg); background-color: $bg-dark; z-index: 10; transition: 0.3s;}*/ }
.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, #e2e2e2 0%, rgba(226, 226, 226, 0.5) 100%); background-image: -o-linear-gradient(top, #e2e2e2 0%, rgba(226, 226, 226, 0.5) 100%); background-image: linear-gradient(to bottom, #e2e2e2 0%, rgba(226, 226, 226, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE2E2E2', endColorstr='#80E2E2E2', 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: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; box-sizing: border-box; }
.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 .odd { float: right; clear: right; }
.history .timeline .odd .treeItem { margin-left: 15%; }
.history .timeline .even { clear: left; }
.history .timeline .even .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 .endPoint .button:hover { color: #333; }
.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: #e2e2e2; }
.history .timeline .treeItem:hover .locationCircle { background: #ea5514; }
.history .timeline .odd .treeItem .locationCircle { right: 118%; left: auto; margin-left: 0; margin-right: -14px; }
.history .timeline .odd .treeItem:after { right: 100%; left: auto; border-left-color: transparent; border-right-color: #e2e2e2; }
.history:not(.leftTree) .imageText .items .item > img { width: 100%; float: none; }
.history:not(.leftTree) .imageText .items .item .textBox { width: 100%; float: none; padding-left: 0; padding-right: 0; }
.history:not(.leftTree) .businessAreaCase .item > img { width: 100%; float: none; }
.history:not(.leftTree) .businessAreaCase .item .imgBox { width: 100%; float: none; }
.history:not(.leftTree) .businessAreaCase .item .textBox { width: 100%; float: none; padding-left: 0; padding-right: 0; }
.history:not(.leftTree) .timeline [class*="col-"]:nth-child(2n) .treeItem { transform: translateY(50px); z-index: 10; }
.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 {      /*&:first-child {
a { padding-left:10px;}
}
&:last-child{
&:after{display: none;}
}*/ }
.history .nav li span { display: block; width: auto; 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; box-sizing: border-box; }
.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.even img { float: right; }
.imageText .items .item.even .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.even .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.even img { float: none; }
.imageText .items .item.even .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 .Bulgaria { top: 39%; left: 54.4%; }
.businessAreaMap .mapSize .sub-nav-tabs .Bulgaria a { animation-duration: .6s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Egypt { top: 47.4%; left: 56.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Egypt a { animation-duration: .5s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Egypt .placeName { left: auto; right: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .Algeria { top: 46%; left: 48%; }
.businessAreaMap .mapSize .sub-nav-tabs .Algeria a { animation-duration: .9s; animation-delay: .4s; }
.businessAreaMap .mapSize .sub-nav-tabs .SouthAfrica { top: 80%; left: 54.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .SouthAfrica a { animation-duration: .8s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .Czech { top: 38%; left: 51.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Czech a { animation-duration: .7s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Czech .placeName { left: auto; right: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .Poland { top: 34.5%; left: 52.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Poland a { animation-duration: .8s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .Australia { top: 78.6%; left: 91%; }
.businessAreaMap .mapSize .sub-nav-tabs .Australia a { animation-duration: .7s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Australia .placeName { left: auto; right: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .Myanmar { top: 53%; left: 75.5%; }
.businessAreaMap .mapSize .sub-nav-tabs .Myanmar a { animation-duration: .5s; animation-delay: .1s; }
.businessAreaMap .mapSize .sub-nav-tabs .Myanmar .placeName { top: -50%; }
.businessAreaMap .mapSize .sub-nav-tabs .India { top: 48%; left: 69.9%; }
.businessAreaMap .mapSize .sub-nav-tabs .India a { animation-duration: .8s; animation-delay: .4s; }
.businessAreaMap .mapSize .sub-nav-tabs .Indonesia { top: 66.3%; left: 78.6%; }
.businessAreaMap .mapSize .sub-nav-tabs .Indonesia a { animation-duration: .8s; animation-delay: .4s; }
.businessAreaMap .mapSize .sub-nav-tabs .Indonesia .placeName { top: auto; bottom: 100%; }
.businessAreaMap .mapSize .sub-nav-tabs .UAE { top: 51.3%; left: 63%; }
.businessAreaMap .mapSize .sub-nav-tabs .UAE a { animation-duration: .8s; animation-delay: .2s; }
.businessAreaMap .mapSize .sub-nav-tabs .Kuwait { top: 48%; left: 60.9%; }
.businessAreaMap .mapSize .sub-nav-tabs .Kuwait a { animation-duration: .6s; 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 120px; background: #222222 center no-repeat; background-size: cover; text-align: center; color: #fff; }
.businessAbout .serviceList .content { padding: 40px 10px; 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: 20px; }
.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:#111a21; filter: alpha(opacity=60); 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#fff; overflow: hidden; opacity:0.2;}
.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:url(../img/black.2.png); }
.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: 100px; 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: 98px 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:url(../img/black.6.png); background: rgba(34, 34, 34, 0.6); color: #fff; box-sizing: border-box; }
.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: auto; overflow: hidden; }
}
@media (max-width:991px) {
.smallBanner .introBox .textBox { padding:20px; width: 70%;}
.smallBanner .introBox .textBox h2 { margin-bottom: 10px; font-size:18px;}
}
@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; background:url(../img/circleBox_bj.png) no-repeat center\9\0;}
.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:2%; top: 40%; writing-mode: vertical-lr; width:auto;}
.manageCircle .titleBottom { bottom: 0; left: 0; }
.manageCircle .titleLeft { left: 2%; top: 40%; writing-mode: vertical-lr; width:auto; }
.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; box-sizing: border-box; }
.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(../img/arrow_right_white.png); }
.gallery .owl-prev { left: 0; background-image: url(../img/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); box-sizing: border-box; }
.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:url(../img/black.6.png); color: #fff; }
.development .textCover .textBox p { max-height: 290x; 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; display: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; }
}

/*about*/
.about { padding: 60px 0; background-position: center; background-repeat: no-repeat; text-align: center; }
.about .wrapper { width: 85%; margin: 0 auto; }
.about h2 { margin-bottom: 25px; color: #ea5514; }
.about h2 a:hover { color: #333; }
.about p { font-size: 16px; line-height: 1.63; }
.about .row { margin-top: 40px; margin-bottom: 40px; }
.about .item { margin-bottom: 20px; }
.about .item img { display: block; margin: 0 auto 15px; width: 40px; height: 40px; }
.about .item h3 { font-size: 20px; line-height: 26px; color: #ea5514; }
.about .item p { line-height: 1.25; color: #333; }
.about .item a:hover { text-decoration: none; }
.about .item a:hover h3 { color: #333; }
.about .button { padding: 12px 32px; margin-top: 30px; border-radius: 0; border: 1px solid #ea5514; color: #ea5514; font-size: 16px; transition: .3s; box-sizing: border-box; }
.about .button:hover { background-color: #ea5514; color: #fff; border-color: #ea5514; }
@media (max-width:991px) {
.about { padding: 40px 0; }
.about .wrapper { width: auto; }
.about h2 { margin-bottom: 25px; font-size: 26px; }
.about .row { margin-top: 20px; margin-bottom: 20px; }
.about .item { margin-bottom: 40px; }
}
@media (max-width:767px) {
.about .col-xs-6:nth-child(2n+1) { clear: left; }
}

/*businessGas*/
.businessGas { padding: 60px 0; background-position: center; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; text-align: center; color: #fff; }
.businessGas h2 { margin-bottom: 50px; color: #ea5514; }
.businessGas .container { overflow: hidden !important; }
.businessGas .mainBusiness { margin: 0 -5px; }
.businessGas .mainBusiness .item { width: 20%; float: left; padding: 0 5px; text-align: center; cursor: pointer; transition: .3s; box-sizing: border-box; }
.businessGas .mainBusiness .item .bgWrapper { height: 100%;background:#f1f1f1; background: rgba(241, 241, 241, 0.6); padding: 40px 0; transition: .3s; color: #333; box-sizing: border-box; }
.businessGas .mainBusiness .item .bgWrapper img { display: inline-block; margin-bottom: 20px; transform: scale(0.8); transition: .3s; }
.businessGas .mainBusiness .item .bgWrapper .hoverShow { display: none; }
.businessGas .mainBusiness .item .bgWrapper p { font-size: 20px; }
.businessGas .mainBusiness .item .bgWrapper a { color: #333; text-decoration: none; }
.businessGas .mainBusiness .item:hover .bgWrapper, .businessGas .mainBusiness .item.active .bgWrapper { background-color: transparent; color: #ea5514; color: #ea5514; }
.businessGas .mainBusiness .item:hover .bgWrapper img, .businessGas .mainBusiness .item.active .bgWrapper img { display: none; transform: scale(1); }
.businessGas .mainBusiness .item:hover .bgWrapper .hoverShow, .businessGas .mainBusiness .item.active .bgWrapper .hoverShow { display: inline-block; }
.businessGas .mainBusiness .item:hover .bgWrapper a, .businessGas .mainBusiness .item.active .bgWrapper a { color: #ea5514; }
.businessGas .mainBusiness:after { content: ""; display: table; clear: both; }
.businessGas .subBusiness { position: relative; margin: 60px -5px 0; overflow: hidden; }
.businessGas .subBusiness .item { position: absolute; top: 100%; width: 100%; transition: 1s; opacity: 0; }
.businessGas .subBusiness .item ul { display: table; width: 100%; table-layout: fixed; }

.businessGas .subBusiness .item ul li { display: table-cell; }
.businessGas .subBusiness .item ul li { height: auto !important; padding: 0 5px; text-align: center; cursor: pointer; opacity: 0; transition: 1s; }
.businessGas .subBusiness .item ul li .imgBox { overflow: hidden; }
.businessGas .subBusiness .item ul li .imgBox img { width: 100%; transition: .3s; }
.businessGas .subBusiness .item ul li p { padding: 14px 0; font-size: 14px; color: #333; background-color: #f1f1f1; transition: .3s; }
.businessGas .subBusiness .item ul li p a { display: block; text-decoration: none; transition: .3s; }
.businessGas .subBusiness .item ul li:hover .imgBox img { transform: scale(1.1); }
.businessGas .subBusiness .item ul li:hover p { color: #fff; background-color: #ea5514; }
.businessGas .subBusiness .item ul li a { text-decoration: none; }
.businessGas .subBusiness .item ul li { opacity: 1; transition-delay: 1s; }
.businessGas .subBusiness .item ul li:nth-child(1) { transition-delay: 0s; transform: translateY(10px); }
.businessGas .subBusiness .item ul li:nth-child(2) { transition-delay: .1s; transform: translateY(15px); }
.businessGas .subBusiness .item ul li:nth-child(3) { transition-delay: .2s; transform: translateY(20px); }
.businessGas .subBusiness .item ul li:nth-child(4) { transition-delay: .3s; transform: translateY(25px); }
.businessGas .subBusiness .item ul li:nth-child(5) { transition-delay: .4s; transform: translateY(30px); }
.businessGas .subBusiness .item ul li:nth-child(6) { transition-delay: .5s; transform: translateY(35px); }
.businessGas .subBusiness .item ul li:nth-child(7) { transition-delay: .6s; transform: translateY(40px); }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(1) li { transition-delay: 0s; transform: translateY(10px); }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(2) li { transition-delay: .1s; transform: translateY(15px); }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(3) li { transition-delay: .2s; transform: translateY(20px); }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(4) li { transition-delay: .3s; transform: translateY(25px); }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(5) li { transition-delay: .4s; transform: translateY(30px); }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(6) li { transition-delay: .5s; transform: translateY(35px); }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(7) li { transition-delay: .6s; transform: translateY(40px); }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(8) li { transition-delay: .7s; }
.businessGas .subBusiness .item ul .owl-stage .owl-item:nth-child(9) li { transition-delay: .8s; }
.businessGas .subBusiness .item.active { position: relative; left: auto; top: 0; opacity: 1; }
.businessGas .subBusiness .item.active li { transform: translateY(0) !important; }
.businessGas .subBusiness .item .owl-carousel { position: relative; }
.businessGas .subBusiness .item .owl-carousel .owl-stage-outer { overflow: hidden; }
.businessGas .subBusiness .item .owl-carousel .owl-stage { position: relative; height: 100%; }
.businessGas .subBusiness .item .owl-carousel .owl-stage .owl-item { float: left; }
.businessGas .subBusiness .item .owl-carousel .owl-item{opacity: 0;visibility: hidden; direction: none}
.businessGas .subBusiness .item .owl-carousel.owl-loaded .owl-item{opacity: 1;visibility: visible; display: block;}
.businessGas .subBusiness .item .owl-carousel .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; }
.businessGas .subBusiness .item .owl-carousel .owl-stage .item img { display: block; width: 100%; margin-bottom: 0; }
.businessGas .subBusiness .item .owl-carousel .owl-stage:after { content: ""; display: table; clear: both; }
.businessGas .subBusiness .item .owl-carousel .owl-prev, .businessGas .subBusiness .item .owl-carousel .owl-next { display: block; position: absolute; top: 50%; width: 40px; height: 70px; margin-top: -35px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 18px; background-color: rgba(0, 26, 46, 0.55); z-index: 10; cursor: pointer; }
.businessGas .subBusiness .item .owl-carousel .owl-prev.disabled, .businessGas .subBusiness .item .owl-carousel .owl-next.disabled { opacity: .2; cursor: inherit; }
.businessGas .subBusiness .item .owl-carousel:hover .owl-prev, .businessGas .subBusiness .item .owl-carousel:hover .owl-next { display: block; }
.businessGas .subBusiness .item .owl-carousel .owl-next { right: 5px; background-image: url(../img/arrow_right_white.png); }
.businessGas .subBusiness .item .owl-carousel .owl-prev { left: 5px; background-image: url(../img/arrow_left_white.png); }


.businessGas .subBusiness .item ul.owl-loaded{display:block;}
.businessGas .subBusiness .item ul.owl-carousel li{display:block;}
.businessGas .subBusiness .item ul.owl-carousel a{display:block;}
.businessGas .subBusiness .item ul.owl-carousel a img{width:100%;}
@media (min-width:992px) {
.businessGas .mainBusiness .item { height: 263px; }
.businessGas .subBusiness .subTlt { display: none; }
.businessGas .subBusiness .item ul.owl-carousel{display:none;}
.businessGas .subBusiness .item ul.owl-loaded{display:block;}
}
@media (max-width:991px) {
.businessGas { padding: 40px 0; }
.businessGas h2 { font-size: 26px; margin-bottom: 40px; }
.businessGas .mainBusiness { display: none; }
.businessGas .mainBusiness .item { width: 100%; float: none; }
.businessGas .mainBusiness .item .bgWrapper { padding: 15px 0; margin-bottom: 1px; }
.businessGas .mainBusiness .item .bgWrapper img { width: 50px; margin-bottom: 15px; }
.businessGas .mainBusiness .item .bgWrapper p { font-size: 16px; }
.businessGas .subBusiness { margin: 40px -5px 0; }
.businessGas .subBusiness .subTlt { display: block; text-align: left; margin-bottom: 1px; padding: 0 15px; line-height: 40px; font-size: 16px; background-color: #1c2b3c; cursor: pointer; }
.businessGas .subBusiness .subTlt img { display: inline-block; margin-bottom: 0; width: 40px; margin-right: 15px; }
.businessGas .subBusiness .subTlt .hoverShow { display: none; }
.businessGas .subBusiness .subTlt a { color: #fff; text-decoration: none; }
.businessGas .subBusiness .subTlt .icon-arrow-right, .businessGas .subBusiness .subTlt .icon-arrow-down { float: right; }
.businessGas .subBusiness .subTlt .icon-arrow-down { display: none; }
.businessGas .subBusiness .subTlt.active { color: #ea5514; background-color: #222222; }
.businessGas .subBusiness .subTlt.active img { display: none; }
.businessGas .subBusiness .subTlt.active a { color: #ea5514; }
.businessGas .subBusiness .subTlt.active .hoverShow { display: inline-block; }
.businessGas .subBusiness .subTlt.active .icon-arrow-right { display: none; }
.businessGas .subBusiness .subTlt.active .icon-arrow-down { display: block; }
.businessGas .subBusiness .item { display: none; }
.businessGas .subBusiness .item ul:not(.owl-carousel) { display: block; width: 100%; }
.businessGas .subBusiness .item ul:not(.owl-carousel) li { display: block; width: 100%; }
.businessGas .subBusiness .item ul li { display: block; width: 100%; padding: 0; float: none; margin-bottom: 1px; text-align: left; }
.businessGas .subBusiness .item ul li .imgBox { display: none; }
.businessGas .subBusiness .item ul li p { height: auto !important; padding: 7px 15px; color: #fff; }
.businessGas .subBusiness .item.active { display: block; }
.businessGas .subBusiness .item.active ul li p { background-color: #222222; }
}

/*worldwideGas*/
.worldwideGas { padding: 60px 0; background-color: #e2e2e2; }
.worldwideGas .container { position: relative; }
.worldwideGas h2 { margin-bottom: 50px; color: #ea5514; font-size: 36px; line-height: 40px; text-align: center; }
.worldwideGas .clickShow { display: none; text-align: center; font-size: 16px; margin-bottom: 40px; position: absolute; color: #ea5514; margin-top: -30px; left: 50%; transform: translateX(-50%); padding: 8px 20px; }
.worldwideGas .mapSize { position: relative; }
.worldwideGas .mapSize .world > img, .worldwideGas .mapSize .china > img { width: 100%; opacity: .6; }
.worldwideGas .mapSize .china ul li .name { display: none; color: #ea5514; }
.worldwideGas .mapSize .china ul li .icon-map { color: #ea5514; }
.worldwideGas .mapSize .china ul li:hover .icon-map, .worldwideGas .mapSize .china ul li.active .icon-map { transform: scale(1, 1); animation: none; }
.worldwideGas .mapSize .chinaArea { position: absolute; top: 31.4%; right: 16.5%; width: 16.5%; transition: .3s; }
.worldwideGas .mapSize .chinaArea:hover { transform: scale(1.05); }
.worldwideGas .mapSize .chinaArea img { width: 100%; }
.worldwideGas .mapSize ul li { position: absolute; text-align: center; }
.worldwideGas .mapSize ul li a { display: block; width: 10px; height: 10px; margin: -10px 0 0 -10px; line-height: 1; text-decoration: none; transition: .3s; }
.worldwideGas .mapSize ul li .icon-map { display: block; font-size: 14px; color: #858585; animation: blingbling .4s linear 0s infinite alternate; }
.worldwideGas .mapSize ul li .clickShow { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: -25px; margin-left: -5px; font-size: 12px; line-height: 12px; color: #99a5b4; white-space: nowrap; }
.worldwideGas .mapSize ul li .name { display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: -25px; margin-left: -5px; font-size: 12px; line-height: 12px; color: #99a5b4; white-space: nowrap; }
.worldwideGas .mapSize ul li:hover .icon-map, .worldwideGas .mapSize ul li.active .icon-map { color: #ea5514; transform: scale(1, 1); animation: none; }
.worldwideGas .mapSize ul li:hover .name, .worldwideGas .mapSize ul li:hover .clickShow, .worldwideGas .mapSize ul li.active .name, .worldwideGas .mapSize ul li.active .clickShow { display: block; color: #ea5514; }
.worldwideGas .mapSize ul li.textUp .name { top: -25px; bottom: auto; }
.worldwideGas .mapSize ul li.textUp .clickShow { top: auto; bottom: -25px; }
.worldwideGas .mapSize ul li .carousel { position: absolute; }
.worldwideGas .mapSize ul li:nth-child(2n) .icon-map { animation-duration: .8s; animation-delay: .1s; }
.worldwideGas .mapSize ul li:nth-child(2n+1) .icon-map { animation-duration: .3s; animation-delay: .4s; }
.worldwideGas .mapSize ul li:nth-child(3n+1) .icon-map { animation-duration: .5s; animation-delay: .3s; }
.worldwideGas .mapSize ul li:nth-child(3n) .icon-map { animation-duration: .9s; animation-delay: .5s; }
.worldwideGas .mapSize ul li:nth-child(3n+2) .icon-map { animation-duration: .6s; animation-delay: .6s; }
.worldwideGas .mapSize ul li:nth-child(4n+1) .icon-map { animation-duration: 1s; animation-delay: .3s; }
.worldwideGas .mapSize ul .Canada { top: 33%; left: 17%; }
.worldwideGas .mapSize ul .US { top: 46.5%; left: 20%; }
.worldwideGas .mapSize ul .Colombia { top: 61%; left: 27%; }
.worldwideGas .mapSize ul .Netherland { top: 34%; left: 49%; }
.worldwideGas .mapSize ul .Nigeria { top: 59%; left: 50.5%; }
.worldwideGas .mapSize ul .Poland { top: 35%; left: 54.5%; }
.worldwideGas .mapSize ul .Egypt { top: 47%; left: 57%; }
.worldwideGas .mapSize ul .Russia { top: 30%; left: 58%; }
.worldwideGas .mapSize ul .Yugansk { top: 36%; left: 59%; }
.worldwideGas .mapSize ul .Turkmenistan { top: 43%; left: 64%; }
.worldwideGas .mapSize ul .UAE { top: 51%; left: 64%; }
.worldwideGas .mapSize ul .Pakistan { top: 46%; left: 68.7%; }
.worldwideGas .mapSize ul .Indonesia { top: 65%; left: 79%; }
.worldwideGas .mapSize ul .Urumchi { top: 21%; left: 26.5%; }
.worldwideGas .mapSize ul .Sining { top: 42%; left: 48%; }
.worldwideGas .mapSize ul .Chengtu { top: 56%; left: 53%; }
.worldwideGas .mapSize ul .Hohhot { top: 31%; left: 65%; }
.worldwideGas .mapSize ul .Taiyuan { top: 39%; left: 69.5%; }
.worldwideGas .mapSize ul .Zhengzhou { top: 49%; left: 71.5%; }
.worldwideGas .mapSize ul .Beijing { top: 35%; left: 75%; }
.worldwideGas .mapSize ul .Yantai { top: 39%; left: 83%; }
.worldwideGas .mapSize ul .Hangzhou { top: 55%; left: 84.5%; }
.worldwideGas .mapSize ul .Harbin { top: 16%; left: 89.5%; }
.worldwideGas .mapSize ul .Changchun { top: 23%; left: 87.5%; }
.worldwideGas .mapSize ul .Hash { top: 46%; left: 49%; }
.worldwideGas .mapSize ul .Karachi { top: 49%; left: 65.5%; }
.worldwideGas .mapSize ul .Sindh { top: 47.3%; left: 65.7%; }
.worldwideGas .mapSize ul .Makhachkala { top: 39%; left: 60.5%; }
.worldwideGas .mapSize ul .Aktobe { top: 31.5%; left: 63%; }
.worldwideGas .mapSize ul .Port { top: 65%; left: 50.2%; }
.worldwideGas .mapSize ul .Miri { top: 61.8%; left: 78%; }
.worldwideGas .mapSize ul .Abuja { top: 58.5%; left: 49.5%; }
.worldwideGas .mapSize ul .Konya { top: 42%; left: 56.2%; }
.worldwideGas .mapSize ul .Balconnabad { top: 41%; left: 62.2%; }
.worldwideGas .mapSize ul .Uzbekistan { top: 38%; left: 65%; }
.worldwideGas .mapSize ul .Baghdad { top: 45.3%; left: 59.6%; }
.worldwideGas .mapSize ul .Sumatra { top: 67%; left: 75.8%; }
.worldwideGas .mapSize ul .Calgary { top: 33%; left: 17%; }
.worldwideGas .mapSize ul .Houston { top: 46.4%; left: 20.9%; }
.worldwideGas .mapSize ul .US { top: 46.4%; left: 20.9%; }
.worldwideGas .mapSize ul .Mexico { left: 20%; top: 53%; }
.worldwideGas .mapSize ul .Caracas { top: 58.2%; left: 29%; }
.worldwideGas .mapSize ul .Lima { top: 70.3%; left: 26.5%; }
.worldwideGas .mapSize ul .Buenos { top: 83.6%; left: 31.1%; }
.worldwideGas .mapSize ul .Rio { top: 76.4%; left: 35.6%; }
.worldwideGas .mapSize ul .Hague { top: 34.5%; left: 49.5%; }
.worldwideGas .mapSize ul .Warsaw { top: 31.5%; left: 53%; }
.worldwideGas .mapSize ul .Cairo { top: 46%; left: 56%; }
.worldwideGas .mapSize ul .Dubai { top: 49.3%; left: 62.5%; }
.worldwideGas .mapSize ul .Moscow { top: 30%; left: 57.7%; }
.worldwideGas .mapSize ul .Aktau { top: 38%; left: 61.5%; }
.worldwideGas .mapSize ul .Ankara { top: 40%; left: 56.5%; }
.worldwideGas .mapSize ul .Harcourt { top: 60.8%; left: 49.3%; }
.worldwideGas .mapSize ul .Hague { top: 31.5%; left: 49%; }
.worldwideGas .mapSize ul .Almaty { top: 37.8%; left: 68.5%; }
.worldwideGas .mapSize ul .Nefteyugansk { top: 25%; left: 67%; }
.worldwideGas .mapSize ul .Brisbane { top: 79%; left: 88.8%; }
.worldwideGas .mapSize ul .Nairobi { top: 63.8%; left: 57.3%; }
.worldwideGas .mapSize ul .Irkutsk { top: 31.5%; left: 75.8%; }
.worldwideGas .mapSize ul .Harbin { top: 16%; left: 89%; }
.worldwideGas .mapSize ul .Shijiazhuang { top: 38%; left: 70%; }
.worldwideGas .mapSize ul .Lanzhou { top: 43%; left: 54%; }
.worldwideGas .mapSize ul .Gansu { top: 43%; left: 54%; }
.worldwideGas .mapSize ul .Kunming { left: 52%; top: 72%; }
.worldwideGas .mapSize ul .Chengdu { top: 56%; left: 53%; }
.worldwideGas .mapSize ul .Changchun { top: 23%; left: 88%; }
.worldwideGas .mapSize ul .Shenyang { top: 30%; left: 87%; }
.worldwideGas .mapSize ul .Xining { top: 43%; left: 48%; }
.worldwideGas .mapSize ul .xian { top: 47%; left: 64%; }
.worldwideGas .mapSize ul .Zhengzhou { top: 45.7%; left: 68%; }
.worldwideGas .mapSize ul .Jinan { top: 43%; left: 77%; }
.worldwideGas .mapSize ul .Taiyuan { top: 39%; left: 68%; }
.worldwideGas .mapSize ul .Hefei { top: 53%; left: 77.3%; }
.worldwideGas .mapSize ul .Wuhan { top: 55.5%; left: 74.3%; }
.worldwideGas .mapSize ul .Changsha { top: 60.5%; left: 72.3%; }
.worldwideGas .mapSize ul .Nanjing { top: 52%; left: 81.3%; }
.worldwideGas .mapSize ul .Guiyang { top: 67%; left: 60%; }
.worldwideGas .mapSize ul .Nanning { top: 77%; left: 64%; }
.worldwideGas .mapSize ul .Hangzhou { top: 57%; left: 85%; }
.worldwideGas .mapSize ul .Nanchang { top: 58.5%; left: 76.3%; }
.worldwideGas .mapSize ul .Guangzhou { top: 74.5%; left: 74%; }
.worldwideGas .mapSize ul .Fuzhou { top: 66%; left: 85%; }
.worldwideGas .mapSize ul .Haikou { top: 84%; left: 67.5%; }
.worldwideGas .mapSize ul .Chifeng { top: 29%; left: 80%; }
.worldwideGas .mapSize ul .Baotou { top: 34%; left: 62%; }
.worldwideGas .mapSize ul .Eerduosi { top: 37%; left: 62%; }
.worldwideGas .mapSize ul .Ordos { top: 37%; left: 62%; }
.worldwideGas .mapSize ul .Yinchuan { top: 40%; left: 57%; }
.worldwideGas .mapSize ul .Wulumuqi { top: 25%; left: 28%; }
.worldwideGas .mapSize ul .Yilihasake { top: 25%; left: 16%; }
.worldwideGas .mapSize ul .Yili { top: 25%; left: 16%; }
.worldwideGas .mapSize ul .Kuerle { top: 31%; left: 24%; }
.worldwideGas .mapSize ul .Korla { top: 31%; left: 24%; }
.worldwideGas .mapSize ul .Changji { top: 23.5%; left: 27%; }
.worldwideGas .mapSize ul .Lasa { top: 60%; left: 28%; }
.worldwideGas .mapSize ul .Beijing { top: 34%; left: 74%; }
.worldwideGas .mapSize ul .Shanghai { top: 53.5%; left: 87.5%; }
.worldwideGas .mapSize ul .Tianjin { top: 37%; left: 77%; }
.worldwideGas .mapSize ul .Chongqing { top: 59%; left: 58%; }
.worldwideGas .mapSize .worldProject{position: absolute; top:0; left: 0; right:0; bottom:0; text-align:center; display:none;}
.worldwideGas .mapSize .worldProject_box { width: 60%; display:inline-block; vertical-align:middle;}
.worldwideGas .mapSize .worldProject img { width: 100%; }
.worldwideGas .mapSize .worldProject .carousel { position: absolute; opacity: 0; left: -9999px; width: 0; transition: opacity .3s; }
.worldwideGas .mapSize .worldProject .carousel.active { position: relative; opacity: 1; left: auto; width: auto; }
.worldwideGas .mapSize .worldProject .carousel-caption { left: 0; right: 0; bottom: 0; padding: 12px 0; text-align: center; background-color: rgba(0, 19, 43, 0.6); }
.worldwideGas .mapSize .worldProject .left-control, .worldwideGas .mapSize .worldProject .right-control { display: block; position: absolute; top: 50%; left: 0px; z-index: 5; width: 40px; height: 40px; margin-top: -20px; font-size: 14px; line-height: 40px; text-align: center; background: rgba(153, 165, 180, 0.5); color: #fff; text-decoration: none; }
.worldwideGas .mapSize .worldProject .right-control { left: auto; right: 0px; }
.worldwideGas .mapSize .worldProject .close { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(153, 165, 180, 0.5); color: #fff; border-radius: 50%; opacity: 1; text-decoration: none; }
.worldwideGas .world, .worldwideGas .china { position: absolute; left: -9999px; top: 0; height: 0; width: 0; opacity: 0; transition: opacity 1s; }
.worldwideGas .world.active, .worldwideGas .china.active { position: relative; left: auto; top: auto; height: auto; width: auto; opacity: 1; }
.worldwideGas .china .backWorld { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 10px 35px; border-radius: 100px; border: 1px solid #ea5514; color: #ea5514; font-size: 16px; transition: .3s; text-decoration: none; }
.worldwideGas .china .backWorld:hover { background-color: #ea5514; color: #fff; border-color: #ea5514; }
.worldwideGas .china.active { width: 62.5%; margin: 0 auto; }
@keyframes blingbling {
from { transform: scale(0.8); }
to { transform: scale(1); }
}
@media (max-width:1299px) {
.worldwideGas .mapSize ul li .name { display: none; }
.worldwideGas .mapSize ul li:hover .name { display: block; }
}
@media (max-width:991px) {
.worldwideGas { padding: 40px 0; }
.worldwideGas h2 { font-size: 26px; margin-bottom: 40px; }
.worldwideGas .mapSize ul li .name { display: none; }
.worldwideGas .mapSize ul li:hover .name { display: block; }
.worldwideGas .mapSize .worldProject { width: 80%; top: 40%; }
}
@media (min-width:768px) {
.worldwideGas .mapSize .worldProject .subTlt { display: none; }
}
@media (max-width:767px) {
.worldwideGas .mapSize .worldProject_box{width:100%;}
.worldwideGas .clickShow { display: none !important; }
.worldwideGas .mapSize .world { display: none; }
.worldwideGas .mapSize .china { display: none; }
.worldwideGas .mapSize .worldProject { display: block; position: relative; left: auto; top: auto; transform: translate(0, 0); width: 100%; }
.worldwideGas .mapSize .worldProject .subTlt { display: block; text-align: left; margin-bottom: 1px; padding: 0 15px; font-size: 16px; background-color: #1c2b3c; line-height: 40px; color: #fff; }
.worldwideGas .mapSize .worldProject .subTlt .icon-arrow-right, .worldwideGas .mapSize .worldProject .subTlt .icon-arrow-down { float: right; }
.worldwideGas .mapSize .worldProject .subTlt .icon-arrow-down { display: none; }
.worldwideGas .mapSize .worldProject .subTlt.active { color: #ea5514; background-color: #222222; }
.worldwideGas .mapSize .worldProject .subTlt.active img { display: none; }
.worldwideGas .mapSize .worldProject .subTlt.active .hoverShow { display: inline-block; }
.worldwideGas .mapSize .worldProject .subTlt.active .icon-arrow-right { display: none; }
.worldwideGas .mapSize .worldProject .subTlt.active .icon-arrow-down { display: block; }
.worldwideGas .mapSize .worldProject .close { display: none; }
}

/*leftNav*/
.sticky-wrapper.is-sticky .leftNav { margin-top: 0; min-width: 302px; max-height: calc(100vh - 300px); min-height: 380px; overflow: auto; }
.sticky-wrapper .leftNav { max-height: calc(100vh - 300px); 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 .mCSB_scrollTools .mCSB_buttonUp, .leftNav .mCSB_scrollTools .mCSB_buttonDown, .leftNav .mCSB_scrollTools .mCSB_buttonLeft, .leftNav .mCSB_scrollTools .mCSB_buttonRight { background-image: url(../img/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:not(.show) .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 .nav { display: block; width: 90%; margin: 0 auto; border-bottom: 2px solid #d7d7d7; text-align: center; }
.productList .nav li { position: relative; display: inline-block; font-size: 14px; }
.productList .nav li a { padding: 15px 20px; color: #333; }
.productList .nav li.active a { color: #ea5514; }
.productList .nav li.active:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; margin-bottom: -2px; background-color: #ea5514; }
.productList .listItems ul { overflow: hidden; }
.productList .listItems ul li { margin-top: 30px; transition: .5s; }
.productList .listItems ul li a { color: #333; text-decoration: none; }
.productList .listItems ul li a:hover { color: #ea5514; }
.productList .listItems ul li a:hover .imgBox img { transform: scale(1.1); }
.productList .listItems ul li .imgBox { width: 100%; overflow: hidden; }
.productList .listItems ul li .imgBox img { width: 100%; transition: .3s; }
.productList .listItems ul li h4 { padding: 15px 10px; text-align: center; background-color: #e2e2e2; }
@media (max-width:991px) {
.productList .dropdown { display: block; width: 100%; }
.productList .dropdown button { position: relative; width: 100%; background-color: transparent; border: none; border: 1px solid #ea5514; padding: 10px 15px; color: #ea5514; text-align: left; }
.productList .dropdown button .caret { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); border-top-color: #ea5514; }
.productList .dropdown .dropdown-menu { width: 100%; }
.productList .dropdown .dropdown-menu li a { padding: 3px 15px; }
.productList .dropdown .dropdown-menu li.active a { color: #fff; }
}


/*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(../img/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(../img/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 .Xinjiang { top: 40.2%; left: 71.8%; }
.globalCases .worldMap .companyList .Chongqing { top: 47.5%; left: 77.4%; }
.globalCases .worldMap .companyList .Sichuan { top: 44.9%; left: 75.3%; }
.globalCases .worldMap .companyList .Daqing { top: 34.8%; left: 80.2%; }
.globalCases .worldMap .companyList .Shaanxi { top: 42.5%; left: 78%; }
.globalCases .worldMap .companyList .Karamay { top: 37.5%; left: 70.6%; }
.globalCases .worldMap .companyList .Luntai { top: 40.2%; left: 70.4%; }
.globalCases .worldMap .companyList .Gansu { top: 43.5%; left: 77%; }
.globalCases .worldMap .companyList .Neimeng { top: 39.5%; left: 78.2%; }
.globalCases .worldMap .companyList .Tianjin { top: 40%; left: 80%; }
.globalCases .worldMap .companyList .Liaoning { top: 39%; left: 82%; }
.globalCases .worldMap .companyList .Jilin { top: 37%; left: 82.2%; }
.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 .worldMap .companyList .Calgary { top: 31.5%; left: 15%; }
.globalCases .worldMap .companyList .Houston { top: 45.4%; left: 20.1%; }
.globalCases .worldMap .companyList .Mexico { top: 52%; left: 19.5%; }
.globalCases .worldMap .companyList .Caracas { top: 57.2%; left: 28%; }
.globalCases .worldMap .companyList .Lima { top: 69.3%; left: 25.5%; }
.globalCases .worldMap .companyList .Buenos { top: 82.4%; left: 30.3%; }
.globalCases .worldMap .companyList .Rio { top: 75%; left: 34.8%; }
.globalCases .worldMap .companyList .Hague { top: 30.6%; left: 47.8%; }
.globalCases .worldMap .companyList .Harcourt { top: 59%; left: 48.5%; }
.globalCases .worldMap .companyList .Warsaw { top: 29.5%; left: 52%; }
.globalCases .worldMap .companyList .Ankara { top: 39%; left: 55.4%; }
.globalCases .worldMap .companyList .Cairo { top: 45%; left: 55%; }
.globalCases .worldMap .companyList .Dubai { top: 48.3%; left: 61.5%; }
.globalCases .worldMap .companyList .Karachi { top: 48.1%; left: 64.9%; }
.globalCases .worldMap .companyList .Aktau { top: 36.5%; left: 60.6%; }
.globalCases .worldMap .companyList .Moscow { top: 28.5%; left: 56.6%; }
.globalCases .worldMap .companyList .Aktobean { top: 32%; left: 62%; }
.globalCases .worldMap .companyList .Aktobe { top: 32%; left: 62%; }
.globalCases .worldMap .companyList .Almaty { top: 36.5%; left: 67.6%; }
.globalCases .worldMap .companyList .Nefeux { top: 24%; left: 66%; }
.globalCases .worldMap .companyList .Kuala { top: 61%; left: 74.1%; }
.globalCases .worldMap .companyList .Jakarta { top: 65.9%; left: 75.4%; }
.globalCases .worldMap .companyList .Brisbane { top: 77.6%; left: 87.8%; }
.globalCases .worldMap .companyList .Nairobi { top: 62.6%; left: 56.5%; }
.globalCases .worldMap .companyList .Irkutsk { top: 30.5%; left: 74.8%; }
.globalCases .worldMap .companyList .Algiers { top: 46.5%; left: 48%; }
.globalCases .worldMap .companyList .Nefteyugansk { top: 24%; left: 66%; }
.globalCases .worldMap .companyList .Guyuan { top: 43%; left: 77.3%; }
.globalCases .worldMap .companyList .Baotou { top: 38.3%; left: 76.3%; }
.globalCases .worldMap .companyList .Kuerle { top: 38.5%; left: 69.8%; }
.globalCases .worldMap .companyList .Bohai { top: 40%; left: 79%; }
.globalCases .worldMap .companyList .Donghai { top: 47%; left: 80.5%; }
.globalCases .worldMap .companyList .Xainyang { top: 42.5%; left: 76%; }
.globalCases .worldMap .companyList .Hejian { top: 40.2%; left: 77.8%; }
.globalCases .worldMap .companyList .Huangshan { top: 45.5%; left: 78.5%; }
.globalCases .worldMap .companyList .Shaoshan { top: 47.5%; left: 77.6%; }
.globalCases .worldMap .companyList .Xianning { top: 45.9%; left: 77.7%; }
.globalCases .worldMap .companyList .Jingjin { top: 40%; left: 79%; }
.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; }
}

/*rightInquiry*/
.rightInquiry { position: fixed; z-index: 500; }
.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; 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; }
.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"]).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.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.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); }
.rightInquiry .inquiryMask.active { position: fixed; transform: translateX(0); background-color: rgba(241, 241, 241, 0.5); }
.rightInquiry .inquiryMask.active .inquiryBg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
@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(../img/arrow_right_white.png); }
.productCarousel .owl-prev { left: 0; background-image: url(../img/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 ul li ul { margin-top: 0; }
.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) {
.productCarousel .col-md-6 + .col-md-6 { margin-top: 40px; }
}
@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(../img/arrow_right_white.png); }
.caseCarousel .owl-prev { left: 0; background-image: url(../img/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: 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; 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 { text-decoration: none; color: #333; }
.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; }
}
@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: relative; }
.solutionTab .owl-stage-outer { overflow: hidden; }
.solutionTab .owl-stage { position: relative; height: 100%; }
.solutionTab .owl-stage .owl-item { float: left; }
.solutionTab .owl-stage:after { content: ""; display: table; clear: both; }
.solutionTab .owl-prev, .solutionTab .owl-next { 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 { opacity: .2; cursor: inherit; }
.solutionTab .owl-next { right: 0; background-image: url(../img/arrow_right_white.png); }
.solutionTab .owl-prev { left: 0; background-image: url(../img/arrow_left_white.png); }
.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 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; overflow: hidden; }
.solutionTab .textwrapper { position: absolute; top: 0; left: 0; bottom: 12px; transform: translateX(-100%); width: 50%; padding: 60px 50px; background-color: rgba(0, 26, 46, 0.55); color: #fff; transition: 1s; z-index: 10; box-sizing: border-box; background:url(../img/black.6.png)\0;}
.solutionTab .textwrapper .textBox { height: 100%; overflow: hidden; }
.solutionTab .textwrapper .textBox h2 { font-size: 26px; letter-spacing: 0.2px; margin-bottom: 0; color: #fff; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.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; }
.solutionTab .textwrapper .textBox p { line-height: 28px; max-height: 140px; text-align: left; margin-bottom: 0; overflow: hidden; }
.solutionTab .textwrapper .textBox ul { max-height: 103px; overflow: hidden; }
.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; display:none\0;}
.solutionTab .textwrapper .texttSwich span[class^="icon-"] { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); font-size: 22px; opacity: .8; margin-top:-12px\9\0;}
.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; max-height: 66px; }
.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:1121px) and (min-width:992px) {
.solutionTab .textwrapper .textBox ul { max-height: 86px; }
}
@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; }
}

/*solutionOverview*/
.solutionOverview h2 { font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.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: 20px; padding-left: 60px; box-sizing: border-box; }
.solutionOverview .solutionIntro .item .textBox h3 { font-size: 26px; color: #ea5514; margin-bottom: 25px; letter-spacing: 0.2px; }
.solutionOverview .solutionIntro .item .textBox p { font-size: 14px; }
.solutionOverview .solutionIntro .item .textBox p + p { margin-top: 5px; }
.solutionOverview .solutionIntro .item .textBox .button { padding: 10px 40px; font-size: 13px; min-height: 0; margin-top: 40px; background-color: #ea5514; border-radius: 0; 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; }
.textBox222 h3 { font-size: 26px; color: #ea5514; margin: 25px 0; letter-spacing: 0.2px; }
.textBox222 p { font-size: 14px; }
.textBox222 p + p { margin-top: 5px; }
.solutionOverview .solutionIntro .item:after { content: ""; display: table; clear: both; }
.solutionOverview .solutionIntro .item:nth-child(2n) .imgBox { float: right; }
.solutionOverview .solutionIntro .item:nth-child(2n) .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; }
.solutionOverview .owl-carousel { position: relative; }
.solutionOverview .owl-carousel:hover .owl-prev, .solutionOverview .owl-carousel:hover .owl-next { display: block; }
.solutionOverview .owl-stage-outer { overflow: hidden; }
.solutionOverview .owl-stage { position: relative; height: 100%; }
.solutionOverview .owl-stage .owl-item { float: left; }
.solutionOverview .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; }
.solutionOverview .owl-stage .item img { display: block; width: 100%; margin-bottom: 0; }
.solutionOverview .owl-stage:after { content: ""; display: table; clear: both; }
.solutionOverview .owl-prev, .solutionOverview .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; }
.solutionOverview .owl-prev.disabled, .solutionOverview .owl-next.disabled { opacity: .2; cursor: inherit; }
.solutionOverview .owl-next { right: 0; background-image: url(../img/arrow_right_white.png); }
.solutionOverview .owl-prev { left: 0; background-image: url(../img/arrow_left_white.png); }
@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:nth-child(2n) .imgBox { float: none; }
.solutionOverview .solutionIntro .item:nth-child(2n) .textBox { float: none; padding: 40px 20px 0 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; }
.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"]).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.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); }
.contactUsInput .contactUsBody .inputBox textarea.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; }
.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; }
.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(../img/arrow_right_white.png); }
.qualityInspection .owl-prev { left: 0; background-image: url(../img/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: 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; }
}



/*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; }
.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: 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; }

/*customer*/

/*customer*/
.customer { margin-bottom: 60px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.customer h2 { font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.customer p { font-size: 15px; line-height: 22px; }
.customer .customerList { position: relative; width: 100%; margin-top: 60px; padding: 0 60px; }
.customer .customerList .item { padding: 0 30px; }
.customer .customerList .item a { display: block; }
.customer .customerList .item a img { display: block; margin: 0 auto; }
.customer ul { margin-top: 20px; }
.customer ul li { position: relative; padding: 0 20px; }
.customer 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; }
.customer .owl-stage-outer { overflow: hidden; }
.customer .owl-stage { position: relative; height: 100%; }
.customer .owl-stage .owl-item { float: left; }
.customer .owl-stage:after { content: ""; display: table; clear: both; }
.customer .owl-nav .owl-prev, .customer .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; }
.customer .owl-nav .owl-prev { left: 0; background-image: url(../img/arrow_left.png); }
.customer .owl-nav .owl-next { right: 0; background-image: url(../img/arrow_right.png); }
@media (max-width:991px) {
.customer { padding: 40px 0; }
}
@media (max-width:767px) {
.customer .customerList .item { padding: 0 15px; }
}

/*PDPTable*/
.PDPCase h2 { text-align: left; }
.PDPCase .PDPWrapper { position: relative; overflow: hidden; }
.PDPCase .PDPWrapper .textwrapper .textBox p { font-size: 16px; }
.productCarousel .row + .textBox { margin-top: 20px; }

/*aboutIntro*/
.aboutIntro .row { margin: 0; }
.aboutIntro [class^="col-md"] { padding-left: 0; padding-right: 0; }
.aboutIntro .item { position: relative; overflow: hidden; background-color: #e2e2e2; }
.aboutIntro .item img { float: left; display: block; width: 50%; height: 100%; }
.aboutIntro .item .textBox { position: relative; width: 50%; height: 100%; float: left;  text-align: center; display:table;}
.aboutIntro .item .textBox h3 { margin-bottom: 20px; line-height: 30px; color: #333; }
.aboutIntro .item .textBox h3 img { float: left; width: 30px; margin-right: 15px; }
/*.aboutIntro .item .textBox p { line-height: 22px; max-height: 154px; overflow: hidden; }*/
.aboutIntro .item .textBox .button { float: right; }
.aboutIntro .item .textBox .button:hover { color: #333; }
.aboutIntro .item .textBox .textWrapper {padding: 36px; border-left: 1px solid rgba(255, 255, 255, 0.05); display:table-cell; vertical-align:middle;}
.aboutIntro .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; }
.aboutIntro .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; }
.aboutIntro .item.imgRight img { float: right; }
/*.aboutIntro .item.imgRight .textBox { border-left: none; border-right: 1px solid rgba(255, 255, 255, 0.05); }*/
.aboutIntro .item.imgRight .textBox:before { left: 100%; right: auto; margin-left: 0; border-right-color: transparent; border-left-color: #e2e2e2; }
.aboutIntro .item.imgRight .textBox:after { left: 100%; right: auto; margin-left: 0; border-left-color: rgba(255, 255, 255, 0.1); border-right-color: transparent; }
.aboutIntro .item.whole img { width: 100%; height: 50%; float: none; }
.aboutIntro .item.whole .textBox { width: 100%; float: none; border-top: 1px solid rgba(255, 255, 255, 0.05); }
.aboutIntro .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; }
.aboutIntro .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); }
.aboutIntro .item:after { content: ""; display: table; clear: both; }
.aboutIntro .textCover { position: relative; overflow: hidden; background-color: #e2e2e2; }
.aboutIntro .textCover img { width: 100%; height: 100%; }
.aboutIntro .textCover .textBox { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; background:url(../img/black.6.png); height:50%; display:table;}
/*.aboutIntro .textCover .textBox p { max-height: 154px; overflow: hidden; }*/
.aboutIntro .textCover .textBox .button { float: right; }
.aboutIntro .textCover .textBox:after { display: table; content: ""; clear: both; }
.aboutIntro .textCover .textBox .textWrapper {padding:40px; display:table-cell; vertical-align:middle; }
.aboutIntro .textCover.unit .textBox p { max-height: 88px; overflow: hidden; }
.aboutIntro .unit { height: 360px; }
.aboutIntro .twoUnits { height: 720px; }
.aboutIntro .aboutAlong { margin-top: 40px; }
.aboutIntro .aboutAlong h3 { position: relative; margin-bottom: 40px; text-align: center; }
.aboutIntro .aboutAlong h3 span { position: relative; display: inline-block; }
.aboutIntro .aboutAlong h3 span:before { content: ""; display: block; position: absolute; left: -85px; top: 50%; margin-top: -1px; width: 70px; height: 2px; background-color: #666666; }
.aboutIntro .aboutAlong h3 span:after { content: ""; display: block; position: absolute; right: -85px; top: 50%; margin-top: -1px; width: 70px; height: 2px; background-color: #666666; }
.aboutIntro .aboutAlong .aboutBanner { position: relative; }
.aboutIntro .aboutAlong .aboutBanner img { width: 100%; }
.aboutIntro .aboutAlong .aboutBanner .introBox { position: absolute; top: 0; width: 50%; left: 50%; padding: 30px; background:#fff; background: rgba(255, 255, 255, 0.7); text-align: center; margin-left:-25%;}
.aboutIntro .aboutAlong .aboutBanner .introBox p { font-size: 16px; }
@media (max-width:1299px) {
.aboutIntro .unit { height: 320px; }
.aboutIntro .twoUnits { height: 640px; }
.aboutIntro .item .textBox { padding: 20px; }
.aboutIntro .item .textBox h3 { margin: 0; }
.aboutIntro .item .textBox p { max-height: 132px; }
.aboutIntro .item.whole img { height: auto; }
.aboutIntro .textCover .textBox { padding: 20px; }
.aboutIntro .textCover.twoUnits img { height: auto; }
.aboutIntro .item .textBox .textWrapper{padding:5px; display: block;}
.aboutIntro .item .textBox{width:42%; padding:20px 4%;}
}
@media (max-width:991px) {
.aboutIntro .unit { height: auto; }
.aboutIntro .twoUnits { height: 450px; }
.aboutIntro .item.whole { height: 225px; }
.aboutIntro .item.whole img { width: 50%; float: left; }
.aboutIntro .item.whole .textBox { float: left; width: 50%; }

}
@media (max-width:767px) {
.aboutIntro .unit { height: auto; }
.aboutIntro .twoUnits { height: auto; }
.aboutIntro .item { margin-top: 20px; }
.aboutIntro .item img { width: 100%; float: none; }
.aboutIntro .item .textBox { width: 100%; float: none; border: none; box-sizing:border-box;}
.aboutIntro .item .textBox p { max-height: none; }
.aboutIntro .item .textBox:before, .aboutIntro .item .textBox:after { display: none; }
.aboutIntro .item .textBox:after { position: static; display: table; clear: both; border: none; }
.aboutIntro .item .textBox .textWrapper { position: static; transform: translateY(0);}
.aboutIntro .item.imgRight img { float: none; }
.aboutIntro .item.whole { height: auto; }
.aboutIntro .item.whole img { width: 100%; float: none; }
.aboutIntro .item.whole .textBox { float: none; width: 100%; }
.aboutIntro .textCover { margin-top: 20px; }
.aboutIntro .textCover.unit .textBox { position: relative; background-color: #e2e2e2; color: #333; }
.aboutIntro .textCover.unit .textBox p { max-height: none; }
.aboutIntro .textCover.unit .textBox .textWrapper { position: static; transform: translateY(0); padding: 0 20px; }
.aboutIntro .aboutAlong { margin-top: 20px; }
.aboutIntro .aboutAlong .aboutBanner .introBox { position: static; padding: 20px 40px; background-color: #e2e2e2; width: 100%; box-sizing:border-box; margin:0;}
.aboutIntro .aboutAlong .aboutBanner .introBox h3 { margin-bottom: 0; }
.aboutIntro .textCover .textBox .textWrapper{padding:0;}
}

/*productDetailCase*/
.productDetailCase .container { position: relative; }
.productDetailCase h2 { font-size: 26px; color: #ea5514; margin-bottom: 40px; }
.productDetailCase .navDirection { position: absolute; right: 15px; top: 0; }
.productDetailCase .navDirection a { display: block; float: left; width: 50px; height: 50px; line-height: 50px; color: #fff; background-color: #ea5514; text-align: center; font-size: 26px; text-decoration: none; cursor: pointer; }
.productDetailCase .navDirection a + a { margin-left: 1px; }
.productDetailCase .navDirection a.disabled { cursor: default; background-color: #ccc; }
.productDetailCase .navWrapper { position: relative; z-index: 2; overflow: hidden; }
.productDetailCase .navTitle { position: relative; z-index: 2; }
.productDetailCase .navTitle .item { position: relative; width: 25%; float: left; padding: 30px 15px; cursor: pointer; }
.productDetailCase .navTitle .item h3 { font-size: 26px; }
.productDetailCase .navTitle .item address { font-size: 16px; margin-top: 10px; color: #666666; }
.productDetailCase .navTitle .item .detailInfo { display: none; position: relative; top: 0; left: 0; width: 100%; margin-top: -30px; padding: 20px 20px 70px; overflow: hidden; color: #fff; background-image: url(../img/caseInfoBg.png); background-repeat: no-repeat; background-size: cover; background-position: center bottom; }
.productDetailCase .navTitle .item.active > h3, .productDetailCase .navTitle .item.active > address { display: none; }
.productDetailCase .navTitle .item.active .detailInfo { display: block; }
.productDetailCase .navTitle:after { content: ""; display: table; clear: both; }
.productDetailCase .navIntro { position: relative; z-index: 1; margin-top: -130px; }
.productDetailCase .owl-carousel { position: relative; display: none; }
.productDetailCase .owl-carousel img { width: 100%; }
.productDetailCase .owl-carousel:hover .owl-prev, .productDetailCase .owl-carousel:hover .owl-next { display: block; }
.productDetailCase .owl-carousel.active { display: block; }
.productDetailCase .owl-stage-outer { overflow: hidden; }
.productDetailCase .owl-stage { position: relative; height: 100%; }
.productDetailCase .owl-stage .owl-item { float: left; }
.productDetailCase .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; }
.productDetailCase .owl-stage .item img { display: block; width: 100%; margin-bottom: 0; }
.productDetailCase .owl-stage:after { content: ""; display: table; clear: both; }
.productDetailCase .owl-prev, .productDetailCase .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; }
.productDetailCase .owl-prev.disabled, .productDetailCase .owl-next.disabled { opacity: .2; cursor: inherit; }
.productDetailCase .owl-next { right: 0; background-image: url(../img/arrow_right_white.png); }
.productDetailCase .owl-prev { left: 0; background-image: url(../img/arrow_left_white.png); }
@media (max-width:767px) {
.productDetailCase .navIntro { margin-top: -90px; }
}

/*aftermarket*/
.aftermarket { margin-bottom: 30px; }
.aftermarket .item { position: relative; margin-bottom: 30px; }
.aftermarket .item img { display: block; width: 100%; }
.aftermarket .item .textBox { position: relative; padding: 20px 90px 20px 30px; background-color: #fff; }
.aftermarket .item .textBox h3 { font-size: 20px; color: #ea5514; }
.aftermarket .item .textBox p { color: #666666; line-height: 22px; min-height: 44px; }
.aftermarket .item .textBox:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border: 30px solid #f1f1f1; border-top-color: #e2e2e2; border-left-color: #e2e2e2; }

/*accessories*/
.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; }
}

/*# sourceMappingURL=jerehGas.css.map */
body, input, select, textarea, button { font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; }



/*通用页*/
.channel_conten { min-height: 300px; padding-bottom: 50px; }
body, input, select, textarea, button { font-family: 'Arial', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; }
/*footer*/
.footer .footerLinks{overflow:hidden; float:left;}

.header .navi > ul > li .dropdown-toggle{overflow:hidden; position:relative;}


/*20180605*/
.aboutIntro .aboutAlong .aboutBanner .introBox{padding:30px 0;}
.aboutIntro .aboutAlong .aboutBanner .introBox p{margin-top:0;}
.videoList .filter{display:none;}
.gallery h2 + p{width:100%;}
.gallery.section{margin-bottom:40px;}
.businessAreaList{padding:0 0 30px;}
.businessAreaList ul li{width:46%; padding: 0 2%; color:#333;}
.businessAreaList  h2 {margin-bottom: 40px; text-align: center; color: #ea5514; }
.businessAbout.section.isMask{margin-top:0;}
.businessAbout.isMask .item{box-sizing:border-box;}
.businessAbout.isMask .item p{color:#fff;}
.titleBox.section{margin-bottom:30px;}
.titleBox.section p{text-align:left;}
.titleBox.smallDistance{display: none;}
.contact.section{margin-top:30px;}
.tabBox .nav-tabs > li, .contact .nav-tabs > li{margin-right:10px;}
/*.contact .offices .Hague{bottom:62%;}
.contact .offices .Yantai{bottom:55%;}
.contact .offices .Beijing { bottom: 55.9%; }
.contact .offices .Chengdu { bottom: 50%;}
.contact .offices .Tianjin { bottom: 55%;}
.contact .offices .Dezhou {  bottom: 55%;}
.contact .offices .Brisbane { bottom: 17%;  }
.contact .offices .Bangkok { bottom: 39%; }
.contact .offices .Islamabad { bottom: 51%; }
.contact .offices .Karachi { bottom: 45%; }
.contact .offices .Jakarta { bottom: 29%;  }
.contact .offices .NewDelhi { bottom: 47%;  }
.contact .offices .kualaLumpur { bottom: 32%; }
.contact .offices .Dacca { bottom: 45%;  }
.contact .offices .Harcourt { bottom: 35% }
.contact .offices .Lagos { bottom: 36%; }
.contact .offices .Cairo { bottom: 48%; }
.contact .offices .Hague { bottom: 61.5%; }
.contact .offices .Warsaw { bottom: 61%;  }
.contact .offices .Bucharest { bottom: 56.5%;}
.contact .offices .Algiers { bottom: 51.5%;  }
.contact .offices .Hassi {bottom: 50%;}
.contact .offices .Nairobi { bottom: 31.5%;  }
.contact .offices .Accra { bottom: 35%;  }
.contact .offices .Dubai { bottom: 45.2%; }
.contact .offices .AbuDhabi { bottom: 44.2%;  }
.contact .offices .Muscat { bottom: 44%;  }
.contact .offices .Ankara { bottom: 53.2%; }
.contact .offices .Kuwait { bottom: 47.5%;  }
.contact .offices .Baghdad { bottom: 49.2%; }
.contact .offices .Houston { bottom: 48%;}
.contact .offices .Calgary { bottom: 62%; }
.contact .offices .Bogota { bottom: 34.4%;  }
.contact .offices .Quito { bottom: 31.4%;  }
.contact .offices .Caracas { bottom: 37.2%;}
.contact .offices .Maturin { bottom: 37%; }
.contact .offices .BuenosAires { bottom: 13.9%; }
.contact .offices .SantaCruz { bottom: 4.5%;  }
.contact .offices .Lima { bottom: 25%;  }
.contact .offices .RioDeJaneiro { bottom: 21%;  }
.contact .offices .Chile { bottom: 12.5%;  }
.contact .offices .Moscow { bottom: 63%; }
.contact .offices .Nizhnevartovsk { bottom: 75.8%;  }
.contact .offices .Irkutsk { bottom: 66.4%;  }
.contact .offices .Ufa { bottom: 62.1%;  }
.contact .offices .NovyUrengoy { bottom: 72.6%; }
.contact .offices .Nefteyugansk { bottom: 67.3%;  }
.contact .offices .Ashkhabad { bottom: 53.4%;  }
.contact .offices .Tashkent { bottom: 53.5%; }
.contact .offices .Almaty { bottom: 55%; }
.contact .offices .Aktobe { bottom: 59%;  }
.contact .offices .Aktau { bottom: 55.9%;  }
.contact .offices .Astana { bottom: 59.7%;  }
.contact .offices .Atyrau { bottom: 58.3%; }*/

.footer .socialbox .bdsharebuttonbox{overflow:hidden;}
.footer .socialbox a{display: block;float: right;width: 24px;height: 24px;background:url(../img/foot_share.png) no-repeat;padding: 0;margin: 5px 5px 0;}
.footer .socialbox a.bds_tqq{background-position: 0 0;}
.footer .socialbox a.bds_fbook{background-position: -48px 0;}
.footer .socialbox a.bds_twi{background-position: -24px 0;}

.newsDetail .titleBox .socialbox{margin-left: 5px}
.articleInfo .socialbox .bdsharebuttonbox{overflow:hidden;}
.articleInfo .socialbox a{display: block;float: right;width: 24px;height: 24px;background:url(../img/foot_share.png) no-repeat;padding: 0;margin: 5px 5px 0;}
.articleInfo .socialbox a.bds_tqq{background-position: 0 0;}
.articleInfo .socialbox a.bds_fbook{background-position: -48px 0;}
.articleInfo .socialbox a.bds_twi{background-position: -24px 0;}

/*20180613*/
.culturePage .mission .contentBox { display:none;}
.businessGas .mainBusiness .item{width:20%;}
.businessGas .subBusiness .item ul li p{height:62px; overflow:hidden;}


/*20180614*/
.banner .container{margin-left:-540px\9\0;}
.bannerCarousel .carousel-caption {top:57%;}
.worldwideGas .china .backWorld{margin-left:-108px\9\0; }
.productList .listItems ul li h4{font-size:14px; padding:15px 5px;}
@media (max-width: 767px){
  .businessAreaList ul li {width:95%;}
}

/*20180619  首页地图改版*/
.worldwide {padding: 60px 0; background-color:#fafafa; background-position: center; background-repeat: no-repeat; background-size: cover; }

.worldwide h2 {margin-bottom: 20px; color: #ea5514 }
.worldwide h2 a:hover {color: #333 }
.worldwide p {font-size: 16px; line-height: 1.625;}

.worldwide .sub-tab-pane {display: none }

.worldwide .sub-tab-pane.active {display: block }

.worldwide .offices {min-height: 235px }

.worldwide .addressDetail {padding: 30px; margin-top: 20px; background-color: #dedede }

.worldwide .addressDetail h3 {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ea5514 ;color:#ea5514;}

.worldwide .addressDetail p {position: relative; min-height: 28px; padding-left: 40px; font-size: 14px; line-height: 1.625 ;color:#ea5514;}

.worldwide .addressDetail p [class*="icon-"] {position: absolute; display: block; width: 28px; text-align: center; left: 0; top: 0 }

.worldwide .addressDetail p+p {margin-top: 5px }

.worldwide .addressDetail a {color: #ea5514 }

.worldwide .addressDetail a:hover {color: #ea5514 }

.worldwide .mapSize {position: relative }

.worldwide .mapSize .map {display: block; width: 100%; opacity: .5 ;filter: alpha(opacity=50)}

.worldwide .mapSize .sub-nav-tabs li {position: absolute }

.worldwide .mapSize .sub-nav-tabs li a {display: block; height: 7px; width: 7px; font-size: 14px; line-height: 1; margin: -6px 0 0 -2px; color: #f36e34; /*opacity: .8;filter: alpha(opacity=80);*/ -webkit-animation: blingbling .4s linear 0s infinite alternate; animation: blingbling .4s linear 0s infinite alternate }

.worldwide .mapSize .sub-nav-tabs li a:hover {color: #ea5514; text-decoration: none; opacity: 1; -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); -webkit-animation: none; animation: none }

.worldwide .mapSize .sub-nav-tabs li a.active {color: #ea5514; opacity: 1; -webkit-animation: none; animation: none; -webkit-transform: none; transform: none }

.worldwide .mapSize .sub-nav-tabs .Yantai {top: 41%; left: 81.3% }

.worldwide .mapSize .sub-nav-tabs .Beijing {top: 40%; left: 80% }

.worldwide .mapSize .sub-nav-tabs .Beijing a {-webkit-animation-duration: .7s; animation-duration: .7s; -webkit-animation-delay: .1s; animation-delay: .1s }

.worldwide .mapSize .sub-nav-tabs .Chengdu {top: 46.5%; left: 77.5% }

.worldwide .mapSize .sub-nav-tabs .Chengdu a {-webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: .3s; animation-delay: .3s }

.worldwide .mapSize .sub-nav-tabs .US {top: 47%; left: 18.8% }

.worldwide .mapSize .sub-nav-tabs .US a {-webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-delay: .5s; animation-delay: .5s }

.worldwide .mapSize .sub-nav-tabs .Canada {top: 35.5%; left: 15% }

.worldwide .mapSize .sub-nav-tabs .Canada a {-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: .7s; animation-delay: .7s }

.worldwide .mapSize .sub-nav-tabs .UAE {top: 51%; left: 63%; -webkit-animation-delay: .9s; animation-delay: .9s }

.worldwide .mapSize .sub-nav-tabs .Russia {top: 32.3%; left: 57.4% }

.worldwide .mapSize .sub-nav-tabs .Russia a {-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-delay: .2s; animation-delay: .2s }

.worldwide .mapSize .sub-nav-tabs .Yugansk {top: 36.3%; left: 58.4% }

.worldwide .mapSize .sub-nav-tabs .Yugansk a {-webkit-animation-duration: .55s; animation-duration: .55s; -webkit-animation-delay: .4s; animation-delay: .4s }

.worldwide .mapSize .sub-nav-tabs .Turkmenistan {top: 43.5%; left: 63.8% }

.worldwide .mapSize .sub-nav-tabs .Turkmenistan a {-webkit-animation-duration: .65s; animation-duration: .65s; -webkit-animation-delay: .6s; animation-delay: .6s }

.worldwide .mapSize .sub-nav-tabs .Indonesia {top: 66.3%; left: 78.6% }

.worldwide .mapSize .sub-nav-tabs .Indonesia a {-webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-delay: .8s; animation-delay: .8s }

.worldwide .mapSize .sub-nav-tabs .Netherland {top: 34.1%; left: 48.8% }

.worldwide .mapSize .sub-nav-tabs .Netherland a {-webkit-animation-duration: .55s; animation-duration: .55s }

.worldwide .mapSize .sub-nav-tabs .Poland {top: 34.5%; left: 52.5% }

.worldwide .mapSize .sub-nav-tabs .Poland a {-webkit-animation-duration: .45s; animation-duration: .45s; -webkit-animation-delay: .5s; animation-delay: .5s }

.worldwide .mapSize .sub-nav-tabs .Colombia {top: 61.7%; left: 26.5% }

.worldwide .mapSize .sub-nav-tabs .Colombia a {-webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: .7s; animation-delay: .7s }

.worldwide .mapSize .sub-nav-tabs .Nigeria {top: 58.3%; left: 49.8% }

.worldwide .mapSize .sub-nav-tabs .Nigeria a {-webkit-animation-duration: .85s; animation-duration: .85s; -webkit-animation-delay: .8s; animation-delay: .8s }

.worldwide .mapSize .sub-nav-tabs .Pakistan {top: 47.3%; left: 68% }

.worldwide .mapSize .sub-nav-tabs .Pakistan a {-webkit-animation-duration: .45s; animation-duration: .45s; -webkit-animation-delay: .9s; animation-delay: .9s }

.worldwide .mapSize .sub-nav-tabs .Egypt {top: 47.4%; left: 56.5% }

.worldwide .mapSize .sub-nav-tabs .Egypt a {-webkit-animation-delay: .2s; animation-delay: .2s }

@-webkit-keyframes blingbling {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes blingbling {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@media(max-width: 991px) {
    .worldwide {padding:40px 0 }
}

/*20180620*/
.header .navi{width:51%;}
.header .navi .dropdown{width:auto; text-align:center; padding:0 5px;}
.sitemap .tree > ul {width: 46%; float: left; margin: 0 2%; }
.sitemap .tree > ul + h3{margin-top:29px;}
/*@media (max-width: 1299px){
.smallBanner .introBox .textBox p {max-height:auto; overflow: hidden; }
}*/
.smallBanner .introBox .textBox h2{margin-bottom:10px;}

.history .timeline .endPoint:after,.history .timeline .endPoint:before{display:none;} 
.history .timeline .endPoint span{display:block; width:42px; height: 22px; background:url(../img/his_jt.png) no-repeat; border:none; margin-left:-22px; position: absolute; left:50%; bottom:99%;}



/*20180622*/
@media (min-width: 1460px){
  .banner .container{margin-left:-635px\9\0;}
  .banner .container{margin-left:-635px;}
}

@media (max-width: 1459px) and (min-width: 1300px){
  .banner .container{margin-left:-635px\9\0;}
  .banner .container{margin-left:-635px;}
}


/*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: 80px; 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; } 
}

* {
     -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
     box-sizing: border-box; 
}

.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);}

.tiaoyz{text-align: left;font-size: 26px;color: #ea5514;margin-bottom: 25px;letter-spacing: 0.2px;
padding-top: 20px;}
.tiaoyztxt{ float: left; line-height: 24px; }