@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family:"微软雅黑"; color:#666;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#14a83b; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.h10{height:10px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:"微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}

.wal{width:1200px; margin:0px auto;}
.wal2{width:1260px; margin:0px auto;}
.w70{ width:66%;}
.w25{ width:30%;}

.headDiv{ position:relative; font-family:"微软雅黑";  }
.headDiv2{  position:absolute; left:50%; top:0px; z-index:22;}
.headDiv .wal { position:relative; } 
.headDiv .upper { top:0px;  height:100px; z-index:22;  }
.headDiv .upper .logo{ position:absolute; left:10px; line-height:98px; }
.headDiv .upper .logo img{ width:100%; }
.headDiv .upper .seting { position:absolute; right:8px; top:30px; line-height:50px; border-left:1px solid #888; padding-left:13px;  }
.headDiv .upper .seting a { font-size:20px; color:#666; font-family:Calibri;  }
.headDiv .upper .seting a:hover { color:#333; }
.headDiv .upper .stocking {position:absolute;right:60px;top:30px;line-height:50px;font-size: 20px;}
 
 
.line {  border-top:1px solid #eee; }
.headDiv .nav {  z-index:22; height:60px; float:left; }
.headDiv .nav li {  padding-right:40px; line-height:60px; float:left; padding-left:10px; }
.headDiv .nav li a { color:#333; display:block; font-size:15px;  }
.headDiv .nav li a.aNow1,.headDiv .nav li a:hover{ background:url(../img/navOn.png) no-repeat bottom left; text-decoration:none; }
.headDiv .navIco{ display:none;}

.form { float:right; margin-top:12px; }
.form .searchBox { border:#eee solid 2px; background:#fff; width:260px; border-radius:20px; -moz-border-radius:20px; height:36px;}
.form .input1{ height:32px; line-height:36px; float:left; width:200px; text-indent:18px; font-size:12px; color:#666; }
.form .btn1{ float:right; width:30px; height:30px; height:30px; background:url(../img/nimg30_1.png) no-repeat right center; background-size:65%; margin-right:15px; }

.banov { text-align:center;  }
.banov img { height:auto; }
.banov p { position:absolute; z-index:22; margin-left:25%; top:40%; color:#fff; font-size:33px; letter-spacing:0.08em; text-align:left; }
.banov p em {  color:#fff; font-size:39px; letter-spacing:0.08em; text-align:left; }
.banner { text-align:center;  }
.bannerp {  z-index:33; margin-top:-440px; height:440px;  text-align:center; }
.bannerp p { font-size:48px; font-weight:bold; color:rgba(250,250,250,1); letter-spacing:0.15em;  }
.bannerp span { font-size:36px; font-weight:600; color:rgba(250,250,250,1); letter-spacing:0.00em; font-family:'Berlin Sans FB'; }
.banner img { height:auto; width:100%; }
.mban { display:none; }
.mban img { width:100%; }

.navLayer{  height:100%; width:auto; overflow:hidden; position:fixed; z-index:50; left:100%; top:0px; }
.navLayer .bg{ background:#fff; height:100%; margin:61px 0 0 0px; -webkit-box-shadow:-6px 6px 8px 0px rgba(80,80,80,0.2);  }
.navLayer .btn{display:block; background:url(../img/navIco.png) no-repeat; width:35px; height:25px; overflow:hidden; position:absolute; right:11px; top:19px; }
.navLayer li a { display:block; font-size:14px; color:#333; padding:12px 15px; overflow:hidden;  border-bottom:#eee solid 1px;}
.navLayer li a.aNow1{ background:#88c521; color:#fff; font-weight:bold; padding:12px 15px;  }
.navLayer em a { background:#fff url(../img/ico1_1.png) right center no-repeat;}
.navLayer em .aNow { background:#fbfbfb url(../img/ico1On_1.png) right center no-repeat;}
.navLayer .list{ display:none;}
.navLayer .list li{border:0px; padding-left:10px; }
.navLayer .list a{ padding:10px 20px; font-size:14px; border-bottom:#eee solid 1px; color:#333;}

.sNav { position:absolute; top:160px; z-index:100; width:200px; display:none; background:#fff; }
.sNav a{display:block; color:#333; padding:15px 0; overflow:hidden; text-indent:18px; font-size:14px; position:relative; border-top:#eee dashed 1px; }
.sNav a:hover{ color:#14a83b; padding:15px 0; background:#eee; }

.tab li{cursor:pointer;}
.tabContent{display:none;}

.selectDiv{cursor:pointer;}
.selectDiv span{padding-left:10px;}
.selectDiv select{display:none;}

.selectLayer{position:absolute; z-index:100; display:none; background:#FFF; border:#bababa solid 1px; }
.selectLayer li{height:30px; line-height:30px; overflow:hidden; padding-left:10px; color:#666;}

.pageNum{text-align:center; height:34px; overflow:hidden; padding-top:1px; }
.pageNum a{display:inline-block; height:32px; line-height:31px; padding:0px 11px; margin:0 0px; border:#cbcbcb solid 1px; font-size:12px; color:#666; }
.pageNum a:hover, .pageNum .aNow{ background:#00a0e9; border:#00a0e9 solid 1px; color:#fff;  }

.pageNum2{text-align:center; height:85px; overflow:hidden; padding-top:20px;}
.pageNum2 a{display:inline-block; height:33px; line-height:33px; padding:0px 12px; margin:0 7px; border:#000 solid 1px; font-size:14px; color:#000;}
.pageNum2 a:hover, .pageNum2 .aNow{background:#00a0e9; border:#00a0e9 solid 1px; color:#333;}
.pageNum2 span {color:#000;}

.pageStage{height:115px; padding-top:20px; border-top:#bcbcbc solid 1px; position:relative;}
.pageStage .btn2{position:absolute; top:20px; right:0px; display:block; width:144px; height:37px; font-size:14px; color:#7f7e7e; background:url(../img/btn1.jpg) no-repeat top left; line-height:37px; text-indent:15px;}
.pageStage li{font-size:14px; height:24px; line-height:24px; overflow:hidden; position:relative; top:-3px;}
.pageStage .btn3{ display:none;}

.pageNow{height:50px; line-height:50px; overflow:hidden; color:#999; font-size:16px;}
.pageNow a{color:#333; padding:0 5px;}
.pageNow a:hover{ color:#14a83b;}
.pageNow span{color:#666; padding:0 5px;}

.telMore{ background:#eeeeee; height:33px;-moz-border-radius: 3px;-webkit-border-radius:3px; border-radius:3px;margin:0px 10px 30px 10px; display:none;}
.telMore a{ color:#666; text-align:center; line-height:33px; display:block; font-size:14px;}
.telMore a img{ padding-right:10px; top:0px; position:relative;}

#Layer1{ position:fixed; width:100%; height:100%; z-index:99; top:0; left:0px; background-color:#000; display:none; }



.indexBox .indexLinks{ position:relative; }
.indexBox .indexLinks li{ float:left; width:48%; padding:0 0 80px; margin-right:4%; background:#fff;  }
.indexBox .indexLinks li:nth-of-type(2){ margin-right:0;}
.indexBox .indexLinks .list{ float: left; width: 100%; position: relative; overflow: hidden; text-align: center; }
.indexBox .indexLinks .list img { width: 100%; transition: 2s; }
.indexBox .indexLinks .list img:hover{transform: scale(1.1);}
.indexBox .indexLinks .dfdfd{ height:80px; line-height:60px; font-size:20px; padding-left:20px; background:#000; }
.indexBox .indexLinks .dfdfd a{ display:block; }
.indexBox .indexLinks .dfdfd span{ height:2px; background:#888; position:absolute; width:80px;}
.phoneBox{ display:none; }

.indexBox .indexFlash { height:600px; overflow:hidden; position:relative; }
.indexBox .indexFlash li { position:absolute; height:600px; width:100%;  z-index:1; left:0; top:0px; display:none;}
.indexBox .indexFlash .btnDiv { position:absolute; z-index:10; left:0px; bottom:20px; text-align:center; width:100%; }
.indexBox .indexFlash .btnDiv span{ display:inline-block; width:30px; height:3px; background:#fff; cursor:pointer; margin:0 2px; }
.indexFlash .btnDiv .spanNow { background:#14A83B; }
.indexFlash .leftBtn{ width:106px; height:147px; position:absolute; left:0px; top:40%; margin-top:-73px; z-index:222; background:url(../img/nimg106_left.png) no-repeat;}
.indexFlash .rightBtn{ width:106px; height:147px; position:absolute; right:0px; top:40%; margin-top:-73px; z-index:222; background:url(../img/nimg106_right.png) no-repeat;}
/*.indexFlash .kouhao{ font-size:30px; color:#000; position:absolute; left:50%; top:200px; z-index:22; margin-left:-500px; line-height:60px; width:300px;}*/




/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.rps{display: block;max-width: 100%;}
.upload img{max-width: 100%;}
.container2{max-width: 1200px;margin: 0 auto;background: #FFF; overflow:hidden;}
.container2, .wrapper2, .box2{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
.ms{display: none !important;}


/****************************** Icon Sprite ******************************/
 
footer .media-g .weibo a,
footer .dropdown .item span:after,
footer .to-top-g{background: none;background-image: url(http://www.gardenia.com.cn/templates/cn2014/img/icon.png);background-repeat: no-repeat;}

footer{position: relative;padding-top: 100px;background: #FFF;  border-top: 2px solid #ccc;   padding: 60px 0 20px;}
footer .category{float: left;width: 55%;}
footer .category dl{float: left;width: 20%;padding-left: 10px;}
footer .category dl dt{line-height: 22px;font-size: 16px;color: #898989;}
footer .category dl dt:after{content: "";display: block;width: 15px;margin: 15px 0 7px;border-bottom: 2px solid #86b23a;}
footer .category dl dd a{line-height: 22px;font-size: 14px;}
footer .category dl dd a:hover{color: #86b23a;}
footer .logo{float: left;width: 22.5%;margin-left: 12px;}
footer .media-g{float: right;}
footer .media-g .weibo{float: left;margin-top: 30px;}
footer .media-g .weibo a{float: left;width: 25px;height: 25px;margin: 0 10px;background-position: -77px -77px;}
footer .media-g .weibo a:hover{background-position-y: -137px;}
footer .media-g .weibo span{display: block;line-height: 18px;margin-top: 15px;font-size: 14px;text-align: center;}
footer .media-g .wechat{float: left;margin-left: 24px;}
footer .media-g .wechat img{display: block;width: 100px;height: 100px;padding: 2px;border: 1px solid #666;}
footer .media-g .wechat span{display: block;line-height: 18px;margin-top: 2px;font-size: 14px;text-align: center;}
footer .dropdown{position: relative;z-index: 1;height: 22px;margin-top: 0;}
footer .dropdown .item{position: relative;float: right;width: 150px;margin-left: 50px;}
footer .dropdown .item span{position: relative;display: block;line-height: 20px;border: 1px solid #333;cursor: default;text-indent: 12px;}
footer .dropdown .item span:after{content: "";position: absolute;top: 0;right: 0;width: 18px;height: 20px;background-color: #d6000f;background-position: -21px -20px;}
footer .dropdown .item .box{position: absolute;top: 20px;left: 0;width: 130px;height: 0;overflow: hidden;background: #1b1b1b;background: #181818;border-right: 1px solid #333;border-left: 1px solid #333;cursor: pointer;}
footer .dropdown .item .box.active{border-bottom: 1px solid #333;}
footer .dropdown .item .box a{display: block;line-height: 20px;border-bottom: 1px solid #222;color: #666;text-indent: 12px;}
footer .dropdown .item .box a:hover{background: #d6000f;color: #fff;}
footer .copyright{margin-top: 25px;/*border-top: 1px solid #909090;*/}
footer .copyright p,
footer .copyright p a{line-height: 40px;font-size: 14px;color: #666;text-transform: capitalize;}
footer .to-top-g{position: absolute;top: 30px;right: 3%;width: 50px;height: 50px;line-height: 65px;background-color: #86b23a;background-position: -67px -13px;border-radius: 5px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 1px;text-transform: uppercase;}


@media (max-width: 800px){

	[animation-name]{visibility: visible !important;-webkit-animation: none;animation: none;}
	.mh{display: none !important;}
	.ms{display: block !important;}
	.container{padding: 0 3%;}

	footer{padding-top: 60px;}
	footer .category,
	footer .media-g,
	footer .dropdown{display: none;}
	footer .logo{display: block;float: none;width: 42.18%;margin: 0 auto;}
	footer .copyright{margin-top: 30px;padding: 5px 0;text-align: center;}
	footer .copyright p,
	footer .copyright p a{float: none;line-height: 28px;}
	footer .copyright em{display: block;}
	footer .to-top-g{top: 60px;}
}
	
	
@media (max-width: 480px){
	banner img {height: auto; width: 100%;}
	footer{padding-top: 30px;}
	footer .copyright p,
	footer .copyright p a{line-height: 20px;font-size: 12px;}
	footer .to-top-g{top: 30px;width: 40px;height: 40px;line-height: 55px;background-position: -70px -18px;font-weight: normal;letter-spacing: 0;}
}