@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 12px; background:#ffffff; color:#333;font-family:"微软雅黑" }
ul, li, dl, dt, dd, p, h1, h2, h3, em { display: block; list-style-type: none; margin: 0; padding: 0; font-style:normal; }
table, th, td, input { margin: 0; padding: 0; }
a { color: #333; text-decoration: none; outline:none; /*移除虚线框  IE8,FF有用*/ hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/ }
a:hover { color: #cc6c6d; text-decoration: none; }
a:active, area { star:expression(this.onFocus=this.blur());}
:focus { outline: 0; }
img { border: none; border:0; }
.dn {display: none;}
.fL{float:left;}
.wrap { width:100%; overflow:hidden; }
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.top_bj{width:100%;height:166px; background:#fff;}
.top_c{width:1000px;height:166px;margin:0 auto;}
.header { width:100%; overflow:hidden; background:#d52b5c; }
/*-----------------------菜单样式----------------------------*/
#nav{ width:100%; height:43px; background: url(../images/ico.jpg) repeat-x;}
.nav{ width:1003px; margin:0px auto; height:43px; font-family:"微软雅黑","黑体";position:relative; z-index:98;}
/*导航条*/
.nav-ul{ width:710px; float:left;}
.nav-ul li{ width:117px; line-height:43px; float:left; font-size:18px; color:#fff; position:relative; height:43px; overflow:hidden;}
.nav-ul li a{ width:117px; text-align:center; color:#fff; height:43px; display:block; text-decoration:none;}
.nav-ul span{position: absolute; left: 0; width: 117px; cursor:pointer;}
.nav-ul .out{ top:0px; width:117px; height:43px; line-height:43px; color:#fff; text-align:center;}
.nav-ul .over{ top:-43px;  width:117px; height:43px; line-height:43px; text-align:center; color:#000; background:#fff;}
.nav-l{ width:233px; height:43px; float:left; position:relative; z-index:98;}
.nav-l-span{ height:43px; line-height:43px; padding-left:17px; border-left:1px solid #d52b5c; border-right:1px solid #d52b5c; display:block; font-size:18px; color:#fff;position: relative;}
.nav-l-span i{width:15px;height:15px;position:absolute;top:15px;right:15px;display:block;background:url(../images/pic-png.png) no-repeat;}
.nav-l-span:hover i{background:url(../images/pic-png-hover.png) no-repeat;
-webkit-transition: -webkit-transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
-ms-transition: -moz-transform 0.3s ease-out;
-o-transition: -moz-transform 0.3s ease-out;
transition: transform 0.4s ease-out;}
.nav-l-hover i{ background:url(../images/pic-png-hover.png) no-repeat;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.nav-l-hover{ background:#d52b5c;}
.nav-submenu{ width:232px; position:absolute; left:0px; top:43px; z-index:9888; overflow:hidden;}
.nav-submenu-xl{ width:686px; height:405px; position:absolute; left:231px; top:43px; z-index:99; display:none;}
/*-----------------------二级菜单样式----------------------------*/
#submenu{ border-right:1px solid #f1f1f1; position:relative; }
.submenu1{ width:230px; overflow:hidden; padding-left:3px; padding-top:10px; padding-bottom:2px; border-bottom:1px solid #e5e5e5; background:#fff; position:absolute; left:0px; bottom:0px; }
#submenu1{ z-index:999;}
#submenu2{ z-index:998;}
#submenu3{ z-index:997;}
#submenu4{ z-index:996;}
#submenu5{ z-index:995;}
#submenu6{ z-index:994;}
#submenu7{ z-index:993;}
#submenu8{ z-index:992;}
#submenu9{ z-index:991;}
#submenu10{ z-index:990;}
.submenu1 h3{ padding-left:50px; height:25px; margin-bottom:7px; line-height:25px; font-family:"微软雅黑","黑体"; font-size:16px;}
.submenu1 h3 a{ display:block; color:#000;float:left}
.submenu1-t1{ background:url(../images/ico.jpg) 18px -88px no-repeat;}
.submenu1-t2{ background:url(../images/ico.jpg) 18px -112px no-repeat;}
.submenu1-t3{ background:url(../images/ico.jpg) 18px -138px no-repeat;}
.submenu1-t4{ background:url(../images/ico.jpg) 18px -162px no-repeat;}
.submenu1-t5{ background:url(../images/ico.jpg) 18px -188px no-repeat;}
.submenu1-t6{ background:url(../images/ico.jpg) 18px -212px no-repeat;}
.submenu1-t7{ background:url(../images/ico.jpg) 18px -238px no-repeat;}
.submenu1-t8{ background:url(../images/ico.jpg) 18px -262px no-repeat;}
.submenu1-t9{ background:url(../images/ico.jpg) 18px -288px no-repeat;}
.submenu1-t10{ background:url(../images/ico3.jpg) 18px -288px no-repeat;}
.submenu1 ul{ padding-left:15px;}
.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:#d52b5c; 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{ padding-left:0px; padding-top:7px; border:3px solid #d52b5c; padding-bottom:0px; border-right:0px; background:#d52b5c;}
.submenu1-hover h3{ border:none; padding:0px; padding-left:50px;}
.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{ background:url(../images/ico2.jpg) 18px -88px no-repeat;}
.submenu1-hover .submenu1-t2{ background:url(../images/ico2.jpg) 18px -112px no-repeat;}
.submenu1-hover .submenu1-t3{ background:url(../images/ico2.jpg) 18px -138px no-repeat;}
.submenu1-hover .submenu1-t4{ background:url(../images/ico2.jpg) 18px -162px no-repeat;}
.submenu1-hover .submenu1-t5{ background:url(../images/ico2.jpg) 18px -188px no-repeat;}
.submenu1-hover .submenu1-t6{ background:url(../images/ico2.jpg) 18px -212px no-repeat;}
.submenu1-hover .submenu1-t7{ background:url(../images/ico2.jpg) 18px -238px no-repeat;}
.submenu1-hover .submenu1-t8{ background:url(../images/ico2.jpg) 18px -262px no-repeat;}
.submenu1-hover .submenu1-t9{ background:url(../images/ico2.jpg) 18px -288px no-repeat;}
.submenu1-hover .submenu1-t10{ background:url(../images/ico2.jpg) 18px -312px no-repeat;}
/*-----------------------三级菜单样式----------------------------*/
.xl-menu{ width:680px; border:3px solid #d52b5c; overflow:hidden; background:#fff; color:#3f3f3f;}
.xl-menu-l{ width:680px; height:414px; overflow:hidden; position:relative;}
.xl-menu-l div{ overflow:hidden; padding-top:10px; border-bottom:1px solid #ebebeb; }
.xl-menu-l div:hover{ background:#d52b5c;}
.xl-menu-l div:hover b{ color:#fff;}
.xl-menu-l div:hover a{ color:#fff;}
.xl-menu-l b{ padding:5px 15px; font-size:18px; } 
.xl-menu-l b a{ padding:3px 5px;border-radius:2px; color:#333;}
.xl-menu-l b 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-l p{ display:block; overflow:hidden; padding:12px 15px; }
.xl-menu-l p .red{ color:#91263a;}
.xl-menu-l p a{ display:block; float:left; color:#222; padding:3px; border-radius:2px; font-size:14px; margin:2px 5px;}
.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-l-ul{ clear:both; overflow:hidden; padding:5px 15px; font-size:14px; }
.xl-menu-l-ul li{ width:320px; float:left; height:32px; line-height:32px; padding-left:5px; background: url(../images/d_ico.jpg) 0px 16px 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:#d52b5c;}
.xl-menu-l span { display:block; clear:both; overflow:hidden; padding:4px 9px; }
.xl-menu-l span img { border:#ddd 1px solid; }
#xl-menu-l-div1{ overflow:hidden; }
#xl-menu-l-div1 b{ display:block; }
#xl-menu-l-div1 s{ position:relative; text-decoration:none; color:#666; padding:3px 5px;border-radius:2px;}
#xl-menu-l-div1 s: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-l-div1 s a{ padding:0px;}
#xl-menu-l-div1 s:hover a{ color:#91263a;}
#xl-menu-l-div1 em{ width:520px; height:32px; padding-top:5px; position:absolute; left:0px; top:23px; display:none; background:#91263a;}
#xl-menu-l-div1 samp{ width:7px; height:5px; background:url(../images/order-c1-ico.jpg) -261px -94px no-repeat; position:absolute; left:25px; top:23px; display:none; z-index:99;}
#xl-menu-l-div1 s:hover em{ display:block;}
#xl-menu-l-div1 s:hover samp{ display:block;}
#xl-menu-l-div1 i{ padding:10px 5px; height:35px; line-height:35px; font-style:normal; color:#464646; background:#fff; border:1px solid #cbcbcb;}
#xl-menu-l-div1:hover i a{ color:#464646; padding:0px 10px;}
#xl-menu-l-div1:hover i a:hover{ color:#91263a;}
/*-----------------------三级菜单图片特效样式----------------------------*/
.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}}
.banner { clear:both; width:100%; height:420px;background:url(../images/banner.jpg) no-repeat center top; }
#wrap{width:998px;height:auto;margin:0 auto;margin-top:10px;}
.one{width:998px;height:195px; background:url(../images/one.jpg) no-repeat;}
.one p{ font-size:26px;padding-left:300px;padding-top:115px;color:#e84977}
.yylc{width:967px;height:463px;margin:0 auto;margin-top:20px; background:url(../images/yylc.jpg) no-repeat;}
.two{background:url(../images/two.jpg) no-repeat;margin-top:10px;}
.two p{padding-top:110px;}
.dz{width:877px;height:76px;margin:0 auto;margin-top:15px; background:url(../images/dz.jpg) no-repeat;}
.dz p{ font-size:26px;padding-left:65px;padding-top:15px;}
.dztp{width:994px;height:540px;margin:0 auto;margin-top:10px;}
.three{background:url(../images/three.jpg) no-repeat;margin-top:10px;}
.three p{padding-top:110px;}
.lx{background:url(../images/lx.gif) no-repeat;color:#FFF}
.sx_two_con { width:996px;height:487px;margin:0 auto; position:relative; z-index:0; }
.sx_two_qh { width:185px; height:31px; background:url(../images/sx_two_bg.png) no-repeat center top; padding:1px 0px; position:absolute; z-index:1; top:22px; right:20px; }
.sx_two_qh li { width:89px; height:31px; text-align:center; line-height:31px; float:left; margin-left:1px; display:inline; background:#bdc2cf; font-size:14px; cursor:pointer;border:1px #FFF dashed }
.sx_two_qh li.hover { background:#33ccff; color:#fff; font-weight:bold; }
.four{background:url(../images/four.jpg) no-repeat;margin-top:20px;}
.four p{padding-left:340px;padding-top:110px;}
.sx_content { width:998px; margin: 0 auto; }
.sx_thr { overflow:hidden; zoom:1;  }
.sx_thr_tit { overflow:hidden; zoom:1; width:150px; }
.sx_thr_tit li { display:block; margin-top:5px;}
#exqh201 a { width:150px; height:76px; display:block; background: url(../images/sx_thr_ica1.png) no-repeat center top; }
#exqh201 a:hover { background: url(../images/sx_thr_icb1.png) no-repeat center top; }
#exqh202 a { width:150px; height:76px; display:block; background: url(../images/sx_thr_ica2.png) no-repeat center top; }
#exqh202 a:hover { background: url(../images/sx_thr_icb2.png) no-repeat center top; }
#exqh203 a { width:150px; height:76px; display:block; background: url(../images/sx_thr_ica5.png) no-repeat center top; }
#exqh203 a:hover { background: url(../images/sx_thr_icb5.png) no-repeat center top; }
#exqh204 a { width:150px; height:76px; display:block; background: url(../images/sx_thr_ica4.png) no-repeat center top; }
#exqh204 a:hover { background: url(../images/sx_thr_icb4.png) no-repeat center top; }
#exqh205 a { width:150px; height:76px; display:block; background: url(../images/sx_thr_ica3.png) no-repeat center top; }
#exqh205 a:hover { background: url(../images/sx_thr_icb3.png) no-repeat center top; }
.sx_thr_con { width:840px;  line-height:30px; color:#262626; }
.sx_thr_con p{padding-left:62px;width:750px;}
.sx_thr_con span { font-weight:bold; color:#ff8d00; }
.sx_thr_con strong { color:#e84977; font-size:16px;}
.five{background:url(../images/five.jpg) no-repeat;margin-top:20px;}
.five p{padding-left:320px;padding-top:110px;}
.zl{height:269px;margin-top:15px;}
.zl li{float:left;}
.yqts{width:998px;height:94px; background:#f1f1f1 url(../images/yqts.jpg) left no-repeat;margin-top:10px; position:relative;}
.yqts p{width:760px;line-height:28px; font-size:16px; position:absolute;left:208px;top:15px;}
#foot{height:auto;  background:#e9e9e9 url(../images/foot.gif) repeat-x; overflow:hidden;margin-top:15px;}
.foot_nav{width:820px;height:40px;line-height:40px;margin:0 auto;}
.foot_nav li{float:left;margin-left:25px; display:inline}
.foot_nav li a{color:#FFF; font-weight:bold; font-size:14px;}
.footer{width:1000px;height:228px;margin:0 auto;margin-top:25px;border-bottom:1px #999 solid}
.footer_l{width:252px;height:174px;float:left;}
.footer_c{width:428px;height:198px;float:left;}
.footer_r{width:304px;height:196px;float:right;}
.yl{width:1000px;line-height:30px;margin:0 auto; font-size:14px; font-weight:bold;}
.yl p{line-height:30px;}
.yl p a{padding-right:15px; display:inline;font-size:12px; font-weight:normal;}
.yl p a:hover{color:#F39;}