*{ padding:0; margin:0;}
body{ font-size:10px; font-family: '微软雅黑', sans-serif;  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-smooth:always;}
h1{ font-size:4em;}
h2{ font-size:3.6em;}
h3{ font-size:3rem;}
h4{ font-size:1.6rem;}
h5{ font-size:2rem;}
h6{ font-size:1.8em;}
p{ font-size:2.2em;}
a{ text-decoration:none; color:inherit; transition:all 0.2s;}
a.blank-link:hover{ color:inherit;}
a:hover{ color:rgba(0,0,0,0.5)}
a:active, a:visited{ color:inherit;}
section{ margin-top:115px; overflow:hidden;}



.white{ background-color:white;}
.blue{ background-color:#009944; color:white;}
.dark-blue{ background-color:#00713d; color:white;}
.grey-102{ background-color:#666; color:white;}
.grey-140{ background-color:#8c8c8c; color:white;}
.grey-209{ background-color:#d1d1d1; color:white;}
.grey-217{ background-color:#d9d9d9;}
.white-font{ color:white;}
.blue-font{ color:#009944;}
.dark-blue-font{ color:#00713d;}
.grey-102-font{ color:#666;}
.grey-140-font{ color:#8c8c8c;}
.grey-209-font{ color:#d1d1d1;}
.grey-217-font{ color:#d9d9d9;}


.content-max{ max-width:1600px; margin:0 auto;}
.break{ width:100%; height:1px; background-color:rgba(0,0,0,0.5); margin:5px 0; content:''; clear:both;}
.group:after { content: ""; display: table; clear: both;}
.clear:after{ clear:both; display:table; content:'';}
.row{ width:100%; position:relative;}
.row:after{ content:''; height:0; display:table; clear:both;}
.col-1-5, .col-1-4, .col-1-3, .col-2-3, .col-1-2{ float:left; position:relative; display:block;}
.col-1-5{ width:20%;}
.col-1-4{ width:25%;}
.col-1-3{ width:33.3%;}
.col-2-3{ width:66.7%;}
.col-1-2{ width:50%;}

.float-right{ float:right;}
.float-left{ float:left}
.center{ text-align:center;}
.left{ text-align:left;}
.relative{ position:relative;}
.absolute{ position:absolute;}
.absolute-height{ position:absolute; height:100%;}
.flex{  display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.flex-center{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -webkit-align-items:center; align-items:center;
  -webkit-justify-content:center; justify-content:center;}
.flex-wrap{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap;}

.button{ cursor:pointer; border-radius:5%; padding:2px 5px; font-family:'Monda',sans-serif; font-weight:bold;}
a.button{ color:#00713d; font-size:1.4em;}
a.button:hover{ background-color:rgba(255,255,255,0.5);}
a.button.white-font{ color:#fff;}

.allcaps{ text-transform:uppercase;}
.underline{ text-decoration:underline;}

.show-sm, .home-main video.show-sm{ display:none;}
.small-only{ display:none;}

.legacy p{ max-width:1320px; margin:0 auto; padding:50px; font-size:2.5em; line-height:1.5;}
.pane, .legacy h2{ padding:30px;}
.main-overlay{ position:absolute; top:40%; width:100%; text-align:center; z-index:9;}
.main-overlay h1{ text-shadow:0 0 10px rgba(0,0,0,0.85); font-size:6em;}
.panel-heading{ width:100%; border-right:2px solid; position:relative; padding:100px 0; position:relative; height:80px;}
.panel-heading-block{ position:absolute; width:100%; top:calc(50% - 140px);}
.panel-margin-half-left{ margin-left:50%;}
.panel-content{ padding:30px;}
.panel-content img{ max-width:100%;}
.panel-content p{ margin:15px;}
.full-width{ padding:30px;}
.full-width p{ margin:15px;}
.metal-texture{ background-image:url(../image/metalTexture.jpg); color:white; background-size:cover;}
.metal-texture p{ color:white;}


header{ width:100%; -webkit-transition:-webkit-transform 0.5s; -moz-transition:-moz-transform 0.5s; transition:transform 0.5s;}
nav{}
nav ul{ list-style:none; float:right;}
nav > ul > li{ float:left; margin-left:25px; font-size:2.0em; color:white; position:relative;}
nav ul li .sub-menu{ display:none; position:absolute; background-color:#00713d; padding-left:10px; padding-bottom:10px; left:-10px;}
nav ul li:hover .sub-menu{ display:block;}
.sub-menu li{ width:168px; margin-top:8px;}
nav > ul > li.lan{ margin-left:10px; margin-right:25px;margin-top:0px;}


header .button{ float:right;}
.soc{ font-size:2.4em; margin-left:3%;margin-top:-3px;}
.soc i{ margin:0 10px;}
.header-background{ z-index:99; width:100%; height:150px; top:0; left:0; background-image:url(../image/header.jpg); position:fixed;}
.menu-bar{ top:58px; position:relative;}
.menu-bar .button{ margin:2px 5px; width:auto;}

header .logo{ margin-top:40px; margin-left:40px; width:20%;}
header .logo img{ width:100%;}
.menu-button{ position:absolute; width:44px; height:44px; top:65px; right:30px; cursor:pointer;}
.menu-button span, .menu-button span:before, .menu-button span:after{ transition:all 0.5s ease; background-color:white; position:absolute; width:40px; height:3px;}
.menu-button span{ }
.menu-button span:before, .menu-button span:after{ content:'';}
.menu-button span:before{ top:-12px;}
.menu-button span:after{ top:12px;}
.menu-open{ position:fixed;}


.home .home-main{ height:calc(100vh - 115px); overflow:hidden;}
.home-main{ text-align:center; position:relative;}
.home-main video{ width:auto; min-height:100%; display:block; min-width:2400px;  background-image:url(../image/videoback1.jpg); background-size:cover;}
.home-main img{ width:100%; display:block;}
.home-main-overlay{ position:absolute; top:46%; width:100%; text-align:center; z-index:9; left:0;}
.home-main-overlay h1{ text-shadow:0 0 5px rgba(0,0,0,0.5);}
.vt{ display:none;}

.scroll{ position:relative; margin:auto; bottom:40px; height:0; color:white; opacity:0.5; width:100%; text-align:center;}
.scroll span{ position:absolute; width:20px; height:32px; border-radius:10px; border:2px solid white; left:calc(50% - 10px); bottom:2px;}
.scroll span:before{ content:''; position:absolute; width:3px; height:6px; background-color:white; left:9px; top:10px; border-radius:2px;}

.row .col-1-3{ z-index:0; height:100%;}
.row .col-2-3{ z-index:9; height:100%;}

.home-page{ height:554px; overflow:hidden;}
.home-page p{ margin-bottom:15px;}
.home-page .offset{ max-width:500px; position:relative; top:30%;}
.home-page:nth-child(even) .offset{ text-align:right; border-right:2px solid #fff; padding-right:20px; float:left;}
.home-page:nth-child(odd) .offset{ text-align:left; border-left:2px solid #fff; padding-left:20px; float:right;}
.home-page .col-2-3.in-view .offset{ transition:all 1s ease-out 1s;}

.home-page:nth-child(even) .col-1-3, .home-page:nth-child(odd) .col-2-3{ -webkit-box-ordinal-group:1; -moz-box-ordinal-group:1; -ms-flex-order:1; -webkit-order:1; order:1;}
.home-page:nth-child(even) .col-2-3, .home-page:nth-child(odd) .col-1-3{ -webkit-box-ordinal-group:2; -moz-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2;}
.home-page .col-2-3{background-position-x:50%;}

.dark-blue-font .col-2-3 .offset{ border-color:#00713d;}
.dark-blue-font .col-2-3 .offset a{ color:#fff; background-color:#009944;}

.about::after{ background-image:linear-gradient(to right, #00713d, rgba(0,0,0,0) );}
.about{ background-image:url(../image/about2.jpg);}
.capable::after{ background-image:linear-gradient(to left, #009944, rgba(0,0,0,0) );}
.capable{ background-image:url(../image/capable3.jpg);}
.industries::after{ background-image:linear-gradient(to right, #fff, rgba(0,0,0,0) );}
.industries{ background-image:url(../image/served.jpg);}
.careers::after{ background-image:linear-gradient(to left, #666, rgba(0,0,0,0) );}
.careers{ background-image:url(../image/careers.jpg);}
.contactus::after{ background-image:linear-gradient(to right, #00713d, rgba(0,0,0,0) );}
.contactus{ background-image:url(../image/contact.jpg);}
.home-page .col-2-3::after{ content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; opacity:1;
  -webkit-transition:all 1s ease 1s; -moz-transition:all 1s ease 1s; transition:all 1s ease 1s;}




.cycle{ display:none;}
.js .cycle{ width:100%; overflow:hidden; display:block;}
.slideshow{ width:100%; overflow:hidden; position:relative;}
.loop-slideshow{ width:150vw; left:-25vw;}
.loop-slideshow img{ width:50vw;}
.arrow{ display:none;}
.js .arrow{ z-index:999; top:calc(50% - 35px); transition:all 0.2s; position:absolute; bottom:180px; right:10%; cursor:pointer; display:block;}
.arrow:hover{ opacity:0.8;}
.arrow.relative{ position:relative; bottom:auto; right:37px; z-index:0;}
.arrow i{ position:absolute; font-size:5em; z-index:9; top:12px;}
.arrow span{ width:70px; height:70px; border-radius:40px; border:2px solid #8c8c8c; position:absolute;}
.arrow span:before{ content:''; width:60px; height:60px; border-radius:30px; position:absolute; background-color:#009944; top:5px; left:5px;}
.arrow.prev, .arrow.next{ width:70px;}
.arrow.next{ right:calc(50vw - 35px);}
.arrow.prev{ left:calc(50vw - 35px);}
.next i{ left:27px; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.prev i{ left:19px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.play i{ margin-left:22px; top:-3px; -webkit-transform:rotate(90deg); transform:rotate(90deg); font-size:8em;}
.mrgn-top{ top:20px; position:relative;}
.mrgn-top .fa{ margin-left:5px;}


.mgmt{ position:relative;}
.mgmt:hover .mgmt-hover{ opacity:1;}
.mgmt:hover > img{ -webkit-filter: grayscale(1); filter: grayscale(1);}
.mgmt > img{ margin:15px 5px; transition:filter 0.5s;}
.mgmt-hover{ z-index:9; top:0; opacity:0;  transition:opacity 0.5s;}
.mgmt-hover img{ opacity:0.5; position:relative; top:15px; left:6px;}
.mgmt-info{ top:43%; left:6px; width:100%; height:100px;}
.mgmt-info p{ font-family:'Monda'; font-weight:bold; line-height:1; font-size:1.8em;}

.js .cd-timeline-content{ display:block;}
.cd-timeline-content{ display:none;}
.cd-timeline-content img{ width:100%;}
.cd-timeline-img{top:0;}
.row .cd-timeline-block .cd-timeline-img{ top:-70px;}
.cd-read-more{ cursor:pointer;}
.js .cd-date-1{ display:none;}
.cd-date-1{ display:block; position:absolute; font-size:32px; color:#00713d; top:5px; left:70px;}
.js .popup{ position:fixed; box-shadow:2px 3px 10px 1px rgba(0,0,0,0.5); top:100vh; left:5vw; right:5vw; width:90vw; z-index:9999; -webkit-opacity:0; opacity:0; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.popup{ position:relative; border-radius:10px; margin-top:60px; margin-bottom:30px;}
.popup img{ width:calc(100% - 100px); margin:50px 30px 50px 50px; float:left;}
.popup .col-1-2 h4{ margin-top:50px; margin-right:50px; font-family:'Monda';}
.popup .col-1-2 p{ font-size:2em; margin:15px 50px 50px 0;}
.js .popup span{ position:absolute; width:40px; height:40px; top:10px; right:10px; border-radius:20px; cursor:pointer;}
.js .popup span:before, .popup span:after{ content:''; background-color:#d1d1d1; width:30px; height:4px; position:absolute; top:20px;}

.js .popup span:before{ left:5px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.js .popup span:after{ left:5px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.js .popup.pop-open{ -webkit-opacity:1; opacity:1; -webkit-transform:translateY(-100vh); transform:translateY(-100vh);}

.map{ background-image:url(404.png); background-size:cover;}
.MicrosoftMap .Infobox .infobox-title{ font-family:'Abel' !important;}
.MicrosoftMap .Infobox .infobox-info{ font-size:1.6em !important; font-family:'Monda' !important;}

.blog p, .archive p, .single p{ font-size:1.5rem;}
.blog .entry-content:after, .single .entry-content:after{ clear:both; content:''; display:table;}
.blog .panel-heading, .single .panel-heading, .archive .panel-heading{ padding:20px 0;}
.blog .panel-heading, .single .panel-heading{ height:100%; margin-bottom:100px;}
.entry-content{ padding:30px;}
.blog-opt{ margin-bottom:30px;}
.blog-cat{ padding:30px 50px;}
.blog-cat ul{ list-style:none;}
.blog-cat ul li{ font-size:1.4rem;}
.single-time{ font-size:1.4rem;}
.blog-feat p{ font-weight:bold; color:#00713d;}
.blog .older, .single .older{ float:left;}
.blog .newer, .single .newer{ float:right;}


.page-careers #main-content > section > div:nth-child(5), .page-quote-request .row.animation-element{ -webkit-transform:translate(0,0) !important; -moz-transform:translate(0,0) !important; transform:translate(0,0) !important; opacity:1 !important;}

.page-certifications section .panel-content{ margin:15px 0;}
.js .form-link{ display:block;}
.js .js-link{ display:block;}
.form-link{display:block;}
.js-link{ display:none;}
.core-values{ padding:50px; margin:0 auto; text-align:center; width:calc(100% - 100px);}
.core-values img{ max-width:100%;}

.contact{ text-align:center; padding:3% 7% 2%;}
.contact p{ font-family:'微软雅黑',sans-serif; font-weight:normal; font-size:1.9em;}
.contact-info{ margin:2% 0 4%;}
.contact-info img{ margin-bottom:30px;}
.contact-info h5{ font-size:3.2em;}
.contact-info.in-view{ margin:2% 0 4%;}


footer{ position:relative;}
.rights{ padding:67px 0; margin-right:15px;}
.rights ul{ float:right; list-style:none;}
.rights li{ float:left; padding:0 5px; font-size:1.7em;}
.footer-background{ background-image:url(../image/header.jpg); overflow:hidden; height:150px;}
footer .logo{ width:300px; margin:40px 15px;}
.to-top{ display:none;}
.js .to-top{ position:absolute; bottom:180px; right:10%; cursor:pointer; display:block;}
.to-top i{ position:absolute; top:9px; left:23px; font-size:5em; z-index:9;}
.to-top span{ width:70px; height:70px; border-radius:40px; border:2px solid #8c8c8c; position:absolute;}
.to-top span:before{ content:''; width:60px; height:60px; border-radius:30px; position:absolute; background-color:#009944; top:5px; left:5px;}



.menu-open span, .menu-open span:before, .menu-open span:after{ }
.menu-open span{ -webkit-transform:rotate(-225deg); transform:rotate(-225deg); background-color:red;}
.menu-open span:before{ -webkit-transform:rotate(270deg) translateX(-12px); transform:rotate(270deg) translateX(-12px); background-color:red;}
.menu-open span:after{ opacity:0;}

.header-background{ }
.header-background.scroll-down{ box-shadow:0 0 35px rgba(0,0,0,0.5);
  -webkit-transform:translateY(-45px); -moz-transform:translateY(-45px); transform:translateY(-45px);}
header.scroll-down .logo{ -webkit-transform:scale(0.8) translate(-50px,35px); -moz-transform:scale(0.8) translate(-50px,35px); transform:scale(0.8) translate(-50px,35px);}
header.scroll-down nav, header.scroll-down .button, header.scroll-down .soc{
  -webkit-transform:translateY(25px); -moz-transform:translateY(25px); transform:translateY(25px);}


.js .home-page:nth-child(even) .col-2-3.in-view .offset{ transform:translateX(-60%);}
.js .home-page:nth-child(odd) .col-2-3.in-view .offset{ transform:translateX(60%);}


.js .home-page:nth-child(even) .col-1-3, .js .home-page:nth-child(odd) .col-2-3{ -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transform:translateX(-100%);}
.js .home-page:nth-child(even) .col-2-3, .js .home-page:nth-child(odd) .col-1-3{ -webkit-transform:translateX(100%); -moz-transform:translateX(100%); transform:translateX(100%);}

.js .home-page:nth-child(odd) .col-2-3::after{ opacity:0; -webkit-transform:translateX(100%); -moz-transform:translateX(100%); transform:translateX(100%);}
.js .home-page:nth-child(even) .col-2-3::after{ opacity:0; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transform:translateX(-100%);}
.js .home-page .col-2-3.in-view::after{ opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}

.js .home-page .col-1-3.in-view, .js .home-page .col-2-3.in-view{ -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}


.home-page:nth-child(even) .col-2-3, .home-page:nth-child(odd) .col-2-3, .home-page:nth-child(even) .col-1-3, .home-page:nth-child(odd) .col-1-3{ -webkit-transition:-webkit-transform 1s ease-in; -moz-transition:-moz-transform 1s ease-in 0; transition:transform 1s ease-in;}





.js .fade-up, .js .fade-right, .js .fade-left{ opacity:0; -webkit-transition:-webkit-transform 1s ease, opacity 1s ease; -moz-transition:-moz-transform 1s ease, opacity 1s ease; transition:all 1s ease;}
.js .fade-up{ -webkit-transform:translateY(100%); -moz-transform:translateY(100%); transform:translateY(100%);}
.js footer .fade-up{ -webkit-transform:translateY(50%); -moz-transform:translateY(50%); transform:translateY(50%);}
.js .fade-right{ -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transform:translateX(-100%);}
.js .fade-left{ -webkit-transform:translateX(100%); -moz-transform:translateX(100%); transform:translateX(100%);}
.js .fade-up.in-view, .js .fade-left.in-view, .js .fade-right.in-view{ -webkit-transform:translate(0,0); -moz-transform:translate(0,0); transform:translate(0,0); opacity:1;}

.load-animation.fade-up{ animation:load-up 1s 1s;}


@keyframes load-up{
  0%{ -webkit-transform:translateY(100%); -moz-transform:translateY(100%); transform:translateY(100%);}
  100%{ -webkit-transform:translate(0,0); -moz-transform:translate(0,0); transform:translate(0,0); opacity:1;}
}


.czlybs {
    clear: both;
    overflow: hidden;
    padding: 0px 0 20px;
    width: 100%;
}
.czlybs input {
    background: #f4f4f4 none repeat scroll 0 0;
    border: medium none;
    color: #595959;
    font-size: 14px;
    margin-bottom: 20px;
    margin-right: 0px;
    outline: medium none;
    padding: 10px 13px;
    transition: all 0.5s ease-in-out 0s;
    width: 50%;
}
.czlybs input.r {
    margin-right: 0;
}
.czlybs textarea {
    background: #f4f4f4 none repeat scroll 0 0;
    border: medium none;
    color: #595959;
    float: ;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    height: 100px;
    margin-bottom: 20px;
    outline: medium none;
    padding: 10px 15px;
    transition: all 0.5s ease-in-out 0s;
    width:50%;
}
.czlybs button {
    background: #cccccc none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-family: "Microsoft YaHei";
    font-size: px;
    height: 40px;
    line-height: 40px;
    outline: medium none;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    width: 30%;
}
.czlybs button:hover {
    background: #009944 none repeat scroll 0 0;
}




.page_ul {
    clear: both;
    overflow: hidden;
    padding-top: 60px; 
	padding-bottom: 40px;
}
.page_ul h1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.page_ul .page {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 12px;
    text-align: center;
}
.page_ul .page a {
    display: inline-block;
}
.page_prev {
    background: #f1f1f1 url("404.png") no-repeat scroll center center;
    height: 32px;
    width: 32px;
}
.page_next {
    background: #f1f1f1 url("404.png") no-repeat scroll center center;
    height: 32px;
    width: 32px;
}
.page_prev:hover {
    background: #0080b1 url("404.png") no-repeat scroll center center;
    color: #fff;
}
.page_next:hover {
    background: #0080b1 url("404.png") no-repeat scroll center center;
    color: #fff;
}
.page_prev, .page_next {
    cursor: pointer;
    display: inline;
    height: 32px;
    margin-left: 5px;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: top;
    width: 32px;
}
.page_ul .page .shu_1 {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #a3a3a3;
    height: 32px;
    line-height: 32px;
    margin-left: 5px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    width: 33px;
}
.page_ul .page .shu_1.hover {
    background: #00713d none repeat scroll 0 0;
    color: #fff;
}
.page_ul .page .shu_1:hover {
    background: #00713d none repeat scroll 0 0;
    color: #fff;
}