

html{overflow-y: scroll; overflow-x:hidden; _background-image:url(about:blank); _background-attachment:fixed;}

body {font-family:"Microsoft Yahei",'mossbaoo',Arial,'Hiragino Sans GB',sans-serif; font-size:12px; color:#333;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{margin:0;padding:0}

fieldset,img{border:0}

ul,ol,li {list-style:none;}

img{-ms-interpolation-mode: bicubic; vertical-align:top;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none; font-family:"Microsoft Yahei"; }

.imgmiddle,input,select{vertical-align:middle;}

.table{border-collapse:collapse;border-spacing:0;}

.clear{clear:both; height:0; overflow:hidden;}

.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{zoom:1;}

.fl{float:left; display:inline;}

.fr{float:right; display:inline;}

a {text-decoration:none; color:#333;}

a:hover{ text-decoration:none; color: #141414;}

a:active{blr:expression(this.onFocus=this.blur());}



body {background: #fff;}

.w100 {width: 100%;}

.w1200 {width: 1200px; margin: 0 auto;}

.width {width: 72%; margin: 0 auto; min-width: 1200px;}

.bgGray {background: #eaeaea;}

.bgfff {background: #fff;}



::-webkit-scrollbar{width: 8px;}

::-webkit-scrollbar-track{background: #fff;}

::-webkit-scrollbar-thumb{background: #1b1b1b;}

::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b;}

::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b;}



.animateTop {position: relative; top: 100px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}



.isAnimation {opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}



@font-face {

  font-family: 'BOLDCOND';

  src: url('../fonts/AKZIDENZGROTESK-BOLDCOND.OTF');

}



@font-face {

  font-family: 'COND';

  src: url('../fonts/AKZIDENZGROTESK-COND.OTF');

}



.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.ellipsis-2{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.ellipsis-3{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.ellipsis-4{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}



#side{position:fixed;width:54px;height:220px;right:0;top:50%;z-index:100;}

#side ul li {width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}

#side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "寰蒋闆呴粦";overflow:hidden;}

#side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);}

#side ul li .sidetop:hover{opacity:1;filter:Alpha(opacity=100);}

#side ul li i {float:left; display: inline-block; width: 54px; height: 54px; text-align: center; line-height: 54px; color: #fff; font-size: 24px;}

#side ul li span {float:left; display: inline-block; width: 106px; height: 54px; text-align: center; line-height: 54px; color: #fff; font-size: 14px;}

#side .code_img {display: none; position: absolute; top: 54px; right: 54px; padding: 10px; background: #fff; border-left: 2px solid #000; border-bottom: 2px solid #000;}

#side .code_img img {width: 104px; height: 104px;}

