@charset "utf-8";
/***************[Reset Css]**************/
@import "movie-pc.css";
@import "https://fonts.googleapis.com/css?family=Montserrat:400,600";
/*@import "font.css";*/
@media screen and (min-width:769px) and (max-width:1200px){
    .wrapper{ width:100%;}
    .nav-content ul.first-nav li{ margin-right: 3px;}
    .kv-share .title{ font-size: 20px;}
    .show-pic{ width:35%;}
    .show-pic a img{ width:100%;height:auto;}
    .show-feature{ width: 65%;}
    .effect-box{ width:100%;}
    .studio-brief{ width: 30%;margin: 0 10% 0 0;}
    .studio-link{ width: 60%;}
    .studio-link dl{ padding: 0;width: 33.3%;}
    .kv-share .workshop img{ width:100%;}
    .tool h2{ font-size: 30px; white-space: nowrap;}
    .tool .tool-txt{ margin: 5px 4% 0 0;}
    .template-list{ width:100%;}
    .template-list li{ width: 27%;margin: 0 3% 40px 3%;}
    .sidebar .template-list li{ width:100%;}
}
@media screen and (min-width:1024px) and (max-width:1200px){
     /*.postlist-box{ width:700px;}*/
    .postlist-box li .image{ width:27%;}
    .postlist-box li .brief{ padding:0 0 0 3%;}
    /*.content{ width:700px;}*/
    .cardlist-box{ width:700px;}
}
@media screen and (min-width:769px) and (max-width:1023px){
    .sidebar{ float:left;}
}
@media screen and (min-width:769px) and (max-width:910px){
    .nav-content ul.first-nav li{ margin-right: 1px;}
    .nav-content{ padding: 6px 23px 0 0;}
    .nav-content li a{ padding:6px 5px;}
    .card-box{ height: 272px;}
}
@media screen and (max-width:768px){
body, button, input, select, textarea { font:16px/28px sans-serif; color: #555555; }
/*设置页面字体rem为单位*/
html { font-size: 62.5%;}
@media only screen and (min-width: 320px) {
    html {
        font-size: 53.3%;
    }
}

@media only screen and (min-width: 375px) {
    html {
       font-size: 62.5% ;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 69% ;
    }
}
@media only screen and (min-width: 600px) {
    html {
        font-size: 100% ;
    }
}
@media only screen and (min-width: 800px) {
    html {
        font-size: 133.3% ;
    }
}
body { overflow-x: hidden; font-size: 1.4rem;}

/* framework */
.wrapper { width: 100%; }
/*header*/
/* .header { height:3rem; padding:1rem 0;} */
/* .logo { font-size:2.2rem; font-weight:600; float: left; padding: 0.1rem 0 0 1rem; }
.logo a { padding: 0 0 0 3rem; background-size: 19%;}
.nav-phone{width:3rem;display:inline-block; float:right; margin-right:1rem;text-align:right;}
.nav-phone img{ width:100%;} */

/*nav-content*/
/* .nav-content{ width:100%;position: absolute;top: 4rem; background-color: #ccc;padding-top: 0;float: none;display:none;padding: 6px 0 0 0;} */
/* .first-nav li:last-child{display:none !important;} */
/* .first-nav li{ width:100%;text-align:center;display:block; border-bottom: 1px solid #999; } */
/* .icon-up{ background: url(../images/icon_up.png) no-repeat 95% 1.2rem;background-size: 5%;} */
/* .icon-down{ background: url(../images/icon_down.png) no-repeat 95% 1.2rem;background-size: 5%;} */
/* .nav-content li a{ color:#737980;}  */
/* .nav-content ul.first-nav li .second-nav .bts{ display: none;} */
/* .nav-content ul.first-nav li .second-nav .bts a:hover{ color:#fff;} */
/* .first-nav li>a{font-size: 1.4rem;padding:0.3rem 0 0.3rem 5rem;margin-right:5rem;} */
/* .first-nav li>a:hover { color: #07c; } */
/* .nav-content ul.first-nav li .second-nav { width:100%;background: rgba(255, 255, 255, .9) !important; position: relative; box-shadow: 0 0 2px 0px #ccc;display:none;} */
/* .header-fixed .nav-content ul.first-nav li .second-nav a{ color:#737980;}
.header-fixed .nav-content ul.first-nav li .second-nav a:hover{ color:#737980;}
.header .search-img{ width: 2.2rem; height: 3rem;top: 0.3rem;right: 5rem; } */
.search-box{ top: 4rem;width: 100%;min-width: auto;right: 0;padding: 1rem 2%;box-sizing: border-box;}
.cse .gsc-search-button-v2, .gsc-search-button-v2{  padding: 0.15rem 1rem !important;font-size: large !important;box-sizing: border-box ;margin-top: 0 !important;}

/*index*/
.kv { width: 100%;height:20rem;color: #fff;background: url(../images/banner_bg.jpg) no-repeat center top;background-size: cover; }
.kv video{ display:none;}
.kv-box {margin: 0 auto;padding: 3rem 0 0 0;height: auto; }
.kv:before{ display:none;}
.kv-brief h1 { font-size: 1.8rem;line-height: 2.2rem;margin-bottom:0.6rem}
.kv-brief .kv-subtitle{ font-size: 1.4rem;margin-bottom:1rem;}
.kv-brief .nav-btn { margin: 1rem 0 0 0;}
.kv-brief .nav-btn .btn-down{ font-size: 1.2rem;padding: 0.5rem 1.5rem;margin: 0.5rem;}
.kv-share { display:none;}

/* .show { padding:3rem 0; }
.line-bottom{ width:90%; padding-bottom: 2rem;}
.show-pic { position: absolute;top: 3rem;left: -9%;width: 65%; }
.show-pic img{ width:100%; height:auto;}
.show-feature { width:55%; float:right;padding:0; }
.show-feature h2 { font-size:2.2rem; font-weight:600; letter-spacing: normal; color: #333c4e;    line-height: normal;margin:0; }
.show-feature li { width:100%;height:auto;font-size:1.4rem; margin:1rem 0 0 0; }
.show-feature  li img{ width: 8%;}
.show-more { display:none; } */

/* .tool-action{ height: auto;padding: 4rem 0 2rem 0;}
.tool-instant{ height: auto;padding: 4rem 0 2rem 0;}
.tool h2{ font-size: 2.2rem;width: 100%;margin: 0 auto 2rem auto;text-align: center;padding-top: 0.8rem;}
.tool h2:before{ width: 20%;left: 40%;}
.tool img { width: 44%;display: block;margin: 0 auto;}
.tool .tool-txt{ width: 100%;text-align: center;display: block;margin: 1rem auto;}
.tool-txt p{ font-size:1.4rem;line-height:2rem;width: 90%;margin: 0 auto 1rem auto;}
.tool .tool-txt a { width: 40%;float: none;font-size: 1.2rem;padding: 0.5rem 0;text-align: center;display: block;margin: 2rem auto 0 auto;} */

/* .step { width: 100%; position: relative; padding:3rem 0 4rem 0; }
.step h2 { font-size:2rem; line-height: 2.4rem;margin: 0 auto 1rem auto; }
.step-pic { width: 100%;margin:0 auto;text-align: center;}
.step-pic a{ display:block;}
.step-pic img{ width: 70%;height: auto;}
.step-list{ width:100%; margin:0 auto;}
.step-list ul{ width: 97%;margin: 0 0 0 1%;}
.step-list li{ width:49%; display: inline-block;margin-top: 3rem;}
.step-list li img{ width:30%;height:auto;display: inline-block;vertical-align: middle; padding-right: 0;}
.step-list li div{ width: 71%;display: inline-block;vertical-align: middle;margin-left: -4%;}
.step-list li div h6{ font-size: 1.4rem;color:#606060;line-height:2rem;}
.step-list li div p{ font-size: 1.4rem;color:#808080;line-height:1.8rem;} */

/* .effect { width: 100%; height: auto; padding:0; background-size:100% 100%;margin:0; }
.effect-box { width: 94%;padding:1rem 0;}
.effect-box h2 { font-size:2.2rem; font-weight:400; line-height:4rem; }
.effect-box p { font-size: 1.2rem;line-height: 1.6rem;padding: 1.5rem 0;margin: 1.5rem 0 0 0;}
.effect-box p:before{ width: 6%;} */

/* .template { padding:3rem 0; }
.template h2 { font-size: 2rem; margin:0 0 2rem 0;line-height: normal; }
.template-list { width:98%; margin:0 auto; }
.template-list li { float: left; width:46%; margin: 0 2% 2rem 2%;}
.template-list li .image{ height: 8rem;}
.template-list li .brief { width: 100%;height: 6rem;padding: 0.8rem 2% 0 2%;text-align: left; box-sizing: border-box;}
.template-list li .brief h3 { font-size: 1.2rem; line-height: 1.2; font-weight:600; margin: 0;}
.template-btn { width:100%;text-align:center; }
.template-btn .btn-down { font-size:1.2rem; }
.banner-bottom { width:100%; height:359px; background: url(../images/glittering.jpg) no-repeat right top; margin:10px 0 0 0; }
.banner-bottom-text { width: 400px; height: 200px; line-height: 40px; float: right; margin: 80px 80px 0 0; color:#ffffff; font-size:30px; font-weight:300; }
.banner-bottom-btn { font-size:20px; margin: 30px 0 0 110px; }
.template-list li .brief .brief-tag{ font-size: 1.4rem;}
.template-list li .brief .brief-tag span{ padding: 0.1rem 0.7rem;} */

.news{ padding: 2rem 0 0 0;}
.news-box{ width: 100%;float: none;padding: 0;}
.news h3{ font-size: 2rem;text-align: center;}
.news-list{ padding: 1rem 4%;box-sizing: border-box;}
.news-list li .image{ width:42%;}
.news-list li .brief{ width: 58%;padding: 5px 0 0 6%;box-sizing: border-box;}
.news-list li .brief h3{ text-align:left;}

.footer{ padding: 1rem 3%;box-sizing: border-box;}
.studio-brief{ width:100%;line-height: 1.5;}
.studio-link{ width:100%;}
.studio-link dl{ width:auto;padding:0 2% 0 0;} 
.studio-link dl dt{ font-size: 1.2rem;padding: 0 1rem 0rem 0;}
.studio-link dd{ font-size:1rem;line-height: 1.5;}
.footer-brief{ padding: 0 0 0.5rem 0;line-height: 1.5;}

/*movezilla*/
.product{ margin: -6rem 0 2rem 0; min-height:17rem;}
.product-kv{ height:15rem;}
.product-kv-title{ position: absolute;left: 46%;top: -1.5rem;width: 50%;color: #fff;font-size: 2rem;line-height: 2rem;margin-top: 1rem;}
.product-kv-title p{ font-size: 1.4rem;line-height: 1rem;}
.product-img{ width: 55%;left: -3%;top: -2rem;}
.product-img a img{ width:100%;height:auto;}
.product-brief{ margin: 0rem 0 0 46%;padding: 6rem 0 0 0;width: 52%;}
.price-n{ font-size: 1.2rem;color: #1a1a1a;margin: 0rem 0 0.5rem 0;}
.price{ font-size: 2rem;margin: 1rem 0 0 0;}
.price strong{ font-size: 13px!important;}
.product-btn-box{ font-size: 1.6rem;margin: 0;}
.product-btn-box a{ margin: 0.5rem 0 0 0;font-size: 1rem;display: inline-block;padding: 0.1rem 0.5rem;}
.product-brief p{ font-size:1.2rem;margin: 0.3rem 0 0 0;}
.product-content .tab{ width: 98%;padding: 0;margin: 0 auto;}
.product-content .tab li{ width: 25%;font-size: 1.2rem;margin: 0 auto;padding: 1rem 0 0.5rem 0;}
.info{ width: 90%;margin:2rem auto;}
.info h2{ font-size: 2rem;margin: 1rem auto;font-weight:600;}
.info h3{ font-size:1.8rem;margin: 1rem 0;}
.hightlight-ul li{ width: 100% !important;margin-right: 0;}
.hightlight-ul li p{ margin: 0;}
.list-paddingleft-2 li p{ margin:0;}
/*2018 11 19 新增*/
.product-content .tab li:hover, .product-content .tab .active {border-width: 3px;}
.info p { margin: 3px 0 15px 0}
.info-div2{margin: 30px auto;width: 100%}
.info-div2>div{zoom: 1;overflow: hidden;padding-top: 15px;border-bottom: 1px solid rgb(213,206,212);}
.info-div2>div>div{width: 100%;float: left;}
.info-div2>div>div h5 {font-size: 15px;line-height: 20px;text-align: center;padding-left: 0;}
.info-div2>div>div p{font-size: 14px;line-height: 20px;margin-top: 8px;margin-bottom: 15px;}
.info-div2>div img{margin: 0 auto;display: block;width: 80%;margin-bottom: 15px;}
.info-div3>div{display: block;zoom: 1;overflow: hidden;margin-bottom: 0}
/* .info-div3>div>div{width: 48%;height: auto;display: inline-block;vertical-align: top;margin: 0 1% 10px 1%;} */
.info-div3 h5{margin: 5px 0;line-height: 20px ;font-size: 1.5rem;text-align: center}
.info-div3 p{font-size: 1rem;line-height: 20px;padding: 0 5px}
/*2018 11 19 结束*/
@media screen and (min-width:470px) and (max-width:750px){
	.product-img{ width: 42%;left: 0;}
	
}
.iconimg-ul li{ width:50%;height: 150px;}
.iconimg-ul p{ font-size:14px;margin: 10px 0 !important;}
/*artical*/
.post-header{ padding: 1rem 0 2rem 0;}
.post-header h1{ max-width: 95%;font-size: 2rem;line-height: 3rem;margin: 3rem auto 2rem auto;}
.content{ width:100%;float:none;}
.breadcrumb{ margin: 1rem 0;font-size: 1.4rem;padding: 0 2%;box-sizing:border-box;}
.post{ width: 94%; margin: 0 auto;}
.post table td{display: inline-block;}
.post h1{ margin: 0 0 1rem 0;padding: 0 0 1rem 0;font-size: 1.8rem;line-height: 1.5;}
.manual .post h1{ margin: 0 0 1rem 0;}
.post p{ font-size: 1.6rem;padding: 0 0 0.8rem 0;}
.post h2{ font-size: 1.8rem;padding: 1rem 0 0.8rem 0;}
.post h3{ font-size: 1.6rem;line-height: 1.5;margin: 2rem 0 1rem 0;}
.sidebar{ width: 100%;margin: 2rem auto 1rem auto;}
.side-slide{ width: 94%;margin: 0 auto 3rem auto;padding: 0;}
/* .sidebar .template-list{ padding: 0 1%;}
.sidebar .template-list .template-list-title{ margin: 0 0 0 5%;}
.sidebar .template-list li{ margin: 0 2% 2rem 2%;}
.sidebar .template-list li .image{ width:100%;}
.sidebar .template-list li .brief{ width: 100%;height: 6rem;padding: 1rem;}
.sidebar .template-list li .brief h3{ font-size: 1.2rem;}
.sidebar .template-list li .brief h3:after{ border-left: 2px solid #3b68b8;left: 2px;top: 1rem; height: 8px;}
.sidebar .post-list{ padding: 0 3%;}
.sidebar .post-list .post-list-title{ margin: 0 0 0 3%;}
.sidebar .post-list li{ width:100%;height: 6rem;margin: 0 0 1rem 0;}
.sidebar .post-list li .image{ width:33%;}
.sidebar .post-list li .brief{ width: 61%;padding: 5px 0 0 6%;} */

/**/
.listing{ padding:0;padding-left: 15px;
    padding-right: 15px;}
.side-menu{ margin: 0 0 2rem 0;padding: 0.5rem 1rem;box-sizing: border-box;}
    .side-menu a{ padding-left:0;}
.postlist-box{ width: 100%;}
.postlist-box li{ box-sizing: border-box;padding: 2rem 3%;}
.postlist-box li .image{ width: 100%;}
.postlist-box li .image img{ display:block;}
.postlist-box li .brief{ width: 100%;padding: 0 4%; box-sizing:border-box;}
.postlist-box li h3{ font-size: 1.6rem;line-height: 1.3;margin: 0.5rem 0 0.5rem 0;}
.postlist-box li p{ font-size: 1.4rem;}
.postlist-box li .post-cat{ font-size: 1.4rem;margin: 0.8rem 0 0 0;}
.navigation-list{ padding: 0 0 1rem 0;}
.list-kv{ height:21rem;}

/**/
.post-header-bg img{ height:100%;}
.content{ width:100% !important;}
.table-list tr td{ font-size: 1.6rem;}

/**/
.list-kv-brief{ width: 95%;padding: 6rem 0 1rem 0;text-align: center;box-sizing: border-box;}
.list-kv-brief h1{ font-size: 2rem;}
.cardlist-box{ width: 98%;margin: 0 auto;}
.cardlist-box li{ width: 46%;margin: 0 2% 2rem 2%;height: auto; }
.cardlist-box li .image{ height: 8rem;}
.cardlist-box li .brief h3{ font-size: 1.2rem;line-height: 1.2;height: 5rem;}

/**/
.manual-box{ width:100%;}
.manual-sidebar{ width: 100%;max-width: 100%;display: block;box-sizing: border-box;padding: 0 4%;font-size: 1.6rem;}
.manual .content{ box-sizing: border-box;display: block;padding: 2rem 4%;}
.manual-sidebar h4{ position:relative;font-size: 1.8rem;margin: 1rem 0;padding: 1rem 0;}
.manual-sidebar h4:after{ content: '▸';position: absolute;right: 2px;top: 1.2rem;font-size: 22px;line-height: 20px;width: 20px;text-align: center;font-weight: normal;}
.manual-sidebar h4.dis-down:after{content: '▾';}
a.manual-sidebar-item{ padding: 0.5rem 0;}
a.manual-sidebar-inner-item{  padding: 0.5em 0 0.5em 2.5em;}
.manual-sidebar-inner-item:before{ left: 6%; top: 40%; font-size: 0.8rem;}
.manual-dis{ display:none;}

.p-iframe iframe{ width:100%;}
.helpcard-list li{ width: 100%;float: none;padding: 2rem 1rem;  box-sizing: border-box;  }
.helpcard-box { width: 100%; height: auto; padding: 2px; }

.helpcard-box img { width: 90%; padding: 10px 0; max-width: 100%; }
/*support*/
.card-group{ box-sizing: border-box; padding: 1rem 3%;}
.card-list li{ width: 100%;float: none;padding: 2rem 1rem;  box-sizing: border-box;  }
.card-box{ box-sizing: border-box;height:auto;}
.card-box h2{ font-size:2rem;margin:1rem 0;}

/*index notice*/
.p-error{ width: 90%;margin: 0 auto;font-size: 1.4rem; line-height: 1.5;padding: 3rem 0;}
.p-error img{ width: 26%;padding-bottom: 2rem;}

/*share*/
.share-box ul li{ width:30%;}
.share-box ul li a{ font-size:1.4rem;}
.share-box ul li .xq-facebook i{ left: 8px;}
.share-box ul li .xq-twtter i{ left: 17px;}
.share-box ul li .xq-google i{ left: 17px;}

 /*Floating box*/
.float-box { top: 60%;width:100%;}
.float-box2 {width: 70%;}
.float-box2 h2 { font-size: 20px;margin-top: 5px; }
.float-box2>p { font-size: 12px;line-height: 14px; }
.float-box3 .float-fs { width: 120px; font-size: 14px;  padding: 5px 0; }

/*manuals list*/	
.manuals-title{ padding: 4rem 8% 0 8%;}
.manuals-title h2{ font-size:2.5rem;line-height:1.5;padding: 0; }
.manuals-title p{ font-size: 1.6rem;padding: 0;}
.manuals-lists{ padding:0 8%;}
.manuals-oneline .left,.manuals-oneline .right{ width:100%;}
.manuals-oneline .left p{ margin-bottom:0.8rem;}
.manuals-oneline .right a{ display:block;text-align:center;font-size: 1.5rem;padding:1rem 8%;}

/*mall*/
.section-banner{ margin-bottom: -1px;background-image: linear-gradient(to right, #e1f5fe 0%, #ede7f6 100%);background-repeat: repeat-x;}
.effects-card { padding: 3rem 0 3.75rem 0; }
.effects-card-max { width: 100%; }
.effects-card-left { width: 100%;padding-right: 0; }
.effects-card-left a { height: 200px; }
.effects-card-right { width: 100%; }
.effects-card-text { margin-top: 1.4rem; }
.btn-regular a { width: 100%;font-size: 1.5rem; }
.store-detail .round-icon{ width: 70px;height: 70px;padding: 6px 10px 0 10px;}
.store-detail .round-icon h2{ font-size:2rem;}
.store-detail .round-icon p{ margin-top: 0;}
}

}

@media (max-width: 991px) {
  /*landing*/
  .landing{ height: 409px;}
  .landing-brief{ width:96%;}
  .landing-brief h1{ font-size: 45px;}
  .post-box{ width: 90%;}
   /*home feature product*/
  .feature-product{ width:100%;margin:0 0 40px 0;}
  .feature-product p{ min-height: auto;}
  .article-list-part{ width:100%;margin:20px 0;}
  .article-list h1{ font-size:32px;}
  .article-list-part h2{ min-height:auto;}
}
@media (max-width: 767px) {
  /*landing*/
  .landing{ height: auto;padding:18px 0 0 0; background: #000;}
  .landing-brief h1{ font-size: 32px;}
  .landing-brief .landing-subtitle{ font-size: 22px;margin-bottom: 40px !important;}
  .landing-btn{ font-size: 22px;margin-bottom: 25px;}
  .landing-bg img{ width:200%;}
}