@charset "utf-8";

@import url("layout.css");
@import url("page.css");
@import url("font.css");

/*公用代码*/
*{padding:0px;margin:0px;}
html{background:#FFF;}
body{  font:14px "微软雅黑",Tahoma, Geneva, sans-serif; padding-top:78px;}
/*鼠标选中背景*/
::selection {background:#c6d8cd;}
::-moz-selection {background:#c6d8cd;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
/*鼠标经过延迟*/
/*
a{-webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
*/
.min-h{ min-height:650px; margin-top:30px;}
@media(min-width:1200px){
.container {
width: 1200px;
}
}
@media screen and (max-width: 768px){
body{  font:14px "微软雅黑",Tahoma, Geneva, sans-serif; padding-top:0;}
img{border:none; max-width:100%; height:auto !important;}
}
a{text-decoration:none;}
a:hover{text-decoration:none;}
li{list-style:none;}
input,select,button{font:12px 微软雅黑,Arial,Tahoma;vertical-align:middle;}
/*---------- stock ---------*/
.fl{ float:left;}
.fr{ float:right;}
/*---------- frame : header ---------*/

/*----- 新版导航菜单位置的样式 -------*/

.top-full{ border-bottom:2px solid #ddd; position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index:9999; background:#FFF; }
.navbar{ border-radius:0; margin:0; border:0;}
.navbar-default{ background:none; min-height:40px !important; float:left; margin-top:18px; margin-left:15px; }
.navbar-brand { padding:0;float:left;height:56px; margin:10px 0; }
.navbar-brand img{ width:auto;}
@media screen and (max-width: 768px){
.top-full{ border-bottom:2px solid #ddd; position: relative;
    z-index:9999;
	background:#FFF; }
	.navbar-header{ overflow:hidden;}
.navbar-default{ background:#f8f8f8; min-height:40px !important; margin-bottom:10px; margin-left:0; float:none;}
.navbar-brand { padding:0; display:block; margin-top:5px;float:none;height:56px;}
.navbar-brand img{ width:auto; margin:0 auto;}
}

.nav{ margin-right:0; }
.nav li a{ padding:0; line-height:18px;}
.nav li a span{ font-size:16px; color:#222;  letter-spacing:1px; line-height:40px; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none}
#nav { position:relative; z-index:99; line-height:40px;  list-style-type:none; }
#nav a {display: block; padding:0 18px;}
#nav li a:hover span{ color:#F00; text-decoration:underline;}
#nav li ul { z-index:0;line-height:30px; list-style-type:none; text-align:left; left:-999em; width:auto; position:absolute; padding:25px 0px 20px; background:#FFF }
#nav li ul li{ position:relative; z-index:99px; width:172px; background:#fff; }
#nav li ul a{ display: block; color:#222; letter-spacing:0px; width: 172px;w\idth: 172px;text-align:left; margin:0 !important; padding:5px 20px; }
#nav li ul a:hover{color:#f00; text-decoration:none;font-weight:normal;}
#nav li:hover ul{left:auto; }
#nav li.sfhover ul{left:auto;}
#nav li ul.pli{  width:340px; padding:25px 30px 20px; margin-left:-30px;}
#nav li ul.pli li{ float:left; width:140px;}
#nav li ul.pli li a{ width:140px; padding:5px 0px; }
.subnav{ position:absolute; right:15px; top:36px;}
.lang{ position:absolute; right:20px; top:8px;}
@media screen and (max-width: 768px){
.nav{ margin:10px 0 0 0; }
.nav li a{ padding:8px 15px 8px 10px; margin:0; border-bottom:1px solid #D1D2D3;}
.nav li a span{ font-size:14px; text-transform:uppercase; color:#000; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none}
#nav { position:relative; z-index:99; line-height: 24px;  list-style-type: none;}
#nav a {display: block; padding:0 15px;}
#nav li a:hover{ background:none;}
#nav li a:hover span{ color:#f00;}
#nav li ul{ position:relative; z-index:0; background:none;}
#nav li ul { line-height:20px; padding:0px; list-style-type: none;text-align:left; left:0; width:100%; position: relative; }
#nav li ul li{ position:relative; z-index:99px; width:100%; background:none; border-top:1px solid #fff;}
#nav li ul a{ display: block; color:#000;  padding:0px; line-height:30px;  text-indent:30px; width:100%;w\idth:100%;text-align:left; margin:0 !important; }
#nav li ul a:hover{color:#f00; background:none;text-decoration:none;font-weight:normal;}
#nav li:hover ul{left:auto; }
#nav li.sfhover ul{left: auto;}
#nav li ul.pli{  width:auto; margin-left:0px; padding:0; overflow:hidden;}
#nav li ul.pli li{ float:left; width:50%;}
#nav li ul.pli li a{ width:100%;}

.subnav{ position:relative; top:0; right:0; text-align:center; margin:10px 0;}
.lang{ position:relative ; text-align:center; line-height:30px; margin:0; padding:0; right:0; top:0; background:#efefef;}
}



/*Banner*/
.banner { width:100%; overflow:hidden; max-width:1920px; margin:0 auto;}
#slides {display:none;position:relative;}
.slidesjs-pagination{ position:absolute; left:50%; bottom:10px; z-index:99; margin-left:-55px; background:rgba(162,162,162,0.7); border-radius:2px; padding:10px 8px;}
.slidesjs-pagination li{float:left;padding:0 3px;}
.slidesjs-pagination li a{display:block;width:16px;height:0;padding-top:6px; border-radius:2px; background:#fff;overflow:hidden;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active { background:#8EC61D; width:24px;}
.slidesjs-pagination li a:hover { background:#8EC61D;}
@media screen and (max-width: 1440px) { 
#slides { width: 120%; margin-left: -10%; }
}
@media screen and (max-width: 1366px) { 
#slides { width: 130%; margin-left: -15%; } 
}
@media screen and (max-width: 1000px) { 
#slides { width: 136%; margin-left: -18%; }
 }
@media screen and (max-width: 750px) { 
#slides { width: 130%; margin-left: -15%; } 
.slidesjs-pagination{ background:none;}
.slidesjs-pagination li a{display:block;width:10px;height:0;padding-top:5px; border-radius:8px; background:#fff;overflow:hidden;}
.slidesjs-pagination{ position:absolute; left:50%; bottom:0px; z-index:99; margin-left:-40px;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active { background:#8EC61D; width:10px;}
}



    

/*------ //搜索框 ---------*/
.search-keyword { float:left;
	width:165px;
	height:26px;
	line-height:26px;
	padding:0 6px 0 10px;
	border:0px;
	border:#ddd solid 1px;
	color:#444;	border-radius:10px 0 0 10px;
}

.search-keyword:focus { outline:none; }
.search-submit {
	cursor:pointer; float:left;
	width:30px;
	height:26px;
	color:#fff;
	border:0px;
	background: #FFF url(../images/searchbg.jpg) no-repeat center center;
	border-radius:0 10px 10px 0;
	border:#ddd solid 1px;
	border-left:none; margin-left:0;

}
.search-submit:focus { outline:none; }
@media screen and (max-width: 768px){
	.search-keyword { float:none;}
.search-submit { float:none; margin-left:-4px;}

}

/*-- //End 导航菜单 --*/






/*---------- frame : footer ---------*/
.ifoot{ overflow:hidden; padding-bottom:0px; border-top:1px solid #eee;}
.ifoot .copyright{width:100%; text-align:center;color:#888; padding:22px 0;}
.ifoot .copyright p{ margin:0; line-height:28px; text-align:center;}
.ifoot .copyright p a{ margin:0 10px; color:#888;}
.ifoot .copyright p a:hover{ color:#68BD45;}

@media (max-width:768px){
.ifoot{ background:#222; overflow:hidden; padding-bottom:68px;}
.ifoot .footlogo{  width:100%; float:none; text-align:center; margin:10px auto; }
.ifoot .footlogo img{ max-width:100%; margin-right:15px;}
.ifoot .copyright{  width:100%;  float:none; color:#aaa; margin-top:10px;}
.ifoot .copyright p{ margin:0 0 0 0; line-height:22px;text-align:center;}
}

#footerToolBar { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 48px; background: #57AC5B; border-top: 1px solid rgba(255, 255, 255, 0.2); display: none; z-index: 999; }
#footerToolBar #footerBarClose { width: 100px; height: 24px; position: absolute; top: -24px; left: 50%; margin-left: -50px; cursor: pointer; display: none; }
#footerToolBar #footerBarClose:before { content: "\e626"; font-family: icomoon; font-size: 12px; color: #fff; text-align: center; line-height: 20px; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #232323; border-radius: 4px 4px 0px 0px; overflow: hidden; }
#footerToolBar li { width: 20%; height: 45px; float: left; text-align: center; border-color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; margin-top: 2px; }
#footerToolBar li a { display: block; height: 45px; color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; filter: alpha(opacity=80); opacity: 0.8; padding-top: 1px; }
#footerToolBar li a:before { content: ''; width: 30px; height: 20px; margin: 4px auto; display: block; background: url(/images/footer-tool.png) no-repeat; background-size: 149px; }
#footerToolBar li:first-child { border-left: 0px none; }
#footerToolBar .footerBarPro a:before { background-position: -120px 0px; }
#footerToolBar .footerBarTel a:before { background-position: -90px 0px; }
#footerToolBar .footerBarEmail a:before { background-position: 0px 0px; }
#footerToolBar .footerBarMessage a:before { background-position: -30px 0px; }
#footerToolBar .footerBarShare a:before { background-position: -60px 0px; }
#footerToolBar.close { bottom: -43px; }
#footerToolBar.close #footerBarClose:before { content: '\e627'; }


#pages {
	height: auto;
	padding: 20px 0 50px;
	text-align: center
}
#pages ul{
	margin: 0;
}
#pages li {
	display: inline-block;
	width: auto;
	margin: 0;
}
#pages a {
	width: auto;
	min-width: 36px;
	height: 36px;
	display: inline-block;
	line-height: 36px;
	text-align: center;
	font-family: Arial;
	margin: 2px;
	transition: all .2s ease-out;
	text-decoration: none;
	border: 1px solid #d9d9d9;
	color: #606060;
	padding: 0 10px;
    box-sizing: border-box;
}
#pages .active a, #pages a:hover {
	background-color: #CE0203;
	color: #fff;
	border-color: #CE0203;
}