@charset "utf-8";

/* 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:15px/1.6em  Lato,Arial,Helvetica,sans-serif;color:#555;background:#fff; }

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Helvetica,Arial,sans-serif; outline:none; color:#7a7a7a; 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 !important;}
.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;}
.gray{color:#999 !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
.container{width:1000px;margin:0 auto;} 
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}
.mbt15{ margin:15px 0;}
.ptb30{ padding:30px 0;}.pb0{ padding-bottom:0px!important;}
.ml10{ margin-left:10px;}
.maxW{ max-width:100%;}
hr{border:none; height:0; overflow:hidden; border-bottom:1px solid #ededed;margin:12px 0; *margin:0; height:0;} 
.white_f{ color:#fff!important;}
@media (max-width: 979px) {
	.container{ width:750px; }
}
@media (max-width: 767px) {
	.container{ width:460px;}  
}
@media (max-width: 479px) { 
	.container{ width:308px;}	
}
.greenBtn2,.orange_btn{display:inline-block;background:#84c754;font-size:34px; text-align:left;width:283px;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 37px;}
.orange_btn{ background:#ff6600;}
.orange_btn .text{ float:left;}
.orange_btn .img{ float:right; padding-top:5px;}
.orange_btn .img img {max-width:100%;}
.orange_btn .text span {padding-right:10px; display:block; font-size:16px; padding-top:8px;}
.orange_btn:hover{background:#ef5f00; text-decoration:none;}
.orangeBtn{ display:block; background:#84c754; width:200px; height:43px!important; border-radius:5px; font-size:16px; line-height:42px!important; color:#fff !important; text-align:center; margin:0 10px 0 0;}
.orangeBtn span {padding-right:10px;}
.orangeBtn{ background:#ff6600;}
.orangeBtn:hover{ background:#ef5f00; text-decoration:none;}
/*header*/
.header{border-bottom:3px solid #d8d8d8;padding:10px 0;}
.header .logo{float:left;}
.header .logo a{display:block;width:168px;height:15px;}
.header .lag{float:right;}
@media (max-width: 767px) {
	.header .logo,.header .lag{ float:none; text-align:center;}
	.header .logo a{ 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}
/*banner*/
.banner{position:relative; padding-bottom:20px;}
.banner h1{font-size:34px;font-weight:300;color:#01aded;line-height:1.4em;}
.banner h1 span{display:block; font-size:20px; line-height:1em; padding-bottom:20px;}
.banner .txt{color:#6e6e6e;font-size:23px;font-weight: 300;line-height:1.3em; padding:30px 0 0 0;}
.banner .banner_sideleft{width:75%; padding-top:40px; position:absolute; left:0; top:0; z-index:1;}
.banner .banner_sideright{position:relative;}
.banner .pcImg{ text-align:right; margin-right:-240px; padding-top:20px; min-height:450px;}
.banner .pcImg img {max-width:100%;}
.banner .dow_bg{ position:absolute;background:#ff8331;width:190px;height:190px; border-radius:100px;top:15px;right:0; z-index:2;color:#fff; text-align:center;}
.banner .dow_bg a {color:#fff;}
.banner .dow_bg a:hover {text-decoration:none;}
.banner .dow_bg .mun{ font-size:34px;margin-top:70px;}
.banner .dow_bg .dd{ font-size:25px;font-weight: 300;margin-top:10px;}
.banner .picbox{position:relative; padding-top:30px; width:80%;}
.banner .picbox .text2 {background:url(images/fh.jpg) no-repeat 10px 0; padding:10px 120px 0 60px;}
.banner .picbox .t2{ font-size:11px; font-style:italic;font-weight: 300; margin-top:5px;}
.banner .btn{ width:380px; margin-top:20px;}
.banner .btn .btnk {position:relative; z-index:1; padding:30px 0 0 0;}
.banner .btn .btnk_box .box_img {position:absolute; z-index:2; left:-30px; top:10px;}
.banner .btn .btnk_box .box_img img {max-width:100%;}
.banner .btn .btnk_box a { margin:15px 0 0 80px;}
.banner .btn .btnk .version {padding:5px 0 0 117px; color:#097dd7;}
.banner .btn .link {padding-top:10px; font-size:16px; text-align:center;}
.banner .btn .downNum{ margin-top:10px; color:#555; padding-left:10px;}
.banner .btn .downNum a{ margin-left:15px; text-decoration:underline; color:#7a7a7a;}
.banner .btn .downNum a:hover{ text-decoration:none; color:#444;}
@media (max-width: 979px) {
	.banner h1 {font-size:36px; line-height:1.3em;}
	.banner .picbox{ padding-top:20px;}
	.banner .pcImg {min-height:inherit; padding-top:50px;margin-right: -165px;}
	.banner .btn{ margin-top:0;}
	.banner .picbox .text2{ padding-right:60px;}
}

@media (max-width: 767px) {
	.banner h1{ font-size:30px; text-align:center;}
	.banner h1 span{ padding-bottom:10px;}
	.banner .banner_sideleft {width:auto;position:inherit; top:inherit; left:inherit; padding-top:30px;}
	.banner .pcImg {margin-right:0;padding-top:50px;}
	.banner .picbox .text2{ padding-right:0;}
	.banner .picbox{ width:100%;}
	.banner .dow_bg {display:none;}
	.banner .btn{ margin-top:0;margin: 0 auto;}
}
@media (max-width: 479px) {
	.banner h1{ font-size:28px;}
	.banner .banner_sideright {display:none;}
	.banner .btn {width:auto;}
	.banner .btn .btnk_box .box_img {width:100px;}
	.banner .btn a {width:auto; display:block; font-size:26px; padding:16px 15px 0 27px;}
	.banner .btn .downNum a{ font-size:14px; display:inline; padding:0;}
	.banner .btn a .text {line-height:1.2em;}
	.banner .btn a span {padding-top:3px;line-height:1.2em;}
	.banner .btn .btnk_box a {margin:0 0 0 40px; padding:16px 15px 0 37px; width:auto; display:block; font-size:24px;}
	.banner .btn .btnk_box a span {font-size:14px;}
	.banner .btn .btnk .version {padding:5px 0 0 80px;}
	.banner .picbox{ padding-top: 25px;}
}
.blue_bg{background:#00adef;color:#fff; }
.light_blue{ background:#f2fbfe;}
.red_bg{ background:#c12727; color:#fff;}
.main_con{ text-align:center; padding:25px 0;}
.main_con h2{ font-size:30px; font-weight:400; margin:5px 0 15px 0; line-height:1.4em; color:#0091e4;}
.main_con h2 span{ font-size:20px;display:block;}
.main_con .w_img{ float:left; width:35%; margin-right:20px;}
.main_con .wi_pre{ width:61%; margin:0 auto; color:#fff; float:left; text-align:left;}
.main_con .item{ padding:30px 0 20px 0;}
.main_con .item li{ width:30%; margin-right:3%; float:left;}
.main_con h4{ font-size:19px; font-weight:500; margin-bottom:8px; color:#0091e4;}
.main_con .item li em{ color:#b1b1b1; display:block; font-size:14px;}
.main_con .item li h4{ padding:0 40px;color:#097dd7;}
.main_con .item li img{ padding-bottom:15px;}

.main_con .info_t{ padding-top:30px;}
.main_con .info_t .four_box ul li{ width:45%; float:left; height:135px; min-height:135px; padding:15px;}
.main_con .info_t .four_box .img{ float:left; width:80px; margin-right:10px;}
.main_con .info_t .four_box .txt{ float:left; width:80%; text-align:left;}
.main_con .info_t .side_box li{ float:left; width:31%;background:url(images/right-icon.png) no-repeat 0 5px; text-align:left; padding-left:22px; font-size:14px; margin-bottom:15px;}

.gray_bg{ background:url(images/gray-bg.gif) repeat-y 1024px 0 #fff;}
.picInfo_box { text-align:center;}
.picInfo_box h3{ font-size:28px; line-height:1.2em; padding:25px 0; font-weight:400; color:#097dd7;}
.picInfo_box .picfr {float:right; width:50%;}
.picInfo_box .infofl {float:left; width:45%; background:#fff;}
.picInfo_box .picfl {float:left; width:45%;}
.picInfo_box .infofr {float:right; width:50%;background:#fff;}
.picInfo_box .ifmt {padding-top:3%;}
.picInfo_box .ifmt em{color:#b1b1b1; display:block; font-size:14px;}
@media (max-width: 979px) {
	.gray_bg{ background:none;}
	.picInfo_box h3{ padding:0 0 15px 0;}
	.main_con .wi_pre{ padding-bottom:15px;}
	.picInfo_box .ifmt{ padding-bottom:15px;}
	.main_con .info_t .four_box ul li{ width:46%;height: 170px;}
	.main_con .info_t .side_box li{ width:45%;}
	.main_con .info_t .four_box .txt{ width:72%;}
}
@media (max-width: 767px) {
	.main_con h2{ font-size:28px;}
	.picInfo_box .infofl,.picInfo_box .infofr{ float:none; width:100%; padding-top:15px;}
	.picInfo_box .picfr,.picInfo_box .picfl{ float:none; width:auto; text-align:center;}
	.main_con .item{padding:0;}
	.main_con .w_img{ width:100%; float:none; text-align:center;}
	.main_con .wi_pre{ width:100%; float:none; margin-top:10px;}
	.main_con .item li{ float:none; width:100%; margin-top:20px;}
	.main_con .info_t .four_box ul li{height:auto; float:none; width:100%; min-height:inherit;overflow:hidden;}
	.main_con .info_t .four_box{ float:none; width:auto;}
	.main_con .info_t .side_box{ float:none; width:auto; margin-top:20px;}
	.main_con .info_t .side_box li{ float:none; width:auto;}
}
@media (max-width: 479px) { 
    .main_con h2{font-size:26px;}
    .picInfo_box h3{ font-size:24px;}
	.main_con .wi_pre{ width:100%;}
	.main_con .info_t .four_box ul li{ width:100%; float:none; height:auto; margin-bottom:15px; padding:0;}
}

@media (max-width: 479px) { 
	.main_con .btn_bottom,.main_con .btn_bottom a {width:auto;}
	.main_con .btn_bottom a {padding:10px 20px; display:block;}
}
/*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;}
.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%;}
@media (max-width: 979px) {
	.toTop { position:relative; right:auto; bottom:auto; width:auto; height:auto; line-height:40px; display:block; background:#5d667b; color:#fff; text-align:center; text-indent:inherit;}
}