@charset "utf-8";
.ctopwp{height: 310px;padding:15px;background: linear-gradient(#E1F5FE, #fff);border-bottom: 1px solid #D7D7D7;}
.lunboct{width: 635px;float: left;}
/*轮播图*/
.carrousel-main{position: relative; width:1000px; height:400px; }
.carrousel-main .carrousel-list{width:inherit; height:inherit; }
.carrousel-main .carrousel-list a,.carrousel-main .carrousel-list a img{display: block;max-width:inherit;margin:0 auto; height:inherit; }
.carrousel-btn{position: absolute; top:0px; width:100px; height:400px; cursor: pointer; opacity: 0.5; z-index: 10; background-repeat: no-repeat; background-position: center center;font-size:50px;font-family:"宋体";color:#0276a8;text-align: center;line-height: 300px;font-weight: bold;}
/*左右按钮*/
.carrousel-btn-pre{left:0px; /*background-image: url('../images/btn_l.png');*/ }
.carrousel-btn-next{right:0px; /*background-image: url('../images/btn_r.png');*/}
/*列表*/
.carrousel-main .carrousel-list .carrousel-item{position: absolute; top:0px; left: 0px; }
/* 鼠标划过显示大图 */
#image-preview {position: absolute;z-index: 1000;border-width: 2px;border-style: solid;border-color: #008EE1;padding: 5px;background-color: #FAFAFA;}
#image-preview.big{transform-origin:top left;-webkit-transform: scale(1.5);-moz-transform: scale(1.5); -ms-transform: scale(1.5);  -o-transform: scale(1.5);transform: scale(1.5);-webkit-transform-origin:top left;-moz-transform-origin:top left; -ms-transform-origin:top left;  -o-transform-origin:top left;transform-origin:top left;}

.sright{margin-left: 640px;}
.sright .title{height: 66px;line-height: 66px;font-size: 30px;overflow: hidden;}
.sright .ttext{font-size: 16px;line-height: 30px;padding:10px 0;overflow: hidden;height: 60px;font-family:"楷体";}
.sright .downct .downbtn{height:54px;line-height: 54px;text-align: center;border-radius:10px;background-color: #FEB126;color:#fff;width: 180px;display: inline-block;vertical-align: middle;font-size:22px;position: relative;-moz-animation:bounce 1.5s ease-in-out infinite;-ms-animation:bounce 1.5s ease-in-out infinite;-webkit-animation:bounce 1.5s ease-in-out infinite;-o-animation:bounce 1.5s ease-in-out infinite;animation:bounce 1.5s ease-in-out infinite;}
.sright .downct .downbtn:hover{-moz-animation:none;-ms-animation:none;-webkit-animation:none;-o-animation:none;animation:none;}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-16px);}
    60% {-webkit-transform: translateY(-3px);}
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-16px);}
    60% {-moz-transform: translateY(-3px);}
}
@-ms-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);}
    40% {-ms-transform: translateY(-6px);}
    60% {-ms-transform: translateY(-3px);}
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-6px);}
    60% {-o-transform: translateY(-3px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}

    40% {transform: translateY(-14px);}
    60% {transform: translateY(-7px);}
}


.sright .othedown{height: 40px;line-height: 40px;margin-top: 20px;}
.sright .othedown a{position: relative;margin-right: 5px;height: 30px;line-height: 30px;display: inline-block;text-align: center;width: 100px;}
.sright .othedown a em{width: 33px;height: 30px;display: inline-block;vertical-align: top;background-position: center;background-repeat: no-repeat;margin-right: 2px;}
.sright .othedown a.pcd em{background-image:url(../images/icon/ndetail/pcd1.png);}
.sright .othedown a.and em{background-image:url(../images/icon/ndetail/and1.png);}
.sright .othedown a.iosd em{background-image:url(../images/icon/ndetail/iosd1.png);}
.sright .othedown a.macd em{background-image:url(../images/icon/ndetail/macd1.png);}
.sright .othedown a.pcd:hover em{background-image:url(../images/icon/ndetail/pcd.png);}
.sright .othedown a.and:hover em{background-image:url(../images/icon/ndetail/and.png);}
.sright .othedown a.iosd:hover em{background-image:url(../images/icon/ndetail/iosd.png);}
.sright .othedown a.macd:hover em{background-image:url(../images/icon/ndetail/macd.png);}
.sright .othedown a .ewmimg{width: 100px;position: absolute;top:30px;height:0;transition:.5s;left:0;overflow: hidden;}
.sright .othedown a .ewmimg img{width: 100px;height: 100px;margin-top: -100px;transition:.5s;}
.sright .othedown a:hover .ewmimg{height: 100px;}
.sright .othedown a:hover .ewmimg img{margin-top:0;}

.ccontwp{margin-top: 25px;}
.ccontwp .softmess{float: left;width: 208px;}
.ccontwp .softmess .title{height: 36px;line-height: 36px;border-bottom: 4px solid #0099FF;}
.ccontwp .softmess .title span{display: block;height:36px;border-bottom: 4px solid #FFCC00;padding:0 5px;font-size:18px;color:#0099FF;font-weight: bold;float: left;}
.ccontwp .softmess .sdimg {width: 208px;margin-top: 3px;}
.ccontwp .softmess .sdimg img{width: 100%;}
.ccontwp .softmess .softxx div{height: 26px;line-height: 26px;overflow: hidden;}
.ccontwp .softmess .softxx .tit{font-weight: bold;}
.ccontwp .softmess .softxx h2{display: inline-block;}
.ccontwp .softmess .wtzx{height: 22px;line-height: 22px;margin-top: 5px;}
.ccontwp .softmess .wtzx img{vertical-align: middle;}
.ccontwp .softmess .wtzx a{color:#0099FF;}
.ccontwp .softmess .jsxq{text-align: center;margin-top: 5px;}
.ccontwp .softmess .jsxq a{color:#169BD5;}
.ccontwp .softtabs{width: 520px;float: left;margin-left: 30px;}
.ccontwp .softtabs .softNav{height: 40px;line-height: 40px;background-color: #F2F2F2;font-size:16px;}
.ccontwp .softtabs .softNav span{display: inline-block;width: 33.3%;text-align: center;height: 40px;position: relative;float: left;cursor:pointer;}
.ccontwp .softtabs .softNav span.active{background-color: #0099FF;color:#fff;font-weight: bold;}
.ccontwp .softtabs .softNav span.active em{border-width: 12px;border-style: solid dashed dashed dashed;border-color: #008EE2 transparent transparent transparent;width: 0;height: 0;overflow: hidden;position: absolute;left: 50%;margin-left: -12px;top: 39px;}
.ccontwp .softtabs .softCwp .itemwp{display: none;}
.ccontwp .softtabs .softCwp .itemwp.active{display: block;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .tit{height: 55px;line-height: 55px;border:1px solid #ccc6cc;font-size:14px;cursor:pointer;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .tit span{float: left;width: 55px;height: 55px;font-weight: bold;font-size: 25px;text-align: center;font-family: 'Arial Negreta', 'Arial Normal', 'Arial';color:#0099FF;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .tit span.jian{display: none;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .tit span.jia{display: block;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .tit.active span.jian{display: block;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .tit.active span.jia{display: none;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .con{font-size: 14px;line-height: 28px;overflow: hidden;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .con.active{height: auto;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .con .children{overflow: hidden;display: none;}
.ccontwp .softtabs .softCwp .itemwp .softjsitm .con.active .children{display: block;}
.ccontwp .softtabs .softCwp .itemwp.softjc ul{padding:15px;}
.ccontwp .softtabs .softCwp .itemwp.softjc ul li{height: 40px;line-height: 40px;font-size: 14px;overflow: hidden;}
.ccontwp .softtabs .softCwp .itemwp.softjc ul li .icon{display: inline-block;vertical-align: middle;background:url(../images/icon/ndetail/rjt.png) center no-repeat;width: 30px;height: 40px;}
.ccontwp .softtabs .softCwp .itemwp.softjc ul li .time{float: right;}
.ccontwp .softtabs .softCwp .itemwp.softjc ul li a{display: inline-block;vertical-align: middle;width: 375px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.ccontwp .softtabs .softCwp .itemwp.softjc .more{text-align: center;margin-top: 5px;}
.ccontwp .softtabs .softCwp .itemwp.softjc .more a{color:#169BD5;font-size:14px;}
.ccontwp .softmore{float: right;width: 255px;}
.ccontwp .softmore .title{height: 36px;line-height: 36px;border-bottom: 4px solid #0099FF;}
.ccontwp .softmore .title span{display: block;height:36px;border-bottom: 4px solid #FFCC00;padding:0 5px;font-size:18px;color:#0099FF;font-weight: bold;float: left;}
.softmorewp .mitm{height: 56px;padding:12px 9px;}
.softmorewp .mitm .img{float: left;width: 56px;height: 56px;cursor:pointer;}
.softmorewp .mitm .img img{width: 56px;height: 56px;display: block;overflow: hidden;}
.softmorewp .mitm .text{float: left;margin-left: 10px;width: 110px;}
.softmorewp .mitm .text p{height: 28px;line-height: 28px;color:#C8C8C8;overflow: hidden;}
.softmorewp .mitm .text p.name{font-weight: bold;}
.softmorewp .mitm .moicon{float: right;margin-top: 15px;width: 58px;height: 24px;line-height: 24px;border:1px solid #999;cursor:pointer;text-align: center;}
.softmorewp .mitm .moicon em{display: inline-block;width: 24px;height: 24px;display: inline-block;vertical-align: top;background-repeat: no-repeat;background-position: center;-webkit-background-size: contain;-o-background-size: contain;   background-size: contain;}
.softmorewp .mitm .moicon.pc em{background-image: url(../images/icon/ndetail/pcd1.png);}
.softmorewp .mitm .moicon.an em{background-image: url(../images/icon/ndetail/and1.png);}
.softmorewp .mitm .moicon.ios em{background-image: url(../images/icon/ndetail/iosd1.png);}
.softmorewp .mitm .moicon.mac em{background-image: url(../images/icon/ndetail/macd1.png);}
.softmorewp .mitm:hover{-webkit-box-shadow: #b7b7b7 0 0 5px 0px;box-shadow: #b7b7b7 0 0 5px 0px;}
.softmorewp .mitm .moicon.pc:hover em{background-image: url(../images/icon/ndetail/pcd.png);color:#30f;}
.softmorewp .mitm .moicon.an:hover em{background-image: url(../images/icon/ndetail/and.png);color:#0c0;}
.softmorewp .mitm .moicon.ios:hover em{background-image: url(../images/icon/ndetail/iosd.png);color:#000;}
.softmorewp .mitm .moicon.mac:hover em{background-image: url(../images/icon/ndetail/macd.png);color:#000;}
.softmorewp .mitm .moicon.pc:hover {color:#30f;}
.softmorewp .mitm .moicon.an:hover {color:#0c0;}
.softmorewp .mitm .moicon.ios:hover {color:#000;}
.softmorewp .mitm .moicon.mac:hover {color:#000;}
.softmorewp .mitm:hover .moicon.pc {border-color:#30f;}
.softmorewp .mitm:hover .moicon.an {border-color:#0c0;}
.softmorewp .mitm:hover .moicon.ios{border-color:#000;}
.softmorewp .mitm:hover .moicon.mac{border-color:#000;}
.softmorewp .more{text-align: center;margin-top: 5px;}
.softmorewp .more a{color:#169BD5;font-size:14px;}

.softinfoBox .xzsc{margin-top: 0;}
.softDownIf .left .softinforel{padding-bottom: 0;}
.lunboct{width:625px;height:300px;overflow: hidden;}
.downdecailItem .xianssort{width: 510px;}
.downdecailItem .xianssort .nam{width: 200px;}
