@charset "utf-8";
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
body{font:14px/1.6em  Lato,Arial,Helvetica,sans-serif;color:#7a7a7a;background:#fff; }

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Helvetica,Arial,sans-serif; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li, ul.list li{ list-style:outside disc; line-height:1.7em; margin-left:18px;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#15abef !important;}
.red{ color:#f00 !important;}
.orange{ color:#f6772c !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
.maxW{ max-width:100%;}
.mt5{margin-top:5px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}

/*respon*/
.container{width:1000px;margin:0 auto;} 
@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:750px; }
}
@media (max-width: 767px) {
	.container{ width:460px;}  
	
}
@media (max-width: 479px) { 
	.container{ width:308px;}
}
.visible-phone,.visible-tablet,.hidden-desktop {display: none !important;}
.visible-desktop {display: inherit !important;}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop, .visible-tablet{display: inherit !important;}
  .visible-desktop, .hidden-tablet {display: none !important ;} 
}
@media (max-width: 767px) {
  .hidden-desktop,.visible-phone { display: inherit !important;  }
  .visible-desktop,.hidden-phone {display: none !important;} 
}

/*btn*/
.downbtn{display:inline-block;background:#ff8400;font-size:30px; text-align:left;width:280px;height:64px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;font-weight: 300; padding:16px 25px 0 25px;}
.downbtn .text{ float:left;}
.downbtn .img{ float:right; padding-top:5px;}
.downbtn .text span {padding-right:10px; display:block; font-size:16px; padding-top:8px; font-weight:normal;}
.downbtn:hover{background:#ec5401; text-decoration:none;}
.greenBtn,.orangeBtn{width:200px;height:43px; line-height:43px;}

/*header*/
.header{border-bottom:5px solid #d8d8d8;padding:10px 0;}
.header .logo{float:left;margin-top:5px;}
.header .logo a{display:block; background:url(images/logo.png) no-repeat;width:168px;height:15px; text-indent:-9999px;}
.header .lag{float:right;}
@media (max-width: 767px) {
	.header .lag{display:none;}
}

/*banner*/
.banner{background:url(images/banner_bg.gif) no-repeat 920px 15px;}
.banner .banner_sideleft{ float:left; width:50%;}
.banner .banner_sideright{ float:right; width:45.3%; position:relative;}
.banner .pcImg{ position:absolute;top:140px;z-index:1;}
.banner .pcImg img {max-width:100%;}
.banner .dow_bg{ position:absolute;background:#ff8330;width:190px;height:190px; border-radius:100px;top:30px;right:0; z-index:2;color:#fff; text-align:center;}
.banner .dow_bg .mun{ font-size:34px;margin-top:70px;}
.banner .dow_bg .dd{ font-size:25px;font-weight: 300;margin-top:10px;}
.banner .downNum { padding-top:20px;}
.banner .downNum span {font-size:26px; padding-right:5px;}
.banner h1{ font-size:46px; color:#3486d1; line-height:1.2em;margin-top:80px;}
.banner h1 span{display:block; font-size:20px; line-height:1em;}
.banner h1 strong{color:#ff8400; font-weight:900;}
.banner .txt{color:#6e6e6e;font-size:23px;font-weight:400;line-height:1.3em; padding:10px 0 15px 0;}
.banner .btn{ width:470px;}
.banner .btn .btnk {position:relative; z-index:1; padding:30px 0 0 90px;}
.banner .link{margin-top:10px;}
.banner .link a{color:#666;}
@media (max-width: 979px) {
	.banner{ background-position: right 15px;}
	.banner h1{ font-size:32px;margin-top:60px;}
}
@media (max-width: 767px) {
	.banner{ background-position: center 0;}
	.banner .banner_sideleft{float:none;width:100%;}
	.banner .banner_sideright{display:none;}
	.banner h1{margin-top:0;padding-top:50px;}
}

/*iconbg*/
.iconbg{ background:#3386d1; padding-bottom:40px;margin-top:100px;}
.iconbg .item{float:left;width:200px;}
.iconbg .item a {display:block;margin:-50px 0 0 0;}
.iconbg .item a:hover {text-decoration:none; color:#fff;}
.iconbg .item a span{display:block; background:url(images/icon_bg.png) no-repeat; height:112px;}
.iconbg .item a .ic1{background-position:0 0;}
.iconbg .item a:hover .ic1 {background-position:-220px 0;}
.iconbg .item a .ic2{background-position:0 -142px;}
.iconbg .item a:hover .ic2 {background-position:-220px -142px;}
.iconbg .item a .ic3{background-position:0 -284px;}
.iconbg .item a:hover .ic3 {background-position:-220px -284px;}
.iconbg .item a .ic4{background-position:0 -426px;}
.iconbg .item a:hover .ic4 {background-position:-220px -426px;}
.iconbg .item a .ic5{background-position:0 -568px;}
.iconbg .item a:hover .ic5 {background-position:-220px -568px;}
.iconbg .item .text{color:#fff; font-size:20px; text-align:center; padding-top:5px;}
@media (min-width: 768px) and (max-width: 979px) {
	.iconbg .item{width:20%;}
	.iconbg .item a .ic1{background-position:-25px 0;}
	.iconbg .item a:hover .ic1 {background-position:-245px 0;}
	.iconbg .item a .ic2{background-position:-25px -142px;}
	.iconbg .item a:hover .ic2 {background-position:-245px -142px;}
	.iconbg .item a .ic3{background-position:-25px -284px;}
	.iconbg .item a:hover .ic3 {background-position:-245px -284px;}
	.iconbg .item a .ic4{background-position:-25px -426px;}
	.iconbg .item a:hover .ic4 {background-position:-245px -426px;}
	.iconbg .item a .ic5{background-position:-25px -568px;}
	.iconbg .item a:hover .ic5 {background-position:-245px -568px;}
}
@media (max-width: 767px) {
	.iconbg{padding:30px 0;margin-top:60px;}
	.iconbg .item{width:200px;}
	.iconbg .item a {display:block;margin-top:15px;}
}
@media (max-width: 479px) {
	.iconbg .item{width:50%;}
	.iconbg .item a .ic1{background-position:-25px 0;}
	.iconbg .item a:hover .ic1 {background-position:-245px 0;}
	.iconbg .item a .ic2{background-position:-25px -142px;}
	.iconbg .item a:hover .ic2 {background-position:-245px -142px;}
	.iconbg .item a .ic3{background-position:-25px -284px;}
	.iconbg .item a:hover .ic3 {background-position:-245px -284px;}
	.iconbg .item a .ic4{background-position:-25px -426px;}
	.iconbg .item a:hover .ic4 {background-position:-245px -426px;}
	.iconbg .item a .ic5{background-position:-25px -568px;}
	.iconbg .item a:hover .ic5 {background-position:-245px -568px;}
}

/*main*/
.graybg{ background:#f5f5f5;}
.peobg{ background:#d7d6d7 url(images/peo_bg.jpg) no-repeat 450px 0;height:387px;}
.main{padding:50px 0;}
.main .rightpic{float:right;width:50%; text-align:right;}
.main .lefttext{float:left;width:48%;}
.main .title,
.main .title2{ font-size:30px;color:#3386d1; line-height:1.2em;}
.main .title2{color:#6e6e6e;}
.main .tips{ background:#f75a50;color:#fff; font-size:16px; display:inline-block;padding:0 10px; border-radius:5px; line-height:26px;height:26px;margin-left:20px;}
.main .textbox .flbox{float:left;width:48%;}
.main .textbox .frbox{float:right;width:48%;}
.main .textbox dl{margin-top:30px;}
.main .textbox dt{ font-weight:bold; background:url(images/icon_right.png) no-repeat 0 center;padding-left:32px; line-height:30px;}
.main .textbox dd{padding-left:32px;}
@media (min-width: 768px) and (max-width: 979px) {
	.peobg{ background-position:right 0;}
}
@media (max-width: 767px) {
	.main .rightpic{float:none;width:100%; text-align:center;}
	.main .lefttext{float:none;width:100%;margin-top:30px;}
	.peobg{height:auto;}
}
@media (max-width: 479px) {
	.main .textbox .flbox{float:none;width:auto;}
	.main .textbox .frbox{float:none;width:auto;}	
}

.revbox{float:right;width:34.6%;}
.revbox .item{ background:#ececec; border-radius:10px;padding:15px 20px;margin-top:10px;}
.revbox .arrow{display:block;background:url(images/arrow.png) no-repeat;width:34px;height:17px;margin-left:30px;}
.slibox{float:left;width:60%;}
@media (max-width: 767px) {
	.revbox{float:none;width:auto;margin-top:70px;}
	.slibox{float:none;width:auto;}
}

/*rating*/
.rating{display:inline-block;*display:inline; zoom:1;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:15px;width:15px; background:url(images/star_img.png) no-repeat 0 -3px; zoom:1}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

/*screencast*/
.featImgSlide{position:relative;margin:10px auto;}
.featImgSlide .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:600px;}
.featImgSlide .imgSlide li {position:relative; text-align:center; line-height:1.3em;}
.slibox .featImgSlide li a span{ display:block; position:absolute; top:0; left:0; z-index:80; width:100%; height:100%; background:url(https://www.wondershare.net/ad/pdf-editor/style/img/glass.png) no-repeat 50% 50%;}
.featImgSlide .imgSlide li img {max-width:100%;}
.featImgSlide .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlide .imgSlide li span{text-align:center; display:block; padding-top:10px;}
.featImgSlide .flex-control-paging{position:absolute;bottom:-40px;left:50%;text-align:center;list-style:none;margin-left:-50px;}
.featImgSlide .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.featImgSlide .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 .flex-control-paging li a.flex-active{background:#2c80d9;}  
.featImgSlide .flex-prev,.featImgSlide .flex-next{ background:url(images/prev4.png) no-repeat; width:55px; height:80px; position:absolute; top:35%;left:50%;z-index:1; text-indent:-9999px;}
.featImgSlide .flex-prev:focus,.featImgSlide .flex-next:focus{ outline:none;}
.featImgSlide .flex-prev{margin-left:-315px;}
.featImgSlide .flex-next{ background-position:-55px 0;margin-left:250px;}
@media (max-width: 979px) {
	.featImgSlide .flex-prev,.featImgSlide .flex-next{display:none;}
	.featImgSlide .imgSlide{width:60%;}
}

.featImgSlide2{position:relative;margin:10px auto;}
.featImgSlide2 .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:922px;}
.featImgSlide2 .imgSlide li {position:relative; text-align:center; line-height:1.3em;}
.featImgSlide2 .imgSlide li img {max-width:100%;}
.featImgSlide2 .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlide2 .imgSlide li span{text-align:center; display:block; padding-top:10px;}
.featImgSlide2 .flex-control-paging{display:none;} 
.featImgSlide2 .flex-prev,.featImgSlide2 .flex-next{ background:url(images/prev.png) no-repeat; width:15px; height:27px; position:absolute; top:40%;left:50%;z-index:1; text-indent:-9999px;}
.featImgSlide2 .flex-prev:focus,.featImgSlide2 .flex-next:focus{ outline:none;}
.featImgSlide2 .flex-prev{margin-left:-490px;}
.featImgSlide2 .flex-next{ background-position:-15px 0;margin-left:480px;}
@media (max-width: 979px) {
	.featImgSlide2 .imgSlide{width:90%;}
	.featImgSlide2 .flex-prev{margin-left:-400px;}
	.featImgSlide2 .flex-next{margin-left:380px;}
}
@media (max-width: 767px) {
	.featImgSlide2 .flex-prev,.featImgSlide2 .flex-next{display:none;}
}

/*bottom*/
.bottom{ background:#3386d1;padding:30px 0;color:#fff;}
.bottom h2{ font-size:30px;color:#fff; line-height:1.2em;}
.bottom h2 span{ font-size:18px;display:block;}
.bottom .btn{width:322px;margin:20px auto 0 auto;}
.bottom .link{ text-align:center;margin-top:10px;}
.bottom .link a{color:#fff;}
.bottom .num{ text-align:center;margin-top:20px;}
.bottom .num strong{ font-size:20px; font-weight:700;}
.bottom .txt{ text-align:center;padding-top:30px;border-top:1px solid #439ced;margin-top:30px;}
.bottom .txt a{ font-size:16px; text-decoration:underline;color:#fff;}

/*footer*/
.footer{ background:#19282f; overflow:hidden; padding: 25px 0; color:#88919f; text-align:left;}
.footer dt{ font-size:15px;  color:#a7b0bd; margin-bottom:2px;}
.footer a{color:#88919f;}
.footer .link{ font-size:12px;padding-right:20px; margin-right:20px;}

.topPro-nav {padding:10px 0; background:#3EA4A6!important; color:#fff;}
.topPro-nav .if_close_top {background-color:#3EA4A6!important;}
.topPro-nav .pro_name {float:left; font-size:24px; padding:10px 0 0 0;}
.topPro-nav .btn {float:right;}
.topPro-nav .btn a {float:left; line-height:43px!important;}

.livechatBtn,.feedbackBtn{ display:block;background:url(https://images.wondershare.net/style/images/livechat_icon.jpg) no-repeat; width:45px; height:42px; position:fixed; right:0;bottom:30%; z-index:2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.livechatBtn:hover{width:116px;}
.feedbackBtn{ background-image:url(https://images.wondershare.com/style/images/feedback.png); width:50px; height:100px;}
@media (max-width: 979px) {
  .livechatBtn{ display:none !important;}
}

.toTop {display:block; position:fixed; z-index:2; background:url(https://images.wondershare.net/style/images/btn.png) no-repeat  -163px -53px; width:55px; height:50px; bottom:30px; right:3%;}

.topPro-nav {padding:10px 0; background:#3386d1!important; color:#fff;}
.topPro-nav .if_close_top {background-color:#3386d1!important;}
.topPro-nav .pro_name {float:left; font-size:24px; padding:10px 0 0 0;}
.topPro-nav .btn {float:right;}
.topPro-nav .btn a {float:left; line-height:43px!important;}