/*Í·²¿*/

.topBox { background:#f5f5f5; min-height:40px; line-height:40px; color:#777;margin-top:-20px ; }
.telIco { background:url(../img/tel_ico.png) no-repeat left; padding-left:22px; }


/*µ¼º½*/

.navbar { position:relative; min-height:75px; margin-bottom:0px; border:0px; border-top:1px solid #f5f5f5;  }
.navbar-brand { float:left; height:75px; padding:20px 15px; margin-bottom:0px; margin-right:30px; }
.navbar-default{ background-color:#fff;}
.navbar-nav{ margin:0px -15px }
.navbar-nav>li>a { padding-top:17.5px; padding-bottom:17.5px; line-height:40px; margin-right:1px; }
.navbar-default .navbar-nav>li>a{ color:#444; }
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{ color:#054D00; background-color:transparent }
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{ color:#054D00; background-color:#f5f5f5 }


.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{ background-color:#ddd }
.navbar-default .navbar-toggle .icon-bar{ background-color:#256624 }
.navbar-default .navbar-collapse { border-color:#f5f5f5 }


.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{ color:#054D00; background-color:#f5f5f5 }
.navbar-nav>li>a.lanBTN:link { background:#C0D34B; border-radius:100px; margin-top:17.5px; margin-bottom:17.5px; padding-top:0px; padding-bottom:0px; height:40px; line-height:40px; }
.navbar-default .navbar-nav>.open>a.lanBTN:hover,.navbar-default .navbar-nav>.open>a.lanBTN:focus { color:#FFF; background-color:#B1C831;}
.dropdown-menu>li>a{ padding:10px 20px;}
.dropdown-menu>li>a:hover{ color:#054D00;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:20px;margin-right:15px;margin-bottom:20px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle .icon-bar{display:block;width:25px;height:3px;border-radius:1px}

@media (max-width:767px){
.navbar-brand {  padding-top:21px; }
.navbar-brand img { height:35px;}

.navbar-nav>li>a { padding-top:8.5px; padding-bottom:8.5px; line-height:40px; margin-right:0px; border-top:1px solid #F5F5F5 }
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{ border-top:1px solid #F5F5F5 }
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{ border-top:1px solid #F5F5F5  }
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#054D00;background-color:transparent}
.navbar-nav>li>a.lanBTN:link { background:#C0D34B; border-radius:0px; margin-top:0px; margin-bottom:0px; padding-top:9.5px; padding-bottom:9.5px; height:auto; line-height:40px; }
.navbar-default .navbar-nav>.open>a.lanBTN:hover,.navbar-default .navbar-nav>.open>a.lanBTN:focus { color:#FFF; background-color:#B1C831;}
}




.swiper-slide img { display:block; width:100%;}

@media screen and (min-width: 1280px) {
    .swiper-wrapper,.swiper-slide {
       height:560px;
    }
}


.whiteBg { background:#FFFFFF; }
.grayBg { background:#f5f5f5; }

a{color:#FFF;text-decoration:none}
a:hover,a:focus{color:#0971E0;text-decoration:underline}

h1 { background:url(../img/hr_bg.jpg) bottom center no-repeat; line-height:1.8em; margin-top:0.3em; margin-bottom:0.5em;}

.btn { display:inline-block; padding:10px 12px; font-size:14px;border-radius:0px}
.btn-default{color:#333;background-color:#fff;border-color:#DDD}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active{color:#333;background-color:#F5F5F5;border-color:#DDD}


.aboutBox p { font-size:16px; }
.aboutBox .row { text-align:center; margin-top:2em; margin-bottom:1em; }
.aboutBox .row img { width:70%;}

.productBox .row { margin-top:2em; margin-bottom:1em; }
.productBox .row img { width:100%; }
.productBox .row h4 { background:#FFF; margin:0; padding:5px 0 0 15px; line-height:2.5em; }
.productBox .row p { background:#FFF; margin:0; padding:0 0 1em 15px; color:#777 }
.productBox .btn { margin-bottom:2em; margin-top:1em;}


.ny .row h4 { background:#f5f5f5; margin:0; padding:5px 0 5px 15px; line-height:2.5em; margin-bottom:1em; }
.ny2 .row h4 { background:#f5f5f5; margin:0; padding:5px 0 0 15px; line-height:2.5em; }
.ny2 .row p { background:#f5f5f5; margin:0; padding:0 0 1em 15px; color:#777; margin-bottom:1em; }


.newsBox { margin-bottom:1.8em; }
.newsBox .row div { margin-top:0.3em; margin-bottom:0.2em; }
.newsBox img { width:100%;}
.newsBox .row div .row .col-sm-8 { margin-left:-15px; background:#f5f5f5;}
.newsBox .row div .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.newsBox .row div .row > [class*='col-'] { display: flex; flex-direction: column; }


.footBg { background:#444444; color:#FFF; line-height:2em; padding-top:0.5em; }
.codemk { padding-top:1em; }
.f_ui { list-style:none; margin-left:0; padding-left:0 }
.f_ui li { float:left; margin-right:5px; }
.copyBg { background:#333333; padding-top:0.5em; padding-bottom:.5em; margin-top:1em;}


#serBox { padding:0; margin:0; position:fixed; right:15px; top:180px; z-index:999 }
#serBox p { margin:0; }


@media (min-width:768px) and (max-width:1023px){
	.navbar-nav>li>a { padding-right:6px; padding-left:6px;}
	.navbar-right { display:none; }	
	#serBox { display:none; }
}


@media (max-width:767px){
	h1,.h1{font-size:26px}
	h2,.h2{font-size:22px}
	.telBox { text-align:center; }
	.codemk { display:none; }
	.productBox .row .col-sm-4 { margin-bottom:10px;}
	.productBox .btn { margin-bottom:2em; margin-top:0em;}
	.newsBox .row div .row .col-sm-8 { margin-left:15px; margin-right:15px; margin-top:-3px; background:#f5f5f5;}
	#serBox { display:none; }
}



@media (max-width:413px){
.navbar-brand {  padding-top:25px; }
.navbar-brand img { height:30px;}
}
@media (max-width:374px){
.navbar-brand {  padding-top:28px; }
.navbar-brand img { height:23px;}
}








/*====================*/

.nyBanner img { width:100%; }

.breadcrumb{padding:12px 15px;margin-bottom:20px;margin-top:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}

.pagination{display:inline-block;padding-left:0;margin:1.5em 0 0 0;border-radius:4px}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:8px 15px;margin-left:-1px;line-height:1.42857143;color:#054D00;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#054D00;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#054D00;border-color:#054D00}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#054D00}


.nViewBox { padding-bottom:1em;}
.nViewBox h2{ margin-top:0; padding:10px 0}
.nViewBox p { font-size:16px; }

.xxPro { font-size:16px; margin-bottom:1.5em;}

blockquote{ background:#EEE; padding:10px 20px;margin:20px 0;font-size:17.5px;border-left:5px solid #eee}