@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:15px/1.6em  Lato,Arial,Helvetica,sans-serif;color:#444;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;}
.gray{color:#999 !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
.container{width:1000px;margin:0 auto;} 
.mt5{margin-top:5px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}

/*btn*/
.greenBtn_s,.orangeBtn_s{ display:block; background:#84c754; width:200px; height:43px; border-radius:5px; font-size:16px; line-height:42px!important; color:#fff !important; text-align:center; margin:0 10px 0 0;}
.greenBtn_s span,.orangeBtn_s span {padding-right:10px;}
.greenBtn_s:hover{ background:#8bdc4f; text-decoration:none;}
.orangeBtn_s{ background:#ff6c00;}
.orangeBtn_s:hover{ background:#ec5401; text-decoration:none;}


.greenBtn2,.orangeBtn2{display:inline-block;background:#84c754;font-size:32px; text-align:left;width:320px;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;}
.orangeBtn2{ background:#ff6c00;}
.greenBtn2 .text,.orangeBtn2 .text{ float:left;}
.greenBtn2 .img,.orangeBtn2 .img{ float:right; padding-top:5px;}
.greenBtn2 .text span,.orangeBtn2 .text span {padding-right:10px; display:block; font-size:16px; padding-top:5px;}
.greenBtn2:hover{background:#8bdc4f; text-decoration:none;}
.orangeBtn2:hover{background:#ec5401; text-decoration:none;}
.blueBtn2{display:inline-block;background:#0699f6;font-size:34px; text-align:center;width:400px;height:90px;line-height:90px;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;}
.blueBtn2 span {padding-right:10px;}
.blueBtn2:hover{background:#22a7fb; text-decoration:none;}


.btnMac_tab ul {overflow:hidden; border-radius:5px 5px 0 0; color:#fff; width:366px;}
.btnMac_tab li {display:block; float:left; width:46%; height:32px; line-height:32px; text-align:center; background:#64963f; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btnMac_tab li.curr {background:#84c754; width:54%;}
.btnMac_tab a {border-radius:0 0 5px 5px;}

.btnMac_tab1 ul {overflow:hidden; border-radius:5px 5px 0 0; color:#fff; width:365px;}
.btnMac_tab1 li {display:block; float:left; width:46%; height:32px; line-height:32px; text-align:center; background:#da5e1b; cursor:pointer;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btnMac_tab1 li.curr {background:#ff6c00; width:54%;}
.btnMac_tab1 a {border-radius:0 0 5px 5px;}

/*header*/
.header{border-bottom:5px solid #d8d8d8;padding:10px 0;}
.header .logo{float:left;}
.header .logo a{display:block; background:url(images/logo.png) no-repeat;width:168px;height:26px; text-indent:-9999px;}
.header .lag{float:right;}
.header .lag .it{display:inline-block; background:url(images/gq.png) no-repeat;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .br{display:inline-block; background:url(images/gq.png) no-repeat 0 -20px;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .usa{display:inline-block; background:url(images/gq.png) no-repeat 0 -40px;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .jp{display:inline-block; background:url(images/gq.png) no-repeat 0 -60px;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}
.header .lag .aus{display:inline-block; background:url(images/gq.png) no-repeat 0 -80px;width:26px;height:20px; text-indent:-9999px;margin:0 3px;}

/*banner*/
.banner{height:520px;}
.banner .banner_sideleft{ float:left; width:50%; padding-top:90px;}
.banner .banner_sideright{ float:right; width:50%; position:relative;}
.banner .pcImg{ position:absolute;width:500px;right:-50px; z-index:1;top: 40px;}
.banner .pcImg img {max-width:100%;}
.banner .pcImg2{ position:absolute;width:560px;top:0;right:-60px; z-index:1;top: 40px;}
.banner .pcImg2 img {max-width:100%;}
.banner .dow_bg{ position:absolute;background:#5363a6;background:none\9;background-image:url(images/datar-bg-bn-r-yi.png)\9;width:190px;height:190px; border-radius:100px;top:25px;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:32px; font-weight:300;color:#5363a6; line-height:1.2em;}
.banner h1 span{display:block; font-size:20px; line-height:1em; padding-bottom:10px;}
.banner h1.title {font-size:44px;}
.banner .txt{color:#6e6e6e;font-size:20px;font-weight: 300;line-height:1.3em; padding:30px 0 25px 0;}
.banner .txt2{color:#6e6e6e;font-size:20px;font-weight: 300;line-height:1.3em; padding:20px 0;}
.banner .picbox{position:relative;}
.banner .picbox .quote {overflow:hidden;}
.banner .picbox .quote li { height:115px;position:relative;}
.banner .picbox .quote li.item2{ display:none;}
.banner .picbox .item .pic{float:left;width:120px;}
.banner .picbox .item .text{float:left;width:300px;border-left:1px solid #6b6b6b; background:url(images/fh.jpg) no-repeat 10px 0;padding-left:60px;height:105px;color:#000;}
.banner .picbox .item .text .t1{ font-size:13px;font-weight: 700; line-height:1.3em;color:#000;}
.banner .picbox .item .text .t1 a {color:#666; font-weight:normal;}
.banner .picbox .item .text .t2{ font-size:11px; font-style:italic;font-weight: 300;}
.banner .btn{ width:380px;}
.banner .btn .ifMac_btn .greenBtn2 {height:60px; padding-top:12px;}
.banner .btn .link {padding-top:10px; font-size:16px; text-align:center;}

.iconbg{ background:#5363a6; padding-bottom:40px;}
.iconbg .item{float:left;width:22%; margin-left:3%;}
.iconbg .item:first-child{ margin-left:0;}
.iconbg .item a {display:block;margin:-51px 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:115px;}
.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;}

/*main*/
table {border-collapse:collapse;border-spacing:0;}
.main_box{ padding:40px 0;}
.bg_color{ background:#f0f1f6;}
.main_box h2{ font-size:32px; line-height:1.2em; text-align:center; color:#5363a6;}
.main_box h2 span{display:block;font-size:18px;color:#bec6cb;}
.main_box .desc{ text-align:center; margin-top:10px;}

.tablet_box{padding: 20px 0;overflow: auto;}
.table1 td,.table1 th {padding:15px 20px;border: 1px solid #fff;}
.table1 h5{ font-size:18px; color:#5363a6; font-weight:bold;}
.table1 tr:nth-child(even) { background:#f3f3f3;}
.table2,.table3{overflow:hidden;}
.table2 td,.table2 th{border-bottom: 1px solid #fff!important;overflow:hidden; border-left:0!important;border-top:0!important;padding:0;}
.table2 span{ float:left; padding:15px;}
.table2 .text{ float:left; width:70%;overflow:hidden; padding:10px; line-height:1.4em;}
.table2 .text strong{ display:block; font-size:18px; margin-bottom:4px;}
.table2 tr:nth-child(even) { background:none;}
.table3 td,.table3 th{border-bottom: 1px solid #fff!important;overflow:hidden; border-left:0!important;border-top:0!important;}
.table3 tr:nth-child(even) { background:none;}

.row-fluid {width:auto;margin:30px auto 0 auto;*zoom: 1;overflow:hidden;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0;content: "";} 
.row-fluid .span{float: left; display: block; margin-left: 2.564102564102564%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.row-fluid .span img{max-width: 100%;-ms-interpolation-mode: bicubic;}
.row-fluid .span:first-child {margin-left: 0;}
.row-fluid .span2 { width: 48.717948717948715%;}
.row-fluid .span3 { width: 28.5%; position:relative; margin-left: 6.564102564102564%;}
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1),.row-fluid > .span5:nth-of-type(5n+1) { margin-left: 0;}
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1){ clear:both}
@media (min-width: 768px) and (max-width: 979px) {
	.container{ width:750px; }
}
@media (max-width: 767px) {
	.container{ width:460px;}  
	.row-fluid .span3 {  width:auto; float:none; margin-left:0;}
	.row-fluid .span2{ float:none; width:auto;}
	.row-fluid > .span3:nth-of-type(3n+1) { margin-left:  2.564102564102564%; clear:none }
	.row-fluid > .span3:nth-of-type(2n+1),.row-fluid .span4:nth-of-type(2n+1) { margin-left: 0; clear:both }
}
@media (max-width: 479px) { 
	.container{ width:308px;}	
	.row-fluid .span { width: 100% !important;margin-left: 0 !important;  }
}

.main_box .item_box .span2{ width:50%; margin-left:0; min-height:530px;}
.main_box .item_box .title{ font-size:22px; text-align:center; padding:15px 0; color:#fff;}
.main_box .item_box .title.title1_bg{ background:#5264a6;}
.main_box .item_box .title.title2_bg{ background:#627bd3;}
.main_box .item_box .span_left_bg{ background:#e4e9fe;}
.main_box .item_box .span_right_bg{ background:#dce2f9;}
.main_box .item_box .info .img{ float:left; width:13%;}
.main_box .item_box .span_left_bg .info .img{ width:17%;}
.main_box .item_box .text{ float:left; width:80%; color:#7a7a7a; line-height:1.4em;}
.main_box .item_box .text strong{ display:block; font-size:18px; margin-bottom:4px; color:#565656;}
.main_box .item_box .info{ padding:15px 20px 0 20px;}
.main_box .pro_zoom {text-align:center;}
.main_box .pro_zoom .btn_errow {position:absolute; width:61px; height:23px; bottom:45%;z-index:20;}
.main_box .pro_zoom .btn_errow2 { display:none;}
.main_box .pro_zoom .step{ font-size:16px; margin-bottom:15px;}
.main_box .pro_zoom .btn_zoom { position:absolute; z-index:2; top:58%; left:50%; margin:-25px 0 0 -25px; background:#213053 url(images/btn_zoom.png) no-repeat center center; width:50px; height:50px; border-radius:50px;}
.main_box .pro_zoom a:hover .btn_zoom { background-color:#55bdf2;}
.main_box .review-time { padding:5px 0 0 0;}
.main_box .review-time strong {font-size:14px; padding-left:5px;font-weight:bold;}
.main_box .review-title {padding-bottom:10px;  margin-right:10%; color:#999;}

@media (max-width: 979px) {
	.banner{ height:auto; padding-bottom:50px;}
	.banner .banner_sideleft{ float:none; width:100%; padding-top:20px;}
	.banner .pcImg,.banner .dow_bg{ display:none;}
	.table2 span{ float:none; text-align:center; padding:0;display:block;}
	.table2 .text{ width:100%;padding:0;}
	.table2 td,.table2 th{ padding:5px 10px;}
	
}
@media (max-width: 767px) {
	.main_box .pro_zoom .btn_errow { display:none;}
	.main_box .pro_zoom .btn_errow2{ display:block;position:absolute; width:61px; height:23px; left:45%;z-index:20; bottom:25px;}
	.main_box .pro_zoom .span{ padding-bottom:50px;}
	.iconbg .item{ width:50%; margin-left:0;}
	.mt70{ margin-top:70px;}
	.main_box .item_box .span2{ width:100%;margin-left:0; height:auto;}
	.main_box .pro_zoom .btn_zoom{ top:50%;}
	.table2 .text strong{ display:block; font-size:16px; margin-bottom:4px;}
}

@media (max-width: 479px) {
	.banner h1{ font-size:40px;}
	.orangeBtn2{ width:250px; font-size:24px;padding: 16px 25px 0 15px;}
	.greenBtn2 .text span, .orangeBtn2 .text span{ padding-top:0;}
	.iconbg .item .text{ font-size:16px;}
	
}
/*rating*/
.rating{display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.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 -29px}
.rating li.half{background-position:0 -56px}

.bottom_bg h2{font-size:45px; font-weight:300; color:#5363A6; line-height:1em;}
.bottom_bg h2 span{ color:#5363A6;}
.bottom_bg .btn{ width:375px; margin:30px auto 0 auto;}
.bottom_bg .downNum { padding-top:20px; text-align:center;}
.bottom_bg .downNum span {font-size:26px; padding-right:5px;}
.page_bottom {margin:15px 0; font-size:16px; text-align:center;}
.page_bottom a {text-decoration:underline; color:#0072bc;}
/*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;}
.totop{ display:none; background:url(https://images.wondershare.net/style/images/btn_img.png) no-repeat 0 -30px; position:fixed; z-index:2;  width:43px; height:43px; bottom:30px; right:0; font-size:16px; text-indent:-9999px;}
.totop:focus{ outline:none}
@media (max-width: 979px) {
	.totop{ display:block !important; position:static; background:url(https://images.wondershare.net/style/images/btn_img.png) no-repeat 0 -30px #1a1f23; text-align:center; color:#434B52; width:auto;height:43px; line-height:43px;text-indent:0;}
}