@charset "utf-8";
.headerNav { float:right; height:87px; line-height:87px; font-size:16px;}
.headerNav a { margin:0 20px;}
.headerNav a:hover { text-decoration:none;}
.n1 .headerNav .nav1,.n2 .headerNav .nav2,.n3 .headerNav .nav3,.n4 .headerNav .nav4 { color:#cd3334;}
.softBanner { height:592px; background:url(../images/banner.jpg) no-repeat center top;}
.softContent { width:1000px; margin:0 auto; padding-bottom:30px;}
.softIndList .softCont { padding:60px 30px 50px 30px; }
.softIndList .softCont.line {border-bottom:1px solid #f0f0f0;}
.softIndList .softCont .icon { width:93px; height:93px; padding-left:20px; float:left;}
.softIndList .softCont .icon img { width:93px; height:93px;}
.softIndList .softCont .soft { width:770px; float:right; padding-right:20px;}
.softIndList .softCont .soft .namecont .txt img { vertical-align:middle; margin-left:10px;}
.softIndList .softCont .soft .namecont { margin-bottom:12px;}
.softIndList .softCont .soft .namecont .txt .t1 { font-size:24px; margin-bottom:6px;}
.softIndList .softCont .soft .namecont .txt .t1 a:hover { color:#333; text-decoration:none;}
.softIndList .softCont .soft .namecont .txt .t2 { font-size:16px;}
.softIndList .softCont .soft .namecont .btn { float:right;}
.softIndList .softCont .soft .intro { font-size:12px; line-height:1.8em; color:#999; margin-bottom:15px;}
.softIndList .softCont .soft .type { font-size:12px; margin-bottom:10px;}
.softIndList .softCont .soft .number { font-size:12px;}
.softIndList .softCont .soft .number span { margin-right:25px;}
.softIndList .softCont .soft .namecont .btn a { background:url(../images/btn1.jpg) no-repeat; width:128px; height:37px; padding-bottom:3px;display:inline-block;*display:inline;*zoom:1; line-height:37px; font-size:15px; color:#fff; text-align:center;}
.softIndList .softCont .soft .namecont .btn a:hover { background-position:center bottom; text-decoration:none;}
.softCurPath { padding:15px; border-bottom:1px solid #ddd;}
.softCurPath .btn { float:right;}
.softCurPath .btn a { display:block; width:60px; height:26px; background:url(../images/btn_back.jpg) no-repeat center top; text-align:center; line-height:26px; text-align:center;}
.softCurPath .btn a:hover { background-position:center bottom; color:#fff; text-decoration:none;}
.softCurPath span { margin:0 10px;}

.appTitle { padding:35px 25px;}
.appTitle .appCode { float:right; width:210px;}
.appTitle .appCode .codeimg { float:left;}
.appTitle .appCode .codetxt { float:left; padding:25px 0 0 10px; line-height:20px;}
.appTitle .appCode .codetxt a {color:#cd3334; text-decoration:underline;}
.appTitle .appDown { float:right; width:320px; padding-top:20px; text-align:right;}
.appTitle .appDown a { background:url(../images/btn1.jpg) no-repeat; width:128px; height:37px; padding-bottom:3px;display:inline-block;*display:inline;*zoom:1; line-height:37px; font-size:15px; color:#fff; text-align:center; margin:0 5px;}
.appTitle .appDown a:hover { background-position:center bottom; text-decoration:none;}
.softCurPath { padding:15px; border-bottom:1px solid #ddd;}
.appTitle .appIcon { width:93px; height:93px; float:left; margin-right:30px;}
.appTitle .appIcon img { width:93px; height:93px;}
.appTitle .appName { width:500px; float:left;}
.appTitle .appName .t1 { font-size:24px; margin-bottom:10px;font-weight:bold;}
.appTitle .appName .t2 { font-size:14px; margin-bottom:10px;}
.appTitle .appName .t3 { font-size:12px;}
.appTitle .appName .t3 span { margin-right:25px;}
.apptt { padding:0 30px; font-size:18px; font-weight:bold; margin-bottom:10px;}
.apptt span { font-size:12px; color:#999; padding-left:30px; font-weight:normal;}
.appIntro { padding:0 30px; font-size:14px; line-height:1.8em; color:#666; margin-bottom:30px;}
.appIntro a.showBtn { font-size:12px; text-decoration:underline; margin-left:20px;}
.appIntro a.link { text-decoration:underline;}
.screenimg { padding:0 0 0 60px; width: 880px;position:relative; margin-bottom:50px;}
.scroll-img {width: 880px;height: 373px;overflow: hidden;font-size: 0;}
.scroll-img ul {width: 880px;height: 373px;margin: 0;}
.scroll-img ul li {display: inline-block;margin: 10px 0 10px 10px;}
#scrollpic.scroll-img ul {width: 1500px;}
.scroll-img2 {width: 860px;height: 290px;overflow: hidden;font-size: 0;}
.scroll-img2 ul {width: 860px;height: 290px;margin: 0;}
.scroll-img2 ul li {display: inline-block;margin: 10px 0 10px 10px;}
#scrollpic.scroll-img2 ul {width: 1500px;}
a.btnb { display:block; width:39px; height:122px; background:url(../images/scroll_btn1.png) no-repeat; position:absolute; left:20px; top:130px;}
a.btnf { display:block; width:39px; height:122px; background:url(../images/scroll_btn2.png) no-repeat; position:absolute; right:-50px; top:130px;}
a.btnb:hover,a.btnf:hover { background-position:center bottom;}
a.btnb2 { display:block; width:39px; height:122px; background:url(../images/scroll_btn1.png) no-repeat; position:absolute; left:20px; top:80px;}
a.btnf2 { display:block; width:39px; height:122px; background:url(../images/scroll_btn2.png) no-repeat; position:absolute; right:-30px; top:80px;}
a.btnb2:hover,a.btnf2:hover { background-position:center bottom;}
.appMarket ul { padding:20px 30px;}
.appMarket ul li { width:94px; height:120px; text-align:center; float:left; font-size:12px;}
.appMarket ul li a { display:block;width:102px;padding-top:74px; text-align:center;}
.appMarket ul li a:hover { color:#333;}
.appMarket .appstore { background:url(../images/appstore.png) no-repeat center top;}
.appMarket .baidu { background:url(../images/baidu.png) no-repeat center top;}
.appMarket .m360 { background:url(../images/m360.png) no-repeat center top;}
.appMarket .tencent { background:url(../images/tencent.png) no-repeat center top;}
.appMarket .wandou { background:url(../images/wandou.png) no-repeat center top;}
.appMarket .huawei { background:url(../images/huawei.png) no-repeat center top;}
.appMarket .mi { background:url(../images/mi.png) no-repeat center top;}
.appMarket .oppo { background:url(../images/oppo.png) no-repeat center top;}
.appMarket .vivo { background:url(../images/vivo.png) no-repeat center top;}
.appMarket .samsung { background:url(../images/samsung.png) no-repeat center top;}
.appMarket .meizu { background:url(../images/meizu.png) no-repeat center top;}
.layer_scanhelp { font-size:14px; line-height:1.8em; padding:30px 50px;}
.safeTips { padding:10px 30px;}
.safeTips p { margin-bottom:10px; font-size:14px; line-height:1.8em;}
.otherApp ul { padding:20px 30px;}
.otherApp ul li { width:230px; height:100px; text-align:center; float:left; font-size:14px;}
.otherApp .img {width:48px; height:48px; float:left;}
.otherApp .txt {width:160px; height:60px; float:left; margin-left:10px; line-height:1.5em;}
.otherApp ul li img { width:48px; height:48px;}
.otherApp ul li p { margin-bottom:10px;}
.otherApp ul li a { display:block;width:230px; text-align:center;}
.otherApp ul li a:hover { color:#333;}
.softLeft { width:520px; float:left;}
.softRight { width:450px; float:right;}

/* flexslider */
.flexslider{position:relative;height:592px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:592px;}
.slides li a { display:block; height:592px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:96%;text-align:center;}
.flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;*display:inline;zoom:1;width:16px;height:16px; font-size:0; line-height:0;overflow:hidden;background:url(../images/banner_dot.png) no-repeat left bottom;cursor:pointer;}
.flex-control-nav .flex-active{background-position:left top;}


.videoBar { padding-top:15px;}
.videoBar a.vbtn1 {font-size:12px; display:inline-block;*display:inline;zoom:1; width:77px; height:29px; line-height:29px; padding-left:60px; color:#333; background:url(../images/btn_video.jpg) no-repeat;}
.videoBar a.vbtn2 {font-size:12px; display:inline-block;*display:inline;zoom:1; width:120px; height:29px; line-height:29px; padding-left:60px; color:#333; background:url(../images/btn_video2.jpg) no-repeat;}
.trainBox a { color:#333; text-decoration:none;}
.trainList { list-style:none; padding:20px; margin:0;}
.trainList li { width:255px; height:245px; float:left; margin:0 25px 15px 25px;}
.trainList li .img { margin-bottom:10px;}
.trainList li .img img { width:246px; height:160px; padding:3px; background:#fff; border:0 none;}
.trainList .txt1 { font-size:15px; margin-bottom:6px; background:url(../images/icon_video.jpg) no-repeat left 4px; padding:0 5px 0 28px;}
.trainBox .tt {padding:0 30px; font-size:18px; font-weight:bold; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.videoPlayBox { padding:30px 0;}
.videoPlayBox .tt { text-align:center; font-size:20px; font-weight:bold; margin-bottom:25px;}
.videoPlayBox .videoPlay { text-align:center; width:800px; height:450px; border:1px solid #ddd; margin:0 auto;}
.videoPlayBox .pps { padding-top:25px; text-align:center;}
.videoPlayBox .pps .txt1 { font-size:14px; margin-bottom:10px;}
.videoPlayBox .pps .txt1 a {color: #cd3334; text-decoration:underline; margin:0 8px;}
.videoPlayBox .pps .txt2 { font-size:12px; color:#999;}