@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: 420px; background: url(../images/banner.jpg) no-repeat center top; }
.zh, .en { position: absolute; top: 3px; width: 30px; height: 20px; display: block; font-size: 0; z-index: -99999px; }
.zh { right: 108px; }
.en { right: 67px; }
.m-nav { width: 100%; height: 52px; line-height: 52px; background: #22c1ff; }
.m-nav ul { width: 1120px; margin: 0 auto; }
.m-nav ul li { float: left; width: 122px; height: 52px; line-height: 52px; text-align: center; }
.m-nav ul li a { font-size: 18px; color: #fff; font-family: "微软雅黑"; }
.m-nav ul li.active { background: url(../images/nav_active.png) no-repeat center bottom; }

.foucebox { width: 1120px; height: 750px; margin: 0 auto; }
.foucebox .bd { position: relative; width:1120px; height: 750px; overflow: hidden; }
.foucebox .showDiv { position: relative; width:1120px; height: 750px; }
.foucebox .showDiv img { width:1120px; height: 750px; }
.foucebox .showDiv p { position: absolute; right: 20px; bottom: 0; color: #aaa; z-index: 9; height: 44px; }
.foucebox .showDiv h2 { position: absolute; right: 20px; bottom: 0; width: 880px; text-align:right; 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: 240px; bottom: 0; width: 880px; height: 110px; background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 8; overflow: hidden; }
.foucebox .hd { width: 240px; height: 750px; position:absolute; left:0; top:0; z-index:9; background:#154153;filter: alpha(opacity=80); opacity: 0.8; }
.foucebox .hd h3{ font-size:24px; text-align:center; line-height:80px; color:#fff; font-weight:bold;}
.foucebox .hd ul li { width: 206px; height: 146px;margin:0 auto 20px; position: relative; }
.foucebox .hd ul a { display: block; width: 200px; height: 140px; position:relative;border: 3px solid #2b2b2b; }
.foucebox .hd ul img {  width: 200px; height: 140px; }
.foucebox .hd ul .txt_bg { width: 200px; height: 24px; position: absolute; left:0; bottom:0; background: url(images/bg_png.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="images/bg_png.png");
}
.foucebox .hd ul .txt { width:200px; height: 24px; line-height: 24px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: center; padding-right: 5px; overflow: hidden; }
.foucebox .hd ul .mask { width: 200px; height: 140px; display: block; position: absolute; left: 0; bottom: 0; z-index: 3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#66000000', endColorstr='#66000000');
background: rgba(0,0,0,0.4); }
.foucebox .hd ul a:hover .mask, .foucebox .hd ul .on .mask { display: none; position: relative; }
.foucebox .hd ul a:hover, .foucebox .hd ul .on img { border-color: #22c1ff; }
.foucebox .hd ul a:hover { color: #fff; }
.foucebox .hd ul a:hover .txt_bg { background: #22c1ff; }

.foucebox .hd ul li.on a{border-color: #22c1ff;}
.foucebox .hd ul li.on .txt_bg { background: #22c1ff; }

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


/*微直播*/
.wzb{ width:1120px; height:350px; margin:20px 0; background:#f5fbfd url(../images/zb_bg.png) no-repeat 60px bottom; overflow:hidden;}
.wzb p{width:460px; height:110px; text-indent:2em; font-size:14px; margin-top:150px; padding-left:35px; line-height:26px;}

.m-tit { height:62px; line-height:62px; margin:15px 0; overflow:hidden;}
.m-tit 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-tit a{ font-size:18px; color:#460084; float:right;}

.t2 { height:68px; line-height:68px;}
.t2 strong{background:url(../images/tit02.jpg) no-repeat;height:68px; line-height:68px;}
.t2 a{ color:#22c1ff;}

.t3 { height:60px; line-height:60px;}
.t3 strong{background:url(../images/tit03.jpg) no-repeat;height:60px; line-height:60px;}
.t3 a{ color:#fff;}

.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;}

.t6 {height:65px; line-height:65px;}
.t6 strong{background:url(../images/tit06.jpg) no-repeat;height:65px; line-height:65px;}
.t6 a{ color:#fff;}

.t7 {height:70px; line-height:70px; margin-bottom:0;}
.t7 strong{width:1120px;background:url(../images/tit07.jpg) no-repeat;height:70px; line-height:70px;}


.t8 {height:66px; line-height:66px;}
.t8 strong{ width:1120px;background:url(../images/tit08.jpg) no-repeat;height:66px; line-height:66px;}


/*新闻*/
.m-news { overflow:hidden;}
.m-news ul li{ clear:both; padding:20px 0; height:170px; border-bottom:1px solid #bfaad3; position:relative;}
.m-news ul li img{ display:block; width:270px; height:170px; float:left;}
.m-news ul li .info{ float:right; width:810px; margin-right:10px;}
.m-news ul li .info h3{ font-size:24px; line-height:40px;height:40px; overflow:hidden;}
.m-news ul li .info p{ font-size:18px; line-height:26px; display:inline;}
.m-news ul li .info a{font-size:18px; padding-left:10px;}

.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: #460084;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:390px; margin-top:10px;}
.newPic .bd { margin-top: 10px; }
.newPic .bd ul { overflow: hidden; zoom: 1; }
.newPic .bd ul li { width: 360px; height: 270px; margin: 0 10px; position: relative; float: left; _display: inline; overflow: hidden; text-align: center; }
.newPic .bd ul li a {width: 360px; height: 220px; overflow:hidden; display:block; }
.newPic .bd ul li img { width: 360px; height: 220px; display: block;}
.newPic .bd p { font-size: 18px; color: #333; line-height:40px;}

.m-meeting{width:100%; height:650px; background:#240041;}
.meetingPic{ width:1120px; margin:0 auto; overflow:hidden;}
.meetingPic .bd { margin-top: 30px; }
.meetingPic .bd ul { overflow: hidden; zoom: 1; }
.meetingPic .bd ul li { width: 270px; height:450px; margin: 0 5px; position: relative; float: left; _display: inline; overflow: hidden; text-align: center; }
.meetingPic .bd ul li a {width: 270px; height: 450px; overflow:hidden; display:block; }
.meetingPic .bd ul li img { width: 270px; height: 450px; display: block;}
.meetingPic .bd p { font-size: 16px; color: #fff; line-height:32px; position:absolute; width:230px; height:32px; overflow:hidden; left:20px; bottom:30px;background-color:rgba(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}

.meetingPic .bd ul li:nth-child(2n){margin-top: 50px;}


.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:10px; 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;}
.buy ul li a{ font-size:24px; 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 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:24px; color:#333; display:block; padding-left:10px;}
.buyList ul li a:hover{ background:none; color:#333;}

.m-imgShow{ width:100%; height:920px; background:#240041;}
.m-imgShow .imgShow { width:1120px; margin:20px auto;  position: relative; overflow:hidden; }
.m-imgShow .content {height: 750px; overflow: hidden; position: relative; margin:30px auto; }
.m-imgShow .content ul { 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: 380px; top: 380px; 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; }

.meeting ul { overflow: hidden; zoom: 1; padding:20px; border:1px solid #b5e5f8; border-top:none;}
.meeting ul li { width: 320px; height: 270px; margin:5px 18px; position: relative; float: left; _display: inline; overflow: hidden; text-align: center; }
.meeting ul li a {width: 320px; height: 220px; overflow:hidden; display:block; }
.meeting ul li img { width: 320px; height: 220px; display: block;}
.meeting ul p { font-size: 18px; color: #333; line-height:40px;}

.team {height: 370px; width: 1120px;}
.team .team_img { display: block;}

/*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;}