﻿/*scene--*/
.scene { padding-top:20px;padding-bottom:30px;}
.scene .w {margin-top:0px;}
.scene_s div {width:278px;float:left;margin-right:15px;}
.scene_s div:nth-child(4),.scene_s div:nth-child(8){margin-right:0;}
.scene_s dl { margin-top:20px; text-align:center; width:100%;height:320px; background:#fff; border:2px #dae0e6 solid;float:left; border-radius:5px;-moz-border-radius:5px; }
.scene_s dl:hover {  border:2px #fe8c3a solid; border-radius:5px;-moz-border-radius:5px; }
.scene_s dl dt { padding-top:50px;}
.scene_s dl dd.tit {font-size:20px; line-height:60px;  }
.scene_s dl dd.tip {font-size:16px; line-height:30px; color:#898b8f; padding:0 30px;}
.scene_bg  { background:#ecf0fc url(/statics/images/base/scene_bgc.png) no-repeat center bottom; height:570px; }

/* zttopbn-------------- */
.zttopbnx { clear:both; position:relative; width:100%;height:540px;background:  url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.zttopbnx .word { width:480px;float:left;position:relative; padding-left:40px; margin-top:80px;  }
.zttopbnx .word .t1 { color:#fff; font-size:48px; position: relative; font-weight:normal; padding-top:80px; }
.zttopbnx .word .t1 i{ position: absolute;width:40px;height:2px;background-color:#ccc;left:0;bottom:-15px; }
.zttopbnx .word .t2 { color:#fff; font-size:30px; position: relative; width:500px;margin-top:26px; line-height: 32px; }
.zttopbnx .word .btn{ margin-top:50px;height:80px;line-height:40px;left:0px;top:160px; font-size:16px;text-align:center}
.zttopbnx .word a ,.zttopbnx .word  a:link,.zttopbnx .word  a:visited {  display:block; float:left; width:170px;height:40px;line-height:40px; border-radius:2px;font-size:16px;text-align:center; 
 background: none; margin-right:8px; color: #fff;border:1px solid #fff;}
.zttopbnx .word a:hover { border-radius:2px; background: #0858af;transition: all 300ms ease 0s;-moz-transition:all 300ms ease 0s; -webkit-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s;color: #0858af; background: #fff; }
.zttopbnx .pic { width:680px;float:left; margin-top:80px; }
.zttopbnx .pic img {width:680px; padding-top:30px;}
.zttopbnx .pic .cloud_player_wrap_tip{ padding:10px; font-size:14px; text-align:left;}
.zttopbnx .pic .cloud_player_wrap_tip a,.zttopbnx .pic .cloud_player_wrap_tip a:link,.zttopbnx .pic .cloud_player_wrap_tip a:visited { display:inline; color:#000; font-weight:bold;}
/* zttopbn-------------- */
.scene .subtit {margin-top:30px;}
.publist {margin-top:50px;}
.publist dl {  border-radius:8px;-moz-border-radius:8px; padding-top:20px;padding-bottom:50px; width:362px;float:left; margin-right:20px; background:#f6faff; border: 1px #f6faff solid;  }
.publist dl dt h2 {font-size:30px; font-weight:normal; color:#666;line-height:60px; padding-left:20px;}
.publist dl dt h2 span { font-size:14px;}
.publist dl dt p { padding:0 20px; line-height: 30px; font-size:16px; color:#666;}
.publist dl dt p span {font-size:26px; line-height: 30px; }
.publist dl dd { margin:0 20px; margin-top:20px;}
.publist dl dd img {width:100%; border:1px #ccc solid; } 

.scene_bg1 { background:#064075 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bg2 { background:#311b92 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bg3 { background:#004d40 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bg4 { background:#170720 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bg5 { background:#032a48 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bg6 { background:#311b92 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bg7 { background:#310942 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bg8 { background:#0f165f url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bg70 { background:#a40000 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bgmarket { background:#1ea433 url(../images/bn/bg_scene_blank.png) no-repeat center top;}
.scene_bgmarket .word .t2{ color:#fff; font-size:20px; position: relative; width:400px;margin-top:26px; line-height: 32px;}
.scene_master { background:#0557ad; }
.scene_master .w1200 { background:url(../images/zt/master/master_bn_bg.png) no-repeat right bottom; }

.scene_qrcodehelp { background:#410e60; }
.scene_qrcodehelp .w1200 { background:url(../images/bn/qrcode_c3.png) no-repeat right 80px; }
.scene_qrcodehelp_list { background:#a4005b; }
.scene_qrcodehelp_list .w1200 { background:url(../images/bn/qrcode_c3_list.png) no-repeat right 80px; }
.scene_sucaifox { background:#240b82; }
.scene_sucaifox .w1200 { background:url(../images/bn/qrcode_sucai.png) no-repeat right 80px; }

.sena .w { position: relative; background:#f6faff; margin-top:24px;height:340px; border:1px #f6faff solid; border-radius:18px;-moz-border-radius:18px;}
.sena div.pic { float:right; position: relative; top:20px;right:80px;}
.sena div.pic img { width:500px;}
.sena dl { padding-top:80px;padding-left:120px; }
.sena dl dt h2{ font-size:30px; position: relative; line-height: 60px; font-weight: normal;}
.sena dl dt h2 i{ position: absolute; width:50px;height:5px;background-color:#00bcd4;left:4px; margin-left:0px;bottom:-10px; }
.sena dl dd { font-size:18px; line-height: 40px; padding-top:20px;}
.sena dl dd span {font-size:40px; padding-top:0px; }

.cbxlist dl { margin-top:30px; padding:10px;width:350px; height:70px; overflow:hidden;float:left; font-size:20px; margin-right:10px;}
.cbxlist dl.pic a span { border-radius:5px;display:block;position:absolute;left:0;top:0;width:100%;height:80px;background-color: none;background-position:top center;background-repeat:no-repeat;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.cbxlist dl.pic a:hover span { border-radius:5px;display:block;position:absolute;left:0;top:0;width:100%; background-color:none;background-image:url(../images/base/see_bg.png);background-repeat:no-repeat;background-position:center center;}
.cbxlist dl.pic a,.cbxlist dl.pic a:link,.cbxlist dl.pic a:visited { color:#666;}
.cbxlist dl dt { width:80px;float:left; padding-top:6px; padding-left:6px;}
.cbxlist dl dd { width:270px; font-size:14px;}
.cbxlist dl dd.tit {font-size:20px; line-height:40px; }
.cbxlist ul { margin-top:50px;}
.cbxlist ul li{ line-height:40px; height:40px; border-bottom:1px #efefef solid; width:50%; float:left; font-size:16px;}
.cbxlist ul li span { padding-right:40px;}
.btn_db p{clear:both; padding-top:40px;}

.container { background: #e4f1ff; }