@charset "gb2312";
/* CSS Document */
*html { _background-image: url(about:blank); _background-attachment: fixed;}
body{font-family: "微软雅黑"; background:#f4f4f5;}
div:after, ul:after { content: "\20"; display: block; height: 0; clear: both; visibility: hidden; }
div, ul { zoom: 1; *zoom:1
}
.mainbox { width: 1120px; margin: 0 auto; height: auto; display: block; overflow: hidden; position: relative; }
.mainbox.h100 { height: 100px; }
.banner { width: 100%; height: 502px; background: url(../images/banner.jpg) no-repeat center top; }
.zh, .en { position: absolute; top: 34px; width: 36px; height: 36px; display: block; font-size: 0; z-index: -99999px; }
.zh { right: 87px; }
.en { right: 40px; }
.m-nav { width: 100%; height: 52px; line-height: 52px; background: #0362d4; }
.m-nav ul { width: 1120px; margin: 0 auto; }
.m-nav ul li { float: left; padding:0 17px; height: 52px; line-height: 52px; text-align: center; }
.m-nav ul li a { font-size: 15px; color: #fff; font-family: "微软雅黑"; }
.m-nav ul li.active { background: #2d26b3;
    background:-moz-linear-gradient(45deg,#2d26b3, 50%,#4440d3);
    background:-webkit-gradient(linear,left bottom,right top,from(#4440d3),color-stop(.5),to(#4440d3));
    background:-webkit-linear-gradient(45deg,#2d26b3, 50%,#3a33a0);
    background:-o-linear-gradient(45deg,#2d26b3, 50%,#4440d3);
    background:-ms-linear-gradient(45deg,#2d26b3, 50%,#4440d3);
    background:linear-gradient(45deg,#2d26b3, 50%,#4440d3);}

.foucebox { position: relative; width: 1120px; height:395px; margin: 40px auto 0; }
.foucebox .bd { position: relative; width:1120px; height: 395px; overflow: hidden; }
.foucebox .showDiv { position: relative; width:1120px; height: 395px; }
.foucebox .showDiv img { width:1120px; height: 395px; }
.foucebox .showDiv p { position: absolute; left: 20px; bottom: 0; color: #aaa; z-index: 9; height: 44px; }
.foucebox .showDiv h2 { position: absolute; left: 20px; bottom: 0; width: 650px; text-align:left; height: 34px; font-size: 24px; font-family: "Microsoft Yahei"; line-height: 34px; z-index: 9; overflow: hidden;  color:#fff;}
.foucebox .showDiv h2 a { color: #fff; font-weight: normal; }
.foucebox .foucebox_bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 8; overflow: hidden; }

.foucebox .hd { width: 140px; height: 30px; position:absolute; right:0; bottom:25px; z-index:9;}

.foucebox .hd ul li {float:left; margin-left:10px;width: 15px; height: 15px;border-radius: 50%; background: #fff; text-indent: -9999px;}
.foucebox .hd ul li.on {background: #0362d4;}


.foucebox .showDiv a:hover img,.bd ul li:hover img{ transform: scale(1.05, 1.05);  transition: .3s transform;}


.m-tit { height:62px; line-height:62px; margin:30px 0 15px; overflow:hidden; text-align: center; font-size: 50px; font-weight:800; color: #3a33a0;}


.m-tit02 { height:62px; line-height:62px; margin:15px 0; overflow:hidden;}
.m-tit02 strong{font-size:0; z-index:-9999px; background:url(../images/tit01.jpg) no-repeat; float:left; width:1033px;height:62px; line-height:62px; display:block;}
.m-tit02 a{ font-size:18px; color:#460084; float:right;}

.t4 {height:45px; line-height:45px;}
.t4 strong{background:url(../images/tit04.jpg) no-repeat;height:45px; line-height:45px;}
.t4 a{ color:#333;}


.t5 {height:52px; line-height:52px;}
.t5 strong{background:url(../images/tit05.jpg) no-repeat;height:52px; line-height:52px;}
.t5 a{ color:#460084;}



/*新闻*/
.m-news { overflow:hidden;}
.m-news ul li{ clear:both; margin:20px 0; padding:20px 0; height:170px; border-bottom: 1px solid #ccc; position:relative;}
.m-news ul li img{ display:block; width:280px; height:170px; float:left; margin-left: 20px;}
.m-news ul li .info{ float:right; width:780px; margin-right:20px;}
.m-news ul li .info h3{ font-size:24px; line-height:40px;height:40px; margin: 10px 0; overflow:hidden;}
.m-news ul li .info p{ font-size:14px; line-height:30px; display:inline;}
.m-news ul li .info a{font-size:14px; padding-left:10px; color: #0362d4;}

.m-news ul li:hover:before{ right: 0;filter: alpha(enabled=false);opacity: 1}
.m-news ul li:before{ z-index: 0;content: '';background-color: #0362d4;position: absolute;width: 100%;height: 210px;right: 100%;top: 0;-moz-transition: all .5s;-o-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;filter: alpha(Opacity=0);opacity: 0;}

.m-news ul li:hover img,.m-news ul li:hover .info,.m-news ul li:hover a{ z-index:1; position:relative; color:#fff;}	

/*新品会*/
.newPic { overflow: hidden; position: relative; height:370px; margin-top:20px; background: #0362d4;}
.newPic .m-hd .next,.newPic .m-hd .prev { display: block; margin-top: 90px; width:38px; height: 93px; position: absolute; cursor: pointer;}
.newPic .m-hd .prev{ background: url(../images/icon_prev.gif) no-repeat; left: 15px; }
.newPic .m-hd .next{ background: url(../images/icon_next.gif) no-repeat; right: 15px;}

.newPic .m-bd { margin-left: 75px; margin-top: 40px;}
.newPic .m-bd ul { overflow: hidden; zoom: 1; }
.newPic .m-bd ul li { width: 315px; height: 195px; margin: 0 5px; position: relative; float: left; _display: inline; overflow: hidden; text-align: center; }
.newPic .m-bd ul li a {width: 315px; height: 195px; overflow:hidden; display:block; }
.newPic .m-bd ul li img { width: 315px; height: 195px; display: block;}
.newPic .info{width:960px; margin: 20px auto; font-size: 18px; color: #fff;}

/* 逛展馆 */
.jcImgScroll { position:relative; margin:30px 0 50px; }
.jcImgScroll li img{ width:660px; height:440px;}
.jcImgScroll .sPrev , .jcImgScroll .sNext { background:url(../images/arrow.png) no-repeat;width:46px;height: 75px; left:110px; top:0px;}
.jcImgScroll .sNext { background-position:-46px 0; left:800px;}
.jcImgScroll .sPrev { background:url(../images/arrow-left.png) no-repeat center; }
.jcImgScroll .sNext { background:url(../images/arrow-right.png) no-repeat center;}


.zhBrand { height: 380px; overflow: hidden; width: 1120px; margin:20px auto; }
.zhBrand ul{ margin-right:-30px;}
.zhBrand ul li { margin-right:29px; width: 135px; height: 190px; float: left; _display: inline; overflow: hidden; text-align: center; }
.zhBrand ul li img { width: 135px; height: 135px; display: block; border: 1px solid #e7e7e7; }
.zhBrand ul li h2 { font-size: 13px; color: #000; overflow: hidden; }
.zhBrand ul li p { font-size: 16px; color: #2671cc; overflow: hidden; }
.zhBrand ul li a:hover img { border-color: #999; }

.buy ul{ margin-bottom:50px; overflow:hidden; margin-right:-20px;}
.buy ul li{ width:548px; height:40px; line-height:40px; border:1px solid #bfaad3; float:left; margin-top:10px; margin-right:20px; overflow:hidden;}
.buy ul li a{ font-size:14px; color:#333; display:block; padding-left:10px;}
.buy ul li a:hover{ background:#460084 url(../images/icon_buy.jpg) no-repeat 500px center; color:#fff;}

.buyList ul{margin-top:40px;}
.buyList ul li{ width:548px; height:40px; line-height:40px; border:none; border-bottom:1px solid #bfaad3; float:left; margin-top:10px; margin-right:20px;}
.buyList ul li a{ font-size:14px; color:#333; display:block; padding-left:10px;}
.buyList ul li a:hover{ background:none; color:#333;}

.m-imgShow{ width:100%; height:910px; }
.m-imgShow .imgShow {width:100%; height:830px;position: relative; overflow:hidden;background:#5327ce;  }
.m-imgShow .content {height: 820px;width:1120px;margin:20px auto;   overflow: hidden; margin:30px auto;}
.m-imgShow .content ul { margin-bottom: 20px; margin-right: -20px; overflow: hidden; zoom: 1; }
.m-imgShow .content li { width: 360px; height: 240px; margin: 15px 20px 0 0; float: left; position: relative; overflow: hidden; }
.m-imgShow .content ul li img { width: 360px; height: 240px; display: block }
.m-imgShow .content ul li:nth-child(4) { width: 740px; }
.m-imgShow .content ul li:nth-child(4) img { width: 360px; height: 240px; display: block;}

.m-imgShow .swicth { width: 360px; height: 240px; position: absolute; left: 532px; top: 301px; background:#e0edff;}
.m-imgShow .swicth a {  width: 63px; height: 30px; line-height: 30px; padding-top: 76px; margin: 70px auto 0; display: block; position: relative; font-size: 18px; color: #010964; text-align: center; }
.m-imgShow .swicth a i { width: 63px; height: 71px; background: url(../images/icons.png); position: absolute; display: block; left: 0; top: 0; }


/*必看新品*/
#newPic2{margin:20px 0; height: 600px; position: relative; overflow: hidden}
.newPic2 { overflow: hidden; height:450px; width:970px; margin: 40px auto;}
.newPic2 .next,.newPic2 .prev { display: block; margin-top: 90px; width:38px; height: 93px; position: absolute; cursor: pointer; top: 200px;}
.newPic2 .prev{ background: url(../images/icon2_prev.gif) no-repeat; left: 15px; }
.newPic2 .next{ background: url(../images/icon2_next.gif) no-repeat; right: 15px;}

.newPic2 .m-bd {}
.newPic2 .m-bd ul { overflow: hidden; zoom: 1; }
.newPic2 .m-bd ul li { width: 325px; height: 205px; margin: 6px 10px 5px; position: relative; float: left; _display: inline; overflow: hidden; text-align: center; }
.newPic2 .m-bd ul li a {width: 325px; height: 205px; overflow:hidden; display:block; }
.newPic2 .m-bd ul li img { width: 310px; height: 190px; display: block; border:5px solid #5327ce;}
.newPic2 .m-bd ul li p { position: absolute; left: 5px; bottom: 5px; width: 310px; height: 42px; background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 8; overflow: hidden;  font-size: 16px; color: #fff; line-height:42px;}


.newPic2 .m-bd ul li.first { width: 260px; height: 415px;margin: 6px 10px; position: relative; float: left; _display: inline; overflow: hidden; text-align: center; }
.newPic2 .m-bd ul li.first a {width: 260px; height: 415px; overflow:hidden; display:block; }
.newPic2 .m-bd ul li.first img { width: 250px; height: 405px; display: block; border:5px solid #5327ce;}
.newPic2 .m-bd ul li.first p { position: absolute; left: 5px; bottom: 5px; width: 250px; height: 42px; background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 8; overflow: hidden;  font-size: 16px; color: #fff; line-height:42px;}

/*backToTop*/
.backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #2671cc; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer; opacity: 1; filter: Alpha(opacity=100); }

.page{ background:none; margin:30px 0;}