@charset "utf-8";
/* CSS Document */

.freetitle{ width: 1000px; margin:auto; height:100px;}
.preview_image{ width: 1000px; margin:auto; height:600px;}
.media_image{ float:left;}
.media_body{ float:left;}
.media_body h1{ font-size:30px;}
.media_app_title{ color: #424242; font-size: 1.6rem; font-weight: 500; margin-bottom: 3px;}

/* btn */
.tb_btn_free { margin:30px 0 15px 0; text-align:center;}
.tb_btn_free p { font-size:20px;}
.tb_btn_free .btn_buy, .tb_btn_free .btn_trial_free, .tb_btn_free .btn_download, .tb_btn_free .btn_upgrade { width:150px; height:64px; display: inline-block; border-radius:0; font-size:1.4rem; text-transform:uppercase; font-weight:normal; line-height:68px; padding:0 20px 0 90px; text-align:left; color: #fff;}
.tb_btn_free .btn_buy { background:url(https://www.shining-soft.com/images/icon_buy_new.png) no-repeat 35px 15px; background-color: #ff8238;}
.tb_btn_free .btn_trial_free, .tb_btn_free .btn_download { background:url(https://www.shining-soft.com/images/freedownload.png) no-repeat 35px 15px; background-color: #4caf50; margin-right:20px;}
.tb_btn_free .btn_download { background-position: 15px 15px; padding-left:60px; width:280px;}
.tb_btn_free .btn_buy:hover { background-color:#f96f65; text-decoration: none;}
h2{ color: #424242; font-size:20px; font-weight: 500; margin-bottom: 3px;}


.img_scroll {
    padding: 4.5% 0;
    text-align: center;
}
.img_scroll .pro_des {
    font-size: 16px;
}
.img_scroll .scroll_out {
    background: rgba(0, 0, 0, 0) url("https://www.shining-soft.com/images/guide_bg.png") no-repeat scroll center top;
    margin-bottom: 20px;
    position: relative;
}
.img_scroll .scroll_out.mac {
    background: rgba(0, 0, 0, 0) url("https://www.shining-soft.com/images/guide_bg.png") no-repeat scroll center top;
}
.img_scroll .scroll_out_list {
    display: none;
}
.img_scroll .img {
    height: 384px;
    margin: 0 12%;
    position: relative;
}
.img_scroll .scroll_out.mac .img {
    height: 403px;
}
.img_scroll .img img {
    transition: all 400ms ease 0s;
}
.img_scroll .img .num {
    background: rgba(0, 0, 0, 0) url("https://www.shining-soft.com/images/guide_step.png") no-repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 36px;
    font-style: italic;
    height: 88px;
    left: 50%;
    line-height: 82px;
    margin-left: 220px;
    position: absolute;
    text-indent: -4px;
    top: -38px;
    width: 88px;
    z-index: 3;
}
.img_scroll .img .num.mac {
    background: rgba(0, 0, 0, 0) url("https://www.shining-soft.com/images/guide_step.png") no-repeat scroll 0 0;
    color: #bdb099;
}
.img_scroll .img_left, .img_scroll .img_right {
    cursor: pointer;
    height: 220px;
    left: 0;
    margin-top: -110px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.img_scroll .img_right {
    left: auto;
    right: 0;
}
.img_scroll .img_center {
    height: 338px;
    left: 50%;
    margin: 20px 0 0 -261px;
    position: absolute;
    top: 0;
    width: 522px;
    z-index: 2;
}
.img_scroll .img_hidden {
    display: none;
}
.img_scroll .left_click, .img_scroll .right_click {
    background: rgba(0, 0, 0, 0) url("https://www.shining-soft.com/images/awards_bg.png") no-repeat scroll 4px 15px;
    cursor: pointer;
    display: block;
    height: 100px;
    left: 0;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 50px;
}
.img_scroll .right_click {
    background-position: -50px 15px;
    left: auto;
    right: 0;
}
.img_scroll .left_click:hover, .img_scroll .right_click:hover {
    opacity: 0.8;
}
.img_scroll .step {
    display: none;
}
.img_scroll .step.current {
    display: block;
}
.img_scroll .step_title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 6px;
}
.img_scroll .step_title i {
    font-weight: bold;
}
.img_scroll .step_title font {
    color: #0288ff;
    font-style: italic;
    font-weight: bold;
}
.img_scroll .step_title.mac font {
    color: #bdb099;
}
.img_scroll .button {
    border: 1px solid #0078d7;
    display: inline-block;
    font-size: 18px;
    margin: 70px auto 0;
    min-width: 260px;
    padding: 10px 0 12px;
    text-align: center;
}
.img_scroll .button.no_border {
    border: 0 none;
    font-size: 20px;
}
.img_scroll .note {
    background-color: #f2f2f2;
    margin: 40px 0 -30px;
    padding: 22px;
    position: relative;
}

.guide_box {
    background: #f5f5f5 none repeat scroll 0 0;
    margin-bottom: 70px;
    padding: 70px 0;
    text-align: center;
}
.guide_box .case1, .guide_box .case2 {
    display: inline-block;
    margin-bottom: 70px;
    width: auto;
}
.guide_box .case1 {
    margin-right: 26px;
    width: 34%;
}
.guide_box .case2 {
    width: 63%;
}
.guide_box .case1 .word {
    margin-bottom: 60px;
    text-align: left;
    width: 98%;
}
.guide_box.tech .case1 .word {
    color: #fff;
}
.guide_box .case1 .blue1 {
    background: #0288ff none repeat scroll 0 0;
    color: #fff;
    padding: 33px 50px;
    text-align: left;
    width: 76%;
}
.guide_box .case1 .blue1 span, .guide_box .case2 .blue2 span, .guide_box .case2 .white span {
    display: block;
    margin-bottom: 20px;
}
.guide_box .case1 .blue1 h3, .guide_box .case2 .blue2 h3, .guide_box .case2 .white h3 {
    margin-bottom: 15px;
}
.guide_box .case2 div {
    display: inline-block;
}
.guide_box .case2 .pic {
    margin: 0 26px 30px 0;
    max-width: 325px;
    width: 45%;
}
.guide_box .case2 .pic img {
    height: auto;
    width: 100%;
}
.guide_box .case2 .blue2 {
    background: #51adee none repeat scroll 0 0;
    color: #fff;
    padding: 33px 50px;
    text-align: left;
    width: 38%;
}
.guide_box .case2 .white {
    background: #fff none repeat scroll 0 0;
    display: block;
    margin-top: 26px;
    padding: 45px 50px 45px 150px;
    position: relative;
    text-align: left;
    width: 50%;
}
.guide_box .case2 .white span {
    left: 43px;
    position: absolute;
    top: 45px;
}

.titleBox{padding:10px 0;}
.titleBox .process{ margin-top:40px; overflow:hidden; width:63%}
.titleBox .process .item{ float:left; text-align:center;margin-right: 2%;width: 24%;}
.titleBox .process .item img{ max-width:100%; margin-bottom:8px}
.titleBox .process .cross{ background:url(images/arrow-r.png) no-repeat 50% 50px; width:50px; float:left; height:100px;}
.titleBox .flText{float:left;width:46%;}
.titleBox .frText{float:right;width:46%;}
.titleBox .flPic{float:left;width:50%; text-align:left;}
.titleBox .frPic{float:right;width:50%; text-align:right;}
.titleBox h3{ font-size:24px; color:#35a9d4; line-height:1.2em;}
.titleBox dl{margin-top:20px;}
.titleBox dd{padding:5px 0;}
@media (max-width: 767px) {
	.titleBox .process{width:auto;}
	.titleBox .flText{float:none;width:auto;}
	.titleBox .frText{float:none;width:auto;}
	.titleBox .flPic{float:none;width:auto; text-align:center;margin-top:20px;}
	.titleBox .frPic{float:none;width:auto; text-align:center;margin-top:20px;}
}
@media (max-width: 479px) { 
	.titleBox .process .item img{ width:70px;}
	.titleBox .process .cross{ background-position:50% 25px;width:32px; } 
	.titleBox h3{ font-size:24px;}
}


.parent_layer {
    margin-top: 1px;
    padding: 8px 0;
}
.parent_layer .home {
    background: rgba(0, 0, 0, 0) url("https://www.shining-soft.com/images/home_icon.png") no-repeat scroll center center;
    display: inline-block;
    height: 24px;
    text-decoration: none;
    width: 20px;
}

.desBox .process{ margin-top:40px; overflow:hidden; width:63%}
.desBox .process .item{ float:left; text-align:center;margin-right: 2%;width: 24%;}
.desBox .process .item img{ max-width:100%; margin-bottom:8px}
.desBox .process .cross{ background:url(images/arrow-r.png) no-repeat 50% 50px; width:50px; float:left; height:100px;}
.desBox .flText{float:left;width:46%;}
.desBox .frText{float:right;width:46%;}
.desBox .flPic{float:left;width:50%; text-align:left;}
.desBox .frPic{float:right;width:50%; text-align:right;}
.desBox h3{ font-size:24px; color:#35a9d4; line-height:1.2em;}
.desBox dl{margin-top:20px;}
.desBox dd{padding:5px 0;}
.desBox h2{ font-size:24px; color:#35a9d4; line-height:1.2em; line-height:1.2em; margin-bottom:40px;}
.desBox p{ font-size:16px; line-height:1.2em; line-height: 1.7; margin-bottom: 18px;}

@media (max-width: 767px) {
	.desBox .process{width:auto;}
	.desBox .flText{float:none;width:auto;}
	.desBox .frText{float:none;width:auto;}
	.desBox .flPic{float:none;width:auto; text-align:center;margin-top:20px;}
	.desBox .frPic{float:none;width:auto; text-align:center;margin-top:20px;}
}
@media (max-width: 479px) { 
	.desBox .process .item img{ width:70px;}
	.desBox .process .cross{ background-position:50% 25px;width:32px; } 
	.desBox h3{ font-size:24px;}
}

a {
    color: #35a9d4;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.user_reviews .list_title { font-size:0.5rem;}
.user_reviews .list_des { font-size:0.4rem;}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* {
    border: 0 none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.user_reviews .list_des {
    color: #808080;
    font-size: 14px;
    margin-bottom: 15px;
}
.article_content p {
    margin-bottom: 15px;
}
.clearfix {
    display: block;
}
.user_reviews .list li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: left;
    margin: 0 2% 20px 0;
    padding: 0 !important;
    width: 47.5%;
}
.user_reviews .list li:nth-child(2n) {
    margin: 0 0 20px 2%;
}
.user_reviews .list_title {
    font-size: 17px;
    margin-bottom: 4px;
}
.user_reviews .list_des {
    color: #808080;
    font-size: 14px;
    margin-bottom: 15px;
}
.user_reviews .name {
    min-height: 70px;
    padding-left: 50px;
    position: relative;
}
.user_reviews .name img {
    left: 0;
    position: absolute;
    top: 0;
}
.user_reviews .name {
    font-size: 15px;
}
.user_reviews .name font {
    color: #808080;
    font-size: 16px;
}
.user_title_h3 {
    border-bottom: 2px solid #81c8ff;
    font-size: 22px;
    font-weight: normal;
    margin: 50px 0 30px;
    padding-bottom: 16px;
}