<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html { overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{ margin:0; padding:0; color:#333;}
body{ margin:0;padding:0; font-size:12px; font-family:"Microsoft Yahei"; background-color:#fff; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
font{ font-size:100%;}
img,fieldset,iframe,table{ border:0;}
input,button,textarea,select{ font-size:12px;}
ul,ol,dl,dt,dd,li{ list-style:none;}
b{ font-weight:100; overflow:hidden;}
em,i{ font-style:normal; overflow:hidden;}
area { outline:none; border:none;}
a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none; }
.clear{ display:block; height:1px; overflow:hidden; clear:both;}
.clearfix{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after{ content:'.'; display:block; visibility:hidden; clear:both; width:1px; height:1px;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
.wrap1{
	background:url(../../../images/static/basel2016/rp1.jpg) no-repeat 50% 0;
	min-width:1000px;}
.wrap2{
background:url(../../../images/static/basel2016/rp2.jpg) no-repeat 50% 4700px;
min-width:1000px;}
.container {width:1000px;margin:0 auto; }
.pr {position:relative;}
.pa {position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.left{ float:left;}
.right{ float:right;}
.fyahei{ font-family:"Microsoft Yahei";}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.wrapper{ margin:auto;width:1000px;}
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
.gray { color:#999;}
.scale img,.picture-list li .pic img,.article-list li img { -webkit-transition:-webkit-transform 500ms;transition:transform 500ms; vertical-align:top;}
.scale:hover img,.picture-list li .pic img:hover,.article-list li img:hover  { -webkit-transform:scale(1.06);transform:scale(1.06);}
body{padding-top: 52px;}
/* head */
.head{ height: 485px; }
/* content */
.logo-group{width: 970px; height: 269px; overflow: hidden; margin: 30px auto 100px; }
.logo-group ul{width: 978px; height: 278px; overflow: hidden;}
.logo-group ul li{position: relative; width: 155px; height: 60px; background-color: #31507c; overflow: hidden; float: left; margin-right: 8px; margin-bottom: 9px; }
.logo-group ul li img{
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: transform 500ms;
-o-transition: transform 500ms;
transition: transform 500ms;}
.logo-group ul li:hover img{
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-ms-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
opacity: 1;
filter: alpha(opacity=100);
}
.logo-group ul li a{position: absolute; left: 0; top:0; width: 155px; height: 60px;background-image: url(../../../images/static/basel2016/logo-group.png); background-repeat: no-repeat; }
.logo-group ul li a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.logo-group ul li a.brand1  {background-position: 0      0;}
.logo-group ul li a.brand2  {background-position: -163px 0;}
.logo-group ul li a.brand3  {background-position: -326px 0;}
.logo-group ul li a.brand4  {background-position: -489px 0;}
.logo-group ul li a.brand5  {background-position: -652px 0;}
.logo-group ul li a.brand6  {background-position: -815px 0;}
.logo-group ul li a.brand7  {background-position: 0      -69px;}
.logo-group ul li a.brand8  {background-position: -163px -69px;}
.logo-group ul li a.brand9  {background-position: -326px -69px;}
.logo-group ul li a.brand10 {background-position: -489px -69px;}
.logo-group ul li a.brand11 {background-position: -652px -69px;}
.logo-group ul li a.brand12 {background-position: -815px -69px;}
.logo-group ul li a.brand13 {background-position: 0      -138px;}
.logo-group ul li a.brand14 {background-position: -163px -138px;}
.logo-group ul li a.brand15 {background-position: -326px -138px;}
.logo-group ul li a.brand16 {background-position: -489px -138px;}
.logo-group ul li a.brand17 {background-position: -652px -138px;}
.logo-group ul li a.brand18 {background-position: -815px -138px;}
.logo-group ul li a.brand19 {background-position: 0      -207px;}
.logo-group ul li a.brand20 {background-position: -163px -207px;}
.logo-group ul li a.brand21 {background-position: -326px -207px;}
.logo-group ul li a.brand22 {background-position: -489px -207px;}
.logo-group ul li a.brand23 {background-position: -652px -207px;}
.logo-group ul li a.brand24 {background-position: -815px -207px;}

.content{ position: relative; width: 1000px;  height: 7184px; opacity: 0; filter: alpha(opacity=0);}
.page{position: relative; overflow: hidden;}
.big-wrap-a{}
.big-wrap-b{overflow: hidden; height: 7960px!important; width: 100%!important;}
.banner-bg{ z-index: 995;position: absolute; left: 0; top: 0;}
.banner-bg img{width: 100%; height: 100%;}
.banner{}
.layout{z-index: 997; position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: -487px;}
.scroll{
	z-index: 997;
	-webkit-animation: flash 1s infinite;
	-o-animation: flash 1s infinite;
	animation: flash 1s infinite;
	width: 64px; height: 86px; position: absolute; left: 50%; top:50%; margin-top: 150px; margin-left: -32px;}

@keyframes flash{
	0%   {opacity: 0.6; filter: alpha(opacity=60);}
	50%  {opacity: 1; filter: alpha(opacity=100);}
	100% {opacity: 0.6; filter: alpha(opacity=60);}
}
@-webkit-keyframes flash
{
	0%   {opacity: 0.6; filter: alpha(opacity=60);}
	50%  {opacity: 1; filter: alpha(opacity=100);}
	100% {opacity: 0.6; filter: alpha(opacity=60);}
}
/* focus */
.focus{position: relative; margin-bottom: 40px; /*background-color: hsla(60,50%,50%,0.5);*/}
.focus-box{position: relative; width: 1000px; height: 550px; overflow: hidden;}
.focus-show{width: 1000px; height: 550px; position: absolute; left: 0; top: 0; }
.focus-show li{ display: none; width: 1000px; height: 550px; position: absolute; left: 0; top: 0; }
.focus-text{ position: absolute; left: 0; bottom: 68px; width: 1000px; height: 90px; background: url(../../../images/static/basel2016/txt-bg.png) no-repeat 0 0;}
.focus-text li{ position: absolute; left: 0; top: 0; width: 900px; padding: 10px 50px 0; height: 80px; line-height: 80px; text-align: center; font-size: 22px; color: #fff; overflow: hidden;}
.focus-control{width: 1000px; height: 13px; padding-top: 27px;}
.focus-point{ float: left; position: relative; left: 50%; clear: both;}
.focus-point ul{position: relative; left: -50%;}
.focus-point li{background:url(../../../images/static/basel2016/focus-point.png) no-repeat right top; display: inline-block; *display: inline; *zoom: 1; margin:0 7px; width: 13px; height: 12px; cursor: pointer; line-height:999; overflow: hidden;}
.focus-point li.focus-active{background:url(../../../images/static/basel2016/focus-point.png) no-repeat left top; }
.focus-prev{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 500ms; 
	-moz-transition:all 500ms; 
	-ms-transition:all 500ms; 
	transition:all 500ms; 
	position: absolute; left: -30px; top: 50%; margin-top: -45px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat 0 0;}
.focus-next{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 500ms; 
	-moz-transition:all 500ms; 
	-ms-transition:all 500ms; 
	transition:all 500ms; 
	position: absolute; right: -30px; top: 50%; margin-top: -45px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat -72px 0;}
.focus:hover .focus-prev,
.focus:hover .focus-next{opacity: 1; filter: alpha(opacity=100); }
/* çƒ­é—¨æ–°å“ */
.hot{/*background-color: hsla(300,50%,50%,0.5);*/ margin-bottom: 85px;}
.tit1{width: 1000px; height: 82px; background: url(../../../images/static/basel2016/tit-1.png) no-repeat 50% 0; margin-bottom: 67px;}
.tit2{width: 1000px; height: 76px; background: url(../../../images/static/basel2016/tit-2.png) no-repeat 50% 0; margin-bottom: 34px;}
.tit3{width: 1000px; height: 82px; background: url(../../../images/static/basel2016/tit-3.png) no-repeat 50% 0; margin-bottom: 30px;}
.tit4{width: 1000px; height: 77px; background: url(../../../images/static/basel2016/tit-4.png) no-repeat 50% 0; margin-bottom: 24px;}
.tit5{width: 1000px; height: 76px; background: url(../../../images/static/basel2016/tit-5.png) no-repeat 50% 0; margin-bottom: 34px;}
.tit6{width: 1000px; height: 94px; background: url(../../../images/static/basel2016/tit-6.png) no-repeat 50% 0; margin-bottom: 34px;}
.tit7{width: 1000px; height: 76px; background: url(../../../images/static/basel2016/tit-7.png) no-repeat 50% 0; margin-bottom: 34px;}
.tit8{width: 1000px; height: 75px; background: url(../../../images/static/basel2016/tit-8.png) no-repeat 50% 0; margin-bottom: 34px;}
.hot-nav{width: 995px; height: 166px; overflow: hidden; margin: 0 auto;/* background-color: hsla(100,50%,50%,0.5);*/}
.hot-nav ul{width: 1000px; height:171px; }
.hot-nav ul li{width: 120px; height: 42px; cursor: pointer; text-indent: -999px; overflow: hidden;  float: left; margin-right: 5px; margin-bottom: 15px; background:url(../../../images/static/basel2016/tab-logo.png) no-repeat 0 0; }
.hot-nav ul li.logo1 {background-position:    0px 0;}
.hot-nav ul li.logo2 {background-position: -120px 0;}
.hot-nav ul li.logo3 {background-position: -240px 0;}
.hot-nav ul li.logo4 {background-position: -360px 0;}
.hot-nav ul li.logo5 {background-position: -480px 0;}
.hot-nav ul li.logo6 {background-position: -600px 0;}
.hot-nav ul li.logo7 {background-position: -720px 0;}
.hot-nav ul li.logo8 {background-position: -840px 0;}
.hot-nav ul li.logo9 {background-position:    0px -84px;}
.hot-nav ul li.logo10{background-position: -120px -84px;}
.hot-nav ul li.logo11{background-position: -240px -84px;}
.hot-nav ul li.logo12{background-position: -360px -84px;}
.hot-nav ul li.logo13{background-position: -480px -84px;}
.hot-nav ul li.logo14{background-position: -600px -84px;}
.hot-nav ul li.logo15{background-position: -720px -84px;}
.hot-nav ul li.logo16{background-position: -840px -84px;}
.hot-nav ul li.logo17{background-position:    0px -168px;}
.hot-nav ul li.logo18{background-position: -120px -168px;}
.hot-nav ul li.logo19{background-position: -240px -168px;}
.hot-nav ul li.logo20{background-position: -360px -168px;}
.hot-nav ul li.logo21{background-position: -480px -168px;}
.hot-nav ul li.logo22{background-position: -600px -168px;}
.hot-nav ul li.logo23{background-position: -720px -168px;}
.hot-nav ul li.logo24{background-position: -840px -168px;}
.hot-nav ul li:hover, .hot-nav ul li.act {background-color: #1f3862;}
.hot-nav ul li:hover.logo1 ,.hot-nav ul li.logo1_act{background-position:    0px -42px; }
.hot-nav ul li:hover.logo2 ,.hot-nav ul li.logo2_act{background-position: -120px -42px; }
.hot-nav ul li:hover.logo3 ,.hot-nav ul li.logo3_act{background-position: -240px -42px; }
.hot-nav ul li:hover.logo4 ,.hot-nav ul li.logo4_act{background-position: -360px -42px; }
.hot-nav ul li:hover.logo5 ,.hot-nav ul li.logo5_act{background-position: -480px -42px; }
.hot-nav ul li:hover.logo6 ,.hot-nav ul li.logo6_act{background-position: -600px -42px; }
.hot-nav ul li:hover.logo7 ,.hot-nav ul li.logo7_act{background-position: -720px -42px; }
.hot-nav ul li:hover.logo8 ,.hot-nav ul li.logo8_act{background-position: -840px -42px; }
.hot-nav ul li:hover.logo9 ,.hot-nav ul li.logo9_act{background-position:    0px -126px; }
.hot-nav ul li:hover.logo10,.hot-nav ul li.logo10_act{background-position: -120px -126px; }
.hot-nav ul li:hover.logo11,.hot-nav ul li.logo11_act{background-position: -240px -126px; }
.hot-nav ul li:hover.logo12,.hot-nav ul li.logo12_act{background-position: -360px -126px; }
.hot-nav ul li:hover.logo13,.hot-nav ul li.logo13_act{background-position: -480px -126px; }
.hot-nav ul li:hover.logo14,.hot-nav ul li.logo14_act{background-position: -600px -126px; }
.hot-nav ul li:hover.logo15,.hot-nav ul li.logo15_act{background-position: -720px -126px; }
.hot-nav ul li:hover.logo16,.hot-nav ul li.logo16_act{background-position: -840px -126px; }
.hot-nav ul li:hover.logo17,.hot-nav ul li.logo17_act{background-position:    0px -210px; }
.hot-nav ul li:hover.logo18,.hot-nav ul li.logo18_act{background-position: -120px -210px; }
.hot-nav ul li:hover.logo19,.hot-nav ul li.logo19_act{background-position: -240px -210px; }
.hot-nav ul li:hover.logo20,.hot-nav ul li.logo20_act{background-position: -360px -210px; }
.hot-nav ul li:hover.logo21,.hot-nav ul li.logo21_act{background-position: -480px -210px; }
.hot-nav ul li:hover.logo22,.hot-nav ul li.logo22_act{background-position: -600px -210px; }
.hot-nav ul li:hover.logo23,.hot-nav ul li.logo23_act{background-position: -720px -210px; }
.hot-nav ul li:hover.logo24,.hot-nav ul li.logo24_act{background-position: -840px -210px; }
.hot-show{width: 1000px; margin-top: 16px;}
.hot-door{width: 1000px;  height: 980px;  display: none; overflow: hidden;}
.hot-door ul{overflow: hidden; *zoom: 1; width: 1050px;}
.hot-door ul li{position: relative; width: 298px; height: 298px; margin-top: 16px; border: 1px solid #c2c2c2; float: left; margin-right: 218px;}
.hot-door ul li:hover{border: 1px solid #b0a68a;}
.hot-door ul li:hover i{position: absolute; left: 0px; top: 0px; width: 296px; height: 296px; border: 1px solid #c8bfa3;}
.hot-door ul li span{position: absolute; background-color: #fff; left: 299px; bottom: -1px; width: 145px; height: 238px; padding: 45px 18px 0;  border: 1px solid #c2c2c2; border-left: 0px}
.hot-door ul li span em{display: block; font-size: 16px; line-height: 24px; height: 50px; overflow: hidden;}
.hot-door ul li span p{display: block; width: 128px; height: 140px; overflow: hidden; margin: 12px auto 0; padding-top:10px; font-size: 14px; line-height: 24px; border-top: 1px solid #8c8c8c; color: #8c8c8c;}
.hot-door ul li span p a{color: #8c8c8c;}
.hot-door img{width: 298px; height: 298px;}

/*appreciation çŽ°åœºé‰´*/
.appreciation-wrap{width:1000px; height:735px;/* background-color: hsla(150,50%,50%,0.5);*/}
.appreciation{height: 800px;}
.appreciation .tit h3{width: 712px;background-position: 0 -273px;}
.app-container{position: relative;width: 1000px;height: 669px;}
.app-container .np{top: 232px;display: block;}
.app-prev{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-ms-transition:all 300ms; 
	transition:all 300ms; 
	position: absolute; left: 60px; top: 50%; margin-top: -125px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat 0 0;}
.app-next{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-ms-transition:all 300ms; 
	transition:all 300ms; 
	position: absolute; right: 60px; top: 50%; margin-top: -125px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat -72px 0;}
.appreciation:hover .app-prev,
.appreciation:hover .app-next{opacity: 1; filter: alpha(opacity=100); }

.bigpicbox{position: relative;width: 800px;height: 500px; margin: 0 auto; overflow: hidden;}
.picImg{display: inline-block;width: 798px;height: 498px;border: 1px solid #c4c4c4;}
.loadingPic{display: inline-block;width: 37px;height: 37px;position: absolute;top: 50%;left: 50%;margin: -18px 0 0 -18px;background: url(http://www.xbiao.com/images/static/hkwatch/bigloading.gif) 0 0 no-repeat;display: none;}
.bigpic-txt{position: absolute;top: 380px;left: 0px;width: 330px; height: 57px;line-height: 24px; padding: 13px 40px 0;text-align: left;background: url(../../../images/static/basel2016/scroll-bg.png) 0 0 no-repeat;color: #fff;font-size: 18px;}
.smallpic{position: relative;height: 124px;width: 940px;  margin: 14px auto 0; margin-left: 20px;}
.sp{position: absolute;top: 14px;width: 44px;height: 120px;background: url(../../../images/static/basel2016/arr.png) 0 0 no-repeat;}
.small-prev{left: 11px;}
.small-next{right: -11px;background-position: -44px 0;}
.small-prev:hover{background: url(../../../images/static/basel2016/arr.png) 0 -120px no-repeat;}
.small-next:hover{background-position: -44px -120px;}
.pic-scroll{position: relative;width: 870px;height: 140px;margin-left: 43px;overflow: hidden;}
.pic-scroll ul{position: absolute; height: 140px;width: 3480px; overflow: hidden;}
.pic-scroll ul li{float: left; width: 164px;height: 110px;padding: 24px 0 0 10px;}
.pic-scroll ul li a{display: block;width: 160px;height: 100px;overflow: hidden;}
.pic-scroll ul li.active{background:url(../../../images/static/basel2016/scroll-active.png) 6px 3px no-repeat;}
.pic-scroll ul li img{width: 158px;height: 98px;border: 1px solid #c4c4c4;}
.float{position:absolute;  width: 122px; height: 310px;  padding-top: 80px; background:url(../../../images/static/basel2016/float.png) no-repeat 50% 10px; border-left: 1px solid #8c98a9;}
.float ul{}
.float ul li{width: 100%; line-height: 38px; font-size: 16px; margin-left: -8px; background: url(../../../images/static/basel2016/point.png) no-repeat 0 -38px; text-indent: 30px; cursor: pointer; color: #22395b;}
.float ul li.nowindex{background-position: 0 -1px;}
/* æ˜Žæ˜Ÿå±•é¦† */
.star-wrap{position: relative;}
.star{overflow: hidden; width: 1000px; height: 670px;}
.star-box{position: relative; left: 0; top: 0; width: 1000px; height: 670px; }
.star-show{position: absolute; left: 0; top: 0; width: 1000px; height: 670px; }
.star-show ul{ overflow: hidden; *zoom: 1; width: 1020px;}
.star-show ul li{ float: left;width: 490px; height: 325px; overflow: hidden; margin-bottom: 20px; margin-right: 20px; position: relative;}
.star-show ul li img{display: block;}
.star-show ul li .star-bg{
	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-ms-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
	position: absolute; left: 0; top: 325px; width: 490px; height: 325px; background-color: #1b2f44; opacity: 0.8;
filter: alpha(opacity=80);}
.star-show ul li div{
	-webkit-transition:all 300ms;
	-moz-transition:all 300ms;
	-ms-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
	position: absolute; left: 0; top: 325px; width: 395px; height: 215px; padding-top: 95px; padding-left: 110px; }
.star-show ul li:hover .star-bg{top: 0px;}
.star-show ul li:hover div{top: 0px;}
.star-show ul li div i{position: absolute; left: 11px; top: 10px; border: 1px solid #7b9ab1; width: 466px; height: 302px;}
.star-show ul li div span{display: block; width: 265px; height: 72px;font-size: 16px; line-height: 26px; color: #fff; text-align: justify;}
.star-show ul li div em{display: block; width: 247px; height: 38px; margin-top: 45px; background-color: #e9ebec; color: #000; font-size: 22px; line-height: 38px; text-align: center;}
.star-control{width: 1000px; height: 15px; /*background-color: hsla(100,50%,50%,0.5);*/ padding-top: 20px; margin-bottom: 60px;}
.star-point{position: relative; float: left; left: 50%; clear: both; }
.star-point ul{position: relative; left: -50%;}
.star-point ul li{cursor: pointer; text-indent: -9999px; overflow: hidden;  margin: 0 8px; width: 66px; height: 6px; background-color: #ccc; display: inline-block; *display: inline; *zoom: 1;}
.star-point ul li.star-active{background-color: #1f3862;}
.star-prev{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 500ms; 
	-moz-transition:all 500ms; 
	-ms-transition:all 500ms; 
	transition:all 500ms; 
	position: absolute; left: -30px; top: 50%; margin-top: -60px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat 0 0;}
.star-next{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 500ms; 
	-moz-transition:all 500ms; 
	-ms-transition:all 500ms; 
	transition:all 500ms; 
	position: absolute; right: -30px; top: 50%; margin-top: -60px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat -72px 0;}
.star-wrap:hover .star-prev,
.star-wrap:hover .star-next{opacity: 1; filter: alpha(opacity=100); }

/* æ–°å“å®žæ‹ */
.real{position: relative; width: 800px; height: 500px; margin: 0 auto 141px; }
.real-show{width: 800px; height: 500px; position: relative; overflow: hidden;}
.real-show ul{width: 800px; height: 500px; position: absolute; left: 0; top: 0;}
.real-show ul li{width: 800px; height: 500px; position: absolute; left: 0; top: 0; display: none;}
.real-prev{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 500ms; 
	-moz-transition:all 500ms; 
	-ms-transition:all 500ms; 
	transition:all 500ms; 
	position: absolute; left: -40px; top: 50%; margin-top: -45px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat 0 0;}
.real-next{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 500ms; 
	-moz-transition:all 500ms; 
	-ms-transition:all 500ms; 
	transition:all 500ms; 
	position: absolute; right: -40px; top: 50%; margin-top: -45px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat -72px 0;}
.real:hover .real-prev,
.real:hover .real-next{opacity: 1; filter: alpha(opacity=100); }

/* å¥‡è¶£è…•è¡¨ */
.unique{position: relative; width: 912px; height: 450px; margin: 0 auto 134px;}
.unique-box{position: relative; width: 912px; height: 450px; overflow: hidden;}
.unique-show{position: absolute; left: 0; top: 0; width: 912px; height: 450px; overflow: hidden;}
.unique-show ul{position: absolute; left: 0; top: 0; display: none; width: 918px; height: 450px; overflow: hidden; *zoom: 1;}
.unique-show li{position: relative; width: 300px; height: 450px; margin-left: 6px; float: left;}
.unique-show li span{
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-ms-transition:all 300ms; 
	transition:all 300ms; 
	position: absolute; left: 25px; bottom: -110px; width: 250px; height: 102px; background-color: #1b2f44; opacity: 0.8;
filter: alpha(opacity=80);}
.unique-show li div{
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-ms-transition:all 300ms; 
	transition:all 300ms; 
	position: absolute; left: 25px; bottom: -110px; width: 250px; height: 102px; color: #fff;}
.unique-show li div i{position: absolute; left: 8px; top: 6px; width: 232px; height: 88px; border: 1px solid #557088; }
.unique-show li div em{position: absolute; left: 25px; top: 15px; font-size: 14px; line-height: 24px; width: 200px; height: 72px; display: block; overflow: hidden; text-align: center;}
.unique-show li:hover span{bottom: 44px;}
.unique-show li:hover div{bottom: 44px;}
.unique-prev{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 500ms; 
	-moz-transition:all 500ms; 
	-ms-transition:all 500ms; 
	transition:all 500ms; 
	position: absolute; left: -40px; top: 50%; margin-top: -45px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat 0 0;}
.unique-next{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 500ms; 
	-moz-transition:all 500ms; 
	-ms-transition:all 500ms; 
	transition:all 500ms; 
	position: absolute; right: -40px; top: 50%; margin-top: -45px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat -72px 0;}
.unique:hover .unique-prev,
.unique:hover .unique-next{opacity: 1; filter: alpha(opacity=100); }
/* è¡¨å±•èµ„è®¯ */
.brand{ margin-bottom:  64px; /*background-color: hsla(200,50%,50%,0.5);*/}
.brand-left{float: left; width: 652px; height: 582px; overflow: hidden;}
.brand-left ul{width: 664px; height: 594px;}
.brand-left ul li{ position: relative; width: 320px; height: 285px; overflow: hidden; float: left; margin-right: 12px; margin-bottom: 12px;}
.brand-left ul li div{
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-ms-transition:all 300ms; 
	transition:all 300ms; 
	position: absolute;left: 0; top:285px;  width:320px; height:210px; padding-top: 75px;  background: url(../../../images/static/basel2016/brand-bg.png) no-repeat 0 0;}
.brand-left ul li div em{display: block; width: 230px; height: 52px; overflow: hidden; margin: 0 auto; font-size: 18px; line-height: 26px;  color:#a7d0ed; }
.brand-left ul li div a span{display: block;color: #fff; width: 230px; height: 66px; overflow: hidden; margin: 15px auto 0; font-size: 14px; line-height: 22px;}
.brand-left ul li:hover div{top: 0;}
.brand-right{float: right; width: 306px; height: auto;}
.brand-right dl{width: 306px; height: 578px; overflow: hidden;}
.brand-right dl dt{ overflow: hidden; *zoom: 1;}
.brand-right dl dt em{float: left; width: 125px; height: 36px; margin-bottom: 14px; background-color: #1f3862; color: #fff; text-align: center; line-height: 36px; font-size: 20px; }
.brand-right dl dt span{float: left; width: 75px; height: 36px; text-align: center; line-height: 36px; font-size: 18px; color: #1f3862;}
.brand-right dl dd{background: url(../../../images/static/basel2016/dd-bg.png) repeat-x bottom left; width: 306px; height: 53px; overflow: hidden; line-height: 53px; }
.brand-right dl dd a i{float: left; width: 40px; height: 50px;background-image: url(../../../images/static/basel2016/num.png); background-position: 0 0; background-repeat: no-repeat;}
.brand-right dl dd a i.num1{background-position: 0 15px;}
.brand-right dl dd a i.num2{background-position: 0 -40px;}
.brand-right dl dd a i.num3{background-position: 0 -98px;}
.brand-right dl dd a i.num4{background-position: 0 -153px;}
.brand-right dl dd a i.num5{background-position: 0 -209px;}
.brand-right dl dd a i.num6{background-position: 0 -264px;}
.brand-right dl dd a i.num7{background-position: 0 -319px;}
.brand-right dl dd a i.num8{background-position: 0 -376px;}
.brand-right dl dd a i.num9{background-position: 0 -434px;}
.brand-right dl dd a i.num10{background-position: 0 -490px;}
.brand-right dl dd a span{float: left; width: 260px; overflow: hidden; font-size: 16px;}
.more-box{overflow: hidden; *zoom: 1; margin-top: 5px;}
.more-box .more{float: right; width: 89px; height: 20px; background: url(../../../images/static/basel2016/more.jpg) no-repeat 0 0; display: block;}
/* çŽ°åœºèŠ±çµ® */
.tidbits{position: relative;}
.tidbits-show{position: relative; width: 1000px; height: 550px; overflow: hidden;}
.tidbits-show ul{ width: 1000px; height: 550px; position: absolute; left: 0; top: 0;}
.tidbits-show ul li{width: 1000px; height: 550px; position: absolute; left: 0; top: 0; display: none;}
.tidbits-prev{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-ms-transition:all 300ms; 
	transition:all 300ms; 
	position: absolute; left: -40px; top: 50%; margin-top: -45px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat 0 0;}
.tidbits-next{opacity: 0; filter: alpha(opacity=0); 
	-webkit-transition:all 300ms; 
	-moz-transition:all 300ms; 
	-ms-transition:all 300ms; 
	transition:all 300ms; 
	position: absolute; right: -40px; top: 50%; margin-top: -45px; width: 72px; height: 90px; text-indent: -999px; overflow: hidden; display: block; background: url(../../../images/static/basel2016/arrow.png) no-repeat -72px 0;}
.tidbits:hover .tidbits-prev,
.tidbits:hover .tidbits-next{opacity: 1; filter: alpha(opacity=100); }

/*footer*/
.pubfooter {clear:both; padding-bottom:30px; margin-left:auto; margin-right:auto; background-color:#1b2f44; font-family:Helvetica}
.footer {text-align:center;margin:0 auto;}
.copyright{text-align:center;line-height:52px; color:#999;}
.foot_top {font-size:12px;line-height:24px; color:#999; text-align:center; height:24px;padding-top:40px;}
.foot_top .gray0{ color:#999;}
.foot_top .wbfoot{ background:url(http://www.xbiao.com/images/index/v_xbiao.png) no-repeat 0 2px; *background-position:left center; padding-left:20px; }
.footline{ display: inline-block;height:24px; line-height:24px; font-size:12px; vertical-align:middle; margin:0 10px; color:#999; font-family:"Sim Sun"}
.foot_top a { color:#999; display:inline-block;}
.foot_top a:hover { background:none; color:#999;text-decoration:underline;}
.iphone_ico i,.android_ico i,.telphone_ico i{ background:url(http://www.xbiao.com/images/index/ico_phone.png) no-repeat -3px 0; display:inline-block;width:18px; height:20px;padding-right:5px; vertical-align:middle;margin-top:-4px;*margin-top:0;margin-left:2px; opacity:.8;filter:alpha(opacity=80);}
.android_ico i{ background-position:-1px -26px;width:21px; height:24px; line-height:24px;margin-left:13px;}
.telphone_ico i{ background-position:-6px -59px;width:11px; height:22px; line-height:22px;margin-left:12px;}

/*top*/
.nav-top-bg {z-index: 999; position:fixed; width:100%; top:0; z-index:999;background-color:#f1f1f1; height:52px; left:0;}
.nav-top{ position: absolute; background-color: #f1f1f1; height: 52px; font-family:Verdana; width:1000px; left:50%; margin-left:-500px;}
.nav-top img{ margin-top: 9px;}
.nav-top-bg span a:hover{ background-color:#f1f1f1;color:#773b09;}
.nav{ height:43px; text-align:center; padding-top: 5px; margin-left: 140px;}
.nav li{ float:left; height:43px; line-height:43px; font-size:18px; background:url(../../../images/static/basel2016/navli_bg.png) no-repeat;}
.nav li a,.nav li a:hover{ padding: 0 20px; height:43px; float:left; color:#000; font-size:18px; background:none;}
/*baidushare*/
.baidusharetop { position:absolute; top:6px; left:800px;}
/*baidu share*/
.wrapShare{ height:40px;overflow:hidden; display:block;width:210px;float:left;}
.bdshare_t { vertical-align:middle;}
.wrapShare .bds_more{ background:url(../../../images/static/basel2016/plusshare.png) no-repeat left center!important; padding-left:17px; line-height:16px;cursor:pointer; float:left; height:16px; margin-top:13px!important;;}
.bdshare_t .bds_tsina,.bdshare_t .bds_qzone,.bdshare_t .bds_tqq,.bdshare_t .bds_renren,.bdshare_t .bds_douban,.bdshare_t .bds_weixin{ padding-left:0; width:25px; height:25px; background-image:url(../../../images/static/basel2016/bdshare.png); background-repeat:no-repeat; margin-top:8px;}
.bdshare_t .bds_tsina { background-position:-5px -45px!important ;}
.bdshare_t .bds_tsina:hover { background-position:-5px -5px!important ;}
.bdshare_t .bds_tqq { background-position:-40px -45px!important ;}
.bdshare_t .bds_tqq:hover { background-position:-40px -5px!important ;}
.bdshare_t .bds_qzone { background-position:-75px -45px!important ;}
.bdshare_t .bds_qzone:hover { background-position:-75px -5px!important ;}
.bdshare_t .bds_renren { background-position:-110px -45px!important ;}
.bdshare_t .bds_renren:hover { background-position:-110px -5px!important ;}
.bdshare_t .bds_weixin { background-position:-145px -45px!important ;}
.bdshare_t .bds_weixin:hover { background-position:-145px -5px!important ;}
.bdshare_t .bdshare-button-style0-16 .bds_more { color:#000;!important;}
.bdshare_popup_box a:hover,.bdshare_dialog_box a:hover{ background-color:#F6F6F6;}
.bdshare_t a:hover { background-color:#000;}

.friendlink { border:1px solid #324a64;overflow:hidden; background-color: #1e3854; margin:20px auto 0; position:relative;}
.mod-hd {color: #ccc;font-size: 14px;line-height: 16px; float:left;width:18px;padding:0 14px;  position:absolute; top:50%; margin-top:-32px;}
.copy_text{ float:right; padding-right:15px; height:40px; line-height:40px; color:#996600; font-size:14px; cursor:pointer;}
.mod-hd strong{ font-weight:100;}
.friendlink p { float:right;width:944px; line-height:26px;padding:5px;min-height:85px; background-color: #1b2f44;}
.friendlink a {display: inline-block;white-space: nowrap; color:#999; margin:0 5px;}
.friendlink a:hover {background: none;text-decoration: underline;color: #c39532;}</pre></body></html>