@charset "utf-8";
html{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body{min-width:320px;max-width:100%;font-size:62.5%;width:100%;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-text-size-adjust:none;color:#444;margin:auto; background:#ececec; font-family:Helvetica, Arial, sans-serif;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
ul,li{ list-style: none}

.warp { padding-top:44px;}

.header { width:100%; height:44px; background:#d82324; position:fixed; z-index:1000;}
.header .logo { width:106px; height:44px; margin:0 auto; background:url(../images/logo.svg) no-repeat; background-size:106px 32px; background-position: center center;}
.header a span { display:none;}
.header .menu { display:block; width:44px; height:44px; background:url(../images/icon_menu.png) no-repeat; background-size:26px 26px; background-position: center center; position:absolute; left:15px; top:0;}
.header .back { display:block; width:44px; height:44px; background:url(../images/icon_back.png) no-repeat; background-size:26px 26px; background-position: center center; position:absolute; left:15px; top:0;}
.header .jlp { display:block; width:61px; height:44px; background:url(../images/icon_jlp.png) no-repeat; background-size:61px 15px; background-position: center center; position:absolute; right:15px; top:0;}
.red { color:#cf1718;}
.green { color:#459b1b;}
.clear { clear:both;}


.to-top { display:block; width:40px; height:40px; background:url(../images/gotop.png) no-repeat; background-size:40px 40px;}
.to-top span { display:none;}
/*pic-carousel*/
.pic-carousel{ width:100%; margin:0 auto; max-width:100%; overflow:hidden;}
.banner{position:relative; width:100%; overflow:hidden;max-height:100%;height:auto}
.pic-carousel .scroller{ list-style:none; overflow: hidden; display: block;max-height:100%;height:auto}
.pic-carousel .scroller li{ float:left; display: inline-block; text-align:center;overflow: hidden;max-height:100%;height:auto}
.pic-carousel .scroller li img { width:100%; min-width:320px; max-width:100%; height:auto; max-height:100%; min-height:132px;display:block}
.pic-num{ position:absolute; z-index:999; bottom:0.642em; right:0.588em; width:100%; height:10px; text-align:right;}
.pic-type{display: table; width: 100%;}
.pic-num .pic-cell{ display:inline-block; width:0.6em; height:0.6em; margin-left:0.264em; border-radius:0.176em; background-color:#fff; text-indent:-9999px; opacity:0.6;}
.pic-num .pic-cell.on{ background-color:#d82324;}

.iconBar { padding:0 10px; margin:0 auto; height:220px; background:#fff;}
.iconBar a { display:block; background:#000; width:25%; float:left; text-align:center; padding-top:76px; color:#444; text-decoration:none; font-size:13px;}
.iconBar a.icon1 { background:url(../images/iconbar-icon1.png) no-repeat center 15px; background-size:50px 50px;}
.iconBar a.icon2 { background:url(../images/iconbar-icon2.png) no-repeat center 15px; background-size:50px 50px;}
.iconBar a.icon3 { background:url(../images/iconbar-icon3.png) no-repeat center 15px; background-size:50px 50px;}
.iconBar a.icon4 { background:url(../images/iconbar-icon4.png) no-repeat center 15px; background-size:50px 50px;}
.iconBar a.icon5 { background:url(../images/iconbar-icon5.png) no-repeat center 15px; background-size:50px 50px;}
.iconBar a.icon6 { background:url(../images/iconbar-icon6.png) no-repeat center 15px; background-size:50px 50px;}
.iconBar a.icon7 { background:url(../images/iconbar-icon7.png) no-repeat center 15px; background-size:50px 50px;}
.iconBar a.icon8 { background:url(../images/iconbar-icon8.png) no-repeat center 15px; background-size:50px 50px;}

.stockQuotes { padding:15px 10px; margin:0 auto 10px auto;background:#f9f9f9; border-top:1px solid #ececec;}
.stockQuotes .scont { width:33%; float:left;}
.stockQuotes .scont .c { padding-left:18px;}
.stockQuotes .scont .c a { text-decoration:none; color:#444; display:block;}
.stockQuotes .scont .q1 { font-size:20px; margin-bottom:4px;}
.stockQuotes .scont .q2 { font-size:12px;}
.stockQuotes .scont .q2 span { margin-left:6px;}

.bannerBar { margin-bottom:10px;}

.tabClick{ background: #fff; overflow: hidden; font-size:16px; color:#999;}
.tabClick li{ height:44px; line-height: 44px; width: 50%; float: left; text-align: center}
.tabClick li.active{ color: #444; transition: 0.1s;}
.tabCon{ overflow: hidden}
.tabBox{ position: relative}
.tabList{word-break: break-all; width:100%;float:left;}
.lineBorder{ height: 1px; overflow: hidden; border-bottom:1px solid #ddd; background: #fff;}
.lineDiv{ background: #d82324; height: 1px; width: 50%;}

.newsBox { margin-bottom:15px;}
.newsList { padding:5px 20px; background:#fff;}
.newsList li { border-bottom:1px solid #eee; background:#fff; padding:14px 0;}
.newsList li a { text-decoration:none; color:#444;}
.newsList .txt { font-size:16px; margin-bottom:3px;}
.newsList .date { font-size:13px; color:#999; font-weight:normal;}
.more { text-align:center; background:#fff;}
.more a { display:block; padding:10px 0 15px 0; text-decoration:none; color:#999; font-size:14px;}
.more a span { display:inline-block; margin:0 auto;background:url(../images/more.png) no-repeat left center; background-size:18px 18px; width:110px;}

.indAbout { background:#fff;padding:0 20px; margin-bottom:10px;}
.indAbout .txt { padding:20px 0;line-height:1.8em; font-size:14px;border-bottom:1px solid #eee; text-indent:2em;}
.tel { text-align:center; padding-bottom:15px;}
.tel a { display:inline-block; text-decoration:none; width:132px; height:65px; background:url(../images/95386.png) no-repeat; background-size:132px; height:65px;}
.tel a span { display:none;}
.footer { text-align:center; font-size:12px; background:#dcdcdc; padding:10px 0;color:#999; }
.footer p { margin-bottom:0.5em;}
.footer a { color:#999; text-decoration:underline;}


.sidebar{margin:0; background:#fff;}
.sidebar a { text-decoration:none;}
.sidebar .hd {background:#d82324; height:56px; line-height:56px; color:#fff; padding:0 20px; font-size:22px;}
.nav { padding:10px;}
.nav li { height:48px; line-height:48px; border-bottom:1px solid #eee;font-size:16px;}
.nav li a { color:#444; display:block; padding:0 10px 0 45px;}
.nav li.nav1 a { background:url(../images/nav_icon1.png) no-repeat 10px center; background-size:18px 18px;}
.nav li.nav2 a { background:url(../images/nav_icon2.png) no-repeat 10px center; background-size:18px 18px;}
.nav li.nav3 a { background:url(../images/nav_icon3.png) no-repeat 10px center; background-size:18px 18px;}
.nav li.nav4 a { background:url(../images/nav_icon4.png) no-repeat 10px center; background-size:18px 18px;}
.nav li.nav5 a { background:url(../images/nav_icon5.png) no-repeat 10px center; background-size:18px 18px;}
.nav li.nav6 a { background:url(../images/nav_icon6.png) no-repeat 10px center; background-size:18px 18px;}
.nav li.nav7 a { background:url(../images/nav_icon7.png) no-repeat 10px center; background-size:18px 18px;}
.nav li.nav8 a { background:url(../images/nav_icon8.png) no-repeat 10px center; background-size:18px 18px;}

.topnav { background:#fff;}
.topnav a { display:inline-block; width:33%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#444; text-decoration:none;}
.topnav a.cur { border-bottom:1px solid #d82324;}
.topnav2 { background:#fff;}
.topnav2 a { display:inline-block; width:50%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#444; text-decoration:none; border-bottom:1px solid #eee;}
.topnav2 a.cur { border-bottom:1px solid #d82324;}
.tt { font-size:16px; padding:15px; font-weight:normal;}
.tt span { padding-left:15px; border-left:3px solid #d82324;display:inline-block;}
.pageList { background:#fff; margin-bottom:15px;}
.pageList ul { padding:0 20px;}
.pageList ul li {border-bottom:1px solid #eee; background:#fff; padding:16px 0;}
.pageList a { text-decoration:none;}
.pageList .txt { font-size:17px; margin-bottom:3px; color:#444; line-height:1.5em;}
.pageList .date { font-size:13px; color:#999; font-weight:normal; color:#999; text-align:right;}

.newsDetails { background:#fff; padding:20px; margin-bottom:15px;}
.newsDetails h1 { font-size:24px; line-height:1.2em; margin-bottom:10px; padding:10px 0;}
.newsDetails h6 { font-size:14px; color:#999; font-weight:normal; margin-bottom:10px;}
.newsDetails h6 span { margin-right:15px;}
.newsDetails .txt { padding:10px 0;}
.newsDetails .txt p { text-indent:2em; margin-bottom:1em; font-size:18px;line-height:1.8em;}
.newsDetails .txt img { width:100%;}
.newsDetails .txt p.center { text-indent:0;}

.software {}
.software .soft { padding:20px; margin-bottom:15px; background:#fff;}
.software .soft .name.jlp { background:url(../images/app_jlp.png) no-repeat left top; background-size:54px 54px;}
.software .soft .name.dzh { background:url(../images/app_dzh.png) no-repeat left top; background-size:54px 54px;}
.software .soft .name.ths { background:url(../images/app_ths.png) no-repeat left top; background-size:54px 54px;}
.software .soft .name.qq { background:url(../images/app_qq.png) no-repeat left top; background-size:54px 54px;}
.software .soft .name { padding-left:68px; height:60px;}
.software .soft .name .t1 { font-size:22px; margin-bottom:3px;}
.software .soft .name .t2 { font-size:14px; color:#999;}
.software .soft .intro { padding:10px 0; border-bottom:1px solid #eee;}
.software .soft .intro p {text-indent:2em; line-height:1.8em; color:#666; font-size:16px;}
.software .soft .code { padding:10px; font-size:14px; color:#999; text-align:center;}
.software .soft .code span { margin:0 10px;}
.btnBar { text-align:center; padding:10px 0;}
.btnBar a { display:inline-block; height:40px; line-height:40px; background:#d82324; font-size:20px; color:#fff; text-align:center; text-decoration:none; width:80%; border-radius:20px;}
.btnBar2 { text-align:center; padding:10px 0;}
.btnBar2 a { display:inline-block; height:40px; line-height:40px; background:#fff; font-size:20px; color:#d82324; border:1px solid #d82324; text-align:center; text-decoration:none; width:80%; border-radius:20px;}

.loadingbar { text-align:center; padding:10px 0;}
.loading { display:inline-block; width: 40px; height: 40px; margin: 0 auto;}
.loadingtxt { font-size:16px; height:40px;line-height:40px; vertical-align:top; margin-left:10px; color:#888;}
.botlink { padding:0 0 20px 0; text-align:center;}
.botlink a { margin:0 10px;font-size:12px; border-radius:.5em; border:1px solid #ddd; background:#fff; padding:5px 15px; text-decoration:none; color:#333;}
.botlink a:hover { background:#d82324; color:#fff; border:1px solid #d82324;}


#newstock {
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  width:90px; height:90px; background:#F00; position:fixed; bottom:5%; right:5%; background:url(../images/newstock.png) no-repeat; background-size:90px 90px;
}
#newstock a { display:block;width:80px; height:80px;}

.table1 {border-collapse:collapse; border:1px solid #e9e9e9; margin:0 auto;}
.table1 td {empty-cells:show; border:1px solid #e9e9e9; font-size:14px; line-height:1.5em; padding:5px;word-break:break-all; overflow:hidden; text-indent:0;}
.table1 td.h {empty-cells:show; border:1px solid #e9e9e9; background:#fafafa;}

.newstable {border-collapse:collapse; border:1px solid #e9e9e9; margin:0 auto;}
.newstable th {empty-cells:show; border:1px solid #e9e9e9; font-size:14px; line-height:1.5em; padding:5px;word-break:break-all; overflow:hidden; text-indent:0; text-align:center; background:#f0f0f0;}
.newstable td {empty-cells:show; border:1px solid #e9e9e9; font-size:14px; line-height:1.5em; padding:5px;word-break:break-all; overflow:hidden; text-indent:0; text-align:center;}

.newstips { background:#f8f8f8; border:1px solid #ddd; padding: 15px; line-height:1.5em; font-size:12px; color:#666; width:95%; margin:0 auto; clear:both;}
.newstips b { font-weight:bold;}

.content { padding:0 10px;}
.adCont { background:#fff; text-align:center; padding:14px; border:1px solid #ccc; margin-bottom:10px;}
.adCont a { text-decoration:none; color:#333;}
.adCont img { margin-bottom:10px; width:100%;}
.adCont .t { font-size:14px; text-align:left;}
.adCont .t .tag { display:inline-block; background:#C00; color:#fff; font-size:12px; padding:2px 5px; margin-right:8px;}
.newstockBox { background:#fff; margin-bottom:10px;}
.newstockBox.end { margin-bottom:0;}
.stockList { padding:0 10px;}
.stockList li { padding:15px 10px; border-bottom:1px solid #eee;}
.stockList li a { display:block; text-decoration:none; color:#333;}
.stockList .name { font-size:20px; font-weight:bold; margin-bottom:6px; background:url(../images/arrow.png) no-repeat right center;background-size:10px 18px;}
.stockList .info span { display:inline-block; width:50%; font-size:13px; color:#999; height:24px; line-height:24px;}
.sh { width:24px; height:24px; margin-right:5px; display:inline-block; vertical-align:middle; background:url(../images/icon_sh.png) no-repeat left center; background-size:18px 18px;}
.sz { width:24px; height:24px; margin-right:5px; display:inline-block; vertical-align:middle; background:url(../images/icon_sz.png) no-repeat left center; background-size:18px 18px;}
.tt2 { font-size:16px; padding:15px 0 5px 0; font-weight:normal;}
.tt2 span { padding-left:15px; border-left:3px solid #d82324;display:inline-block;}
.bg { background:#fff;}
.newstockDetails { padding:25px;}
.newstockDetails .name { font-size:24px; font-weight:bold;}
.newstockDetails .txt { padding:15px 30px; font-size:15px;}
.newstockDetails .txt p { margin-bottom:1em; font-weight:normal; color:#666;}
.newstockDetails .txt p span { color:#333;}

.chooseCity { height:48px; line-height:48px; background:#fff; border-bottom:1px solid #eee; padding:0 15px; font-size:14px;}
.chooseCity .btn { float:right;}
.chooseCity .btn a { border-radius:2em; padding:5px 15px; border:1px solid #d82324; color:#d82324; font-size:13px; text-decoration:none;}
.cityBox { background:#fff;}
.cityList {}
.cityList li { border-bottom:1px solid #eee; font-size:15px; }
.cityList li a { text-decoration:none; color:#333;padding:15px 20px; display:block;background:url(../images/arrow.png) no-repeat 95% center; background-size:9px 16px;}
.cityLayer { background:#fff; position:absolute; top:0; left:0; width:100%; padding:60px 10px 10px 10px; z-index:2;display:none;}
.cityLayer .city a { display:inline-block; font-size:14px; padding:5px 20px; text-decoration:none; margin:0 5px 10px 5px; border-radius:2em; color:#333; border:1px solid #ddd;}
.cityLayer .city a.c { border:1px solid #d82324; color:#d82324; }
.layerbg { background:#000;opacity:0.6;height:100%; width:100%;  position:fixed; top:0; left:0; z-index:1; display:none;}
.cityBox .tt2 { font-weight:bold;}
.cityBox .tt3 { font-weight:bold; font-size:24px; padding:15px 0 15px 0; font-weight:bold;}
.cityBox .tt3 span { padding-left:15px; border-left:3px solid #d82324;display:inline-block;}
.linkList {}
.linkList li { border-bottom:1px solid #eee; font-size:15px;color:#333; line-height:1.5em;}
.linkList li a { text-decoration:none; color:#333;padding:15px 50px 15px 20px; display:block;background:url(../images/arrow.png) no-repeat 95% center; background-size:9px 16px;}
.linkList li.li {padding:15px 50px 15px 20px;}
.cityBox .btnbar2 { padding-top:50px;}