/*footer and header and body*/
html,body {height: 100%;width: 100%;}
body{width: 100%; background: #eee;font-family:'Helvetica' , 'Arial' , 'Hiragino Sans GB', 'Microsoft JhengHei' , 'PMingLiU' , 'sans-serif';font-size: 15px; letter-spacing: 1px; position: absolute; }
.main{width: 100%;}
#footer{width: 100%; height: 133px; position:relative ; bottom: 0; left: 0}
.footer{width: 100%; max-width: 925px; margin: 0 auto; background: #d6ecf0; color: #666; font-size: 15px;}
.footer a{color:#666;}
p{margin: 0; padding: 0;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4{margin: 0px;}
ul,li{list-style: none;}
.row{margin: 0;}
.footer .col-xs-12 ,.footer .col-sm-3 ,.footer .col-md-3{padding: 0;}
.row-main-last{background: #006633;}
.row-main-last a{color: #fff; padding: 5px;}
.row-main{padding: 25px 20px;}
.footer-text{width: 100%; max-width: 925px; margin: 0 auto; padding: 10px 20px; background: #fff;color:#666;}
.navbar{display: none;}
.header{background: #fff;}
.header-main{background: #d6ecf0;}
.header-left{float: left; width: 30%; text-align: center;padding-top: 30px;}
.header-right{float: right; width: 70%; background: #c0ebd7;}

.header-main{max-width: 925px; margin: 0 auto;}
.hr-top-left,.hr-top-right{color: #006633; padding:40px 0;}
.hr-top-left{float: left;width:60%;padding-left:60px;}
.hr-top-left p{  background: url("../images/address.png") left top no-repeat;  padding-left:50px;line-height: 40px; }
.hr-top-right{float: right;width:40%;padding-left:30px;}
.hr-top-right p{ background: url("../images/phone.png") left top no-repeat; line-height: 40px;  padding-left: 50px;}
.hr-bottom a{width: 25%; text-align: center; display:inline-block; background: #006633; color: #fff; float:left; text-decoration: none; line-height: 45px;}
.hr-bottom a:hover{background: #fff;  color: #006633; text-decoration: none;}
.menu-on{background: #fff !important;  color: #006633 !important; text-decoration: none;}

.main{background: #eee}
.index-main{max-width: 925px; margin: 0 auto;}
.index-main h2{font-size: 22px; color: #006633; line-height: 50px;padding-left: 30px;}
.index-news{float: left; width: 410px; background: #fff; min-height: 270px;}
.index-news div{padding: 0px 30px 5px 30px;}
.index-news h3{font-size: 16px;padding: 5px 0;}
.index-news p{color: #666; font-size: 15px;}
.index-about{float: right;width: 515px; background: #d3ebee; min-height: 270px;}
.about-left{width: 50%; background: url("../images/about.png") left top repeat; padding: 30px; }
.about-left h1{font-size: 15px; color: #535353;line-height: 170%; padding-bottom: 15px;}
.radius{ border-radius: 50%;padding: 2px 5px 4px 7px; border: 1px solid #006633}
.radius:hover{background: #006633; color: #fff; text-decoration: none;}

.box2-main{background: #c0ebd7;}
.box2-body{background: #fff;}
.products_item{float:left;background: #f0fcff; position: relative;width:210px;text-align:center; margin: 10px;}
.products_look{
	position:absolute;z-index: 10;
	width:100%;height:100%;
	background: url(../images/about.png) repeat;
	color:#000;font-size:15px;text-align: center;line-height: 50px;
	border: 3px solid #006633;
    display: none;
}
.products_item:hover .products_look{display: block;}

.a-news{text-decoration: none; float: left; color: #000}
.a-news:hover{text-decoration: none; background: #f0fcff}

.data-main{background: #c0ebd7; margin: 0 auto;  max-width: 925px; }
.body-left{background: #e6f4f7;padding: 20px;}


.data-body{background:#e6f4f7; margin-left: 10px; }
.body-right{background: #fff; padding: 30px;}
.a-active{color: #006633 !important;}
.row ,.col-xs-12 ,.col-sm-9 ,.col-md-9{margin: 0px; padding: 0}
.col-sm-6 ,.ol-md-4{padding: 5px;}
.a-black{color: #006633;}
.news-div{padding: 10px 0;}
.news-div a{text-decoration: none; padding-right: 10px;}
.news-div span{font-size: 12px; padding-right: 10px;}
.text-bottom {color:#626262; font-size: 14px; padding-top: 10px;}
.text-bottom a{padding: 5px 5px;margin:0 1px 0 0; background-color: #61c8d0; text-decoration: none;font-size: 12px;color:#fff;font-family:'PMingLiU';}
.text-bottom a:hover{background-color: #006633; }
.thumbnail .caption{ text-align: center; padding: 0px;}
.thumbnail{background: #d6ecf0; }
.thumbnail:hover .caption {color:#006633;}


.p-link {text-decoration: none;}
.p-link:hover{text-decoration: none !important;}
.p-link:hover .thumbnail{background: #fff;}
.call-body{margin-left: 0; background: #fff;}
.call-right h2{ color: #2d2d2d; font-size: 20px; padding-bottom: 5px;}
.call-right p{color: #626262; font-size: 15px; padding-left: 30px; margin:5px 0;}
.p1{background: url("../images/call.png") 2px top no-repeat; height: 22px;width:30px;float:left;}
.p2{background: url("../images/call.png") left -29px no-repeat; height: 22px;width:30px;float:left;}
.p3{background: url("../images/call.png") left -56px no-repeat; height: 22px;width:30px;float:left;}
.p4{background: url("../images/call.png") left bottom no-repeat; height: 22px;width:30px;float:left;}

.body-right table th{ background: #e3f3f6;}
.col-xs-6 ,.col-sm-3 ,.col-md-3{padding: 0px;}
.navbar-default{ background: #e3f3f6;}
.btn-green {
    background-color: #006633;
    border-color: #357ebd;
    color: #fff;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
    background-color: #01909a;
    border-color: #01909a;
    color: #fff;
}
.btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
    background-image: none;
}
.btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green.active[disabled], fieldset[disabled] .btn-green.active {
    background-color: #006633;
    border-color: #01909a;
}
.btn-green .badge {
    background-color: #fff;
    color: #006633;
}


.body-left .btn-left{  color: #006633;  background-color: #e6f4f7; border-bottom: 1px solid #dcdcdc; border-radius: 0px; text-align: left; font-size: 15px; }
.btn-group.open .dropdown-toggle{box-shadow: none;background: #fff;}
.btn:active, .btn.active{box-shadow: none; background: #fff;}
.body-left .btn-group, .btn-group-vertical{width: 100%;}
.body-left .btn-lg, .btn-group-lg > .btn{padding-left: 10px;}

.news-list img{width:100%}
.col-md-4{padding:  10px;}
.col-md-8{padding:  10px;}

.news-list a{float: left; color: #000;  border-radius: 5px; border-bottom: 1px solid #ddd; text-decoration: none;}
.news-list a:hover{background: #e6f4f7;  border-radius: 5px;text-decoration: none;}

.news-list p:last-child{ font-size:15px; color: #666; line-height: 150%; padding: 5px 0;}

#user_gmap{ width:100%; height:288px;margin-top:10px;border:solid 1px #ddd;}
.thumbnail img{width: 100%;}

.catalog-span{color:#006633;}
.news-list h4{ font-size:15px; color: #999; line-height: 150%; padding: 5px 0;}

.data-main-title{
	line-height: 50px; color: #006633; font-size: 22px; padding-left: 30px;
}
.body-right-title{ font-size: 20px; color: #000; padding: 10px 0; line-height: 160%;}

.products_menu_title{
	color: #006633;
	border-bottom: 1px solid #a9d9dc; text-decoration: none; padding: 10px;  display:block;
}
.products_menu{padding:0;}
.products_menu_sub a{color: #666; border-bottom: 1px solid #ddd; text-decoration: none; padding: 10px 0 10px 20px;  display:block;}
.products_menu_sub:hover{color: #006633; background: #fff;}
.products_menu_now {background: #fff;}
.products_menu_now a{color: #006633;border-bottom: 1px solid #ddd; text-decoration: none; padding: 10px 0 10px 20px;  display:block;}
.flexslider{margin: 0;}



.page-menu-box{
    text-align: left;
    width:100%;
    color:#fff;
}
.page-menu-box .page-menu-title{
    margin:0 0 1px 0;padding:10px 15px;font-weight: normal;
    background-color:#f4e3e1;color:#231815;
    font-size:21px;
}
.page-menu-box a{
    color: #006633;
    border-bottom: 1px solid #a9d9dc; text-decoration: none; padding: 10px;  display:block;
    font-size: 19px;
}
.page-menu-box a:hover{
    background-color:#fbf8f1;color:#ea6252;
}

.page-menu-sub a{color: #333;font-weight: bold;font-size: 15px;}

.page-menu-box .page-menu-now{
    background-color:#fff;color:#ea6252;
}
.page-menu-box .page-menu-bottom{
    background-color:#fff;
    height:40px;width:100%;
}
.page-menu-sub{display: none;}


/*************** Notifications ***************/
 .notification {
    position: relative;
    margin: 10px 0 10px 0;
    padding: 0;
    width: 100%;
}
.success {
    background: #35aa47 url('../images/icon_success.png') no-repeat;
    background-position: 12px 13px;
}
.error {
    background: #e02222 url('../images/icon_error.png') no-repeat;
    background-position: 12px 13px;
}
.notification .show_message {
    display:block;
    color:#fff;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}
.notification .show_close {
    position:absolute;
    width:7px;
    height:7px;
    right:10px;
    top:10px;
    background: url('../images/icon_close.png') no-repeat;
    cursor:pointer;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #555;
  background-color: #fff;
}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover {color: #006633;font-size:25px;}


@media (max-width: 925px){
	.main{padding-top: 50px;}
	.navbar{display: block;}
	.header-main{display: none;}
	.index-news{width: 50%;}
	.index-about{width: 50%; }
	.about-left{width: 80%; }

}
@media (max-width: 768px){
	.news-list img{width:50%}
	.products_item{float: none; margin: 0 auto;}
	.col-xs-6 ,.col-sm-3 ,.col-md-3{padding:10px 0px;}
	.footer{padding-top: 10px;}
	.row-main{padding: 5px;}
	.col-xs-6 ,.col-sm-3 ,.col-md-3{padding: 5px;}

}
@media (max-width: 480px){
	.index-news{width: 100%;}
	.index-about{width: 100%; }
	.about-left{width: 100%; }
	.index-about{min-height: 0px;}
	.data-body{margin:0 10px;}
	.products_item{ width: 100%; height: auto;}
}