@charset "utf-8";
/* home-main */
.top_banner{background:url(#) repeat;color:#fff;padding:50px 0;}
.top_banner h1{ text-align:center;color:#fff; font-size:38px; font-weight:bold; line-height:1em;}
.top_banner h1 span{display:block; font-size:26px; font-weight:normal;}
.top_banner .box{ background: no-repeat;height:325px;}
.top_banner .box .pic{float:right;margin-top:33px;}
.top_banner .box .text{float:left;width:45%;padding:4%;}
.top_banner .box .text li{ font-size:18px; font-weight:bold; line-height:1.5em;}
.top_banner .desc{ font-size:20px; text-align:center; padding:10px 0;}
.top_banner .item{float:left;width:22%; background-color:#cbe5fb; padding:10px 20px; text-align:center; margin:30px 3px 0 0; height:270px;}
.top_banner .item .title{ color:#555; font-size:18px;}
.top_banner .item .title span{color:#247fd0; display:block;}
.top_banner .item .price{ color:#f16c00; font-size:26px; padding:10px 0;}
.top_banner .item .price span{font-size:16px;}
.top_banner .item ul{ color:#666; text-align:left;}
.top_banner .item ul li span{ display:inline-block; background-color:#FFF; padding:0 5px;}
.top_banner .item.right ul li span{background-color:#c0def8;}
.top_banner .item .greenbtn{ font-size:20px; font-weight:bold; margin:15px 0;}
.top_banner .right{width:40%; margin:15px 0 0 0; background:#FFF; padding:24px 30px 11px; position:relative;}
.top_banner .right .desktop{ position:absolute; right:0; top:0;}
.top_banner .right .mac-trybtn, .top_banner .right .mac-buybtn{padding-left:50px;}
@media (min-width: 768px) and (max-width: 979px) {
	.top_banner h1{ font-size:34px;}
	.top_banner .box{ background:#318cd0; height:auto;}
	.top_banner .box .text{width:55%;}
	.top_banner .box .pic{width:33%;padding-right:20px;}
	.top_banner .item{width:44%;}
	.top_banner .item.right{width:91%;}
}
@media (max-width: 767px) {
	.top_banner h1{ font-size:30px;}
	.top_banner .box{ background:none;height:auto;}
	.top_banner .box .pic{float:none;margin-top:0;width:auto; text-align:center;}
	.top_banner .box .text{float:none;width:auto;background:#318cd0;margin-top:20px;}
	.top_banner .item{ float:none; width:100%;}
}
@media (max-width: 479px) {
	.top_banner{padding:30px 0;}
	.top_banner h1{ font-size:24px;}
	.top_banner h1 span{ font-size:18px;}
	.top_banner .box .text li{ font-size:14px;}
}
.topProBox .img { float:left; width:45%;}
.topProBox .img img {max-width:100%;}
.topProBox .info {float:right; width:52%; font-size:16px;}
.topProBox .info p {padding:5px 0;}
.topProBox .info ul {padding:5px 0;}
.topProBox .info ul {margin-left:15px;}
.topProBox .info ul li {list-style:disc; padding:5px 0; line-height:1.2em;}
.topProBox .nameBox {overflow:hidden; padding:5px 0;}
.topProBox .name {float:left; padding-right:20px; font-size:25px; line-height:1.4em; font-weight:bold; color:#fff;}
.topProBox .star {padding-top:10px; float:left;}
.topProBox .btn {padding:15px 0;}
.topProBox .btn a {margin-right:15px;}
.topProBox .downNum strong { font-size:20px;}
@media (max-width: 979px) {
	.topProBox .btn a {margin:0 0 10px 0;}
	.topProBox .star {float:none; clear:both; padding-bottom:5px;}
}
@media (max-width: 767px) {
	.topProBox .img,.topProBox .info {float:none; width:auto;}
	.topProBox .img {text-align:center; padding-bottom:10px;}
	.topProBox .btn a {margin:0 15px 0 0;}
}
@media (max-width: 479px) {
	.topProBox .btn a {margin:0 auto 10px auto; display:block;}
}

/* top-nav */
.top-nav, .btm-nav{ background:#4897ee;}
.top-nav-fixed {position:fixed; top:0; left:0; width:100%; z-index:500;}
.top-nav .nav{padding:15px 0; float:left;}
.top-nav .nav li{float:left;text-align:center;padding:0 5px;}
.top-nav .nav .star li.on, .top-nav .nav .star li.half{ padding:0;}
.top-nav .nav li a{display:inline-block;width:100px;height:38px; line-height:38px;color:#FFF;font-size:16px;font-weight:bold;}
.top-nav .nav li.curr a,.top-nav .nav li a:hover{background-color:#FFF;text-decoration:none;color:#39F;border:1px solid #FFF; border-radius:3px;height:36px; width:118px; line-height:36px;font-size:16px;font-weight:bold;}
.top-nav .btn {float:right; padding-top:17px; display:none;}
.top-nav-fixed .btn {display:block;}
.btm-nav{position:fixed; bottom:0; left:0; width:100%; z-index:500; padding:10px 0;}
.btm-nav .btn-close {position:absolute; z-index:200; top:-25px; left:50%; margin-left:-28px; width:56px; height:25px; background:url(#) no-repeat 17px -153px; border-radius:80px 80px 0 0; cursor:pointer; background-color:#4897ee !important;}
.btm-nav .btn-close2 {background-position:17px -120px;}
.btm-nav .container{ text-align:center;}
.btm-nav .buyBtn-t{ width:auto; padding:5px 0 5px 10px;}
.btm-nav .buyBtn-t span {display:inline-block; padding:0 10px; margin-left:10px; border-left:solid 1px #d0602a;}
.btm-nav .buyBtn-t span del {font-size:12px; font-weight:normal;}


.great-nav {padding:10px 0; text-align:center; color:#fff; font-size:20px; line-height:36px;}
.great-nav strong {padding:5px 20px; display:inline-block;}
.great-nav a {color:#fff; font-size:16px;padding:0 20px; border:solid 1px #4897ee; line-height:36px; display:inline-block; border-radius:5px;}
.great-nav a:hover {border:solid 1px #9bc8f8; text-decoration:none;}
@media (max-width: 979px) {
	.top-nav .nav li a,.top-nav .nav li.curr a,.top-nav .nav li a:hover {width:auto; padding:0 10px; font-size:12px;}
}
@media (max-width: 767px) {
	.top-nav .nav,.top-nav .btn {float:none; width:auto;}
	.top-nav .nav {padding-bottom:0px; overflow:hidden;}
	.top-nav .btn {clear:both; padding:10px 0;}
	.top-nav .btn a {width:auto; display:block; margin:5px;}
	.great-nav strong {display:block; line-height:1.2em;}
	.great-nav a {font-size:14px; padding:0 5px;}
}
@media (max-width: 479px) {
	.great-nav a {display:block; font-size:16px;}
}

/* pro-main */
.pro-main{padding:60px 0;}
.pro-main.gray{background:#e6e9eb;}
.pro-main .title{font-family:Cutive;font-size:18px; line-height:1.4em;text-align:center;color:#4897ee;}
.pro-main .tdd{padding:0 80px; font-size:14px; line-height:1.5em;}
.line{ border-top:3px solid #ececec; width:1000px; margin:0 auto; margin:50px 0;}
@media (max-width: 979px) {
	.pro-main .tdd{padding:0;}
}


.pro-main .tabbox .nav li{ float:left;cursor:pointer;font-size:20px; font-weight:bold; height:73px; line-height:73px; background:#f0f0f0; color:#666;width:49%;text-align:center;text-transform:uppercase; margin-right:20px;}
.pro-main .tabbox .nav li:last-child{ margin:0;}
.pro-main .tabbox .nav li.curr{ background:#d0e2f6;}
.pro-main p{ line-height:1.6em;}
.pro-main .con{ background-color:#d0e2f6; padding:35px 0;}
.pro-main .con .bg{ background:#FFF; margin:20px; width:86%; text-align:center; padding:100px 50px;}
.pro-main .con .bg1{text-align:left; padding:50px;}
.pro-main .con .bg2{padding:50px;}
.pro-main .con .bg3 h4{ text-align:left; border-bottom:1px dashed #bbbbbb; margin-bottom:30px;}
.pro-main .con .bg .text1{ text-align:left; float:left; margin:0 0 20px 0; width:80%;}
.pro-main .con .bg .text1 h3{ padding:0;}
.table2 td{padding:20px 0;text-align:left;}
.table2 tr td:first-child{text-align:right;}
.table2 textarea{ border:1px solid #eae8e8; box-shadow:inset 0 5px 12px #f6f6f6; padding:10px;}
.table2 select{border:1px solid #eae8e8; padding:5px 6px; widows:100%;}
.pro-main .con .bg .note{ width:50%; padding-bottom:10px; margin:0 auto;}
.pro-main .con h2{ color:#2875cb; font-size:32px; font-weight:bold; line-height:1em;}
.pro-main .con h3{ font-size:30px; color:#555; line-height:1em; padding:20px 0 10px;}
.pro-main .con h4{ font-size:22px; color:#666; line-height:1em; padding:70px 0 10px;}
.pro-main .tabbox .btn .orangebtn{font-size:28px; display:inline-block; line-height:0.8em;}
.pro-main .con .bg3 table{ margin:0 auto;}
.pro-main .con .topbox{ background-color:#f0f0f0; padding-bottom:20px;}
.pro-main .con .topbox .email{border:solid 1px #ddd; background:#fff; padding:8px 30px 8px; width:100%;}
.pro-main .tabbox .btn .orangebtn span{ display:block; font-size:14px;}
.pro-main .con .bottom_item{ border:1px dashed #dddddd; background-color:#f6f6f6; padding:5% 15%;}
.pro-main .con .bottom_item .titie{ font-size:16px;}
.pro-main .con .bottom_item .convertBtn{color:#FFF;background-color:#ff7200; font-size:40px; font-weight:bold; padding:10px 17%; border-radius:3px; line-height:2.5em;}
.pro-main .con .convertBtn:hover, .pro-main .con .orangebtn:hover{background:#f06000; text-decoration:none;}
.pro-main .con .bottom_item h3{ font-size:16px; color:#9fd69f; font-weight:bold;}
.pro-main .con .bottom_item .process{ border:1px solid #9fd69f; border-radius:5px; background:#FFF; height:58px;}
.pro-main .con .bottom_item .process .complete{ background-color:#b5eeb5; width:50%; height:100%;}
.pro-main .con .text{ margin-top:20px; line-height:1.5em; font-size:14px;}
.pro-main .con .addfile{ margin-bottom:10px; font-size:15px;}
.pro-main .con .addfile a.addbtn{background-color:#4897ee; display:inline-block; padding:5px 10px; border-radius:5px; color:#FFF; font-weight:bold; font-size:14px;text-decoration:none;}
.pro-main .con a{color:#247fd0;}
.pro-main .con .addfile a.graybtn{ font-weight:bold; font-size:14px;padding:5px 10px; text-decoration:none;color:#FFF;}
.clist td,.clist th{padding: 15px 13px; background-color:#f0f0f0; font-size:14px; text-align:center; border-spacing:4px;}
.clist th{ font-weight:bold; background-color:#d7d7d7;border:1px solid #FFF;}
.clist td{border-top:1px solid #dbdada; border-bottom:1px solid #FFF;}
.clist tr td:first-child, .clist tr th:first-child{ text-align:left;}
.clist tr td:last-child, .clist tr th:last-child{ position:relative;}
.clist .warn td{background-color:#fed9d8; border-top:1px solid #ffb1b0;}
.clist .select td{background-color:#d5fad5; border-top:1px solid #9eed9d;}
.clist .warn td.red{ color:#e21111 !important;}
.popup{ background:url(#) no-repeat; width:203px; height:83px; position:absolute; top:16px; right:39px; z-index:50; padding-top:15px;}
.popup .orange{ background-color:#ff7200; color:#FFF !important; padding:5px; border-radius:5px; width:40px;}
.pro-main .tabbox .sum{ font-size:18px; text-align:right; padding-top:20px;}
.pro-main .tabbox .graybtn, .pro-main .tabbox .orangebtn{ font-size:32px; color:#FFF; padding:10px 50px; background-color:#aaaaaa; border-radius:5px; line-height:56px;}
.pro-main .tabbox .price{ color:#ff7200; font-size:30px; margin-right:10px;}
.pro-main .tabbox .orangebtn{ background-color:#ff7200;}
.pro-main .tabbox .greenbtn{background-color:#4fb434; font-size:16px; font-weight:bold; color:#FFF;}
.pro-main .tabbox .graybtn2{background-color:#aaaaaa;font-size:16px; font-weight:bold; color:#FFF;text-align:center;width:140px;height:40px;line-height:40px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; display:inline-block; border-radius:5px;}
.tabbox{margin-top:40px;}
.tabbox .toptit{background:url(#) repeat-x 0 bottom;}
.tabbox .conbox{ background:#f5faff;border-bottom:1px solid #b5d8ff;border-left:1px solid #b5d8ff;border-right:1px solid #b5d8ff;padding:50px;}
.tab{height:50px; float:left;}
.tab li{float:left;border:1px solid #dfdfdf; line-height:48px; text-align:center;width:175px; font-size:16px;color:#333; cursor:pointer;}
.tab li.curr{border-top:1px solid #b5d8ff;border-left:1px solid #b5d8ff;border-right:1px solid #b5d8ff;border-bottom:none;line-height:49px; background:#f5faff; font-weight:bold;}
@media (min-width: 768px) and (max-width: 979px) {
	.pro-main .tabbox .nav li {width:48%;}
	.pro-main .con .bg{width:80%;}
	}
@media (max-width: 767px) {
	.pro-main .tabbox .nav li {width:47%;}
	.pro-main .con .bg{width:71%; word-wrap:break-word;}
	.pro-main .tabbox .btn .orangebtn{ display:block; margin-bottom:10px;width:60%;}
	.pro-main .con .bottom_item .convertBtn{width:60%; font-size:30px;}
}
.whetherBox {float:right; position:relative;}
.whetherBox span {display:block; float:left; padding:5px;}
.whetherBox input {float:left; padding:5px;}
.whetherBox input[type='text'] {border:solid 1px #b5d8ff;}
.whetherBox input[type='submit'] {background:#4897ee; color:#fff; cursor:pointer; border-radius:0 5px 5px 0;}
.whetherBox .inputPop { position:absolute; top:35px; right:0; border:solid 1px #dbdbdb; background:#fff; padding:10px 20px 15px 20px;}
.whetherBox .inputPop .btnClose {position:absolute; top:0; right:0; background:#dbdbdb; display:block; line-height:22px; padding:0 8px; cursor:pointer; color:#797979; font-size:14px;}
.whetherBox .inputPop h4 {color:#6ebc36; font-size:14px; padding:5px 0; font-weight:bold;}
.whetherBox .inputPop h4.org {color:#fdb121;}
.whetherBox .inputPop a {text-decoration:underline;}
.table1{border-top:1px solid #b5d8ff;border-left:1px solid #b5d8ff;}
.table1 th,.table1 td{border-bottom:1px solid #b5d8ff;border-right:1px solid #b5d8ff;padding:20px 3%;}
.table1 th{ background:#4897ee;color:#fff; font-weight:bold; text-align:center;}
@media (max-width: 979px) {
	.tab li{width:140px;}
}
@media (max-width: 767px) {
	.tab,.whetherBox {float:none;}
	.whetherBox {padding-bottom:10px;}
	.whetherBox .inputPop {position:relative; top:5px; left:0; clear:both;}
}
@media (max-width: 479px) {
	.tab li{width:92px; font-size:13px;}
	.tabbox .conbox{padding:15px;}
}

.probox1 .title2{font-size:12px; font-weight:bold;color:#666; padding-top:15px;}
.probox1 .title3{ font-size:16px; font-weight:bold;color:#666; padding:15px 0 5px 0;}
.probox1 a {color:#4897ee; text-decoration:underline;}
.probox1 ul {margin-left:15px; padding:5px 0;}
.probox1 li {list-style:disc; padding:3px 0; line-height:1.4em;}
.probox2 .pic{float:right;width:42%; text-align:right;}
.probox2 .text{float:left;width:50%;}
.probox2 .text p {padding:5px 0;}
.probox2 .h-title {font-size:20px; line-height:1.4em; padding:10px 0;}
.probox2 .list li {padding:0 0 10px 0;}
.probox2 .list strong {font-size:14px;}
.probox3 .pic{float:left;width:45%;margin-top:20px;}
.probox3 .text{float:right;width:50%;margin-top:20px; font-size:16px;}
.probox4 .pic{float:right;width:50%; text-align:right;}
.probox4 .text{float:left;width:45%; font-size:16px;}
.probox5 h3{ font-weight:bold;}
@media (max-width: 767px) {
	.probox2 .pic{ float:none;width:auto; text-align:center;}
	.probox2 .text{float:none;width:auto;}
	.probox3 .pic{float:none;width:auto;margin-top:20px;}
    .probox3 .text{float:none;width:auto;margin-top:20px;}
    .probox4 .pic{float:none;width:auto; text-align:center;}
    .probox4 .text{float:none;width:auto;}
}
.imgList {border-top:solid 1px #e1e1e1; padding:20px 0 0 0; overflow:hidden; margin-top:30px;}
.imgList li {float:left; width:12.2%; text-align:center; padding:10px 1% 0 1%;}
.imgList li img {max-width:100%;}
.imgList li p {padding:5px 0;}
@media (max-width: 979px) {
	.imgList li {width:23%;}
}
@media (max-width: 767px) {
	.imgList li {width:31.3%;}
}
@media (max-width: 479px) {
	.imgList li {float:none; width:auto;}
}

.simpleBox {padding-top:20px;}
.simpleBox h3 {font-size:16px; font-weight:bold;color:#666; padding:15px 0 5px 0; text-align:center;}

.pageVideoBox .video { width:800px; height:460px;}
.pageVideoBox .btn {text-align:center; padding:15px 0;}
.pageVideoBox .downNum {text-align:center;}
.pageVideoBox .downNum strong {font-size:16px;}
@media (max-width: 979px) {
	.pageVideoBox .video {width:100%; height:460px;}
}
@media (max-width: 767px) {
	.pageVideoBox .video {width:100%; height:260px;}
}
@media (max-width: 479px) {
	.pageVideoBox .btn a {margin:5px auto; display:block;}
}

/*rollArea*/
.rollArea{width:800px;position:relative;padding:10px 0;margin:0 auto;margin-top:50px;}
.rollArea #myRoundabout {list-style: none;padding: 0;margin: 0 auto;width:450px;height:345px;}
.rollArea #myRoundabout li {width:600px;height:345px;text-align: center;} 
.rollArea #myRoundabout li p{ margin-top:20px; text-align:center;}
.rollArea #myRoundabout li a span{ display:block; position:absolute; top:0; left:0; z-index:101; width:100%; height:100%;}
.rollArea #myRoundabout .roundabout-moveable-item p,.rollArea #myRoundabout .roundabout-moveable-item a span{ display:none;}
.rollArea #myRoundabout .roundabout-in-focus p,.rollArea #myRoundabout .roundabout-in-focus a span{ display:block;}
.rollArea #myRoundabout li a{ display:block; position:relative; }

.rollArea #myRoundabout li img {width:100%;max-width:100%;}
.rollArea #myRoundabout li.roundabout-in-focus {cursor: default;}
.rollArea .next,.rollArea .prev{ display:block; position:absolute; z-index:281; background:url(#) no-repeat 0 0; width:22px; height:43px; top:50%; margin-top:-21px;}
.rollArea .next{ background-position:-22px 0; right:-70px;}
.rollArea .prev{ left:-70px;}

.rollArea2{width:300px;position:relative;margin:0 auto; float:right;}
.rollArea2 h4 { font-size:16px; line-height:1.2em; text-align:center;}
.rollArea2 #myRoundabout2 {list-style: none;padding: 0;margin: 0 auto;width:180px;height:125px;}
.rollArea2 #myRoundabout2 li {position:relative;}
.rollArea2 #myRoundabout2 li .video{ background:url(#) center no-repeat  ; position:absolute; z-index:3; top:0; left:0; width:180px; height:104px; display:none;}
.rollArea2 #myRoundabout2 .roundabout-in-focus .video { display:block;}
.rollArea2 #myRoundabout2 li img {width:100%;max-width:100%;}
.rollArea2 #myRoundabout2 li.roundabout-in-focus {cursor: default;}
.rollArea2 .flex-direction-nav .flex-next,.rollArea2 .flex-direction-nav .flex-prev{ display:block; position:absolute; z-index:281; background:url(#) no-repeat 0px -60px; width:22px; height:30px; top:50%; color:transparent;}
.rollArea2 .flex-direction-nav .flex-next{ background-position:-25px -60px; right:10px;}
.rollArea2 .flex-direction-nav .flex-prev{ left:10px;}

.rollArea_m {text-align:center;padding:30px 0;}
.rollArea_m #myRoundabout li p {padding:10px 0;}

.plBox {float:left; width:55%; padding:10px 0;}
.plBox h4 {padding:10px 0; font-size:16px; line-height:1.2em;}
.plBox .star {float:left; padding:10px 0 0 0;}
.plBox .peoName {float:left; padding:6px 0 0 10px; display:block;}
.plBox .flex-control-paging{ text-align:left;list-style:none; padding-top:10px; margin-left:0;}
.plBox .flex-control-paging li{margin-right:5px;display:inline-block;*display:inline;}
.plBox .flex-control-paging li a{display:inline-block;width:26px; height:6px;cursor:pointer; background:#d8d8d8; overflow:hidden; text-indent:-9999px;}
.plBox .flex-control-paging li a.flex-active{ background:#f6772c;}

@media (min-width: 768px) and (max-width: 979px) {
	.rollArea{width:760px;height:300px;margin-top:20px;}
	.rollArea #myRoundabout li{width:450px;height:300px;}
	.rollArea .next{ background-position:-22px 0; right:70px;}
    .rollArea .prev{ left:70px;}
}
@media (max-width: 767px) {
	.rollArea{width:450px;height:250px;margin-top:20px;}
	.rollArea #myRoundabout li{width:350px;height:250px;}
	.rollArea .next{ background-position:-22px 0; right:-30px;}
    .rollArea .prev{ left:-30px;}
	.plBox,.rollArea2 {float:none;width:auto;}
	.plBox {padding-bottom:20px;}
}

.bottomList_proOther {background:#fff;border:1px solid #f0f0f0;}
.bottomList_proOther .bar {float:left; width:33%; border-left:solid 1px #f0f0f0; padding-bottom:15px;}
.bottomList_proOther .bar:first-child {border-left:0;}
.bottomList_proOther .bar .dt {margin:20px 20px 10px 20px; background:#d5e4f5; text-align:center; padding:10px 0; font-size:16px;}
.bottomList_proOther .bar .barCont {padding:4px 20px;}
.bottomList_proOther .bar .fb { width:210px; margin:0 auto; height:215px;}
.bottomList_proOther .bar dd {padding:4px 20px 4px 35px; line-height:1.2em; background:url(#) no-repeat 25px 10px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bottomList_proOther .bar dd a {color:#666;}
@media (max-width: 767px) {
	.bottomList_proOther {padding-top:1px;}
	.bottomList_proOther .bar{float:none; width:auto; border-left:0;}
}

.bottom_mayPro h2 {padding-bottom:30px; font-size:18px; line-height:1.2em; font-family:Cutive;}
.bottom_mayPro .img {float:left;}
.bottom_mayPro .text {padding:0 0 0 110px;}
.bottom_mayPro .text p {line-height:1.3em; font-size:12px; padding-bottom:5px;}
.bottom_mayPro .name {font-size:14px; line-height:1.2em; padding-bottom:10px;}
.bottom_mayPro .price {text-align:center; padding-top:10px;}
.bottom_mayPro .price span {color:#ff6000; padding-left:5px;}
.bottom_mayPro .btn a {margin-top:5px;}
@media (max-width: 767px) {
	.bottom_mayPro .mayProItem { padding-bottom:20px;}
}
@media (min-width: 480px) and (max-width: 767px) {
	.bottom_mayPro .img {float:none; text-align:center; padding-bottom:5px;}
	.bottom_mayPro .text {padding:0;}
}

.reMain {padding:30px 0 20px 0;}
.reCont {float:left; width:69%; padding:20px 1.5%; background:#fff;}
.reSide {float:right; width:25%; background:#fff;}
.articleInfo {background:#f3f3f3; padding:10px;}
.articleInfo a {color:#34aceb;}
.articleInfo .img {float:left; padding:2px; background:#fff;}
.articleInfo .txt {padding:0 0 0 70px;}
.articleInfo .txt p {padding:2px 0;}
.addthis_toolbox {padding:20px 0;}
.specialArea{ background:#f3f3f3; padding:20px 3%;}
.specialArea h4{ font-size:19px; margin-bottom:15px; padding:0;}
.specialArea li,.specialArea li a{ color:#15abef;}
.bottomComment {padding:20px 0;}
.reSideColumn {background:#d5e4f5; padding:10px 15px; font-size:16px; line-height:1.2em;}
.reSidePro {padding:10px 15px;}
.reSidePro li {border-top:solid 1px #e1e1e1;}
.reSidePro li:first-child {border-top:0;}
.tagPro {padding:10px 0;}
.tagPro .name {padding:10px 0; font-size:14px; line-height:1.2em;}
.tagPro .img {float:left;}
.tagPro .info {padding:0 0 0 90px; line-height:1.2em;}
.tagPro .btn {clear:both; padding:15px 0 0 0;}
.tagPro .btn a {padding:0 10px;}
.reSideList {padding:10px;}
.reSideList li{list-style:outside disc; line-height:1.4em; margin-left:18px; padding:4px 0;}
@media (min-width: 767px) and (max-width: 979px) {
	.tagPro .img {float:none;}
	.tagPro .info {padding:10px 0 0 0;}
	.tagPro .btn a {margin-bottom:5px;}
}
@media (max-width: 767px) {
	.reCont,.reSide {float:none; width:auto;}
	.reSide {margin-top:20px;}
}





/* 2014-2-17 new */
.ve_bg{background:#60a7c6 url(#) no-repeat center 0;}
.mr_bg{background:#5b9813 url(#) no-repeat center 0;}
.dmc_bg{background:#00a1f1 url(#) no-repeat center 0;}
.top_banner2{color:#fff;height:500px;}
.top_banner2 h1{color:#fff; font-size:34px; text-align:center; line-height:1.2em; font-weight:bold;padding-top:50px;}
.top_banner2 h1 span{display:block;font-size:26px; font-weight:normal;}
.top_banner2 h1.dr{color:#2a5970; width:775px; margin:0 auto;}
.top_banner2 .box{ background:url(#) repeat;width:45%;margin:0 auto;padding:20px 10%;color:#fff;}
.top_banner2 .box .dd{font-size:13px;}
.top_banner2 .box .btn{margin-top:5px;}
.top_banner2 .box2{background:url(#) repeat;width:45%;margin:0 auto;padding:15px 10%; color:#64767e;}
.downNum .count{ text-align:center; margin:10px 0 10px 0; font-size:16px; float:left;}
.downNum span{ float:left; font-weight:normal; font-size:14px; line-height:42px;}
.downNum .count span{ background:url(#) no-repeat;width:24px;height:28px;color:#333;display:inline-block; line-height:28px; text-align:center; font-size:20px; margin:0 3px; }

.pro_down_win{display:inline-block; background:#84c754 url(#) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em; float:left;}
.pro_down_win:hover{ background:#76ba45 url(#) no-repeat 35px center;text-decoration:none;}
.pro_down_mac{display:inline-block; background:#84c754 url(#) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em; float:left;}
.pro_down_mac:hover{ background:#76ba45 url(#) no-repeat 35px center;text-decoration:none;}
.pro_buy_win{display:inline-block; background:#ff6000 url(#) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em;}
.pro_buy_win:hover{background:#ff731f url(#) no-repeat 35px center;text-decoration:none;}
.pro_buy_mac{display:inline-block; background:#ff6000 url(#) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em;}
.pro_buy_mac:hover{background:#ff731f url(#) no-repeat 35px center;text-decoration:none;}
.boxLeft .pro_down_win, .boxLeft .pro_down_mac{ float:none;}
.icon_box .item{float:left;width:15%;margin-left:20px; background:#85b8ef;color:#fff;height:150px; text-align:center; position:relative;}
.icon_box .item:first-child{margin-left:0;}
.icon_box .item .bg{display:none;background:#4897ee; position:absolute;top:0;left:0;height:150px;padding:0 15px;}
.icon_box .item:hover .bg{display:block;}

.icon_box_green .item{float:left;width:18%;margin-left:20px; background:#76c1ac;color:#fff;height:150px; text-align:center; position:relative;}
.icon_box_green .item:first-child{margin-left:0;}
.icon_box_green .item .bg{display:none;background:#4b8474; position:absolute;top:0;left:0;height:150px;padding:0 15px; text-align:left;}
.icon_box_green .item .bg strong{ display:block; color:#fff; font-size:16px;}
.icon_box_green .item:hover .bg{display:block;}

.more_prebox h2 {font-size:18px; line-height:1.2em; font-family:Cutive;}
.more_prebox .item{margin-top:30px;}
.more_prebox .item .text{padding-left:60px;}

.featImgSlide{position:relative;margin:0 auto 10px; padding:1px 0 20px;}
.featImgSlide .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:500px;height:370px;}
.featImgSlide .imgSlide li {position:relative; text-align:center;}
.featImgSlide .imgSlide li .video{ background:url(#) center no-repeat  ; position:absolute; z-index:3; top:0; left:0; width:500px; height:330px; display:none;}
.featImgSlide .imgSlide .roundabout-in-focus .video { display:block;}
.featImgSlide .imgSlide li img {max-width:100%;}
.featImgSlide .imgSlide li.roundabout-in-focus {cursor: default;}
.featImgSlide .flex-next,.featImgSlide .flex-prev{ display:block; position:absolute; z-index:281; background:url(#) no-repeat; width:55px; height:80px; top:40%; color:transparent;}
.featImgSlide .flex-next{ background-position:-66px 0; right:35px;}
.featImgSlide .flex-prev{ left:35px;}

.peobox{margin-top:30px;}
.peobox .item{float:left;width:46.8%;margin:20px 0 20px 5%;}
.peobox .item:first-child{margin-left:0;}
.peobox .item .name{float:right;font-size:18px;}
.peobox .item .img {float:left;}
.peobox .item .info {padding:0 0 0 180px;}
.peobox .item .star {float:left;}
.peobox .moreBtn { color:#4897ee; text-decoration:underline;}
@media (max-width: 767px) {
	.peobox .item{float:none;width:auto;margin-left:0;}
	.featImgSlide .flex-next, .featImgSlide .flex-prev{top:30%;}
}
@media (max-width: 479px) {
	.peobox .item{float:none;width:auto;margin-left:0;}
	.peobox .item .img {float:none; text-align:center;}
	.peobox .item .info {padding:0;}
	.featImgSlide .flex-next, .featImgSlide .flex-prev{top:12%;} 
}

.nrbox{margin-top:40px;}
.nrbox .flpic{float:left;width:40%; text-align:center;}
.nrbox .frpic{float:right;width:40%; text-align:center;}
.nrbox .fltext{float:right;width:58%;}
.nrbox .frtext{float:right;width:58%;}

.icon_box2 .item{margin-top:30px;}
.icon_box2 .item h3{font-weight:bold;}

.dvd_ripper_bg{background:#296092 url(#) no-repeat center 0;}
.proLine{ border-bottom:1px solid #f0f2f3; margin:10px auto;}
.free_utb_bg{background:#323c50 url(#) no-repeat center 0;}
.dvd_converter_bg{background:#79c045 url(#) no-repeat center 0;}
.pdf_converter_bg{background:#0199a3 url(#) no-repeat center 0;}

.top_banner3{color:#fff;height:500px; position:relative;}
.top_banner3 h1{color:#fff; font-size:25px;line-height:1.2em; font-weight:bold;padding-top:50px;}
.top_banner3 .boxLeft{background:url(#) repeat;width:55%; float:left;padding:15px 3%;color:#fff; margin-top:70px; min-height:350px;}
.top_banner3 .desc{ font-size:17px; margin-top:5px;}
.top_banner3 .boxLeft .btn{ text-align:center; margin-top:40px;}
.top_banner3 .boxLeft .btn .pl90{padding-left:90px;}
.top_banner3 .boxLeft .btn .pl98{padding-left:98px;}
.top_banner3 .boxLeft .btn .win-trybtn,.top_banner3 .boxLeft .btn .mac-trybtn{ text-align:left;}
.top_banner3 .boxLeft .numMl{ margin-left:100px; margin-top:10px;}
.top_banner3 .boxRight{ width:28%; float:right;padding:15px 4%;color:#fff; margin-top:70px;background:url(#) repeat;min-height:350px;}
.top_banner3 .step_icon{ position:absolute; top:45%; z-index:10; right:41%;}
.top_banner3 h2{color:#fff; font-size:18px;line-height:1.2em; font-weight:bold;padding-top:50px;}
.top_banner3 h2 span{ color:#ff6000;}
.top_banner3 .boxRight dl{ margin-top:15px;}
.top_banner3 .boxRight dl dt{ font-size:14px; font-weight:bold; margin-bottom:15px;}
.top_banner3 .boxRight dl dd{ background:url(#) no-repeat left; padding-left:25px;}
.pro_list_colbg{ background-color:#dbdedf;}
.nrbox .fltext .pro_list ul{ padding:20px 15px; margin-top:15px; }
.more_icon_box .item h3{ font-weight:bold; text-align:center; margin-bottom:10px;}
.tabBox_pro{ text-align:center;}
.tabBox_pro .orange{ display:block; color:#ff6000; font-size:16px; font-weight:bold; margin:15px 0 5px 0;}
.title20{ font-size:20px; color:#fff;}
.table1 th p{ font-weight:normal;}
@media (max-width: 979px) {
 	.top_banner2 h1{ font-size:28px;}
	.top_banner2 .box{width: 60%;padding: 20px 5%;}
	.icon_box .item{width: 30%; margin-bottom:10px;}
	.icon_box  > .item:nth-of-type(3n+1){ margin-left: 0;}
	.icon_box_green .item{width: 30%; margin-bottom:10px;}
	.icon_box_green  > .item:nth-of-type(3n+1){ margin-left: 0;}
	.top_banner3 .step_icon{ display:none;}
	.top_banner3 .boxLeft { width:50%;}
	.top_banner3 .boxRight{ width:35%;}
}

@media(max-width:767px){
	.top_banner2 h1 span{ font-size:19px;}
	.top_banner2 h1{ font-size:21px;}
	.top_banner2 .box{ width:80%;}
    .probtn{ text-align:center;}
	.probtn a{ text-align:left;}
	.pro_down { margin-left:15px;}
	.top_banner3 .boxLeft { width:auto;}
	.top_banner3 .boxRight{ width:auto;}
	.top_banner3 .boxLeft .numMl{margin-left:0;}
	.top_banner3 .boxLeft .btn label{ display:block;}
	.top_banner3 .boxLeft .btn .pl90, .top_banner3 .boxLeft .btn .pl98{padding-left: 0;}
	.top_banner3{ height:auto;}
	.top_banner3 .boxRight{ margin-top:0;}
	.downBtn-t-s{ padding:0 5px; margin-left:10px; margin-bottom:10px;}
	.table1 td{ padding:20px 1%;}
	
}
@media(max-width:479px){
	.nrbox .frpic,.nrbox .fltext,.nrbox .flpic,.nrbox .frtext { float:none; width:auto;}
	.top_banner2 .box{ width:auto;}
	.top_banner2 h1{ padding:20px 10px 0 10px;}
	.icon_box .item{width: 45%; margin-bottom:10px;}
	.icon_box  > .item:nth-of-type(3n+1){ margin-left: 20px;}
	.icon_box  > .item:nth-of-type(2n+1){ margin-left: 0;}
	.icon_box_green .item{width: 45%; margin-bottom:10px;}
	.icon_box_green  > .item:nth-of-type(3n+1){ margin-left: 20px;}
	.icon_box_green  > .item:nth-of-type(2n+1){ margin-left: 0;}
	.top_banner3 .boxLeft{ margin-top:0}
	.downBtn-t-s img,.buyBtn-t-s img{ display:none;}
}

.ve_function{ margin-top:40px;}
.ve_function .function_left{ width:25%; float:left;}
.ve_function .function_img{ width:50%;float:left;}
.ve_function .function_right{ width:23%; float:left;}
.ve_function .same_css{ line-height:1.2em;}
.ve_function .function_left .step_text1,.ve_function .function_left .step_text2,.ve_function .function_left .step_text3,.ve_function .function_left .step_text4{ height:65px;}
.ve_function .function_right .step_text1,.ve_function .function_right .step_text2,.ve_function .function_right .step_text3{ height:80px;}
@media (max-width: 979px) {
	.ve_function .function_left .step_text1,.ve_function .function_left .step_text2,.ve_function .function_left .step_text4{ height:50px; line-height:1.2em;}
	.ve_function .function_left .step_text3{ height:47px;}
   .ve_function .function_right .step_text1,.ve_function .function_right .step_text2,.ve_function .function_right .step_text3{ height:60px; padding-left:10px;}
   .ve_function .function_right .step_text4{ padding-left:10px;}
}

@media(max-width:767px){
	
	.ve_function .function_left,.ve_function .function_img,.ve_function .function_right{ width:auto; float:none;}
	.ve_function .function_left .step_text1,.ve_function .function_left .step_text2,.ve_function .function_left .step_text3,.ve_function .function_left .step_text4,.ve_function .function_left .step_text5{ height:auto;margin-bottom:5px; padding-left:15px;}
	.ve_function .function_right .step_text1,.ve_function .function_right .step_text2,.ve_function .function_right .step_text3,.ve_function .function_right .step_text4{ height:auto; margin-bottom:5px;padding-left:15px;}
	.ve_function .function_img{ margin:15px 0; text-align:center;}

}

/* 2014-3-4 new */
.drmac_bg{background:#437a98 url(#) no-repeat center 0;}
.copy_bg{background:#00a1f1 url(#) no-repeat center 0;}
.blu-ray_bg{background:#02a1f2 url(#) no-repeat center 0;}
.vc_bg{background:#03a2f3 url(#) no-repeat center 0;}

.backup-mac_bg{background:#377cc1 url(#) no-repeat center 0;}
.recorder-mac_bg{background:#5c9d1f url(#) no-repeat center 0;}
.vc-mac_bg{background:#018de5 url(#) no-repeat center 0;}
.vcu-mac_bg{background:#2073cf url(#) no-repeat center 0;}
.dc_mac_bg {background:#02a1f2 url(#) no-repeat center 0;}
.ve_mac_bg {background:#00a1f1 url(#) no-repeat center 0;}
.veu_win_bg {background:#2375ce url(#) no-repeat center 0;}
.ppr_bg{background:#3676b3 url(#) no-repeat center 0;}

.table_vcu{border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.table_vcu th,.table_vcu td{border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;padding:20px 3%;}
.free_download_win_bg{background:#1671b8 url(#) no-repeat center 0;}

/*screenshots自适应样式*/
.titleColumn{ font-size:30px; text-align:center; line-height:1.2em; padding:10px 0;}
.titleColumn strong{display:block; font-size:14px;color:#bcc8cf;}
.featImgSlide_s{position:relative;margin:10px auto;}
.featImgSlide_s .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:600px;}
.featImgSlide_s .imgSlide li {position:relative; text-align:center; line-height:1.3em;}
.featImgSlide_s .imgSlide li img {max-width:100%;}
.featImgSlide_s .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlide_s .imgSlide li span{text-align:center; display:block; padding-top:10px;}
.featImgSlide_s .flex-control-paging{position:absolute;bottom:-40px;left:50%;text-align:center;list-style:none;margin-left:-50px;}
.featImgSlide_s .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.featImgSlide_s .flex-control-paging li a{display:inline-block; background:#e0e0e0;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px; border-radius:20px;}
.featImgSlide_s .flex-control-paging li a.flex-active{background:#FA594B;}  
.featImgSlide_s .flex-prev,.featImgSlide_s .flex-next{ background:url(#) no-repeat; width:55px; height:80px; position:absolute; top:42%;left:50%;z-index:1; text-indent:-9999px;}
.featImgSlide_s .flex-prev:focus,.featImgSlide_s .flex-next:focus{ outline:none;}
.featImgSlide_s .flex-prev{margin-left:-565px;}
.featImgSlide_s .flex-next{ background-position:-55px 0;margin-left:525px;}
@media (max-width: 979px) {
	.featImgSlide_s .flex-prev,.featImgSlide_s .flex-next{display:none;}
}
/*free download send mail*/
.btn-sendMail {background:#75be44; padding:8px; display:inline-block; border-radius:7px; box-shadow:0 1px 1px #666;}
.btn-sendMail input { display:inline-block; background:#fff; border:solid 1px #36720c; padding:3px; margin-right:5px;}
.btn-sendMail a {display:inline-block; background:#36720c;border:solid 1px #2c6007;border-radius:5px; padding:0 5px; color:#fff;}

/*moviemator*/
.top_banner3 .box{ background:url(#) repeat;width:45%;margin:0 auto;padding:20px 10%;color:#fff;}

.top_banner4{background:url(#) repeat;color:#fff;padding:50px 0;}

.pro_down_mac_appstore{display:inline-block; background:#000 url(#) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em; float:left;}


* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	
	display: table-cell;
	padding: 3px 16px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}





.pro_down_mac2{display:inline-block; background:#84c754 url(#) no-repeat 45px center; border-radius:5px;padding:30px 42px 35px 130px;width:220px;color:#fff; font-size:38px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em; float:left;}

.pro_down_mac3{display:inline-block; background:#F63 url(#) no-repeat 45px center; border-radius:5px;padding:30px 42px 5px 130px;width:220px;color:#fff; font-size:38px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em; float:left;}

.table-style{border-top:1px solid #9ad074;border-left:1px solid #36C;}
.table-style td,.table-style th{border-bottom:1px solid #36C;border-right:1px solid #36C;padding:10px;}
.table-style th{color:#fff;font-size:16px;background-color:#36C;}
.table-style td{font-size:13px;}