header .navbar-default{background:#fff;border:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin:0}
header .navbar-header{z-index:99;position:relative}
header .navbar-brand{height:auto;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin:0;padding:2px 15px;z-index:99999;position:absolute;top:0;left:0;width:115px;height:115px}
header .navbar-brand img {width:115px !important}
header .navbar-nav{transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
header .navbar-nav > li {margin:0 7px}
header .navbar-nav > li > a{font-size:12px;font-family:'Open Sans',sans-serif;font-weight:700;text-transform:uppercase;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;padding:15px 6px 14px}
header .navbar-nav > li > a:hover,.navbar-nav > li > a.active{color:#0c8d49!important}
header .navbar-nav > li.active{border-top:2px solid #0c8d49}
header .navbar-nav > li.active a{background:none!important}
header .navbar-nav > li.search {display:none}
header .navbar-nav > li.search:hover{border:none}
header .navbar-nav a.open-search{padding:1px 15px 0;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center;margin-top:17px;margin-left:10px;margin-bottom:17px}
header .navbar-nav a.open-search i{color:#999;font-size:16px;display:inline-block}
header .navbar-nav > li.lang a {padding:0;display:inline-block;margin-top:17px;margin-left:5px}
header .navbar-nav li.drop{position:relative}
header .navbar-nav li:hover ul.drop-down{opacity:1;visibility:visible}
header .navbar-collapse{position:relative}

header .navbar-fixed-top {position:relative}
ul.drop-down{margin:0;position:absolute;width:220px;top:100%;left:0;visibility:hidden;padding:0;border-top:2px solid #0c8d49;opacity:0;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;background:rgba(255,255,255,0.98)}
ul.drop-down li{display:block}
ul.drop-down li a{padding:8px 16px;display:inline-block;text-decoration:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;display:block;color:#999;font-size:12px;font-family:'Open Sans',sans-serif;font-weight:400;text-transform:none ;margin:0;border-bottom:1px solid #f3f3f3}
ul.drop-down li a:hover{color:#0c8d49;background:#f8f8f8}

.form-search {  position: absolute; top: 100%; right: 0; width: 273px; background:#0c8d49;  padding: 4px;  visibility: hidden;  opacity: 0;  -webkit-transform: rotateX(-90deg);  -moz-transform: rotateX(-90deg);  -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.form-search input[type="text"] { font-size: 13px;color: #999999;font-family: 'Open Sans', sans-serif;font-weight: 400;line-height: 20px;margin: 0 0 10px;margin: 0;color: #222222;padding: 8px 10px;border: none;width: 100%;outline: none;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;background: #ffffff;}
.form-search input[type="text"] {background:#fff;border:none;outline:none;padding:5px 8px;width:70%}
.form-search input[type="submit"] {background:#0c8d49;text-align:center;padding:5px 8px;color:#fff;cursor:pointer;border:none;outline:none}
.form-search.active { visibility: visible;opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);}

.container{max-width:1100px}
a{color:#3a3a3a}
a:hover{text-decoration:none;color:#3e5fa8}
p{font-size:13px;font-family:'Open Sans',sans-serif;font-weight:400;line-height:20px;margin:0 0 10px}
body{font-family:'Open Sans';font-size:13px}
ul > li{list-style:none}
img{max-width:100%}
h1,h2,h3,h4,h5,p,a {line-height:1.4}

footer{background:#0c8d49;color:#fff;padding:20px 0}
footer ul.social-list{margin:2px 0 10px 0;padding:0}
footer ul.social-list li{display:inline-block;margin:0}
footer ul.social-list li a{display:inline-block;text-decoration:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;width:30px;height:30px;line-height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:#0c8d49;background:#fff;font-size:12px;text-align:center}
footer ul.social-list li a i{line-height:2.4}
footer ul.social-list li a:hover{background:#fff;color:#222}

.products-box {position:relative}
.products-box .carousel-arrows{position:absolute;width:100%;top:50%;left:0;height:0;z-index:2}
.products-box .carousel-arrows a{display:inline-block;text-decoration:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;line-height:40px;text-align:center;background:#999;color:#fff;margin-top:-40px}
.products-box .carousel-arrows a:hover{background:#f27935}
.products-box .carousel-arrows a.prev-link{float:left;margin-left:-20px}
.products-box .carousel-arrows a.next-link{float:right;margin-right:-20px}
.products-box .carousel-arrows a i {line-height:3}
.products-box .lstp{margin:0;padding:28px 5px;background:#fff;border:1px solid transparent;text-align:center;margin-bottom:0;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.products-box .lstp h3{color:#222;font-size:15px;font-weight:700;margin:0 0 8px;letter-spacing:1.3px}
.products-box .lstp a:hover h3{color:#0C8D49}
.products-box .lstp p{margin-bottom:0px;max-height:59px;overflow:hidden;color:#333}

.products-box .lstp .thumb{position:relative;margin-bottom:20px}
.products-box .lstp .thumb img{width:87px;height:87px}


ul.lstlink{padding:0;margin:0;position:relative;margin-top:-32px;z-index:1;text-align:center;background:#ebebeb;margin-bottom:16px}
ul.lstlink li{width:20%;float:left}
ul.lstlink li div{padding:14px 5px 10px;border-right:1px solid #f7f7f7}
ul.lstlink li h3{background-color:rgba(47,81,158,0.8);margin:0;padding:0;font-size:12px;height:32px;overflow:hidden;line-height:32px;text-align:center;border-right:1px solid #5a77b8}
ul.lstlink li:last-child h3,ul.lstlink li:last-child div{border:none}
ul.lstlink li h3 a{color:#fff;text-decoration:none;text-transform:uppercase;white-space:normal;text-overflow:ellipsis}
ul.lstlink li img{height:101px;margin-bottom:10px;width:172px}
ul.lstlink li p{font-size:12px;height:38px;overflow:hidden;margin-bottom:0}
ul.lstlink:after{content:'.';line-height:0;height:0;display:block;clear:both;visibility:hidden}

#main{margin-bottom:5px}
#content{position:relative;margin-top:-32px;z-index:1}
#content .page-tittle h2{margin:0;padding:0 20px;float:left;height:32px;background-color:rgba(12,141,73,0.8);line-height:32px;text-transform:uppercase;color:#fff;font-size:13px;font-weight:400;border-top-left-radius:3px;border-top-right-radius:3px}
#content .page-pagin{background:#f5f5f5 url(/images/upload/dotted_addthis.gif);padding:5px 15px}
#content .page-pagin ul{margin:0;padding:0}
#content .page-pagin li{display:inline-block;list-style:none;margin-right:8px}
#content .page-pagin li:before{content:'>';color:#3a3a3a;font-size:11px;font-family:'Open Sans',sans-serif;text-transform:uppercase;margin-right:6px;line-height:24px}
#content .page-pagin li:first-child:before{content:none}
#content .page-pagin li a{font-size:12px;color:#3a3a3a}
#content .page-pagin a.btn{float:right;display:block}
#content .page-pagin a.btn:after{content:'';height:0;line-height:0;display:block;clear:both;visibility:hidden}

div.sidebar h2 {font-size:15px;color:#fff;background:#0c8d49;padding:8px 10px;font-weight:700;margin:0}
div.sidebar ul {margin:0;padding:0;background:#efefef;margin-bottom:10px}
div.sidebar ul li{border-bottom:1px solid #e1e1e1;padding:7px 0 6px 10px}
div.sidebar ul li:last-child{border-bottom:none}
div.sidebar ul li i{color:#0c8d49}
div.sidebar ul.lstM li.active,div.sidebar ul li:hover{background-color:rgba(12,141,73,0.8)}
div.sidebar ul.lstM li.active a,div.sidebar ul li.active i,div.sidebar ul li:hover a,div.sidebar ul li:hover i{color:#fff}
div.sidebar ul.video li {padding:7px 10px 6px 10px}
div.sidebar ul.video li img {display:block;width:100%}
div.sidebar ul.video li:after {content:'.';clear:both;display:block;visibility:hidden;line-height:1;height:1px !important}

div.intro{padding-top:10px;padding-bottom:10px;line-height:150%;color:#3a3a3a;font-size:13px;font-family:'Open Sans'}
div.intro h2,div.intro h3{margin:0;padding:0;font-size:13px;padding-bottom:5px}
div.intro a{color:#0c8d49;text-decoration:underline}
div.intro img{max-width:100%;padding:5px 0}
div.intro ul,div.intro li{list-style-type:inherit;margin:3px 3px 3px 10px}
div.intro table tr,div.intro table td{vertical-align:top}

div.google-maps{position:relative;overflow:hidden;height:370px}
div.google-maps iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}

#contact{margin-bottom:5px}
div.contact-form h4{margin:0;padding:12px 15px;background:#e4e4e4;font-size:12px;margin-bottom:10px}
div.contact-form input[type="text"],div.contact-form textarea{width:100%;padding:5px 10px;border:1px solid #e4e4e4;margin-bottom:8px;outline:none;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;color:#999;font-size:13px;font-family:'Open Sans',sans-serif;-webkit-border-radius:1px;-moz-border-radius:1px;-o-border-radius:1px;border-radius:1px}
div.contact-form input[type="text"]:focus,div.contact-form textarea:focus{border:1px solid #e4e4e4}
div.contact-form textarea{height:70px}
div.contact-form input[type="submit"]{padding:5px 0;width:100%;outline:none;color:#fff;font-size:12px;font-family:'Open Sans',sans-serif;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;margin-bottom:20px;background:#0c8d49;border:none;text-align:center}
div.contact-form .submit-area{text-align:center}
div.contact-form span{padding:0 15px;margin:0 0 5px;position:relative;font-size:10px!important}
div.contact-form a.close{text-decoration:none!important;font-size:18px!important;line-height:1.2;position:absolute;right:7px;top:0}
div.contact-form label {font-weight:400;margin-right:5px}
div.contact-form select {border:1px solid #e4e4e4;padding:3px 10px;width:100%}
div#daotao{padding:0}
div.lstdt{margin:10px 0 25px}
div.lstdt h3{font-size:14px;padding:0;margin-bottom:15px;margin-top:0;text-transform:uppercase;text-align:center}
div.lstdt .thumb{height:132px;overflow:hidden;position:relative}
div.lstdt .thumb img{max-width:100%;height:132px}
div.lstdt .thumb p{position:absolute;bottom:0;left:0;margin-bottom:0;background-color:rgba(0,0,0,0.5);color:#fff;padding:3px 5px}
.tbldaotao img{width:83px!important;height:62px}

#daotaod{padding:5px 0 20px}
#myTab{background:#ebebeb;margin-bottom:20px}
#myTab li{display:block;float:none}
#myTab li a{text-transform:uppercase;padding:10px 5px 10px 8px}
#myTab li.active a{border:none;background:#EEE;border-bottom:1px solid #dcdcdc;color:#0c8d49}
#myTab li i.icon{background:url(/images/upload/icon.png) no-repeat;width:37px;height:37px;display:inline-block;margin-right:8px;vertical-align:middle}
#myTab li i.iconmt{background-position:0 -44px}
#myTab li i.iconnd{background-position:0 -87px}
#myTab li i.iconkg{background-position:0 -132px}
#myTab li i.iconbr{background-position:0 -178px}
#myTab li i.iconud{background-position:0 -224px}
#myTab li i.icondk{background-position:0 -270px}

div.dtlq{margin-bottom:10px}
div.dtlq h3{text-transform:uppercase;background:#f5f5f5;border-left:3px solid #0c8d49;padding:10px 15px;font-size:13px}
div.dtl h1{font-size:14px;color:#fff;background:#0c8d49;padding:8px 10px;text-transform:uppercase;margin:0}

div.lstnewsh{margin-bottom:10px}
div.newsD{padding:0 0 20px}
div.newsD span.spt {display:block;color:#999;font-family:'Open Sans',sans-serif;margin-bottom:10px}
div.newsD strong.str {color:#333}
div.newsD h1{font-size:23px;font-weight:400}

ul.other{margin:0;padding:0;padding-bottom:15px}
ul.other li.tit{padding-top:10px;font-weight:400;font-size:16px;padding-bottom:10px;background:url(/images/upload/dotted.gif) repeat-x top left}
ul.other li.d{margin-bottom:5px}

div.addthis{background:url(/images/upload/dotted_addthis.gif);height:34px;padding:8px 2px 0 10px}
div.fb-comments{padding-bottom:15px!important}

div.lstnews{margin:8px 0 15px 0;float:left;width:100%}
div.lstnews .thumb{display:block;float:left;width:172px;height:101px;margin:0 15px 0 0;overflow:hidden}
div.lstnews img{width:100%}
div.lstnews h3{font-size:17px;margin:0;padding:0;margin:3px 0 5px 0}
div.lstnews p{height:59px;overflow:hidden;margin-bottom:0}

#lPage{text-align:right;float:right;display:block;font-size:12px;margin-bottom:15px;border:1px solid #e0e0e0;border-radius:3px;height:25px;line-height:23px;margin-top:20px}
#lPage a {display:inline-block;margin:0 3px;padding:0 10px;font-size:12px;height:23px;line-height:23px }
#lPage a.apage{color:#4d4d4d;border-right:1px solid #e0e0e0}
#lPage a.cpage{color:#3155a6;padding:0px 10px;font-size:12px;border-right:1px solid #e0e0e0}
#lPage a:last-child {border:none}

.lstv {margin:10px 0 5px 0}
.lstv h3,.lsti h3 {font-size:13px;margin-top:5px;height:36px;overflow:hidden}

ul.dcm {background:#fff;padding :5px 10px 5px 0;margin-bottom:10px;}
ul.dcm li {color: #222;font-size: 12px;margin-bottom: 5px;border-top:1px dotted #dadada;padding: 0 5px 5px 0px}
ul.dcm li p {margin: 0 !important;margin-bottom: 10px;text-align: justify;line-height: 16px;padding:0}
ul.dcm li p .sname {height: 20px;line-height: 30px;margin-right: 5px;color: #dc242c;padding:0;font-size:13px !important; font-weight:700}
ul.dcm li p .sdate {color: #929292;}

ul.faq,ul.answers {padding:0;margin:0}
ul.faq strong,ul.answers strong { font-size:14px}
ul.faq { border:1px solid #ededed;padding:10px;margin-bottom:15px}
ul.faq li {margin-bottom:10px}

ul.answers li {border-bottom: 1px dotted #999;padding: 10px 0 10px;}
ul.answers li p {line-height:1.5;text-align:justify}
ul.answers li p label { font-weight:400}

ul.tt li {display:inline-block;margin-left:5px}
ul.tt li i {margin-right:3px}
ul.tt li span {font-weight:700}
@media (max-width: 991px) {
header .navbar-nav > li > a{padding-left:10px!important;padding-right:10px!important}
}
@media (max-width: 767px) {
header .navbar-default .navbar-toggle{margin-top:10px}
header.active .navbar-default .navbar-toggle{margin-top:19px}
header .navbar-nav {margin:0}
header .navbar-nav > li {text-align:center;margin:0;padding:0}
header .navbar-nav > li > a{padding:6px 0px!important;color:#222!important;border-bottom:1px solid #f3f3f3}
header .navbar-nav > li.active{border-top:0px solid #0c8d49}
header .navbar-nav > li > a.open-search{display:none}
ul.drop-down{position:relative;visibility:visible;opacity:1;top:inherit;left:inherit;background:transparent;width:100%;border-top:none}
footer .text-left, footer .text-right {text-align:center !important}
footer .text-left {margin-bottom:10px}
footer table {width:100%}
.products-box .carousel-arrows {display:none}
.video {display:none}
}
@media (max-width: 500px) 
{
header .navbar-brand img {width:51px !important;height:auto}
div.google-maps{height:250px;margin-top:51px;}
div.lstnews .thumb {width:100%;float:none;margin-bottom:10px}
div.intro p, div.intro div, div.intro span {text-align:justify !important}
header .navbar-fixed-top {position:fixed }
header .navbar-nav > li.lang a {padding:0;display:inline-block;margin-top:8px;margin-bottom:8px;margin-left:5px}
}