/*
 * file    : index.css
 * author  : chao.Radish@gmail.com
 */

@charset "utf-8";
.banner{width:100%; margin:0 auto; overflow:hidden; position:relative;background: url(../../GoodsImages/2016-09-28/201609280208578c36c65e-b37c-4d6c-b27e-d056610c2972.jpg) no-repeat center;
    background-size: cover;}
.banner ul{display:none; width:100%; overflow:hidden; position:relative;}
.banner ul li{width:100%; overflow:hidden; position:absolute; left:0; top:0;}
.banner ul li .img_box{width:100%; overflow:hidden; position:relative;}
.banner ul li .img_box img{height:100%; position:absolute; left:50%; top:0;}
.banner a.pages{display:block; width:36px; height:73px; margin-top:-36px; background:url(../images/arrow.png) no-repeat; overflow:hidden; position:absolute; top:50%; z-index:99999;}
.banner a.prev{background-position:0px 0px; left:38px;}
.banner a.prev:hover{background-position:0px -73px;}
.banner a.next{background-position:-36px 0px; right:38px;}
.banner a.next:hover{background-position:-36px -73px;}

.menu{width:100%; height:63px; margin:0 auto; background:#323232 url(../images/daohang_bg.jpg) left center repeat-x;}
.menu li{float:left; position:relative;}
.menu li a.main{display:block; height:51px; line-height:21px; color:#fff; font-size:16px; padding-top:12px; border-right:1px solid #414141;}
.menu li a.main p{color:#646464; font-size:12px;}
.menu li a.on,
.menu li a.main:hover{text-decoration:none; background:#042768 url(../images/daohang_h.png) center center no-repeat;}
.menu li a.on p,
.menu li a.main:hover p{color:#fff;}
.menu li div.sub{display:none; width:100%; padding:13px 0; background:url(../images/menu_bg.png) repeat; overflow:hidden; position:absolute; left:0; z-index:999;}
.menu li div.sub a.sub{display:block; width:100%; height:48px; line-height:48px; color:#fff; font-size:14px; overflow:hidden;}
.menu li div.sub a.sub:hover{color:#fff; text-decoration:none; background:url(../images/menu_hover_bg.png) repeat;}
.menu li a.last{border-right:0;}

.photo{width:100%; height:1444px; margin:0 auto; overflow:hidden; position:relative;}
.photo .main{background:#000; overflow:hidden; position:absolute; top:0;}
.photo .main a:hover{text-decoration:none;}
.photo .main .bg{width:100%; height:66px; background:#000; opacity:0.68; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; overflow:hidden; position:absolute; left:0; bottom:0;}
.photo .main:hover .bg{ background:#052257;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

.photo .main .cont{width:100%; height:57px; line-height:23px; text-align:left; padding-top:9px; overflow:hidden; position:absolute; left:0; bottom:0;}
.photo .main .cont h2{color:#fff; font-size:16px; padding:0 24px; cursor:pointer;}
.photo .main .cont p{color:#c9c7c7; font-size:12px; padding:0 24px; cursor:pointer;}
.photo .box_01{width:50%; left:0;}
.photo .box_01:hover{background-image:url(../images/lgrwm3.png); background-repeat:no-repeat; background-size:160px 183px; background-position:center center;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

.photo .box_02{width:50%; left:50%;}
.photo .box_02:hover{background-image:url(../images/lgrwm2.png); background-repeat:no-repeat; background-size:160px 183px; background-position:center center;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

.photo .box_03{width:25%; left:50%;}
.photo .box_04{width:25%; left:75%;}

.photo .box_05{width:25%; left:0;}
.photo .box_05:hover{background-image:url(../images/lgrwm1.png); background-repeat:no-repeat; background-size:160px 183px; background-position:center center;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

.photo .box_06{width:50%; left:25%;}
.photo .box_06:hover{background-image:url(../images/erweima.png); background-repeat:no-repeat; background-size:160px 183px; background-position:center center;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}
.photo .box_07{width:50%; left:0; position: relative;}
.photo .box_07:hover{width:50%; left:0; position: absolute; top:10%; background-image:url(../images/lgrwm.png); background-repeat:no-repeat; background-size:160px 183px; background-position:center center;opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; z-index:9999; display:block;}


.photo .box_08{width:25%; left:0;}
.photo .box_09{width:25%; left:25%;}
.photo .box_10{width:50%; left:50%;}

.link{width:100%; height:80px; color:#959595; margin:0 auto; background:#141414 url(/Public/Img/Index/link_bg.gif) no-repeat center bottom;}
.link .link_box{width:96.5%; height:36px; margin:0 auto; overflow:hidden; padding-top:20px;}
.link span{width:35px; height:15px; line-height:15px; text-align:center; margin-top:24px; float:left; overflow:hidden;}
.link a.sub{height:15px; line-height:15px; color:#959595; margin-top:24px; float:left; overflow:hidden;}
.link a.sub:hover{color:#ffc292; text-decoration:none;}
.link div.sub{height:15px; line-height:15px; color:#959595; margin-top:24px; padding-right:23px; background:url(/Public/Img/link_icon.gif) no-repeat right top; float:left; position:relative; cursor:pointer;}
.link div.on{color:#ffc292; background-position:right -15px;}



.link_box li{ float:left; text-align:center;}
.link_box li img{ text-align:center;}
.link_box li.llk_01{ width:149px; height:36px; padding-right:3.3%;}
.link_box li.llk_02{ width:101px; height:36px; padding-right:3.3%;}
.link_box li.llk_03{ width:114px; height:36px; padding-right:3.3%;}
.link_box li.llk_04{ width:69px; height:36px; padding-right:3.3%;}
.link_box li.llk_05{ width:89px; height:36px; padding-right:3.3%;}
.link_box li.llk_06{ width:108px; height:36px; padding-right:3.3%;}
.link_box li.llk_07{ width:121px; height:36px; padding-right:3.3%;}
.link_box li.llk_08{ width:159px; height:36px; padding-right:3.3%;}
.link_box li.llk_09{ width:49px; height:36px; padding-right:3.3%;}
.link_box li.llk_010{ width:61px; height:36px; padding-right:3.3%;}
.link_box li.llk_011{ width:113px; height:36px; }


.footer_sub01{ width:100%; height:18px; line-height:18px; padding-top:30px;}
.footer_sub02{ width:100%; height:18px; line-height:18px; padding-top:10px;}
.footer_sub03{ width:100%; height:18px; line-height:18px; padding-top:10px;}

.footer_sub01 a:link {
	color: #585858;
	text-decoration: none;
}
.footer_sub01 a:visited {
	color: #585858;
	text-decoration: none;
}
.footer_sub01 a:hover {
	color: #979797;
	text-decoration: none;
}
.footer_sub01 a:active {
	color: #585858;
	text-decoration: none;
}


.gduoxx a:link {
	color: #979797;
	text-decoration: none;
}
.gduoxx a:visited {
	color: #979797;
	text-decoration: none;
}
.gduoxx a:hover {
	color: #f30;
	text-decoration: none;
}
.gduoxx a:active {
	color: #979797;
	text-decoration: none;
}


.footer_sub02 a:link {
	color: #585858;
	text-decoration: none;
}
.footer_sub02 a:visited {
	color: #585858;
	text-decoration: none;
}
.footer_sub02 a:hover {
	color: #979797;
	text-decoration: none;
}
.footer_sub02 a:active {
	color: #585858;
	text-decoration: none;
}

.footer_sub03 a:link {
	color: #585858;
	text-decoration: none;
}
.footer_sub03 a:visited {
	color: #585858;
	text-decoration: none;
}
.footer_sub03 a:hover {
	color: #979797;
	text-decoration: none;
}
.footer_sub03 a:active {
	color: #585858;
	text-decoration: none;
}

/*****************************************/
.header {
	width: 100%;
	height: 120px;
	margin: 0 auto;
	padding-top: 30px;
}
.header .box {
	width: 1240px;
	margin: 0 auto;
}
.header .box .logo {
	width: 80px;
	margin-top: 13px;
	float: left;
	overflow: hidden;
}
.header .box .logo h1 {
	display: none;
}
.header .box .menu {
	width: 1160px;
	float: left;
}
.header .box .menu li.main {
	height: 120px;
	line-height: 30px;
	text-align: left;
	float: left;
	position: relative;
	left: 304px;
}
.header .box .menu li.main a.main {
	height: 84px;
	display: block;
	color: #000;
	font-size: 16px;
	padding: 0 30px;
	padding-top: 36px;
}
.header .box .menu li.main a.main p {
	line-height: 13px;
	color: #c9c9c9;
	font-size: 12px;
}
.header .box .menu li.main a.main:hover {
	text-decoration: none;
	background: #323232;
	color: #c9c9c9;
}
.header .box .menu li.main a.main:hover p {
	color: #c9c9c9;
}
.header .box .menu li.main div {
	display: none;
	text-align: left;
	overflow: hidden;
	position: absolute;
	top: 120px;
	z-index: 99999;
}
.header .box .menu li.main div a {
	display: block;
	height: 47px;
	line-height: 46px;
	color: #fff;
	font-size: 14px;
	padding-left: 30px;
	background: url(../images/menu_bg.png) repeat-x;
	overflow: hidden;
}
.header .box .menu li.main div a:hover {
	text-decoration: none;
	background: none;
	background-color: #015548;
}
.header .box .menu li.on {
	background: #323232;
}
.header .box .menu li.on a.main {
	color: #c9c9c9;
}
.header .box .menu li.on a.main:hover p {
	color: #c9c9c9;
}

.topbar .cont .share{
	width: 100px;
}
	.bds_tsina{    background: url(../images/weibo_icon.png) no-repeat!important;
		width: 17px;
		height: 16px;
		padding-left:5px!important;
		/*margin-right: 10px;*/
	}

	.bds_tqq{background: url(../images/tencent_icon.png) no-repeat!important;
		width: 17px;
		height: 16px;
		padding-left:5px!important;
		/*margin-right: 10px;*/
	}
	.bds_weixin{
		background: url(../images/wechat_icon.png) no-repeat!important;
		width: 17px;
		height: 16px;
		/*margin-right: 10px;*/
		padding-left:5px!important;
	}
	.bds_fbook{
		background: url(../images/facebook.png) no-repeat!important;
		width: 13px;
		height: 16px;
		margin-right: 10px;
		padding-left:5px!important;
		background-size:50%;
	}
	.jiathis_style{
		float: left;
		display: block;
		margin-top: 9px;
		margin-left: 10px;
	}
	.jiathis_style a{
		display: block; float: left;
	}
	
	.bdsharebuttonbox{ margin-left:35px; padding-top:2px;}
	#code { width:340px; height:130px;  background: url(../images/ewmbj.png) scroll; margin-left:208px; }
	
	.main_sp{ width:220px; height:100px; position: absolute; z-index:99; left:2%; bottom:5%;}