﻿/* css 
-----------------------------------------------------------------------------------------*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,span,strong,em,table,form,fieldset,input,textarea,p,th,td,img,input,button{ font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; margin: 0; padding: 0; font-size: 12px; color: #555; }
input,button,select,textarea,img{ outline: none; border: none; resize: none; }
h1,h2,h3,h4,h5,h6,p { font-size:100%; margin: 0; padding: 0; font-weight: normal; word-wrap:break-word; }
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; } /* ff midder */
ol,ul{ list-style:none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.clearfix{ zoom:1; }
.fl{ float: left; _display:inline; }
.fr{ float: right; _display:inline; }
.tc{ text-align:center; }
.tr{ text-align:right; }
.fb{ font-weight:bold; }
.mc{ margin:0 auto; }
.bn{ background:none; }
.relative{ position:relative; }
table { border-collapse:collapse; border-spacing:0; }
a:active, a:focus{ outline:none; }
.opacity{  opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
* html{ background-image:url(about:blank); background-attachment:fixed; } /* 修正IE6振动bug */
/* header banner */
.phone_header,.phone_banner,.down_info,.phone_block,.phone_footer{ display: none; }
body{ background: #f8f8f8; }
#header,
#page_header{ height: 56px; padding-top: 13px; background: url(header_back.jpg) repeat-x; overflow: hidden; border-bottom: 1px solid #fff; }
#page_header{ background: url(header_back_a.jpg) repeat-x; border-bottom: none; height: 65px; }
.header_content,
.footer_content,
.banner_main,
.function_list,
#main,
.function_block,
.features_title,
.features_bottom{ width: 960px; margin: 0 auto; }
.header_content h1,.logo{ display: block; width: 300px; height: 43px; float: left; overflow: hidden; }
.header_content h1{ padding-left: 32px; }
.logo{ background: url(logo.png) no-repeat; text-indent: -999px; }
#nav{ width: 320px; float: right; padding-top: 14px; }
#nav a{ display: block; width: 56px; height: 27px; line-height: 27px; margin: 0 3px; float: left; color: #606060; font-size: 14px; text-align: center; text-decoration: none; }
#nav a:hover,
#nav a.cur{ background: url(icon.png) no-repeat left -570px; color: #fff; }
.banner,
.banner_box{ height: 608px; overflow: hidden; }
.banner{ background: url(ban_repeat.jpg) repeat-x; }
.banner_box{ background: url(ban.jpg) no-repeat center top; }
.banner_main{ padding: 82px 50px 0 0; }
.banner_main h2,
.banner_main h3{ width: 500px; float: right; color: #2a2a2a; text-align: right; }
.banner_main h2{ font-size: 56px; height: 80px; }
.banner_main h3{ font-size: 28px; height: 46px; line-height: 46px; }
.download{ width: 600px; height: 113px; padding-top:94px; float: right; clear: both; }
.download .code{ display: block; width: 113px; height: 113px; float: right; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }
.download_but{ display: block; width: 232px; height: 83px; line-height: 77px; font-size: 24px; text-align: center; color: #fff; text-decoration: none; background: url(download.png) no-repeat; _background: url(ie-but.png) no-repeat; }
.download_but:hover{ background: url(download.png) no-repeat left -83px; _background: url(ie-but.png) no-repeat left -89px; }
.download_but.style_a{ margin-right: 26px; float: right; }
.download_but.style_b{ margin: 0 auto; }
.download p{ width: 460px; padding-top: 10px; float: left; text-align: right; color: #e6eef5; }
.autimg{ width: 371px; height: 49px; background: url(aut.png) no-repeat left top; clear: both; float: right; margin-top: 66px; }
.autimg .autlink_a,
.autimg .autlink_b{ display: block; height: 49px; }
.autimg .autlink_a{ width: 170px; float: left; }
.autimg .autlink_b{ width: 198px; float: right; }
/* main */
#main{ clear: both; }
/* function block */
.function_block{  position: relative; width: 892px; height: 469px; padding-left: 68px; background: url(block_img.png) no-repeat center top; }
.function_block.height_a{ height: 505px; }
.function_block.height_b{ height: 485px; }
.function_block.height_c{ height: 528px; }
.function_info,
.function_infotion{ width: 384px; padding: 144px 0 0 0; }
.function_info h2,
.function_infotion h2,
.function_infotion p,
.function_info p{ width: 314px; float: right; }
.function_info h2,
.function_infotion h2{ line-height: 48px; padding-bottom: 5px; font-size: 30px; }
.function_info p,
.function_infotion p{ line-height: 20px; color: #999; font-size: 14px; }
.function_list dd .icon_a,
.function_list dd .icon_b,
.function_list dd .icon_c,
.function_info .icon_d,
.function_info .icon_e{ display: block; background: url(icon.png) no-repeat; float: left; overflow: hidden; text-indent: -999px; }
.function_info .icon_d,
.function_info .icon_e{ width: 48px; height: 48px; background-position: left -279px; }
.function_info .icon_e{ background-position: left -334px; }
.function_infotion{ position: absolute; z-index: 100; top: 0; left: 40px; }
.function_info a{ display: block; text-decoration: none; cursor: pointer; }
.function_img{ width: 393px; height: 384px; position: relative; padding-top: 85px; }
.function_img.p{ padding-left: 66px; width: 318px; }
.animate_a{ width: 81px; height: 171px; position: absolute; z-index: 11; left: -57px; top: 298px; background: url(dc_a.png) no-repeat left top; _background: url(iedc_a.png) no-repeat left top; }
.animate_a .canvas{ width: 65px; height: 144px; position: relative; float: left; margin: 20px 0 0 8px; display: inline; overflow: hidden; background: url(red.png) no-repeat left 130px; }
.canvas .icon_img{ width: 37px; height: 64px; position: absolute; z-index: 33; top: 40px; left: 14px; }
.animate_b{ width: 122px; height: 141px; position: absolute; z-index: 12; bottom: 10px; left: -60px; }
.function_img .ad{ display: block; width: 297px; height: 65px; position: absolute; z-index: 11; top: 290px; left: 84px; }
.position_img{ position: absolute; z-index: 22; top: 144px; left: 0; }
/* function list */
.function_list{ height: 160px; padding-top: 88px; clear: both; background: url(line.png) no-repeat left top; }
.function_list dd{ width: 292px; height: 90px; padding-left: 28px; float: left; cursor: pointer; }
.function_list dd p{ width: 182px; line-height: 30px; padding-top: 14px; font-size: 18px; float: right; }
.function_list dd .icon_a,
.function_list dd .icon_b,
.function_list dd .icon_c{ width: 91px; height: 90px; background-position: left top; }
.function_list dd .icon_b{ background-position: left -90px; }
.function_list dd .icon_c{ background-position: left -180px; }
.function_list dd a{ text-decoration: none; cursor: pointer; }
/* features */
.features_title{ display: block; height: 64px; line-height: 64px; clear: both; }
.features_title h2{ width: 300px; float: left; padding-left: 32px; font-size: 22px; }
.features_title .down_link{ width: 300px; padding-right: 24px; text-align: right; float: right; color: #489ae2; text-decoration: none; }
.features_title .down_link:hover{ text-decoration: underline; }
.features_img{ display: block; position: absolute; z-index: 99; overflow: hidden; }
.features_img.position_a{ height: 429px; top: 76px; left: 27px; }
.features_img.position_b{ height: 373px; top: 96px; right: 111px; }
.features_img.position_c{ height: 378px; top: 91px; left: -48px; }
.features_img.position_d{ height: 435px; top: 50px; right: 0; }
.features_img.position_e{ height: 442px; top: 86px; left: 0; }
.features_img.position_f{ height: 375px; top: 94px; right: 30px; }
.features_bottom{ position: relative; height: 80px; padding: 46px 0; background: url(line.png) no-repeat left top; }
.link_text{ display: block; text-decoration: none; clear: both; color: #489ae2; margin-left: 210px; }
/* news */
.home_news_list{ width: 554px; height: 280px; }
.home_news_list dt,
.home_bbs_list dt{ height: 60px; line-height: 60px; border-bottom: 1px solid #e5e5e5; margin-bottom: 8px; }
.home_news_list dt a,
.home_bbs_list dt a{ float: right; font-size: 14px; color: #999; text-decoration: none; }
.home_news_list dt a:hover,
.home_bbs_list dt a:hover{ color: #333; }
.home_news_list dt strong,
.home_bbs_list dt strong{ float: left; font-size: 24px; font-weight: normal; }
.home_news_list dd,
.home_bbs_list dd{ height: 32px; line-height: 32px; font-size: 14px; overflow: hidden; }
.home_news_list dd a,
.home_bbs_list dd a{ color: #555; overflow: hidden; float: left; text-decoration: none; }
.home_news_list dd a{ width: 446px; }
.home_news_list dd a:hover,
.home_bbs_list dd a:hover{ text-decoration: underline; color: #333; }
.home_news_list dd span{ float: right; }
.home_bbs_list{ width: 352px; height: 280px; }
/* footer */
#footer{ height: 92px; padding: 32px 0 0 0; background: url(footer_back.jpg) repeat-x; }
.footer_content p{ width: 680px; height: 46px; line-height: 46px; color: #999; float: left; }
.footer_content p a{ color: #999; text-decoration: none; }
.footer_content p a:hover{ color: #999; text-decoration: underline; }
.footer_content{ height: 80px; position: relative; }
.share{ display: inline; width: 270px; height: 60px; float: right; overflow: hidden; }
.share .weixin,
.share .sina,
.share .qq{ display: inline-block; width: 56px; height: 16px; padding-top: 36px; background:#eee url(icon.png) no-repeat left -384px; float: left; text-decoration: none; color: #999; text-align: center; margin-left: 25px; overflow: hidden; }
.share .sina{ background-position: left -452px; }
.share .qq{ margin-right: 0; background-position: left -512px; }
.share .weixin:hover,
.share .sina:hover,
.share .qq:hover{ color: #777; background-position: left -730px; }
.share .weixin:hover{ background-position: left -602px; }
.share .sina:hover{ background-position: left -670px; }
.tip_weixin{ display: none; width: 314px; height: 165px; position: absolute; z-index: 44; top: -166px; left: 586px; }
/* video */
.home_video{ display: block; width: 922px; height: 260px; margin: 0 auto; padding-top: 28px; }
.home_video dd{ position: relative; width: 275px; height: 195px; float: left; border: 1px solid #b7b9c2; margin-right: 42px; cursor: pointer; }
.home_video dd img{ vertical-align: top; }
.home_video dd.vmr{ margin-right: 0; }
.video_title{ width: 275px; height: 58px; background:#000 url(video_icon.png) no-repeat 226px center; overflow: hidden; position: absolute; z-index: 11; top: 136px; left: 0; border-top: 1px solid #676769; overflow: hidden; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
.video_title p{ font-size: 15px; color: #fff; line-height: 22px; padding: 6px 0 0 12px; }
.video_content{ display: none; position: relative; width: 880px; height: 550px; padding: 10px; border: 1px solid #ccc; border-radius: 10px; box-shadow: 1px 1px 30px 10px #000; background: #fff; position: fixed; _position:absolute; z-index: 99999; top:80px; _margin-top:80px; _top:expression(eval(document.documentElement.scrollTop)); }
#mask{ display: none; width: 100%; background: #000; position: absolute; z-index: 8888; top: 0; left: 0; }
#video_close{ display: block; width: 28px; height: 28px; background: url(close_but.png) no-repeat left top; text-indent: -999px; overflow: hidden; position: absolute; z-index: 33; top: 10px; right: 10px; cursor: pointer; }
.video_content h4{ height: 40px; line-height: 40px; font-size: 16px; text-indent: 10px; color: #666;
 }
 #main_content{ width: 880px; height: 510px; clear: both; overflow: hidden; background: url(loding.gif) no-repeat center center; }
 /* hot news */
.news-tipbox,.news-tipmain{ width: 100%; }
.news-tipbox,.close_new{ position: absolute; z-index: 99; }
.news-tipbox{ top: 71px; left: 0; display: none; height: 40px; overflow: hidden; }
.news-tipmain{ background: url(tipback.jpg) repeat-x; height: 40px; }
.news-tipcont{ position: relative; width: 980px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; }
.news-tipcont a{ color: #fff; text-decoration: none; padding: 4px 30px 4px 0; background: url(newsicon.jpg) no-repeat right center; }
.news-tipcont a:hover{ text-decoration: underline; } 
.close_new{ display: block; width: 16px; height: 17px; background: url(closebuta.jpg) no-repeat left top; right:10px; top: 11px; cursor: pointer; overflow: hidden; text-indent: -999px; }

.newsList2 a{ text-decoration: none; color: #333; } 
.newsList2 a:hover{ text-decoration: underline; } 
/* original =============================================================================*/
.phoneduba-maincont{ width: 896px; padding: 20px 42px 40px 42px; background: #F7F7F7; }
.phoneduba-newleftcont,.phoneduba-newlist{ width: 560px; overflow: hidden; }
.phoneduba-newleftcont h3,.phoneduba-newleftcont h4,.phoneduba-newleftcont h5,.phoneduba-newleftcont p{ width: 560px; }
.phoneduba-newleftcont h3{ font-size: 18px; line-height: 30px; color:#006600}
.phoneduba-newleftcont h4{ font-size: 14px; line-height: 22px; padding: 10px 0; }
.phoneduba-newleftcont h4.style{ padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
.phoneduba-newleftcont h5{ font-weight: normal; line-height: 22px; padding-bottom: 20px; }
.phoneduba-newleftcont p{ line-height: 22px; font-size: 14px; }
.phoneduba-newleftcont p.style{ padding-top: 20px; }
.phoneduba-newleftcont p.styleb{ padding:10px 0; }
.phoneduba-newleftcont p.stylec{ text-indent: 10px; }
.phoneduba-newleftcont .bottomdiv{ position: relative; border-top: 1px dashed #ccc; padding-top: 10px; width: 560px; height: 42px; line-height: 42px; clear: both; }
.phoneduba-newleftcont .button{ width: 120px; height: 37px; cursor: pointer; position: absolute; z-index: 12; top:10px; right:20px; border:none; background:url(but.jpg) no-repeat left top; }
.phoneduba-newrightlist{ width: 260px; }
.phoneduba-newrightlist .downsubmit{ width: 260px; height: 60px; border:none; cursor: pointer; background: url(but.jpg) no-repeat left -44px; clear: both; }
.phoneduba-newrightlist .newslist-title{ padding-top: 40px; position: relative; width: 260px; height: 30px; line-height: 30px; font-size: 14px; border-bottom: 1px solid #E1E1E1; }
.phoneduba-newrightlist .newslist-title a{ color: #959595; position: absolute; z-index: 11; top:40px; right:0; background: url(icon.jpg) no-repeat 30px -114px; padding-right: 20px; }
.phoneduba-newrightlist ol,.newsList{ width: 260px; clear: both; overflow: hidden; padding-top: 10px; }
.phoneduba-newrightlist ol li,.newsList li{ width: 260px; height: 30px; line-height: 30px; background:url(icon.jpg) no-repeat left -3px; text-indent: 30px; overflow: hidden; }
.phoneduba-hotnew{ width:365px; height: 50px; line-height: 50px; color: #333; font-size: 22px; font-weight: bold; position: absolute; z-index: 99999; top:394px; left:600px; }
.phoneduba-hotnew a{ color: #333; text-decoration: none; }
.phoneduba-hotnew a:hover{ text-decoration: underline; }
.newsList li.back-none{ background: none; text-indent: 0px; _margin-left: -16px; font-size: 14px; }
.newsList li.back-none a{ color: #5b5b5b; }
/*news list style
-----------------------------------------------------------------------------------------*/
.phoneduba-newlist{ padding-bottom: 30px; width: 560px; }
.phoneduba-newlist.pt-10{ padding-top: 10px; }
.phoneduba-newlist.style{ padding: 10px 0 0 5px; width: 624px; }
.phoneduba-newlist.style li{ font-size: 14px; width: 624px; }
.phoneduba-newlist li{ width: 560px; height: 30px; line-height: 30px; display: inline; }
.phoneduba-newlist li a{ width: 460px; float: left; height: 30px; text-decoration: none; color: #333; line-height: 30px; overflow: hidden; text-decoration: none;  }
.phoneduba-newlist li a:hover{ text-decoration: underline; }
.phoneduba-newlist li span{ width: 80px; color: #BEBFBE; float: right; text-align: right; }
.phoneduba-newlist li span.color{ color: #5B5B5B; font-size: 12px; }
.phoneduba-newlist li a img{ margin-left:10px; }
.phoneduba-newlist.style li a{ color: #5B5B5B; }
/*dynamic style
-----------------------------------------------------------------------------------------*/
.phoneduba-dynamicinfo{ width: 980px; padding-top: 30px; }
.phoneduba-dynamicinfo .leftnews{ width: 630px; }
.phoneduba-dynamicinfo .leftnews h3,.phoneduba-dynamicinfo .rightbbs h3{ padding-bottom: 10px; clear: both; position: relative; height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; background: url(hr.jpg) repeat-x left 30px; }
.phoneduba-dynamicinfo .rightbbs{ width: 260px; padding-right: 42px; }
.phoneduba-dynamicinfo .leftnews h3 span,.phoneduba-dynamicinfo .rightbbs h3 span{ font-weight: normal; font-size: 12px; position: absolute; z-index: 99; top:0; right:0; line-height: 24px; }
/*updatelog style
-----------------------------------------------------------------------------------------*/
.phoneduba-logcontblock{ width: 536px; position: relative; background: url(logleftbg.jpg) repeat-y 6px top; padding-bottom: 20px; }
.phoneduba-logcontblock .topback{ width: 2px; position: absolute; z-index: 22; top:0; left:6px; height: 50px; background: url(loglefttop.jpg) no-repeat; }
.phoneduba-logcontblock .bottomback{ width: 2px; position: absolute; z-index: 22; bottom:0; left:6px; height: 50px; background: url(logleftbottom.jpg) no-repeat; bottom:0; }
.phoneduba-logcontblock .contenttext{ position: relative; line-height: 22px; width: 400px; padding:10px; background: #eee; }
.phoneduba-logcontblock .ytimediv{ width:85px; height: 42px; padding-left: 15px; color: #868686; position: absolute; z-index: 999; top:0; left:-116px; background: url(curlog.jpg) no-repeat left bottom; }
.phoneduba-logcontblock .ytimediv strong{ font-size: 16px; color: #868686; }
.phoneduba-logcontblock .ytimediv.style{ background: url(logdate.jpg) no-repeat left bottom; }
.phoneduba-logcontblock h2,.phoneduba-logcontblock p{ position: relative; font-size: 12px; font-weight: normal; line-height: 20px; width: 400px; text-indent: 0; }
.phoneduba-logcontblock p a{ color: #0f6ac5; text-decoration: none;  position: absolute; z-index: 44; top:0; right:20px; }
.phoneduba-logcontblock p a:hover{ text-decoration: underline; }
/*upload file style
-----------------------------------------------------------------------------------------*/
.phoneduba-uploadbox{ width: 980px; margin: 10px auto 0 auto; background: #f7f7f7; padding: 50px 0; }
.phoneduba-uploadbox h2{ font-size: 14px; clear:both; }
.phoneduba-uploadbox ul{ width: 532px; padding-top: 50px; }
.phoneduba-uploadbox li{ position: relative; width: 90px; float: left; height: 62px; font-size: 14px; line-height: 30px; }
.phoneduba-uploadbox li.width-442{ width: 442px; }
.phoneduba-uploadbox li.height-190{ height: 190px; }
.phoneduba-uploadbox li .righttext{ position: absolute; z-index: 12; top:2px; right:-70px; font-size: 12px; color: #0f6ac5; }
.phoneduba-uploadbox li .uploadbutton{ width: 90px; height: 29px; line-height: 29px; background:url(but.jpg) no-repeat -2px -160px; border: none; font-size: 14px; color: #fff; cursor: pointer; margin-left: 10px; }
.phoneduba-uploadbox li .spanstyle{ position: absolute; z-index: 11; bottom:40px; right:8px; overflow: hidden; }
.phoneduba-uploadbox li .uploadtext,.phoneduba-uploadbox li .uploadtexttwo{ color: #999; width: 300px; height: 30px; border:1px solid #B6B6B6; padding: 0 3px; line-height: 30px; }
.phoneduba-uploadbox li .uploadtextarea{ color:#999; width: 426px; height: 94px; line-height: 22px; overflow-x:hidden; overflow-y:auto; resize:none; border:1px solid #B6B6B6; padding: 3px; }
.phoneduba-uploadbox li p{ height: 22px; line-height: 22px; overflow: hidden; font-size: 12px; color: red; clear: both; }
/* phone duba style */
@media screen and (min-width: 1px) and (max-width : 480px){
	body{ background: none; }
	#header,#banner,#main,#footer,.banner_box,.banner,.home_video,.news-tipbox,.news-tipmain,.news-tipmain,.news-tipcont{ display: none; }
	.phone_header,.phone_banner,.down_info,.phone_block,.phone_footer{ display: block; width: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); }
	.phone_header{ padding: 8px 0 5px 0; background:-webkit-linear-gradient(top, #fff, #fafafa); background: linear-gradient(top, #fff, #fafafa); border-bottom: 1px solid #fff; text-indent: 10px; }
	.phone_header img{ width: 135px;  }
	.phone_banner{ height: 140px; background:-webkit-linear-gradient(top, #a6dcfc, #e3f5ff); background: linear-gradient(top, #a6dcfc, #e3f5ff); -webkit-box-shadow: 0 2px 4px #666 inset; box-shadow: 0 2px 4px #666 inset; border-bottom: 1px solid #d1e3ef; }
	.banner_content{ width: 280px; margin: 0 auto; padding-top: 17px; }
	.banner_content img{ float: left; width: 98px; }
	.banner_content h2{ width: 166px; height: 30px; line-height: 30px; float: left; font-size: 16px; font-weight: bold; }
	.banner_content h2.style{ padding-top: 15px; }
	.down_info{ padding: 20px 0; }
	.down_info .download_but{ display: block; width: 154px; height: 42px; line-height: 42px; margin: 20px auto 0 auto; background: #27b2ff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 4px #666; box-shadow: 0 2px 4px #666; color: #fff; text-decoration: none; font-size: 24px; }
	.down_info p{ text-align: center; padding-top: 15px; font-size: 16px; line-height: 22px; }
	.down_info p a{ color: #2e84d9; padding: 0 10px; text-decoration: none; }
	.phone_block{ display: inline-block; width: 100%; height: 100px; border-top: 1px solid #ebebeb; background:-webkit-linear-gradient(top, #f9f9f9, #fff); background: linear-gradient(top, #f9f9f9, #fff); padding: 20px 0; }
	.phone_block.style{ height: 126px; }
	.phone_block span{ padding: 0 10px; width: 30px; height: 100px; float: left; }
	.phone_block img{ width: 30px; height: 30px; }
	.phone_block h3,
	.phone_block p{ width: 240px; float: left; }
	.phone_block h3{ height: 30px; line-height: 30px; font-size: 20px; }
	.phone_block p{ line-height: 26px; font-size: 16px; color: #777; }
	.phone_footer{ width: 100%; display: block; padding: 22px 0; font-size: 16px; text-align: center; line-height: 26px; border-top: 1px solid #ebebeb; }
	.phone_footer a{ color: #333; text-decoration: none; }
}