body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft Yahei",\5b8b\4f53,tahoma,arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
ul,ol{list-style:none;}
a{text-decoration:none;outline:0 none;color:#333;}
a:hover{text-decoration:underline;}
fieldset,img{border:0;}
img{display:block;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
.hide{text-indent:-999em;}

/*header*/
.header{height:78px;background:url(../images/rep.jpg) center top repeat-x;}
.header_con{height:78px;width:960px;margin:0 auto;background:url(../images/rep.jpg) center top repeat-x;overflow:hidden;}
.logo{width:210px;height:70px;float:left;}
.logo a{display:block;width:100%;height:100%;background:url(../images/logo.png) no-repeat;}
.nav{height:70px;float:right;overflow:hidden;background:url(../images/spr.png) no-repeat -199px 0;padding-left:1px;}
.nav li{float:left;width:100px;height:70px;background:url(../images/spr.png) no-repeat -100px 0;}
.nav li a{display:block;width:64px;text-align:center;padding:14px 18px 0;font-size:16px;color:#555555;}
.nav li p{font-size:11px;color:#bbbbbb;text-align:right;}
.nav .on a{background:url(../images/spr.png) no-repeat;color:#167bca;}
.nav .on p{color:#167bca;}
.nav a:hover,.nav a:hover p{color:#167bca;text-decoration:none;}

/*banner*/
.main_area{height:360px;margin-top:-8px;position:relative;}
.public_con{width:960px;height:360px;margin:0 auto;position:relative;*z-index:1;}
.pre_btn,.next_btn{display:block;width:20px;height:38px;z-index:1;background:url(../images/spr_24.png) no-repeat;position:absolute;top:50%;margin-top:-19px;}
.pre_btn{left:11px;}
.pre_btn:hover{background-position:0 -40px;}
.next_btn{right:311px;background-position:-23px 0;}
.next_btn:hover{background-position:-23px -40px;}
.btn_list{overflow:hidden;height:20px;position:absolute;bottom:4px;left:260px;z-index:1;}
.btn_list li{width:20px;height:20px;float:left;margin-right:10px;}
.btn_list li a{display:block;position:relative;width:20px;height:20px;*height:4px;*border-top:8px dashed transparent;*border-bottom:8px dashed transparent;*background:#fff;overflow:hidden ;opacity:0.5;filter:alpha(opacity=50);}
.btn_list li a:after{content:"";position:absolute;left:0;top:8px;width:100%;height:4px;background:#fff;}
.btn_list .on a,.btn_list li a:hover{opacity:1;filter:alpha(opacity=100);text-decoration:none;}
.newlist{width:268px;padding:23px 15px 25px;height:312px;float:right;z-index:1;position:relative;overflow:hidden;border-left:1px solid #232323;border-right:1px solid #232323;border-left:1px solid rgba(34,34,34,0.5);border-right:1px solid rgba(34,34,34,0.5);background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33000000',endColorstr='#33000000');}
.newlist dt{font:16px 'Microsoft YaHei';color:#e5f4ff;margin-bottom:15px;}
.newlist dd{height:28px;width:256px;line-height:28px;padding-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c3d7e5;background:url(../images/spr.png) -196px -67px no-repeat;}
.newlist dd a{color:#c3d7e5;}
.newlist dd a:hover{color:#fff}

.product_list{height:360px;width:100%;position:absolute;top:0;left:0;}
.product_list li{height:360px;width:100%;display:none;position:absolute;left:0;top:0;}
.product_list li.on{display:block;}
.product_list .main_con{width:960px;height:360px;margin:0 auto;position:relative;}
.btns{position:relative;z-index:100;}
.btns li{position:absolute;top:250px;_top:232px;left:-9999px;z-index:100;}
.down_btn{display:block;width:158px;height:52px;background:url(../images/spr_24.png) -62px 0 no-repeat;_background:url(../images/spr.png) 0 -103px no-repeat;overflow:hidden;opacity:0.9;filter:alpha(opacity=90);}
.down_btn:hover{opacity:1;filter:alpha(opacity=100);}
.btns .on{left:402px;}
.product_list li.xl_cloudPlay,.product_list li.cloudPlay .main_con{background:#000;}
.product_list li.xl_mobile,.product_list li.xl_mobile .main_con{background:url(../images/rep.jpg) 0 -87px repeat-x;}
.product_list li.xl_dq,.product_list li.xl_dq .main_con{background:url(../images/rep.jpg) 0 -458px repeat-x;}
.product_list li.xl_market,.product_list li.xl_market .main_con{background:url(../images/rep.jpg) 0 -827px repeat-x;}
.product_list li.xl_player,.product_list li.xl_player .main_con{background:url(../images/rep.jpg) 0 -1194px repeat-x;}
.product_list li.xl,.product_list li.xl .main_con{background:url(../images/rep.jpg) 0 -1564px repeat-x;}
/*.product_list li.xl_mobile .main_con{background:url(../images/banner_mobile.jpg) left top no-repeat;}
.product_list li.xl_dq .main_con{background:url(../images/banner_dq.jpg) left top no-repeat;}
.product_list li.xl_market .main_con{background:url(../images/banner_market.jpg) left top no-repeat;}
.product_list li.xl_player .main_con{background:url(../images/banner_player.jpg) left top no-repeat;}
.product_list li.xl .main_con{background:url(../images/banner_xl.jpg) left top no-repeat;}*/
.product_list .z_btn{height:100%;width:660px;position:relative;}
.product_list li a{display:block;width:660px;height:100%;}
/*product*/
.container{background:url(../images/rep.jpg) 0 -1939px repeat-x;margin-top:-4px;overflow:hidden;}
.product{width:960px;margin:0 auto 30px;padding-top:30px;overflow:hidden;}
.product_item,.container .product_con{width:300px;float:left;margin-right:30px;}
.no_mar{margin-right:0;}
.product_tt{height:35px;position:relative;border-bottom:1px solid #ccc;}
.product_tt h2{width:80px;font:normal 16px/33px 'Microsoft YaHei';position:relative;left:0;top:1px;color:#3d8ecc;border-bottom:2px solid #3d8ecc;}
.product_tt .more{padding-right:6px;background:url(../images/spr.png) -149px -84px no-repeat;font-family:'Microsoft YaHei';position:absolute;right:0;top:12px;color:#888;}
.product_tt .more:hover,.product dt a:hover,.other_down{color:#3d8ecc;}
.product_item li{padding:12px 0 12px 66px;height:91px;position:relative;border-bottom:1px dotted #ccc;vertical-align:middle;}
.product_icon{display:block;width:48px;height:48px;position:absolute;top:12px;left:10px;}
.product dt{height:20px;position:relative;margin-bottom:5px;overflow:hidden;}
.product dt a{color:#333;font-size:14px;font-weight:bold;float:left;display:block;max-width:146px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline;}
.product .time{position:absolute;right:0;top:3px;color:#999;}
.tag{display:block;width:10px;height:10px;background:url(../images/spr.png) -145px -73px no-repeat;float:left;margin-left:6px;margin-top:6px;}
.product .intro{line-height:18px;height:36px;overflow:hidden;color:#999;}
.product .down_product{height:24px;line-height:24px;overflow:hidden;margin-top:6px;}
.download_btn{display:block;width:64px;height:24px;line-height:24px;text-align:center;text-indent:14px;color:#4C8ECB;float:left;margin-right:20px;background:url(../images/spr.png) 0 -73px no-repeat;}
.download_btn:hover{background-position:-71px -73px;text-decoration:none;}
.container .product_item{float:none;margin-right:0;margin-bottom:40px;}
.container .no_mar{float:right;margin-right:0;}
.container .product_tt{border-top:1px solid #ccc;border-bottom:0 none;}
.container .product_tt h2{border-top:2px solid #3d8ecc;border-bottom:0 none;position:relative;top:-1px;left:0;}
.container .product_item li{border-color:#fff}
.container h3{font-size:24px;font-family:5B8B4F53;font-weight:normal;color:#555;margin-bottom:36px;}
/*footer*/
.footer{height:80px;background-color:#f3f3f3;}
.foot{width:960px;margin:0 auto;}
.links{height:30px;line-height:34px;width:960px;border-bottom:1px solid #DDDDDD;font-family:5B8B4F53;}
.links em{font-weight:bold;color:#555;}
.links a{color:#555;margin-left:1em;}
.links a:hover{color:#3d8ecc;}
.foot p{line-height:34px;height:34px;overflow:hidden;}
.foot p a,.foot p span{color:#999}
.foot .paper{float:left;}
.foot .paper a{margin-right:1em;}
.foot .copyright{float:right;}