@charset "utf-8";
/* CSS Document */

/* 总体样式 */
body{color:#333; background:#fff;}
div{line-height:24px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,pre,form,fieldset,legend,button,input,textarea,th,td,mainNav,menu,section,aside,article,footer,hggroup,nav,figure,figcaption,hgroup{margin:0;padding:0;}
body,button,input,select,textarea{ font-family:"微软雅黑"; font-size:12px;}
textarea{resize: none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline; color:#ff6783;}
small,font{font-size:12px;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
p{border:0; padding:0; margin:0;}
form,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dd,dt{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:14px;}
input,select{font-size:12px;line-height:16px; }
img,a img{border:0;}
ul,li{list-style-type:none;}
address,cite,dfn,em,var{font-style:normal;}

/* 公共样式 间距 颜色 字体 */
.clear{clear:both;}
.mg{ margin:0 auto; width:1020px; clear:both;  height:100%; position:relative;}
.hstm{ position:absolute; display:block; line-height:26px; height:26px; bottom:0; background:#000; width:280px; left:16px; bottom:3px; font-style:normal; color:#fff; text-align:center;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0:9;opacity:0.9;}
.mr0{ margin-right: 0 !important;}


.top_dh{ background:url(images/top_bg.png); height:80px; overflow:hidden; position:fixed; width:100%; z-index:10;}
.top_dh div.fl{ float:left;}
.top_dh div.fl div.logo{ background:url(images/logo.png); width:210px; height:61px; margin-top:9px;}
.top_dh div.fr{ float:right; width:750px; line-height:80px;}
.top_dh div.fr a{ color:#fff; display:block; width:150px; text-align:center; float:left; font-size:18px;}
.top_dh div.fr a:hover{color:#35f5ef; text-decoration:none;}
.top_dh div.fr a.qh{ background:url(images/top_bg.png); color:#ff6783;}

.top_dh div.fr i{width: 1px; height: 40px; margin: 20px 0; display: block; float: left; background: #666}
.top_dh div.fr a.jh{color: #35f5ef; font-weight: 600; width: 110px;}


.bnr_tp{ background: url(images/bnr_img.jpg) no-repeat center; width:100%; height:700px; overflow:hidden;}
.bnr_tp div.bg{background: url(images/bnr_bg.png); width:100%; height:700px;}
.bnr_tp div.mg{ position:relative;}
.bnr_tp div.wz{ width:820px; height:237px; text-align:center; color:#fff; font-size:60px; font-weight:bold; line-height:90px; padding-top:55px;letter-spacing:10px; text-shadow: #000 0px 0px 10px; position:absolute; top:250px; left:102px;}
.bnr_tp div.wz h1{ display:none;}

.bnr_tp div.spbf{ z-index:0;}
.bnr_tp div.spbg{ z-index:1; width:100%; height:700px; background: url(images/bnr_bg.png); position:absolute;}

.bnr_tp div.sz{ position:absolute; top:700px; left:0; height:80px; width:1020px;}
.bnr_tp div.sz p{ float:left; display:block; color:#fff; font-size:60px; width:412px; overflow:hidden; height:80px; line-height:80px;}
.bnr_tp div.sz p.z2{ width:220px;}
.bnr_tp div.sz p.z3{ text-align:right; float:right; width:200px;}
.bnr_tp div.sz p em{ font-size:22px; margin-left:10px;}

.tit{ background:url(images/tit_bg.png); height:36px; padding-left:25px; color:#999; font-size:34px; font-weight:bold; line-height:34px; margin:60px 0 40px 0;}
.tit em{ color:#ff6783;}

.data{ text-align: center; margin-bottom: 60px}
.data span{ display: inline-block;font-size: 35px;line-height:0.8; border-right:1px solid #eee; padding-right: 30px;margin-right: 30px;}
.data span.no_bor{border-right: none; padding-right: 0; margin-right: 0;}
.data span em{ font-style: normal; font-size: 14px; color: #999; line-height:}



.yzys{ position:relative;}
.yzys div.ys_tp{ background:url(images/ys_tp.png); height:352px; position:relative;}
.yzys div.ys_tp div{ position:absolute; color:#fff; font-size:35px; font-weight:bold; line-height:46px;}
.yzys div.ys_tp div.wz1{ left:59px; top:63px;}
.yzys div.ys_tp div.wz2{ left:251px; top:180px;}
.yzys div.ys_tp div.wz3{ left:440px; top:63px;}
.yzys div.ys_tp div.wz4{ left:630px; top:180px;}
.yzys div.ys_tp div.wz5{ left:821px; top:63px;}

.yzyx{ overflow:hidden; height:810px; position:relative;}
.yzyx div.yx_list{ overflow:hidden; height:460px;}
.yzyx div.yx_list ul li{ width:326px; height:230px; margin-right:21px; float:left; line-height:34px; font-size:14px; overflow:hidden;}
.yzyx div.yx_list ul li a{ color:#333; display:block; width:326px; height:220px;}
.yzyx div.yx_list ul li a:hover{color:#ff6783;}
.yzyx div.yx_list ul li img{width:326px; height:182px; display:block;}
.yzyx div.yx_list ul li.qc{ margin-right:0;}
.yzyx div.gd{ border:1px solid #eee; background:#fcfcfc; color:#ccc; font-size:14px; text-align:center; height:30px; line-height:30px;}
.yzyx div.hd_yd{ width: auto; height: 36px; background: #fff; position: absolute; right: 0; top:0;}
.yzyx div.hd_yd a{width: 15px; height: 15px; float: left; display: block; background: #ccc; border-radius: 50%; margin-left: 14px; margin-top: 10px;}
.yzyx div.hd_yd a.qh{background: #ff6783;}
.yzyx div.hd_yd a:hover{background: #ff6783;}
.yzyx div.an_bf{ height: 640px; overflow: hidden;}
.yzyx div.an_bf div.frame_one{width: 490px; height: 280px; margin-right: 40px; margin-bottom: 40px; overflow: hidden; float: left; position: relative;}
.yzyx div.an_bf div.frame_one .img{width: 490px; height: 280px;overflow: hidden;}
.yzyx div.an_bf div.frame_one .img img{width: 490px; height: 280px;}
.yzyx div.an_bf div.frame_one .wz_js{position: absolute; left: 0 ;bottom: 0; width: 490px; height: 35px; background: url(images/bf_bg.png) repeat-x; font-size: 14px; color: #ddd; text-align: center; line-height: 35px;}
.yzyx div.an_bf div.mg0{margin-right: 0; z-index: 9}
.yzyx div.an_bf div.frame_one .bf_an{width: 490px; height: 280px; position: absolute; left: 0; top:0;}
.yzyx div.an_bf div.frame_one .bf_an a{display: block; width: 490px; height: 280px;  background: url(images/bf_an_01.png) no-repeat;}
.yzyx div.an_bf div.frame_one .bf_an a:hover{background: url(images/bf_an_02.png) no-repeat;}
.yzyx div.zl_xl{width: 1020px; height: 119px; overflow: hidden; background: #eee; margin-bottom: 30px;}
.yzyx div.zl_xl .zl_bt{width: 26px; height: 119px; float: left;}
.yzyx div.zl_xl .zl_hz{width: 974px; height: 99px; margin: 10px; overflow: hidden; float: left; position: relative;}
.yzyx div.zl_xl .zl_hz .img a{display: block; float: left; width: 236px; height: 99px; margin-right: 10px;}
.yzyx div.zl_xl .zl_hz .an1{ width: 15px; height: 40px; overflow: hidden;  position: absolute; left: 0; top:30px;}
.yzyx div.zl_xl .zl_hz .an1 a{width: 15px; height: 40px; background: url(images/fy_01.png) no-repeat; display: block;}
.yzyx div.zl_xl .zl_hz .an1 a:hover{width: 15px; height: 40px; background: url(images/fy_02.png) no-repeat; display: block;}
.yzyx div.zl_xl .zl_hz .an2{ width: 15px; height: 40px; overflow: hidden;  position: absolute; right: 0; top:30px;}
.yzyx div.zl_xl .zl_hz .an2 a{width: 15px; height: 40px; background: url(images/fy_03.png) no-repeat; display: block;}
.yzyx div.zl_xl .zl_hz .an2 a:hover{width: 15px; height: 40px; background: url(images/fy_04.png) no-repeat; display: block;}




.qyfh{ overflow:hidden; height:528px; position:relative;}
.qyfh div.qy_list{ overflow:hidden; height:360px;}
.qyfh div.qy_list ul li{ width:230px; height:180px; margin-right:30px; overflow:hidden; float:left;}
.qyfh div.qy_list ul li a{ width:230px; height:180px; display:block;}
.qyfh div.qy_list ul li img{width:230px; height:150px; display:block;}
.qyfh div.qy_list ul li.qc{ margin-right:0;}
.qyfh div.gd{ border:1px solid #eee; background:#fcfcfc; color:#ccc; font-size:14px; text-align:center; height:30px; line-height:30px;}

.hzqd{ position:relative; height: 320px;}
.hzqd div.hz_list{ background:url(images/hz_tp.png); height:176px;}
.hzqd div.gd{ border:1px solid #eee; background:#fcfcfc; color:#ccc; font-size:14px; text-align:center; height:30px; line-height:30px; margin-top:40px;}

.lxfs{ overflow:hidden; height:495px; position:relative;}
.lxfs div.fl{ float:left; width:420px; font-size:14px; line-height:32px;}
.lxfs div.fl em{ width:170px; font-weight:bold; display:inline-block;}
.lxfs div.fr{ float:right; background:url(images/map.png); width:560px; height:310px;}
.lxfs div.fl p a img{padding-left: 5px; vertical-align: text-bottom;}
.lxfs div.fl img.ewm{width: 80px; height: 80px; padding-top: 5px; float: left;}
.lxfs div.fl span{font-size: 14px; color: #999; margin-left: 10px; line-height: 80px;}


.bot{ background:#2e2e2e;}
.bot div.yqlj{ float:left; width:500px; overflow:hidden; height:100%; padding-bottom:20px; padding-top:10px; height:200px;}
.bot div.yqlj ul li{ float:left; white-space:nowrap; margin-right:10px; line-height:22px;}
.bot div.yqlj ul li a{ color:#aaa;}
.bot div.yqlj ul li a:hover{color:#ff6783;}

.bot div.ewm{float: right;  height: 100%; padding-bottom: 20px; text-align: left; padding-left: 100px;}
.bot div.ewm div.wx{ width: 40px; height: 40px; float: left; margin-right: 40px;}
.bot div.ewm div.wx a{ overflow:hidden; position: relative;}
.bot div.ewm div.wx a span.wx_tb{width: 40px; height: 40px; position: absolute; left: 0; top: 0; background: url(images/wx_tb.png) no-repeat -40px 0;}
.bot div.ewm div.wx a span.xs{ background-position: 0; opacity: 0;}
.bot div.ewm div.wx a div.wx_ewm{width: 142px; height: 20px; position: absolute; top: -20px; left: -54px;  z-index: 99;}
.bot div.ewm div.wx a div.wx_ewm .wx_bj{width: 142px; height: 168px; position: absolute; left: 0; bottom: 4px; background: url(images/wx_ewm.png) no-repeat; z-index: 99;}
.bot div.ewm div.wb{ width: 40px; height: 40px; float: left; }
.bot div.ewm div.wb a{ overflow:hidden; position: relative;}
.bot div.ewm div.wb a span.wx_tb{width: 40px; height: 40px; position: absolute; left: 0; top: 0; background: url(images/wb_tb.png) no-repeat -40px 0;}
.bot div.ewm div.wb a span.xs{ background-position: 0; opacity: 0;}
.bot div.ewm div.wb a div.wx_ewm{width: 142px; height: 20px; position: absolute; top: -20px; left: -54px;  z-index: 99;}
.bot div.ewm div.wb a div.wx_ewm .wx_bj{width: 142px; height: 168px; position: absolute; left: 0; bottom: 4px; background: url(images/wb_ewm.png) no-repeat; z-index: 99;}


.bot div.xx{ border-top:1px solid #242424; height: 80px; clear:both;}

.bot div.fl{ float:left; color:#888; line-height:80px;}
.bot div.fl a{ color:#888;}
.bot div.fl a:hover{color:#ff6783;}
.bot div.fr{ float:right; color:#888; line-height:80px;}
.bot div.fr a{color:#888;}
.bot div.fr a:hover{color:#ff6783;}

.tit2{ height:80px; color:#999; font-size:30px; line-height:80px; font-weight:normal;}

.zb_top{ position:absolute; top:-50px;}


/*计划*/
.jh_bnr{width: 100%; height: 630px; background: url(images/jh_01.png) no-repeat center;}
.fhd_jh{width: 100%; height: 320px; background: url(images/jh_02.png) no-repeat center;}
.jh_ys{ width: 100%; height: 866px; background: url(images/jh_03.png) no-repeat center;}
.hz_yq{width: 100%; height: 327px; background: url(images/jh_10.png) no-repeat center;}
.lx_fs{width: 100%; height: 384px; background: url(images/jh_11.png) no-repeat center;}
.nr_k{margin: 0 100px; width: 820px; height: 100%;}
.nr_k .bt{font-size: 30px; color: #666; line-height: 35px; text-align: center; font-weight: bold; margin-bottom: 30px; padding-top: 25px;}
.nr_k .bt em{color: #ff6783;}
.nr_k p{font-size: 20px; color: #333; line-height: 35px;}
.nr_k p img{width: 25px; height: 24px; vertical-align: sub;}

.nr_k2{margin: 0 44px; width: 932px; height: 100%;}
.nr_k2 .bt{font-size: 30px; color: #666; line-height: 35px; text-align: center; font-weight: bold; margin-bottom: 30px; padding-top: 25px;}
.nr_k2 .bt em{color: #ff6783;}
.jh_ys div.ys_box{ width: 932px; height: auto; padding-top: 28px; overflow: hidden;}
.jh_ys div.ys_box div.ys_js{width: 268px; height: 284px; border: 3px solid #000; margin-right: 55px; float: left; margin-bottom: 55px;}
.jh_ys div.ys_box div.ys_js img{width: 60px; height: 50px; overflow: hidden; display: block; margin: 0 auto; margin-top: 25px;}
.jh_ys div.ys_box div.ys_js em{ font-size: 26px; color: #ff718b; line-height: 30px; text-align: center; display: block; margin-top: 22px; margin-bottom: 16px;}
.jh_ys div.ys_box div.ys_js p{ font-size: 18px; color: #333; line-height: 30px; margin: 0 40px;}



/*右侧栏*/
.tally{width: 78px; height: auto; background: #fff; border: 1px solid #ddd; position: fixed; top:132px; right: 2px; z-index: 100;}
.tally a.tu{display: block; margin:0 8px; border-bottom: 1px solid #e7e6e6; height: 70px; font-size: 14px; color: #666; text-align: center; margin-top: 8px; text-decoration: none;}
.tally a.tu img{width: 37px; height:37px; margin: 0 auto; display: block; margin-bottom: 4px;}
.tally div.wx{display: block; height: 102px;overflow: hidden; font-size: 14px; color: #666; text-align: center;}
.tally div.wx img{width: 60px; height: 60px; margin: 0 auto; display: block; margin-top: 10px; margin-bottom: 3px;}
.tally div.lxfs{width: 200px; height: 70px; background: #ff6783; font-size: 22px; font-weight: bold; color: #fff; line-height: 70px; text-align: center; position: absolute; right: 79px; top: -1px;}



/*播放*/
.bf_box{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; overflow: hidden; width: 100%; height: 100%;}
.bf_box div.bj{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.bf_box div.bf{width: 934px; height: 688px; display: block; margin: 130px auto; position: relative;}
.bf_box div.bf a{display: block; position: absolute; right: 0; top: 0; width: 46px; height: 46px; background: url(images/bf_gb_01.png) no-repeat; z-index: 1;}
.bf_box div.bf a:hover{background: url(images/bf_gb_02.png) no-repeat;}
.bf_box div.bf  div.bf_sp{width: 896px; height: 668px; border: 5px solid #666; margin-top: 10px; background: #000; position: absolute; left: 15px; top:10px;}



/* 软件介绍 */
.js_box{height: 450px; background: url( images/js_01.png) no-repeat center;}
.js_br{ height:42px;}
.js_br div.mbdh a{ color:#99aeb0;}

.jg{height: 105px; width: 100%;}

.qt_nr{ background:#fff; overflow:hidden; height:100%; margin-bottom:25px;}
.qt_nr h2{ line-height:80px; height:80px; font-size:24px; margin:0 30px; border-bottom:1px dotted #ccc; font-weight:normal;}
.qt_nr h2 img{ padding:3px; border:1px solid #eee; float:left; margin-right:10px; margin-top:25px;}
.qt_nr div.xz{ height:85px; background:#f7f7f7; padding-top:16px; border-top:1px solid #e5e5e5;}
.qt_nr div.xz a{ background:url(http://res.7to.cn/web_201307/images/qt_04.gif) no-repeat 0 -5px; width:210px; height:69px; overflow:hidden; margin:0 auto; display:block;}
.qt_nr div.xz a:hover{ background:url(http://res.7to.cn/web_201307/images/qt_05.gif) no-repeat 0 -5px;}

.qt_nr div.mian2{}
.qt_nr div.mian2 div.prd ul li{ height:300px; margin-top:0; margin-bottom:10px; padding-top:0;}
.qt_nr div.mian2 div.prd ul li span h4{ color:#0da6ff; margin-top:80px;}

.qt_nr div.lxwm p{line-height: 32px;}
.qt_nr div.lxwm p a img{ padding-left: 5px; vertical-align: text-bottom;}
.qt_nr div.lxwm p img.ewm{width: 82px; height: 82px; margin-top: 5px; display: block;}
.qt_nr div.lxwm em{font-size: 12px; color: #666; line-height: 24px; display: block; margin: 0; margin-bottom: 25px;}
.qt_nr div.lxwm .fl{width: 780px; height: 330px;}


.xw_bg{ background:#f8f8f8;}
.xw_fl{ float:left; overflow:hidden; height:100%; width:199px;}
.xw_fl ul{ padding-top:15px; padding-left:15px;}
.xw_fl ul li{ width:136px; height:41px; color:#fff; padding-left:40px; line-height:38px; font-size:14px;}
.xw_fl ul li a{ color:#666;} 
.xw_fl ul li a:hover{ color:#ff6783; text-decoration: none;}
.xw_fl ul li.qh{ background:url(http://res.7to.cn/web_201307/images/qt_35.gif) no-repeat; font-weight:bold;}
.xw_fl ul li.qh a{ color:#666;}
.xw_fl ul li.qh a:hover{ color:#ff6783;}

.xw_fr{ float:right; overflow:hidden; height:100%; width:780px; background:#fff; padding-bottom:20px; border-left:1px solid #ebebeb;}
.xw_fr h1{ line-height:70px; font-size:24px; font-weight:normal; color:#666; margin:0 30px; border-bottom:1px solid #e0e0e0;}

.xw_fr div.xwlb{ overflow: hidden; height:485px;}
.xw_fr div.xwlb ul{ padding:15px 30px;}
.xw_fr div.xwlb ul li{ border-bottom:1px dotted #ccc; height:40px; line-height:40px; font-size:14px; }
.xw_fr div.xwlb ul li span{ float:right; color:#999;}
.xw_fr div.xwlb ul li a{ color:#333;}
.xw_fr div.xwlb ul li a:hover{ color:#1394e3;}

.xw_fr div.xwzt{ overflow: hidden; height:500px;}
.xw_fr div.xwzt ul{ padding:10px 0 0 30px; margin-right:20px;}
.xw_fr div.xwzt ul li{ height:120px; overflow:hidden; float:left; width:360px; border-bottom:1px dotted #ccc; padding-top:20px;}
.xw_fr div.xwzt ul li span{ float:left;}
.xw_fr div.xwzt ul li p{ padding-left:10px; float:left; width:220px; }
.xw_fr div.xwzt ul li p a{ color:#333; display:block; font-size:14px;}
.xw_fr div.xwzt ul li p a:hover{ color:#1394e3;}
.xw_fr div.xwzt ul li p em{ color:#999;}
.xw_fr div.xwzt ul li p font{ font-size:12px; color:#666; clear:both; display:block;}

.xw_fr div.dd{ border:1px dashed #ddd; background:#fcfcfc; padding:5px 10px; margin:0 20px 10px 20px; width:680px; color:#666;}

.xw_fr div.box{background-position: -1px -519px; background-repeat:no-repeat; overflow:hidden; height:100%; margin-bottom:10px;}
.xw_fr div.box h1{ font-size:22px; font-weight:bold; font-family:"微软雅黑"; line-height:60px;height:60px; padding-top:30px; text-align:center; color:#222; overflow:hidden;width:620px; margin:0 auto; border:0;}
.xw_fr div.box h6{ font-weight:normal; font-size:12px; text-align:center; color:#888; height:40px; line-height:40px; width:740px; margin:0 auto 15px auto; border-bottom:1px dotted #ccc;}
.xw_fr div.box h6 a{ color:#999;}
.xw_fr div.box div.zw{ width:740px; margin:0 auto 20px auto; overflow:hidden; height:100%;font-size:14px;font-family:"宋体";line-height:26px;text-align:justify; text-justify:inter-ideograph; word-wrap: break-word;clear:both; color:#000;}
.xw_fr div.box div.zw p{ margin: 2px 0;}
.xw_fr div.box div.zw a{ color:#346890; text-decoration:underline;}
.xw_fr div.box div.zw a:hover{ color:#1394e3;}
.xw_fr div.box div.zw img{ max-width:574px; padding:2px; border:1px solid #ccc; background:#fff;}

.xw_fr div.box div.gjz{ text-align:right; padding:0 15px; color:#CCCCCC; margin-top:10px; border-top:1px dotted #eee; padding-top:10px;}

.xw_fr div.glwz{ background:#fcfcfc; height:40px; overflow:hidden; border-top:1px dashed #e1e1e1; line-height:40px; margin:0 15px;}
.xw_fr div.glwz span.fl{ float:left; padding-left:15px; color:#666; width:350px; overflow:hidden;}
.xw_fr div.glwz span.fl a{ color:#666; text-decoration:underline;}
.xw_fr div.glwz span.fl a:hover{ color:#1394e3;}
.xw_fr div.glwz span.fr{ float: right; padding-right:15px; color:#666; width:350px; overflow:hidden; text-align:right;}
.xw_fr div.glwz span.fr a{ color:#666; text-decoration:underline;}
.xw_fr div.glwz span.fr a:hover{ color:#1394e3;}

.bt{height: 40px; line-height: 40px; font-size: 16px; color: #666; border-bottom: 1px solid #eee; margin-bottom: 35px;}
.gywm_fr{float:right; overflow:hidden; height:100%; width:780px; background:#fff; padding:20px 20px 20px 20px; font-size:14px; line-height:28px;}
.gywm_fr h4{ border-bottom:1px dotted #ccc; line-height:60px; height:60px; font-size:24px; margin-bottom:10px; font-weight:normal;}
.gywm_fr a{color:#1394e3;}
.qt_mbdh{ height:48px; overflow:hidden; background:url(http://res.7to.cn/web_201307/images/qt_36.gif) no-repeat 0 3px; padding-left:25px; width:955px; color:#99AEB0;}
.qt_mbdh a{ color:#99AEB0;}
.qt_mbdh div.fl{ float:left; line-height:24px; height:42px; padding-right:5px;}
.qt_mbdh div.fl select{ color:#315558;}