/* pc端样式 */
    
/* 顶部样式开始 */
.w{
    width:1200px;
    margin:0 auto;
}
.w500{width:500px;}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfix{
	clear: both;
}
.mt20{margin-top: 20px;}
.top{
    width: 100%;
    height: 800px;
    background: url(../images/bg.png)  no-repeat;
    background-position: center top;
}
.headerBox{
	width:1200px;
	height:60px;
	line-height: 60px;
	margin:0 auto;
	clear: both;
}
.headerBox-left{
	float:left;
	box-sizing:border-box;
}
.headerBox-left img{
    width:40px;
    height:40px;
	vertical-align: middle;
	margin-right:8px;
}
.headerBox-left  span{
   
    font-size: 16px;
    color:#000;
}
.headerBox ul{
	float: right;white-space:nowrap;
}
.headerBox ul li{margin:0px 20px;
    display:inline-block;
}
.headerBox ul li.nomarg{margin:0px;}
.headerBox ul li a{
    font-size: 16px;
    color:#000;
}
.headerBox ul li a:hover,.headerBox ul li a.active{
	color:#347aeb;
}

.system-msg{
	margin-top:10px;
}
.system-word{
    font-size: 16px;color:#fff;
    margin-bottom:20px;/*text-indent:100px;*/
}
/* 顶部样式结束 */
/* footer部分 */
.footerBox{
    width: 100%;
    height:60px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color:#666666;
    background: #f5f2f2;
}
.footerBox img{
    width:70px;
    height:20px;
    vertical-align: middle;
    margin-top:-2px;
}
/* banner样式开始 */
.banner-content{
    width:1200px;
    margin:0 auto;
}
.yinBanner{
    margin:100px auto;
    text-align: center;
}
.banner-name{
    font-size: 36px;color:#fff;
    text-align:left;text-indent:50px;
    margin-top:90px;background:url(../images/logow.png) left center no-repeat;
}
.banner-name i{float:right;font-size:18px;height:18px;display:inline-block;text-indent:0px;font-style:normal;border-left:2px solid #fff;margin-top:18px;padding-left:20px;}
.banner-msg{
    font-size: 22px;
    margin-top:15px;
    color:#fff;text-align:left;
}
.banner-msg2{
    font-size: 20px;text-align:left;
    margin-top:15px;line-height:40px;
    color:#fff;
}
.banner-download{
    width:320px;
    height:90px;/*margin:0px auto;*/
    font-size: 16px;

    text-align: center;
    margin-top:80px;overflow:hidden;
    border-radius: 8px;
    background-color:#fff;
    cursor:pointer;
}
.banner-download em{float:left;height:60px;text-align:center;text-indent:32px;line-height:60px;background:url(../images/win.png) 80px center no-repeat #fff;color:#347aeb;font-size:28px;width:100%;}
.banner-download i{background:#f3f8ff;height:30px;line-height:30px;width:100%;font-size:16px;float:left;width:100%;font-style:normal;color:#347aeb;}

.banner-download2{
    width:266px;
    height:60px;
    float:left;
    border-radius: 8px;
    background:#3884ff;
    color:#fff;
    cursor:pointer;
}

.banner-download2 dl{float:left;font-size: 22px;background:url(../images/win_w.png) left center no-repeat;padding-left:50px;margin-left:50px;height:60px;line-height:60px}
.ludown{
    background: none;
}
.yindown{
    margin-left:auto;
    margin-right:auto;
}
.ludown:hover{
    background:#DD2421;
}
.banner-download img{width: 24px;}
.banner-download span{float:left;margin-left:20px;font-size:28px;}
.windows{
    margin-top:16px;float:left;
    margin-left:90px;
}
.yun{
    margin-top:10px;
    margin-right:20px;
}
.banner-right{
    width:637px;
    position:relative;

    
}
.banner-right .computer{position:absolute;width:648px;height:501px;right:-68px;top:55px;background:url(../images/computer.png);}
.banner-right .computer img{
    float:left;cursor:pointer;width:86%;height:80%;margin:7% 7%;border:1px solid #000;
}

.banner-right .rightlist{position:absolute;width:740px;left:-40px;top:542px;}
.banner-right .rightlist li{float:left;width:100px;padding-top:90px;text-align:center;color:#fff;margin:0px 40px;font-size:16px;font-weight:bold;}
.banner-right .rightlist li.s1{background:url(../images/s1.png) top center no-repeat;}
.banner-right .rightlist li.s2{background:url(../images/s2.png) top center no-repeat;}
.banner-right .rightlist li.s3{background:url(../images/s3.png) top center no-repeat;}
.banner-right .rightlist li.s4{background:url(../images/s4.png) top center no-repeat;}
/* banner样式结束 */
/* title */
.title{
    width: 100%;
    margin-top:60px;
    font-size: 28px;
    text-align: center;
}
/* 描述开始 */
.messageOne,.messageTwo{
    width: 1200px;
    margin:0 auto;
    font-size: 16px;
    color:#555555;
    text-align: center;
}
.messageOne{
    margin-top:40px;
}
.messageTwo{
    margin-top:16px;
    margin-bottom:60px;
}
/* wrapper开始 */
.wrapper{
    width:100%;
}
.list{
    width:1200px;
    margin:50px auto;
    padding:0 35px;
    box-sizing: border-box;
}
.list li{
    float: left;
    width: 200px;
    height: 240px;
    margin-bottom:60px;
    text-align: center;
}
.list li img{
    display: block;
    width: 200px;
    height: 200px;
}
.list li img:hover{
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;	/* Firefox */
    -webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s;
}
@keyframes myfirst{
    0% {transform: scale(1)}
    50% {transform: scale(1.1)}
    100% {transform: scale(1)}
}
.list li p{
    white-space:nowrap;
    margin-top:20px;
    font-size: 18px;;
}
.list .Mli{
    margin-left:265px;
    margin-right:265px;
}
/* wrapper结束 */

/* 底部样式开始 */
.footer{
    width: 100%;
    height: 370px;
    background: #28323b;
}
.footer-content{
    width: 1200px;
    height: 300px;
    margin:0 auto;
    border-bottom:1px solid #fff;
}
.footer-info{
    float: left;
    width: 32.5%;
}
.footerLeft img{
    display: block;
    margin-top:160px;
    margin-left:60px;
}
.footerMiddle{
    text-align:center;
    padding-top:70px;
    box-sizing: border-box;
    font-size: 16px;
}
.footer-line{
    margin-top:30px;
}
.footerMiddle p{
    color:#fff;
    margin-top:10px;
}
.footerRight{
    font-size: 18px;
    color:#fff;
    padding-top:170px;
    box-sizing: border-box;
}
.footerRight p{
    margin-top:10px;
    margin-left:80px;
    font-size: 20px;
}
.footer-di{
    width: 1200px;
    margin:0 auto;
    text-align: center;
    color:#fff;
    font-size: 16px;
    margin-top:5px;
}
.footer-di a{
    color:#ffffff;
}
.bottom-map{
    width:100%;
    font-size: 12px;
    cursor:pointer;
    text-align:center;
    color:#fff;
    margin-top:8px;
}
.bottom-map a{
    color:#fff;
}
/* 录音软件主要样式 */
.jcBox{
    width: 100%;
    height: 220px;
    background: #f5f5f5;
}
.jcBox-content{
    width:1200px;
    height: 220px;
    margin:0 auto;
}
.jcBox-content img{
    margin-top:40px;
}
.jcBoxLeft,.jcBoxMiddle,.jcBoxRight{
    width:33.33%;
    height: 220px;
    text-align: center;
}
.jcFirst{
    font-size: 20px;
    margin-top:20px;
    color:#DD2421;
}
.jcmsg{
    font-size: 16px;
    margin-top:10px;
}
.lc{
    width: 1200px;
    padding:60px 0;
    margin:0 auto;
    border-bottom:5px solid #eeeeee;
}
.yinlc{
    padding-top:0px;
}
.lcMsg{
    margin-left:60px;
    margin-top:160px;
}
.lcMsgOne{
    font-size: 32px;
}
.lcMsgTwo{
    font-size: 20px;
    color:#555555;
    margin-top:30px;
}
.lcMsgThree{
    font-size: 20px;
    color:#555555;
    margin-top:10px;
}
.luChose{
    margin-top:0px;
}
.contentBox-ct{
    width:100%;
    height:646px;
    background: #f7faff;
}
.contentBox-left img{
    margin-top:100px;
    width:665px;cursor:pointer;
    height:432px;
}
.contentBox-right{
    width:480px;
/*    word-break:break-all;
    word-wrap: break-word;
    white-space: pre-wrap; 
    text-align:justify; 
    text-justify:inter-ideograph;*/
}
.contentBox-right p{
    color:#333333;
    font-size: 40px;text-align:left;
    margin-top:230px;
}
.contentBox-right span,.contentBoxOne-left span{
    display:block;
    color:#555555;
    font-size: 20px;
    line-height: 48px;
    margin-top:20px;
}
.contentBox-cr{
    width:100%;
    height:646px; background:#fff;
  
}
.contentBoxOne-left{
    width:530px;
    margin-top:155px;
}
.contentBoxOne-left p{
    color:#333333;
    font-size: 40px;text-align:left;
}
.contentBoxOne-right{
    width:600px;
    height:116px;
    margin-top:60px;
}
.contentBoxOne-right img{
    cursor:pointer;width:665px;
    
}
.listBoxt{
    width:100%;
    height:405px;
    background: #fff;
}
.listt{
    margin-top:80px;
}
.listt li{
    float: left;
    width:25%;
   cursor:pointer;
    text-align: center;
}
.listt .lastLi{
    margin-right:0 !important;
}
.listt li img{
    width:auto;
    height:auto;
}
.listt li p{
    font-size: 24px;color:#333333;
    margin-top:15px;
}

.contentBoxOne-right video{
    width: 100%;
    height: 100%;
    border:3px solid #ccc;
}
.midtit{width:100%;height:50px;margin-top:30px;}
.midtit.tit1{background:url(../images/t1.png) center center no-repeat;}
.midtit.tit2{background:url(../images/t2.png) center center no-repeat;}
.midtit.tit3{background:url(../images/t3.png) center center no-repeat;}
.midlist{width:100%;margin-top:-60px;}
.midlist ul{width:1200px;margin:0px auto;margin-bottom:70px;height:280px;}
.midlist ul li{width:33%;float:left;text-align:center;}
.midlist ul li img{display:block;margin:30px auto;}
.midlist ul li span{display:block;text-align:center;color:#333;font-size:24px;font-weight:bold;}
.midlist ul li p{display:block;text-align:center;color:#999;font-size:20px;}
.midlist ul:after{content:"";clear:both;}
.freedown{margin:0px auto;height:42px;width:152px;border-radius:21px;text-align:center;line-height:42px;color:#fff;background:#1d6afd;display:block;font-size:22px;margin-top:30px;}
/* 重新下载页面样式开始 */
.down-banner{
    width:100%;
    height:400px;
    background: url(../images/tiaozhuan_banner_bg.png) center center no-repeat;
    background-position: center center;
}
.down-banner-title{
    padding-top:80px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.down-banner-msg{
    margin-top:15px;
    text-align: center;
    font-size: 24px;
}
.down-banner-dev{
    color:#000;
    font-size: 18px !important;
    margin-top:20px;
}
.down-middle-title{
    font-size: 32px;
    font-weight: bold;
    padding-top:75px;
}
.down-middle-line{
    display:block;
    width:80px;
    height:5px;
    background: #dd2421;
    margin-top:20px;
}
.down-middle-dev{
    color:#999999;
    font-size: 24px;
    line-height: 48px;
    margin-top:20px;
}
.down-middle-img{
    width:720px;
}
.down-middle-msg{
    width:480px;
}
.down-middle{
    height:420px;
}
.down-title{
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
}
.down-question{
    margin-top:50px;
}
.down-question-one{
    font-size: 20px;
}
.down-question-two{
    color:#555555;
    font-size: 20px;
    margin-top:15px;
    margin-bottom:20px;
    line-height: 30px;
    text-indent: 1.5em;
    word-break:break-all;
    word-wrap: break-word;
    white-space: pre-wrap; 
    text-align:justify; 
    text-justify:inter-ideograph;
}
.down-b{
    padding-top:60px;
}
.conver_band{
    width:1200px;
    margin:0 auto;
    height:180px;
}
.divdemo{
    float: left;
    margin-right: 90px;
}
.demoicon,.d_icon{
    float: left;
}
.divdemo-last{
    margin:0;
}
.d_icon{
    padding-top:15px;
}
.TextcColorf{
    color: #000000;
    font-size: 20px;
}
.TextSize14{
    margin-top:10px;
}
.demoicon {
    float: left;
    margin-right:10px;
    width:100px;
    height:100px;
}
.demoicon img {
    width:100%;
    height:100%;
}
.downloadTwo{
    margin:40px auto 30px;
}
.downloadTwo:hover{
    background: #c04000;
}


.hov{cursor:pointer;transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;}
.hov:hover{transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);}


    .downTop{
    width: 100%;
    height: 60px;
    line-height:60px;
    position: fixed;
    top:0;
    left: 0;
    background: #fff;
    border-bottom:1px solid #ccc;
    z-index: 999999;
}
.downTop-left,.downTop-right{
    line-height: 60px;
}
.downTop-left img{
    width: 40px;
    height:40px;
    vertical-align: middle;
}
.downTop-word{

    margin-left:8px;
}
.downTop-right div{
    line-height: 60px;
}
.downTopDowmload{
    display:block;
    width:226px;
    height:42px;
    background: #3884ff;
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color:#fff;
    margin-top:10px;
    margin-left:30px;background:url(../images/btn2.png);
}
.downTopDowmload img{
    width: 20px;
    height:20px;
    vertical-align: middle;
}
.downTopDowmload:hover{
   
}
.downTopDowmload:active{
    /*background: #dd2421;*/
}
.downTopDowmload span{
    display: inline-block;
    margin-right: 10px;
    margin-left:10px;
}
.downTop-word{
    font-size: 16px;
    color:#000;
}
.system-msg{
    margin-top:10px;
}
.system-word{
    font-size: 20px;
    margin-top:20px;
}