﻿/* public style 
-----------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font { color: #4B4B4B; margin:0; padding:0; font-size:12px; font-family:Helvetica,sans-serif,Arial; }
fieldset,img {border:0; } 
.body-back{ background:url(../images/body-bg.jpg); }
ol,ul {list-style:none; } 
a{ color:#333; text-decoration:none; }
a:hover{ text-decoration:underline; }
h1,h2,h3,h4,h5,h6,p {font-size:100%; word-wrap:break-word; }
.tc{ text-align:center; }
.tr{ text-align:right; }
.fb{ font-weight:bold; }
.mc{ margin:0 auto; }
table {border-collapse:collapse;border-spacing:0; }
textarea, input{font-size: 12px; }
i, cite, em, var, dfn, address {font-style: normal; }
a:active, a:focus{outline:none}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0;}
.clearfix{zoom:1;}
.clear{clear:both; height:0; line-height:0; font-size:0; }
.fl{ float:left; _display:inline; }
.fr{ float:right; _display:inline; }
.opacity{  opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.yaHei{font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;}
/*go to top
-----------------------------------------------------------------------------------------*/
.backToTop{display:none; width: 90px; height:25px; overflow:hidden; background: url(../images/top.png) no-repeat; position: fixed; left:50%; bottom: 140px; margin-left:530px; cursor: pointer; text-indent:-9999px; z-index:9999;}
/*go to top
-----------------------------------------------------------------------------------------*/
.overlay-a-v2 { display:none; z-index:10000; background-color:#fff; width:700px; height:610px; border:1px solid #9a9aa1; box-shadow:0 0 90px 5px #000; margin-top:-30px; border-radius:10px;}
.overlay-a-v2 .close {background-image:url(../images/close.gif); position:absolute; right:27px; top:14px; cursor:pointer; height:20px; width:19px;}
.overlay-a-v2 .tit{heigth:30px; line-height:30px; font-size:18px; padding:10px 25px 5px 27px;}
.overlay-a-v2 .desc{font-size:12px; margin-left:20px;}
.overlay-video-v2-plug{width:650px; height:534px; overflow:hidden; margin:0 auto;}
/*header style
-----------------------------------------------------------------------------------------*/
.phoneheader{ width: 100%; height: 74px; background: url(../images/header-bg.jpg) repeat-x; overflow: hidden; } 
.phoneheadercontdiv{ width: 980px; height: 74px; }
.phoneheadercontdiv .logo{ position: relative; width: 190px; height: 50px; padding-top: 12px; }
.phonemenu{ width:500px; padding-top:24px; height: 30px; overflow: hidden; }
.phonemenu li{ width: 100px; height: 30px; line-height: 30px; float: right; font-size: 14px; }
.phonemenu li.fl{ float: left; }
.phonemenu li.none{ display: none; }
.phonemenu li a{  display: block; color: #737373; text-decoration: none; }
.phonemenu li a:hover,.phonemenu li a.cur{ color: #B7B7B7; text-decoration: none; background: url(../images/menu-cur.jpg) no-repeat center top; }
/*footer style
-----------------------------------------------------------------------------------------*/
.phonefooter{ width: 980px; height: 88px; background: url(../images/hr.jpg) repeat-x left 30px; padding-top: 34px; } 
.phonefooter p{ width: 680px; color: #767676; line-height: 30px; }
.phonefooter p a{ color: #767676; text-decoration: none; }
.phonefooter p a:hover{ text-decoration: underline; }
.phonefooter ul{ width: 260px; height: 36px; overflow: hidden; }
.phonefooter ul li{ width:130px; font-size: 14px; background: url(../images/icon.jpg) no-repeat -17px -40px; height: 34px; text-indent: 34px; line-height: 28px; overflow: hidden; }
.phonefooter ul li.styleqq{ background: url(../images/icon.jpg) no-repeat -15px -76px; text-indent: 38px; }
.phonefooter ul li a{ display: block; text-decoration: none; color: #333; }
.phonefooter ul li a:hover{ text-decoration: underline; }
/*home style
-----------------------------------------------------------------------------------------*/
.phonehoemtoobar{ width: 980px; padding: 38px 0 10px 0; }
.phonehoemtoobar dd{ width: 314px; margin-right: 19px; cursor: pointer; }
.phonehoemtoobar .imgstyle{ width: 297px; height: 170px; padding:12px 0 0 17px; clear: both; background: url(../images/icon-listbg.jpg) no-repeat; }
.phonehoemtoobar dd.mr-0{ margin-right: 0; }
.phonehoemtoobar h2{ font-size: 24px; height: 47px; line-height: 47px; margin:20px 0 10px 0; width: 304px; text-indent: 70px; background:url(../images/icon.jpg) no-repeat 10px -200px; }
.phonehoemtoobar h2.backa{ background-position:10px -152px; }
.phonehoemtoobar h2.backb{ background-position:10px -200px; }
.phonehoemtoobar p{ width: 304px; padding-left: 10px; font-size: 14px; line-height: 24px; color: #5B5B5B; }
/*main style
-----------------------------------------------------------------------------------------*/
.phonetitle{ position:relative; width: 968px; height: 36px; font-size: 20px; color: #3A3A3A; background: url(../images/h2-bg.jpg) no-repeat left 30px; padding: 26px 0 0 12px; }
.phonetitle .downbutton{ background: url(../images/but.jpg) no-repeat -1px -112px; width:120px; height:42px; cursor:pointer; border:none; position:absolute; z-index:14; top:18px; right:20px; }
.phonetitle font{ font-size: 12px; font-weight: normal; color: #4B4B4B; padding-left: 5px; display: none; }
.phonemaincont{ width: 892px; padding: 50px 44px; background: #F7F7F7;  }
/*slide style
-----------------------------------------------------------------------------------------*/
.phoneslidediv{ position: relative; width: 100%; height: 554px; top:5px; clear:both; }
.phoneslidediv .slideDiv{ width:100%; height:564px; overflow:hidden; position:absolute; z-index: 11; bottom:0; left:0; }
.phoneslidediv .pt{ overflow:hidden; width:100%; position:relative; height:554x; }
.phoneslidediv .pt_cont{ position:relative; width:100%; height:564px; overflow:hidden;}
.phoneslidediv .pt_cont div { position: relative; position:absolute; height:554px; color: #fff; width: 100%; z-index: 23; top:0px; left:0; overflow: hidden; background: url(../images/slide-1bg.jpg) repeat-x; }
.phoneslidediv .pt_cont div.backa{ background: url(../images/slide-2bg.jpg) repeat-x; }
.phoneslidediv .pt_cont div.backb{ background: url(../images/slide-3bg.jpg) repeat-x; }
.phoneslidediv .pt_cont div.backc{ background: url(../images/slide-4bg.jpg) repeat-x; }
.phoneslidediv .pt_cont div dl{ width: 100%; height: 554px; background: url(../new-images/gslide-1.jpg) no-repeat center top; }
.phoneslidediv .pt_cont div dl.back1{  background: url(../new-images/gslide-2.jpg) no-repeat center top; }
.phoneslidediv .pt_cont div dl.back2{  background: url(../new-images/gslide-3.jpg) no-repeat center top; }
.phoneslidediv .pt_cont div dl.back3{  background: url(../new-images/gslide-4.jpg) no-repeat center top; }
.phoneslidediv .pt_cont div dl dd{ position: relative; width: 980px; height: 554px; margin:0 auto; overflow: hidden; }
.phoneslidediv .pt_cont h2{ width:380px; font-size: 36px; color: #fff; line-height: 48px; padding:146px 0 5px 0; clear: both; }
.phoneslidediv .pt_cont p{ position: relative; width:380px; line-height: 22px; clear: both; font-weight: bold; color: #333; }
.phoneslidediv .pt_cont p.height-70{ height: 80px; }
/*er wei ma style*/
.erweima{ background:#fff; display: none; padding:10px; position: absolute; top:330px; left:850px; width: 110px; height: 190px; z-index: 999999; }
.erweima h5{ position: absolute; z-index: 99; bottom: 10px; left:10px; font-size: 12px; font-weight: normal; line-height: 18px; clear: both; width: 110px; padding-top: 10px; }
/*end er wei ma style*/
.phoneslidediv .pt_cont p .textspan{ padding-left: 10px; text-decoration:underline; color: #09344A; cursor: pointer; }
.phoneslidediv .pt_cont p a{ padding-left:8px; color: #09344A; text-decoration: none;}
.phoneslidediv .pt_cont p a{ text-decoration:underline; }
.homeabut,.homeabuttwo{ position: relative; width:179px; height: 60px; font-size: 24px; font-weight: bold; color: #fff; margin:10px 10px 10px 0; background:url(../images/slide-but.png) no-repeat left top; cursor: pointer; border:none; }
.homeabuttwo{ background-position: left -126px; }
.phoneslidediv .pt_cont p a.homeabut{ width:179px; height: 60px; line-height: 60px; text-align: center; padding:0; font-size: 24px; font-weight: bold; color: #fff; text-decoration: none; margin:10px 10px 10px 0; background:url(../images/slide-but.png) no-repeat left top; cursor: pointer; border:none;  }
.phoneslidediv .pt_cont div dl dd img{ position: absolute; } 
.phoneslidediv .pt_cont .smask { z-index: -1; display: none;}
.phoneslidediv .pt_nav {overflow:hidden; width:160px; height: 12px; position:absolute; bottom:34px; right:23%; z-index:80; }
.phoneslidediv .pt_nav li {float:left; width:12px; cursor:pointer; height:12px; text-align:center; margin-right:20px; }
.phoneslidediv .pt_nav a { display:block; z-index:12; margin:0 auto; text-transform:uppercase; width:12px; color:#fff; line-height:16px; position:relative; height:12px; background:url(../images/slide-cur.png) no-repeat left top; _ background:url(../images/slide-cur.jpg) no-repeat 1px top; }
.phoneslidediv .pt_nav .current a { background-position: -20px 0; _background-position: -21px 0; }
/*news content style
-----------------------------------------------------------------------------------------*/
.phonenewleftcont,.phonenewlist{ width: 560px; overflow: hidden; }
.phonenewleftcont h3,.phonenewleftcont h4,.phonenewleftcont h5,.phonenewleftcont p{ width: 560px; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }
.phonenewleftcont h3{ font-size: 18px; line-height: 30px; }
.phonenewleftcont h4{ font-size: 14px; line-height: 22px; padding: 10px 0; }
.phonenewleftcont h4.style{ padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
.phonenewleftcont h5{ font-weight: normal; line-height: 22px; padding-bottom: 20px; }
.phonenewleftcont p{ line-height: 22px; }
.phonenewleftcont p.style{ padding-top: 20px; }
.phonenewleftcont p.styleb{ padding:10px 0; }
.phonenewleftcont p.stylec{ text-indent: 10px; }
.phonenewleftcont .bottomdiv{ position: relative; padding-top: 40px; width: 560px; height: 42px; line-height: 42px; clear: both; }
.phonenewleftcont .button{ width: 124px; height: 42px; cursor: pointer; position: absolute; z-index: 12; top:40px; right:20px; border:none; background:url(../images/but.jpg) no-repeat left top; }
.phonenewrightlist{ width: 260px; }
.phonenewrightlist .downsubmit{ width: 260px; height: 70px; border:none; cursor: pointer; background: url(../images/but.jpg) no-repeat -1px -42px; clear: both; }
.phonenewrightlist .newslist-title{ padding-top: 40px; position: relative; width: 260px; height: 30px; line-height: 30px; font-size: 14px; border-bottom: 1px solid #E1E1E1; }
.phonenewrightlist .newslist-title a{ color: #959595; position: absolute; z-index: 11; top:40px; right:0; background: url(../images/icon.jpg) no-repeat 30px -114px; padding-right: 20px; }
.phonenewrightlist ol,.newsList{ width: 260px; clear: both; overflow: hidden; padding-top: 10px; }
.phonenewrightlist ol li,.newsList li{ width: 260px; height: 30px; line-height: 30px; background:url(../images/icon.jpg) no-repeat left -3px; text-indent: 30px; overflow: hidden; }
.phonehotnew{ width:365px; height: 50px; line-height: 50px; color: #333; font-size: 22px; font-weight: bold; position: absolute; z-index: 99999; top:394px; left:600px; }
.phonehotnew a{ color: #333; text-decoration: none; }
.phonehotnew 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
-----------------------------------------------------------------------------------------*/
.phonenewlist{ padding-bottom: 30px; width: 560px; }
.phonenewlist.pt-10{ padding-top: 10px; }
.phonenewlist.style{ padding: 10px 0 0 5px; width: 624px; }
.phonenewlist.style li{ font-size: 14px; width: 624px; }
.phonenewlist li{ width: 560px; height: 30px; line-height: 30px; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; display: inline; }
.phonenewlist li a{ width: 460px; float: left; height: 30px; line-height: 30px; overflow: hidden; text-decoration: none;  }
.phonenewlist li a:hover{ text-decoration: underline; }
.phonenewlist li span{ width: 80px; color: #BEBFBE; float: right; text-align: right; }
.phonenewlist li span.color{ color: #5B5B5B; font-size: 12px; }
.phonenewlist li a img{ margin-left:10px; }
.phonenewlist.style li a{ color: #5B5B5B; }
/*page style
-----------------------------------------------------------------------------------------*/
.phonenewpage{ width: 560px; height: 30px; line-height: 30px; background: #eee; clear: both; }
.phonenewpage span,.phonenewpage font{ padding: 0 8px; cursor: pointer; }
.phonenewpage font{ padding: 0 5px; }
.phonenewpage font.cur{ font-weight: bold; }
/*features style
-----------------------------------------------------------------------------------------*/
.phonefeaturesmain{ width: 980px; clear: both; }
.phonefeaturesmain .divcontlist{ width: 900px; padding:40px 40px 30px 40px; clear: both; background: url(../images/divtop-bg.jpg) no-repeat left top;  }
.phonefeaturesmain h2{ width:335px; line-height: 47px; margin:60px 0 20px 0; font-size:20px; font-weight:normal; background:url(../images/icon.jpg) no-repeat left -152px; height:47px; padding-left:55px; overflow:hidden; }
.phonefeaturesmain h2.stylec{ line-height:47px; background-position:left -300px; margin:80px 0 20px 0; }
.phonefeaturesmain h2.stylea,.phonefeaturesmain h2.styleb{ background-position:left -250px; }
.phonefeaturesmain h2.stylea{ background-position:left -200px; }
.phonefeaturesmain p{ width:390px; line-height: 20px; font-size: 14px; }
.phonefeaturesmain p.pt-10{ padding-top:10px; }
/*dynamic style
-----------------------------------------------------------------------------------------*/
.phonedynamicinfo{ width: 980px; padding-top: 30px; }
.phonedynamicinfo .leftnews{ width: 630px; }
.phonedynamicinfo .leftnews h3,.phonedynamicinfo .rightbbs h3{ padding-bottom: 10px; clear: both; position: relative; height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; background: url(../images/hr.jpg) repeat-x left 30px; }
.phonedynamicinfo .rightbbs{ width: 260px; padding-right: 42px; }
.phonedynamicinfo .leftnews h3 span,.phonedynamicinfo .rightbbs h3 span{ font-weight: normal; font-size: 12px; position: absolute; z-index: 99; top:0; right:0; line-height: 24px; }
/*updatelog style
-----------------------------------------------------------------------------------------*/
.phonelogcontblock{ width: 536px; position: relative; background: url(../images/logleftbg.jpg) repeat-y 6px top; padding-bottom: 20px;  }
.phonelogcontblock .topback{ width: 2px; position: absolute; z-index: 22; top:0; left:6px; height: 50px; background: url(../images/loglefttop.jpg) no-repeat; }
.phonelogcontblock .bottomback{ width: 2px; position: absolute; z-index: 22; bottom:0; left:6px; height: 50px; background: url(../images/logleftbottom.jpg) no-repeat; bottom:0; }
.phonelogcontblock .contenttext{ position: relative; line-height: 22px; width: 400px; padding:10px; background: #eee; }
.phonelogcontblock .ytimediv{ width:85px; height: 42px; padding-left: 15px; color: #868686; position: absolute; z-index: 999; top:0; left:-116px; background: url(../images/curlog.jpg) no-repeat left bottom; }
.phonelogcontblock .ytimediv font{ font-size: 16px; color: #868686; }
.phonelogcontblock .ytimediv.style{ background: url(../images/logdate.jpg) no-repeat left bottom; }
.phonelogcontblock h2,.phonelogcontblock p{ position: relative; font-size: 12px; font-weight: normal; line-height: 20px; font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; width: 400px; text-indent: 0; }
.phonelogcontblock p a{ color: #0f6ac5; text-decoration: none;  position: absolute; z-index: 44; top:0; right:20px; }
.phonelogcontblock p a:hover{ text-decoration: underline; }
/*marquee news style
-----------------------------------------------------------------------------------------*/
.phonemarqueenews{ width: 530px; background: none; height: 30px; position: absolute; z-index: 9999; top: -50px; left:10px; }
.phonemarqueenews a{ color: #fff; text-decoration: none; font-size:18px; }
.phonemarqueenews a:hover{ text-decoration: underline; }
