@charset "utf-8";
/* CSS Document */

/* header */
#topBar{ width:100%;margin:0 auto; height:26px; /* border-top:1px solid #322f2f; border-bottom:1px solid #322f2f; */ background:#ea1355;}
.top_Bar{ font-size:14px; line-height:26px; color:#8b8b8b; position:relative;}
.top_Bar .top_txt{ position:absolute; top:0;left: 907px;color: white;width:100%;}
.top_Bar .top_txt i{ float:left; width:22px; height:22px; margin-top:6px; background:url(/../web/pcs/public_html/images/icons.png) no-repeat;}
	.top_Bar .top_txt1{ left:23px;color:white;}
	.top_Bar .top_txt1 i{ background-position:0 0;}
	.top_Bar .top_txt2{ left:328px;color: white;}
	.top_Bar .top_txt2 i{ background-position:-22px 0;}
	.top_Bar .top_txt3{ left:639px;color: white;}
	.top_Bar .top_txt3 i{ background-position:-44px 0;}

.top_Bar .top_search{ position:absolute; top:2px; right:32px; height:23px;}
.top_Bar .top_search_txt{ float:left; width:165px; height:23px; background:url(/../web/pcs/public_html/images/icons.png) no-repeat -66px 0;}
.top_Bar .top_search_txt input{ display:block; padding:0; border:0; width:150px; height:20px; margin-top:2px; padding-left:12px; font-size:14px; line-height:20px; color:#8c8c8c; background:none;}
.top_Bar .top_search_btn{ float:left; width:31px; height:23px; font-size:0;}
.top_Bar .top_search_btn input{ width:31px; height:23px; border:0; padding:0; background:url(/../web/pcs/public_html/images/icons.png) no-repeat -231px 0; cursor:pointer;}

#header{ width:100%; margin:0 auto; height:108px; background:#fff;}
	#header h1{ padding-top:28px; text-align:center;}
	#header h1 a{ position:relative;}
	#header .logoLight{position: absolute; left: -80px; top: 0; width: 80px; height:50px;

		background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
		background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
		background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
		background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
		background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

		transform: skewx(-25deg);
		-o-transform: skewx(-25deg);
		-moz-transform: skewx(-25deg);
		-webkit-transform: skewx(-25deg);
		-ms-transform: skewx(-25deg);

		animation:light_move 4s 1s infinite linear ;
		-webkit-animation:light_move 4s 1s infinite linear ;
		-moz-animation:light_move 4s 1s infinite linear ;
		-o-animation:light_move 4s 1s infinite linear ;
		-ms-animation:light_move 4s 1s infinite linear ;
	}

	@keyframes light_move {
		0% {left:-80px;}
		30%{left:430px;}
		65%{left:0;}
		100%{left:430px;}
	}
	@-moz-keyframes light_move {
		0% {left:-80px;}
		30%{left:430px}
		65%{left:0;}
		100%{left:430px;}
	}
	@-webkit-keyframes light_move {
		0% {left:-80px;}
		30%{left:430px}
		65%{left:0;}
		100%{left:430px;}
	}
	@-o-keyframes light_move{
		0% {left:-80px;}
		30%{left:430px}
		65%{left:0;}
		100%{left:430px;}
	}
	@-ms-keyframes light_move{
		0% {left:-80px;}
		30%{left:430px}
		65%{left:0;}
		100%{left:430px;}
	}

/*-----------------------菜单样式----------------------------*/
#nav{  width:100%; margin:0 auto; height:44px; /* border-top:1px solid #2c2b2c; border-bottom:1px solid #2c2b2c; */ background:#ea1355;}
.nav{  width:100%; margin:0px auto; height:44px; font-family:"微软雅黑","黑体";/* border-left:1px solid #191919; */position:relative; z-index:98;}

/*导航条*/
.nav-ul{ width:876px; float:left; /* border-left:1px solid #353535; */}
.nav-ul li{ width:146px; line-height:44px; float:left; font-size:18px; color:#fff; position:relative; height:44px; overflow:hidden;}
.nav-ul li a{ width:146px; text-align:center; color:#fff; height:44px; display:block; text-decoration:none;}
.nav-ul span{position: absolute; left: 0; width: 146px; cursor:pointer;}
.nav-ul .out{ top:0px; width:146px; height:44px; line-height:44px; color:#fff; text-align:center;}
.nav-ul .over{ top:-44px; width:146px; height:44px; line-height:44px; text-align:center; color:#fff; background:#ea1355;}

.nav-l{ width:222px; height:44px; float:left; margin-top:-1px; position:relative; z-index:98;margin-left: 190px;}
.nav-l-span{ height:44px; padding-left:30px; line-height:44px; /* border-left:1px solid #353535; border-right:1px solid #191919; */ display:block; font-size:18px; color:#fff;position: relative;}
.nav-l-span i{ position:absolute; top:18px; left:168px; width:18px; height:8px; background:url(/../web/pcs/public_html/images/nav/arrow.png) no-repeat; transition:all .3s;}
.nav-l-hover{ background:#ea1355;}
.nav-l-hover .nav-l-span{ border-bottom:1px solid #cd114b; border-color:#cd114b;}
.nav-l-hover .nav-l-span i{ -webkit-transform:rotate(180deg); transform:rotate(180deg); -webkit-transform-origin:center; transform-origin:center;}

.nav-submenu{ width:222px; position:absolute; left:0px; top:45px; z-index:98; overflow:hidden;}
.nav-submenu-xl{ width:978px; height:420px; position:absolute; left:222px; top:44px; z-index:99; display:none;}

/*-----------------------二级菜单样式----------------------------*/
#submenu{ border-right:1px solid #f1f1f1; position:relative;}
.submenu1{ width:222px; height:105px; padding-left:3px; padding-bottom:2px; border-bottom:1px solid #626262; background:#fff; position:absolute; left:0px; bottom:0px; _top:-105px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

#submenu1{ z-index:999;}
#submenu2{ z-index:998;}
#submenu3{ z-index:997;}
#submenu4{ z-index:996;}

.submenu1 h3{ padding:10px 0 14px 45px; height:24px; line-height:24px; font-family:"微软雅黑","黑体"; font-size:17px; font-weight:normal;}
.submenu1 h3 a{ display:block; color:#000;}
.submenu1-t1,.submenu1-t2,.submenu1-t3,.submenu1-t4{ background-image:url(/../web/pcs/public_html/images/nav/nav_icons.png); background-repeat:no-repeat;}
.submenu1-t1{ background-position: 15px 12px ;}
.submenu1-t2{ background-position: 15px -86px;}
.submenu1-t3{ background-position: 15px -180px;}
.submenu1-t4{ background-position: 15px -275px;}

.submenu1 ul{ padding-left:15px;}
.submenu1 li { margin-bottom:8px;}
.submenu1 li a{ margin-right:4px; padding:3px 5px;border-radius:2px; color:#000;}
.submenu1:hover li a{ color:#fff;}
.submenu1 li a:hover{ color:#91263a; text-decoration:none; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; outline: none;star:expression(this.onFocus=this.blur()); background:#fff;}

.submenu1-hover{ border:1px solid #ea1355; border-right:0px; background:#ea1355;}
.submenu1-hover h3 a{ text-decoration:none; color:#fff;}
.submenu1-hover h3 a:hover{ color:#fff;}
.submenu1-hover a{ color:#fff;}
.submenu1-hover li a{ color:#fff;}
.submenu1-hover .submenu1-t1,.submenu1-hover .submenu1-t2,.submenu1-hover .submenu1-t3,.submenu1-hover .submenu1-t4{ background-image:url(/../web/pcs/public_html/images/nav/nav_icons.png); background-repeat:no-repeat;}
.submenu1-hover .submenu1-t1{ background-position: 15px -38px;}
.submenu1-hover .submenu1-t2{ background-position: 15px -134px;}
.submenu1-hover .submenu1-t3{ background-position: 15px -230px;}
.submenu1-hover .submenu1-t4{ background-position: 15px -324px;}

/*-----------------------三级菜单样式----------------------------*/
.xl-menu{ width:978px; height:420px; border:1px solid #ea1355; overflow:hidden; background:#fff; color:#3f3f3f; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

.xl-menu-l{ width:694px; height:418px; overflow:hidden; float:left; position:relative;}
.xl-menu-zx{ background:url(/../web/pcs/public_html/images/nav/zx_bg.png) no-repeat bottom #fff; }
.xl-menu-mf{ background:url(/../web/pcs/public_html/images/nav/mf_bg.png) no-repeat bottom #fff; }
.xl-menu-zs{ background:url(/../web/pcs/public_html/images/nav/zs_bg.png) no-repeat bottom #fff;}
.xl-menu-yk{ background:url(/../web/pcs/public_html/images/nav/yk_bg.png) no-repeat bottom #fff;}

#xl-menu-wc-button{position:absolute; bottom:30px; left:350px; width:130px; height:42px; line-height:42px; color:#fff; background:#0066Ac; font-size:20px; text-align:center; text-decoration:none;}
#xl-menu-yk-button{position:absolute; bottom:30px; left:135px; width:130px; height:42px; line-height:42px; color:#fff; background:#508A23; font-size:20px; text-align:center; text-decoration:none;}

#xl-menu-l-div2{ height:48px;}
#xl-menu-l-bg1{ width:0px; height:74px; border:none; position:absolute; left:0px; top:39px;}
#xl-menu-l-bg2{ width:0px; height:74px; border:none; position:absolute; left:0px; top:171px;}
#xl-menu-l-bg3{ width:0px; height:74px; border:none; position:absolute; left:0px; top:303px;}
#xl-menu-l-bg4{ width:0px; height:50px; border:none; position:absolute; left:0px; top:435px;}
.xl-menu-l-ul{ padding-left:12px; margin-top:20px;}
.xl-menu-l-ul li{ width:230px; float:left; height:30px; padding-left:5px;background: url(/../web/pcs/public_html/images/d_ico.jpg) 0px 11px no-repeat;}
.xl-menu-l-ul li a{ color:#333; padding-left:3px; padding:3px 5px;border-radius:2px;}
.xl-menu-l-ul li a:hover{ color:#fff; text-decoration:none; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; outline: none;star:expression(this.onFocus=this.blur()); background:#91263a;}

.xl-menu-l b{ height:38px; display:block; float:left; padding-left:5px;}
.xl-menu-l b a{ padding:3px 5px;border-radius:2px; color:#333;}
.xl-menu-l p .red{ color:#91263a;}
.xl-menu-l p a{ margin-left:0px; line-height:26px; color:#313131; padding:3px 5px; border-radius:2px;}
.xl-menu-l p a:hover{ color:#91263a; text-decoration:none; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; outline: none;star:expression(this.onFocus=this.blur()); background:#fff;}

.xl-menu-r{ width:212px; float:right; margin-right:18px; padding-top:8px; display:inline;}
.xl-menu-r1{ height:300px;}
.xl-menu-r1-t{ height:35px; line-height:35px; font-family:"微软雅黑","黑体"; font-size:16px; color:#91253b;}
.xl-menu-r2{}
.xl-menu-r2-t{ line-height:40px; line-height:40px; font-family:"微软雅黑","黑体"; font-size:16px; color:#91253b;}
.xl-menu-r1-c{ width:211px; height:260px; border-bottom:1px solid #dfdfdf; overflow:hidden;}
.xl-menu-r2-c{ width:208px; height:54px; border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.xl-menu-r2-c span{ width:103px; height:53px; float:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; overflow:hidden; position:relative;}
.xl-menu-r2-c p{ display:none;}
.xl-menu-r2-c a{width:103px; height:53px; display:block; text-decoration:none; cursor:pointer;}
.xl-menu-r2-c a:hover .xl-menu-r2-cp{ width:103px; height:43px; line-height:18px; padding-top:10px; color:#fff; text-decoration:none; text-align:center; position:absolute; left:0px; top:0px; background:#333;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; display:block;}

.xl-menu-r3{ height:65px;}

.xl-menu-l-part{width:204px; height:100%; float:left; padding-left:22px;}
#xl-menu-l-div3{ width:204px;}
#xl-menu-l-div3 .xl-menu-l-div3-b{ width:204px; font-size:16px; height:40px; line-height:55px; border-bottom:1px solid #333;}
#xl-menu-l-div3 .xl-menu-l-div3-b b a:hover{text-decoration:none; color:#91263a;}
#xl-menu-l-div3 .xl-menu-l-div3-p{ width:204px; padding-top:4px; color:#a21144;}
#xl-menu-l-div3 .xl-menu-l-div3-p p{display:block;}
#xl-menu-l-div3 .xl-menu-l-div3-p:hover{background-color:#f1f1f1-;}

/*-----------------------三级菜单图片特效样式----------------------------*/
.xl-menu-r1 .mod_goods_img{position:relative}
.xl-menu-r1 .mod_goods_img a:before{content:'';position:absolute;width:25px;height:242px;top:0;left:-80px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.xl-menu-r1 .mod_goods_img:hover a:before{-webkit-animation:aniBlink120 .4s ease-out forwards;-moz-animation:aniBlink120 .4s ease-out forwards;-o-animation:aniBlink120 .4s ease-out forwards;animation:aniBlink120 .4s ease-out forwards}
@-webkit-keyframes aniBlink120{from{left:-60px}to{left:265px}}
@keyframes aniBlink120{from{left:-60px}to{left:150px}}
@-webkit-keyframes aniBlink60{from{left:-30px}to{left:70px}}
@keyframes aniBlink60{from{left:-30px}to{left:70px}}

/* footer */
#footer{ width:100%; height:280px; background:#363636; overflow:hidden;}
	#footer .footer{ width:1200px; margin:0 auto; padding:70px 0 0;}
	#footer .foot_logo{ float:left; padding:20px 68px 50px 60px; background:url(/../web/pcs/public_html/images/foot_middle_line.png) no-repeat right top;}
	#footer .foot_info{ float:left; padding:20px 70px 50px; background:url(/../web/pcs/public_html/images/foot_middle_line.png) no-repeat right top;}
	#footer .foot_info p{ font-size:14px; line-height:22px; color:#ccc;}
	#footer .foot_info p a{ padding-right:30px; color:#ccc;}
	#footer .foot_weixin{ float:right; padding:0 18px 0 10px;}
	#footer .foot_weixin dt{ float:left; width:97px; padding-right:10px;}
	#footer .foot_weixin dd{ float:left; font-size:14px; color:#ccc;}