@charset "utf-8";
/* CSS Document */
img {max-width:100%;}
.bg-color1 {background-color:#3fa4a7 !important;}
.bg-color2 {background-color:#368789 !important;}
.bg-color3 {background-color:#5363a6 !important;}
.bg-color4 {background-color:#414d80 !important;}
.bg-color5 {background-color:#477ba9 !important;}
.bg-color6 {background-color:#326088 !important;}
.bg-color7 {background-color:#3392b6 !important;}
.bg-color8 {background-color:#2a80a1 !important;}
.bg-color1 .topPro-chose strong {border:solid 1px #7eb0b1; border-bottom:0;}
.bg-color1 .topPro-chose strong.strongWin {background-color:#3fa4a7;}
.bg-color1 .topPro-chose strong.strongMac {background-color:#368789;}
.bg-color1.topPro-nav,.bg-color2.topPro-nav {border-top:solid 1px #7eb0b1;}
.bg-color1 .topPro-info .name small {background:#2c7275;}
.bg-color1 .selectRadio {background-color:#368789;}
.bg-color2 .selectRadio {background-color:#287577;}
.bg-color1 .btn-close {background-color:#3fa4a7 !important;}
.bg-color2 .btn-close {background-color:#368789 !important;}
.bg-color3 .topPro-chose strong {border:solid 1px #8f99c3; border-bottom:0;}
.bg-color3 .topPro-chose strong.strongWin {background-color:#5363a6;}
.bg-color3 .topPro-chose strong.strongMac {background-color:#414d80;}
.bg-color3.topPro-nav,.bg-color4.topPro-nav {border-top:solid 1px #8f99c3;}
.bg-color3 .topPro-info .name small {background:#3a4574;}
.bg-color3 .selectRadio {background-color:#414d80;}
.bg-color4 .selectRadio {background-color:#344177;}
.bg-color3 .btn-close {background-color:#5363a6 !important;}
.bg-color4 .btn-close {background-color:#414d80 !important;}
.bg-color5 .topPro-chose strong {border:solid 1px #8f99c3; border-bottom:0;}
.bg-color5 .topPro-chose strong.strongWin {background-color:#477ba9;}
.bg-color5 .topPro-chose strong.strongMac {background-color:#326088;}
.bg-color5.topPro-nav,.bg-color6.topPro-nav {border-top:solid 1px #8f99c3;}
.bg-color5 .topPro-info .name small {background:#325676;}
.bg-color5 .selectRadio {background-color:#326088;}
.bg-color6 .selectRadio {background-color:#406e98;}
.bg-color5 .btn-close {background-color:#477ba9 !important;}
.bg-color6 .btn-close {background-color:#326088 !important;}
.bg-color7 .topPro-chose strong {border:solid 1px #7cb7cd; border-bottom:0;}
.bg-color7 .topPro-chose strong.strongWin {background-color:#3392b6;}
.bg-color7 .topPro-chose strong.strongMac {background-color:#2a80a1;}
.bg-color7 .topPro-chose strong.strongAnd {background-color:#2a80a1;}
.bg-color7.topPro-nav,.bg-color8.topPro-nav {border-top:solid 1px #7cb7cd;}
.bg-color7 .topPro-info .name small {background:#2a80a1;}
.bg-color7 .selectRadio {background-color:#2a80a1;}
.bg-color8 .selectRadio {background-color:#1e7190;}
.bg-color7 .btn-close {background-color:#3392b6 !important;}
.bg-color8 .btn-close {background-color:#2a80a1 !important;}
@media (max-width: 979px) {
.bg-color1 .navMenu {background-color:#3fa4a7 !important;}
.bg-color2 .navMenu {background-color:#368789 !important;}
.bg-color3 .navMenu {background-color:#5363a6 !important;}
.bg-color4 .navMenu {background-color:#414d80 !important;}
.bg-color5 .navMenu {background-color:#477ba9 !important;}
.bg-color6 .navMenu {background-color:#326088 !important;}
.bg-color7 .navMenu {background-color:#3392b6 !important;}
.bg-color8 .navMenu {background-color:#2a80a1 !important;}
}
@media (max-width: 479px) {
.bg-color1 .topPro-info {background:#3fa4a7; border:solid 1px #7eb0b1;}
.bg-color1 .topPro-chose strong.strongWin {background-color:#3fa4a7;}
.bg-color1 .topPro-chose strong.strongMac {background-color:#3fa4a7;}
.bg-color2 .topPro-info {background:#368789; border:solid 1px #7eb0b1;}
.bg-color3 .topPro-info {background:#5363a6; border:solid 1px #8f99c3;}
.bg-color3 .topPro-chose strong.strongWin {background-color:#5363a6;}
.bg-color3 .topPro-chose strong.strongMac {background-color:#5363a6;}
.bg-color4 .topPro-info {background:#414d80; border:solid 1px #8f99c3;}
.bg-color5 .topPro-info {background:#477ba9; border:solid 1px #8f99c3;}
.bg-color5 .topPro-chose strong.strongWin {background-color:#477ba9;}
.bg-color5 .topPro-chose strong.strongMac {background-color:#477ba9;}
.bg-color6 .topPro-info {background:#326088; border:solid 1px #8f99c3;}
.bg-color7 .topPro-info {background:#2a80a1; border:solid 1px #7cb7cd;}
.bg-color7 .topPro-chose strong.strongWin {background-color:#2a80a1;}
.bg-color7 .topPro-chose strong.strongMac {background-color:#2a80a1;}
.bg-color8 .topPro-info {background:#3392b6; border:solid 1px #7cb7cd;}
}
.topPro-banner {background-repeat:no-repeat; background-position:center 0;}
.topPro-banner a {color:#fff;}
.topPro-banner .container {position:relative;height:310px; color:#fff; z-index:1;}
.topPro-banner .topPro-chose { position:absolute; bottom:0; right:0; height:37px; z-index:3;}
.topPro-banner .topPro-chose span,.topPro-banner .topPro-chose a,.topPro-banner .topPro-chose strong {display:inline-block; padding:5px 20px;text-align:center; height:27px; line-height:27px; border-radius:5px 5px 0 0;}
.topPro-banner .topPro-chose span {font-size:12px; padding:5px 10px;}
.topPro-banner .topPro-chose a span,.topPro-banner .topPro-chose strong span {padding:0 0 0 30px; font-size:14px;}
.topPro-banner .topPro-chose .iconWin {background:url(images/win-icon-ss.png) no-repeat 0 2px;}
.topPro-banner .topPro-chose .iconMac {background:url(images/mac-icon-ss.png) no-repeat 0 3px;}
.topPro-banner .topPro-chose .iconAnd {background:url(images/android-icon-ss.png) no-repeat 0 3px;}
.topPro-banner .topPro-chose .strongWin { margin-right:5px;}
.topPro-banner .topPro-chose a {color:#434a53; font-weight:bold; height:26px;}
.topPro-banner .topPro-chose a span {padding:0 0 0 25px;}
.topPro-banner .topPro-chose a:hover span {text-decoration:underline;}
.topPro-banner .topPro-chose strong .iconWin {background:url(images/win-icon-s.png) no-repeat 0 -1px;}
.topPro-banner .topPro-chose strong .iconMac {background:url(images/mac-icon-s.png) no-repeat 0 1px;}
.topPro-banner .topPro-chose strong .iconAnd {background:url(images/android-icon-s.png) no-repeat 0 1px;}
.topPro-banner .topPro-chose a {background:#fff; border:solid 1px #fff; border-bottom:0; text-align:center;}
.topPro-banner .topPro-info {padding-top:20px; width:66%; position:absolute; z-index:2;}
.topPro-banner .topPro-info p {padding:0 17% 10px 0; font-size:18px; line-height:1.5em;}
.topPro-banner .topPro-info p span {display:block; font-size:16px;}
.topPro-banner .topPro-info p a {text-decoration:underline; color:#fff;}
.topPro-banner .topPro-info .name {font-size:34px; line-height:1em;padding:5px 0 10px 0; font-weight:bold;}
.topPro-banner .topPro-info .name strong {display:block; font-size:14px; line-height:1em; padding:10px 0;}
.topPro-banner .topPro-info .name small { font-size:16px; padding:3px 10px; border-radius:5px; font-weight:normal; white-space:nowrap;}
.topPro-banner .topPro-video { padding:20px 0 0 0; overflow:hidden;}
.topPro-banner .topPro-video a {display:block; line-height:73px; float:left;}
.topPro-banner .topPro-video .pic {float:left; border-radius:5px; overflow:hidden; box-shadow:0 1px 5px #333; margin-right:20px;}
.topPro-banner .topPro-video .pic:hover {box-shadow:0 0 7px #333;}
.topPro-banner .topPro-video a strong {background:url(images/dot-arrow.png) no-repeat right 60%; padding-right:15px;}
.topPro-banner .topPro-img {text-align:right; margin-right:-60px;}
.topPro-banner .topPro-img img {max-width:100%;}
.pro-main .pic_video{ position:relative;}
.pro-main .pic_video .video_icon{display:block; background:url(images/iconplay.png) no-repeat;width:115px;height:115px; position:absolute; top:50%; margin-top:-58px; left:50%; margin-left:-58px;background-position:0 -230px;}
.pro-main .pic_video .video_icon:hover{ background-position:0 -345px;}
@media (max-width: 1440px) {
	.topPro-banner {background-position:right 0;}
}
@media (max-width: 979px) {
	.topPro-banner .topPro-info {width:auto;}
	.topPro-banner .topPro-info p {padding-right:10%;}	
	.topPro-banner .heightAuto {height:auto;}
	.topPro-banner .heightAuto .topPro-info {position:inherit; text-align:center;}
	.topPro-banner .heightAuto .topPro-info .name {font-size:24px;}
	.topPro-banner .heightAuto .topPro-info .name strong {display:inline-block;font-size:24px; padding-right:2px;}
	.topPro-banner .heightAuto .topPro-info p {padding-right:0;}
	.topPro-banner .heightAuto .topPro-video { width:135px; margin:0 auto;}
	.topPro-banner .heightAuto .topPro-video a {display:none;}
	.topPro-banner .heightAuto .topPro-video a.pic {display:block;}
	.topPro-banner .heightAuto .topPro-img {text-align:center; margin-top:-30px; margin-right:0;}
}
@media (max-width: 767px) {
	.topPro-banner {background-position:95% 0;}
}
@media (max-width: 479px) {
	.topPro-banner .container {height:auto; width:auto;}
	.topPro-banner .topPro-chose {position:inherit; padding-top:135px; width:308px; height:38px; margin:0 auto;}
	.topPro-banner .chose-height {padding-top:240px;}
	.topPro-banner .topPro-chose span {display:none;}
	.topPro-banner .topPro-chose a span,.topPro-banner .topPro-chose strong span {display:block;}
	.topPro-banner .topPro-info {padding:0 8% 10px 8%; margin-top:-1px; position:inherit;}
	.topPro-banner .topPro-video {display:none;}
	.topPro-banner .topPro-img {width:308px; margin:0 auto;}
	.topPro-banner .heightAuto .topPro-info {position:inherit;}
	.topPro-banner .heightAuto .topPro-info .name {line-height:1.2em;}
	.topPro-banner .heightAuto .topPro-info .name strong {display:block;font-size:16px; padding-right:0;}
	.topPro-banner .heightAuto .topPro-img {position:absolute; top:0; width:100%; margin-top:0;}
}
.topPro-nav {color:#fff; padding:20px 0 5px 0;}
.topPro-nav .btn-close {position:absolute; z-index:200; top:-25px; left:50%; margin-left:-28px; width:56px; height:25px; background:url(images/btn_img.png) no-repeat 17px -153px; border-radius:80px 80px 0 0; cursor:pointer;}
.topPro-nav .btn-close2 {background-position:17px -120px;}
.topPro-nav .pro-name {float:left; font-size:24px; font-weight:bold; padding:5px 0 15px 0;}
.topPro-nav .pro-name span {font-size:14px; display:block;}
.topPro-nav .navMenu {float:left; padding-top:12px;}
.navMenu-fr .navMenu {float:right; padding-top:20px;}
.topPro-nav .navMenu a {float:left; color:#fff; font-weight:bold; margin-right:20px;}
.topPro-nav .navMenu a.curr {text-decoration:underline;}
.topPro-nav .navMenu .rating {margin:5px 0 0 -10px;}
.topPro-nav .btn {float:right; margin-left:10px;}
.topPro-nav .btn p {text-align:center; padding-top:5px; font-size:12px;}
.topPro-nav .btn p span span{font-size:18px; font-weight:bold; color:#ffec16;}
.topPro-nav .btn .btn-try.btn-s{ line-height:18px; padding-top:5px;}
.topPro-nav .btn .btn-try .ver{ display:block; font-size:12px; padding-top:0; font-weight:normal;}
.topPro-nav .btn-selectPro {float:right;}
.topPro-nav .btn-selectPro .selectRadio { float:left; border-radius:5px; padding:10px 5px;}
.topPro-nav .btn-selectPro label {cursor:pointer; padding:0 5px;}
.top-nav-fixed {position:fixed; top:0; left:0; width:100%; z-index:200; padding:10px 0;}
.top-nav-fixed .navMenu {padding-top:10px;}
.top-nav-fixed .btn p {display:none;}
.top-nav-fixed .pro-name {padding:10px 0;}
@media (max-width: 979px) {
	.topPro-nav .container {position:relative; height:45px;}
	.topPro-nav .navMenu {background:url(images/banner_arrow.png) no-repeat 92% 50%; border:solid 1px #fff; border-radius:5px; padding:0 0 0 10px;  width:210px; position:absolute; left:0; bottom:5px; z-index:5;}
	.topPro-nav .navMenu:hover {background-position:92% 93%;}
	.topPro-nav .navMenu a {display:none; height:37px; width:100%; line-height:37px; float:none; margin-right:0;}
	.topPro-nav .hideNav {background-position:92% 93%;}
	.topPro-nav .navMenu:hover a,.topPro-nav .hideNav a {display:block;}
	.topPro-nav .navMenu .rating,.topPro-nav .btn p {display:none;}
	.topPro-nav .navMenu a.curr,.topPro-nav .hideNav a {display:block;}
	.topPro-nav .navMenu a.curr:hover {text-decoration:underline;}
	.navMenu-fr .navMenu {right:0; left:auto; top:13px; bottom:auto;}
	.navMenu-fr .navMenu:hover {background-position:92% 7%;}
	.top-nav-fixed {bottom:0; top:auto;}
	.top-nav-fixed .container {padding-bottom:0px;}
}
@media (max-width: 767px) {
	.topPro-banner .topPro-info {width:auto; padding-top:0;}
	.topPro-nav .container {padding:60px 0 10px 0; text-align:center; height:auto;}
	.topPro-nav .navMenu {float:none; width:62%; bottom:55%; left:50%; margin-left:-32%; text-align:left;}
	.top-nav-fixed .container {padding:0;}
	.top-nav-fixed .navMenu{display:none;}
	.topPro-nav .pro-name {float:none; text-align:left;}
	.navMenu-fr .container {padding:0 0 60px 0;}
	.navMenu-fr .navMenu {bottom:auto; top:60%; left:0; margin-left:0;}
	.topPro-nav .btn { float:none; display: inline-block; margin-right:10px; margin-left:0;}
	.topPro-nav .btn-selectPro {float:none; display: inline-block; position:relative; padding-left:150px;}
	.topPro-nav .btn-selectPro .selectRadio {float:none; display: inline-block; position:absolute; left:0; top:0; z-index:1;}
}
@media (max-width: 479px) {
	.topPro-nav .container {padding-bottom:0; padding-top:50px;}
	.top-nav-fixed .container {padding:0;}
	.topPro-nav .navMenu {bottom:60%;}
	.navMenu-fr .container {padding:0 0 60px 0;}
	.navMenu-fr .navMenu {bottom:auto; top:60%; left:0; margin-left:0;}
	.topPro-nav .btn-selectPro {float:none; overflow:hidden; padding-left:0; position:inherit;}
	.topPro-nav .btn-selectPro .selectRadio {position:inherit;}
	.topPro-nav .btn {padding:5px 0; margin-right:0;}
}
.topPro-column {color:#fff; padding:10px 0;}
.topPro-column .column-name {float:left; font-size:30px; font-weight:bold; padding:20px 0 20px 0;}
.topPro-column .column-name span {font-size:14px; padding-bottom:5px; display:block;}
.topPro-column .column-nav {float:right; font-weight:bold; padding-top:40px;}
.topPro-column .column-nav a {color:#fff; display:inline-block; text-decoration:underline; background:url(images/banner_arrow.png) no-repeat 95% 16px;  padding:7px 27px 7px 10px;  margin:1px 1px 1px 16px;  border-radius:5px;}
.topPro-column .column-nav a:hover {text-decoration:none; border:solid 1px #fff; margin:0 0 0 15px;}
@media (max-width: 767px) {
	.topPro-column .column-name,.topPro-column .column-nav {float:none;}
	.topPro-column .column-nav {padding:10px 0 0 0;}
	.topPro-column .column-nav a {margin:1px 6px 1px 1px;}
	.topPro-column .column-nav a:hover {margin:0 5px 0 0;}
}
.pro-ad {background:#f3f3f3; padding:25px 0 15px 0;}
.pro-ad .quote {overflow:hidden;}
.pro-ad .quote li {display:none;}
.pro-ad .quote .img{  float:left; width:23%; padding-bottom:10px; text-align:center;}
.pro-ad .quote .con,.pro-ad .quote .name{ float:right; width:75%;}
.pro-ad .quote .con a {text-decoration:underline;}
.pro-ad .quote .name{text-align:right; padding:5px 0;}
@media (max-width: 767px) {
	.pro-ad .quote .img {float:none; width:auto; text-align:center;}
	.pro-ad .quote .con,.pro-ad .quote .name {float:none; width:auto;}
}

/*content*/
.content .box a{ color:#15abef ;text-decoration:underline;}
.content .box a.btn-try2,.content .box a.btn-buy3 {color:#fff;text-decoration:none;}
.content .box .comment{ float:right; width:28%; background:#f9f9f9; border:1px solid #ededed; padding:20px 35px 20px 20px; margin-left:3%; position:relative; margin-bottom:20px}
.content .box .comment .flex-prev,.content .box .comment .flex-next{display:block;position:absolute;background:url(images/btn-1.png) -89px -26px; no-repeat;width:22px;height:22px;text-indent:-9999px; overflow:hidden; z-index:10;right:8px}
.content .box .comment .flex-prev{top:20px;}
.content .box .comment .flex-next{background-position:-89px -48px;bottom:20px;}
.content .box .comment li.item{ background:#f9f9f9}
.content .box .comment p{ height:6.4em; overflow:hidden; margin-bottom:0}
.content .box { padding:70px 0; font-size:14px;}
.content h3{ font-size:22px; line-height:28px;margin-bottom:25px; font-weight:bold;}
.content h4{ font-size:19px; margin-bottom:10px; font-weight:bold;}
.content .box .pdf .text{ width:592px}
.content .box .pdf .img{ width:auto}
.content .box .img{ float:left;width:43%;}
.content .box .img img{ max-width:100%;}
.content .box.even .img{ float:right;  } 
.content .box  p{ margin-bottom:20px; line-height:1.7em}
.content .box .table1 p{ margin-bottom:0}
.content .box .text table p{ margin-bottom:5px}
.content .box .text{ float:right; width:48%;padding:0 3%; overflow:hidden}
.content .box .text ul.dot{margin-bottom:10px;}
.content .box .text dd{background:url(images/dot-dark.png) no-repeat 0 8px; padding-left:15px; margin-bottom:5px;}
.content .box.even .text td{ color:#555;}
.content .box.even .text td a{color:#fff; text-decoration:underline;}
.content .box.even .text{ float:left; width:48%; background:#2ec3c1; color:#e4f5fb; border:8px solid #fff; padding:45px 3% 28px; position:relative; margin-top:-70px; min-height:325px; height:auto !important; height:325px; margin-bottom:-64px;}
.content .box.even .text .orange{color: #fff000 !important;}
.content-b .box.even .text{ background:#2599cf; color:#e4f5fb}
.content .box.even .text dd{background:url(images/dot-white.png) no-repeat 0 8px;}
.contentMac .box.even .text dd{background:url(images/dot-dark.png) no-repeat 0 8px;}
.content .box.even .text a{ color:#fff}
.contentMac .box.even .text a{ color:#555}
.content .box.even .container{ overflow:visible}
.content .box.even{ background:#f2f2f2;padding: 30px 0;}
.contentMac .box.even{ background:#e9e8e8;}
.contentMac .box.even .text{ background:#f6f6f6; color:#555}
.content .box .process{ margin:20px 0 10px; overflow:hidden; width:63%}
.content .box .process .item{ float:left; text-align:center;margin-right: 2%;width: 24%;}
.content .box .process .item img{ max-width:100%; margin-bottom:8px}
.content .box .process .cross{ background:url(images/arrow-r.png) no-repeat 50% 50px; width:50px; float:left; height:100px;}
@media (min-width: 768px) and (max-width: 979px) {
	.content .box.even .text{ min-height:264px; height:auto !important; height:264px; margin-bottom:-32px;}
	.content .box .pdf .img{ width:112px}
}
@media (max-width: 767px) {
	.content .box .pdf .img{ display:none}
	.pro-ad .quote .img{  float:none; width:auto; }
	.pro-ad .quote .con{float:none; width:auto; padding-top:5px; padding-right:0;}
	.content .box .comment{ float:none; width:auto;  margin-bottom:20px; overflow:hidden}
	.content .box .img{ float:none !important; width:auto !important; margin-bottom:20px;  }
	.content .box .text{ float:none !important; width:auto !important;padding:0;}
	.content .box .comment hr{ border-bottom:1px dashed #d2d2d2} 
	.proArea .proCon .img{ position:relative; top:0; width:80%; height:auto; margin:0 0 30px; margin-left:-3%}
	.proArea .proCon .text {width: auto;padding:0 3% 30px;font-size: 15px;}
	.proArea .proCon .payArea{ padding-left:3%}
	.content .box {padding: 20px 0 30px;font-size: 14px;}
	.content .box.even .text{ margin-top:0 !important; margin-bottom:0 !important;min-height:auto; height:auto !important; height:auto;}
	.content .t-item{ margin:20px auto 30px !important;}
	.content .mg_box{ padding:20px 0 !important}
	.content .f-item{ padding:20px 0 !important}
	.content .box .process{ width:auto}
}
@media (max-width: 479px) { 
	.content .box .process .item img{ width:70px;}
	.content .box .process .cross{ background-position:50% 25px;width:32px; } 
}
.content .tabTable{ color:#777; font-size:12px; padding-bottom:20px;}
.content .tabTable .con{ overflow:hidden; background:#fff; border:1px solid #e6e6e6; padding:5px 5px 15px;}
.content .tabTable2 .con{ border:none;}
.content .tabTable .con .title{ display:block; margin:10px 0;}
.content .box.even .tabTable .con{background:#e0e0e0;}
.content .tabTable .con tr:nth-child(odd) { background:#fafafa;}
.content .tabTable .nav{position:relative; text-align:center;*margin-top:3px}
.content .tabTable .nav li{ background:#f2f2f2;  display:inline-block; *display:inline; padding:7px 10px; margin:-1px 2px 0; text-align:center; color:#555; font-size:13px; cursor:pointer; border:1px solid #f2f2f2; border-top:none}
.content .tabTable2 .nav { border-bottom:1px solid #2599cf; text-align:left}
.content .tabTable2 .nav li{border-top:1px solid #f2f2f2 ; border-bottom:none; margin:0 2px;}
.content .box.even .tabTable .nav li{background:#f7f7f7;}
.content .tabTable .nav li.curr{ background:#fff; cursor:pointer; border:1px solid #e6e6e6; border-top:none; }
.content .tabTable2 .nav li.curr{border-top:1px solid #e6e6e6 !important;  background:#2599cf; color:#fff; font-weight:bold; border-bottom:none; }
.content .box.even .tabTable .nav li.curr{ background:#e0e0e0;}
.contentMac .tabTable .con{ background:#fff !important; border:1px solid #e5e5e5;} 
.contentMac .tabTable li{ background:#eaeaea !important; border-top:none !important }
.contentMac .tabTable .nav li.curr{ background:#fff !important;border:1px solid #e5e5e5;}
#VDTab .con{ text-align:center; padding:20px 4%; background:#fff; font-size:13px;}
#VDTab .con .videoArea{ max-width:560px; width:auto !important; width:560px; margin:0 auto}
#VDTab .con p.des{  height:3.4em; overflow:hidden}
#VDTab .con strong{ font-size:19px; font-weight:normal; margin:10px 0; display:block}
#VDTab .nav li{border:1px solid #e5e5e5; background:#e5e5e5; line-height:1.3em; height:2.6em;}
#VDTab .nav li.curr{border-top:none; background:#fff;}
#VDTab  .tabAreaRoll{ margin:-1px 30px 0; position:relative;}
#VDTab .tabAreaRoll .flex-prev,#VDTab .tabAreaRoll .flex-next{ background:url(images/banner-nav.png) no-repeat; width:24px; height:35px; position:absolute; bottom:7px; z-index:1; text-indent:-9999px;}  
#VDTab .tabAreaRoll .flex-prev{ left:-30px;}
#VDTab .tabAreaRoll .flex-next{ background-position:-27px 0; right:-30px;}
#VDTab .flex-direction-nav li{ background:none; border:none}
@media (max-width: 767px) {
	#VDTab .con p.des{  height:5.1em; }
}
@media (max-width: 479px) {
	#VDTab .con p.des{  height:6.8em; }
}
.pro-main-img { padding-bottom:30px; text-align:center;}
.pro-main-img img {max-width:100%;}
.jump-link {background:#f9f9f9; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #ededed; overflow:hidden; margin:40px 0;}
.jump-link a {display:block; float:left; width:20%; height:170px; text-align:center;}
.jump-link a:hover {text-decoration:none;}
.jump-link .jbg { background:#f1f1f1;}
.jump-link .img {background:#5abef0; border-radius:60px; padding:10px; width:65px; height:65px; margin:20px auto 0 auto; text-align:center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.jump-link a:hover .img { background:#2a9ad2;padding:15px 10px; width:75px; height:65px; margin:15px auto 0 auto;}
.jump-link a p {padding:10px 15% 20px 15%; line-height:1.2em; font-weight:bold;}
.jump-link4 {background:#f9f9f9; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #ededed; overflow:hidden; margin:40px 0;}
.jump-link4 a {display:block; float:left; width:20%; height:170px; text-align:center;}
.jump-link4 a:hover {text-decoration:none;}
.jump-link4 .jbg { background:#f1f1f1;}
.jump-link4 .wid01{ width:14.285%; }
.jump-link4 .img {background:#5abef0; border-radius:60px; padding:10px; width:65px; height:65px; margin:20px auto 0 auto; text-align:center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.jump-link4 a:hover .img { background:#2a9ad2;padding:15px 10px; width:75px; height:65px; margin:15px auto 0 auto;}
.jump-link4 a p {padding:10px 15% 20px 15%; line-height:1.2em; font-weight:bold;}
.jump-link4 a .icon{ position:absolute; right:-25px; top:-10px;}
.jump-link2 { background:#4F6274; color:#fff;}
.jump-mt {margin-top:-72px;}
.jump-link2 a {display:block; float:left; background:#4F6274; width:16.66%; padding:30px 0 0 0; height:200px; text-align:center; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.jump-link2 a.curr,.jump-link2 a:hover {text-decoration:none; background:#425363;}
.jump-link2 .img {background:#425363; border-radius:60px; padding:10px; width:65px; height:65px; margin:20px auto 0 auto; text-align:center;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.jump-link2 a.curr .img,.jump-link2 a:hover .img { background:#55bdf2;}
.jump-link2 a p {padding:10px 15% 20px 15%; line-height:1.4em; font-weight:bold;}
.jump-link2-cont {position: relative; height: 270px;}
.jump-link2-cont .jumo-cont-img {position: absolute; right: 0px; top: 40px;}
.jump-link3 {overflow:hidden; padding:20px 0;}
.jump-link3 .title-name {text-align:center; font-weight:bold; font-size:16PX; padding:0 0 10px 0;}
.jump-link3 a {display:block; width:31.3%; float:left; background:#f0f0f0; padding:20px 0; border-radius:5px; margin:10px 1%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.jump-link3 a:hover {background:#e2e2e2; text-decoration:none;}
.jump-link3 a.pa {background:#326088; color:#fff; position:relative;}
.jump-link3 a.pa:hover {background:#0e3f6a;}
.jump-link3 .tag {display:block; background:url(images/tag-pro.png) no-repeat 0 0; width:53px; height:53px; position:absolute; top:0; right:0; z-index:1;}
.jump-link3 a img {float:left; margin:0 20px;}
.jump-link3 a strong {padding:0 30px 0 0; height:55px; display: table-cell; vertical-align: middle;}
@media(max-width: 979px) {
	.jump-link3 a {width:48%;}
	.jump-link2 a {padding:10px 0 0 0; height:190px;}
	.jump-link2-cont {height:210px;}
	.jump-link4 a p { padding:10px 0 20px; }
	.jump-link4 a .icon{ right:0; }
}
@media(max-width: 767px) {
	.jump-link a,.jump-link4 a {height:160px;}
	.jump-link .img img,.jump-link4 .img img {max-width:100%;}
	.jump-link .img,.jump-link4 .img {width:40px; height:40px;}
	.jump-link a:hover .img,.jump-link4 a:hover .img {width:45px; height:45px; padding:15px;}
	.jump-link a p,.jump-link4 a p {font-size:12px;}
	.jump-link2 a {width:33.3%; height:70px; border-bottom:solid 1px #425363;}
	.jump-link2 a p {padding-bottom:0; font-weight:normal;}
	.jump-link2 .img {display:none;}
	.jump-link2-cont {height:auto; position:inherit;}
	.jump-link2-cont .jumo-cont-img {position:inherit; top:inherit; right:inherit;}
	.jump-mt {margin-top:-40px;}
	.jump-link3 a {float:none; width:auto;}
	.jump-link4 .wid01{ width:25%; }
	.jump-link4 a:nth-child(n+4){ border-top:solid 1px #e5e5e5; }
}
@media (max-width: 479px) {
	.jump-link a,.jump-link4 a {width:33.3%; border-bottom:solid 1px #e5e5e5;}
	
}
.brand-item {background:#f9f9f9; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; overflow:hidden; margin:20px 0 40px 0;}
.brand-item img {max-width:100%;}
.brand-item li {display:block; float:left; width:16.66%; padding:40px 0; text-align:center;}
.brand-item .jbg { background:#f1f1f1;}
@media(max-width: 767px) {
	.brand-item li {width:33.3%; border-bottom:solid 1px #e5e5e5;}
	.brand-item {border-bottom:0;}
}
.title-vice { background:#f75a50; color:#fff; padding:5px 10px; border-radius:5px;}
.txt4box {background:#506273; margin:40px 0;color:#fff;}
.txt4box.color_blue{ background:#3392b6!important;}
.txt4box.nobg {color:#434A53;}
.txt4box.tbbg {color:#434A53; background:#f1f1f1;}
.txt4box .picfr {float:right; width:50%;}
.txt4box .infofl {float:left; width:50%;}
.txt4box .picfl {float:left; width:50%;}
.txt4box .infofr {float:right; width:50%;}
.txt4box .item { padding:25px 30px;}
.txt4box ul {padding:15px 0; overflow:hidden;}
.txt4box ul li {float:left; width:29.3%; list-style:disc; margin-left:4%; line-height:1.3em; padding:3px 0;}
.txt4box ul.list {padding:15px 0; overflow:hidden;}
.txt4box ul.list li {float:none; width:auto; list-style:disc; margin-left:4%;}
.txt4box dl {padding:10px 0; overflow:hidden;}
.txt4box dl dd {padding:10px 0; float:left; width:50%;}
.txt4box .bgColor {background:#46a4a6;}
.txt4box .title-name { font-size:20px; padding:10px 0; font-weight:bold;}
.txt4box p {padding:5px 0;}
@media (max-width: 979px) {
	.txt4box .picfr,.txt4box .picfl {overflow:hidden;}
	.txt4box .item {padding:20px 30px;}
	.txt4box ul li {width:46%;}
	.txt4box dl dd {padding:2px 0;}
}
@media (max-width: 767px) {
	.txt4box .picfl img,.txt4box .picfr img {max-width:100%;}
	.txt4box .picfr,.txt4box .infofl,.txt4box .picfl,.txt4box .infofr {float:none; width:auto;}
	.txt4box .item {padding:20px;}
	.txt4box dl dd {padding:10px 0;}
}
@media (max-width: 479px) {
	.txt4box ul li {width:auto; float:none; margin-left:22px;}
	.txt4box dl dd {float:none; width:auto;}
}
.txt3box {background:#506273;margin:40px 0;color:#fff;}
.txt3box a {color:#fff; text-decoration:underline;}
.txt3box .title-name { font-size:22px; padding:10px 0; font-weight:bold;}
.txt3box .pic {padding:30px 0 10px 0;}
.txt3box .pic img {max-width:100%;}
.txt3box .info {padding:30px;}
.txt3box .infofl {float:left; width:270px; padding:25px 30px;}
.txt3box .infofr {margin-left:330px; padding:30px;}
.txt3box .tabMenu {padding-top:10px;}
.txt3box .tabMenu li { background:#4f6274; border-radius:5px; margin:10px 0; padding:15px; font-size:12px; line-height:1.2em; cursor:pointer;}
.txt3box .tabMenu li.curr {background:#46a4a6; border-radius:5px 0 0 5px; position:relative; margin-right:-30px; padding-right:40px;}
.txt3box dl {padding:10px 0; overflow:hidden;}
.txt3box dl dt { padding-bottom:20px; font-size:16px;}
.txt3box dl dd {padding:10px 0; float:left; width:33.3%;}
.txt3box .this-no {opacity:0.6;}
.txt3box .bgColor {background:#2ec3c1;}
.txt3box .bgColor2 {background:#415364;}
@media (max-width: 979px) {
	.txt3box .infofl {width:220px;}
	.txt3box .infofr {margin-left:280px;}
	.txt3box dl dd {width:50%;}
}
@media (max-width: 767px) {
	.txt3box .infofl {float:none; width:auto; padding:20px;}
	.txt3box .infofr {margin:0; padding:20px;}
	.txt3box .tabMenu li.curr {margin-right:0; padding-right:15px;  border-radius:5px;}
}
.ivcu {position:absolute; cursor:pointer; z-index:3;}
.ivcu span {display:none; position:absolute;z-index:4; width:150px; padding:10px 15px; font-size:12px; line-height:1.2em; background:#434a53; color:#bbb; border-radius:5px; box-shadow:0 0 4px #333; left:-180px; top:-50%; cursor: default;}
.ivcu span strong {display:block; position:absolute;z-index:4; top:50%; right:-10px; margin-top:-7px; background:url(images/right_arrow.png) no-repeat 0 0; width:10px; height:15px;}
.ivcu:hover span {display:block;}
.ivcu1 { top:45px; right:245px; width:80px; height:60px;}
.ivcu1 span {margin-top:35px;}
.ivcu2 { top:45px; right:130px; width:80px; height:60px;}
.ivcu3 { top:45px; right:30px; width:80px; height:60px;}
.ivcu3 span {margin-top:15px;}
.ivcu4 { top:130px; right:245px; width:80px; height:60px;}
.ivcu5 { top:130px; right:120px; width:110px; height:70px;}
.ivcu6 { top:220px; right:225px; width:110px; height:75px;}
.ivcu6 span {margin-top:-35px;}
.ivcu7 { top:220px; right:145px; width:60px; height:60px;}
.ivcu7 span {margin-top:30px;}
.ivcu8 { top:220px; right:30px; width:80px; height:60px;}
.ivcu8 span {margin-top:20px;}
@media (max-width: 979px) {
.ivcu {display:none;}
}
.tableStyle td,.tableStyle th {padding:15px 20px;}
.proInfo-comparison-table {padding:20px 0; overflow:auto;}
.proInfo-comparison-table .btn-try {margin:0 auto; width:90px; text-align:center; display:block;}
.proInfo-comparison-table .proComparison-name {color:#fff;}
.proInfo-comparison-table .proComparison-name th {padding:15px 0;}
.proInfo-comparison-table .proComparison-btn td {padding:0 10px;}
.proInfo-comparison-table2 {padding:20px 0; overflow:auto;}
.proInfo-comparison-table2 td,.proInfo-comparison-table2 th { padding:10px;}
.proBtn-togg {text-align:center; font-weight:bold; color:#f55a58; text-decoration:underline; cursor:pointer; margin-bottom:30px;}
.proBtn-togg span {background:#f55a58; color:#fff; border-radius:20px; padding:0 5px; margin-right:5px; font-family:Arial, Helvetica, sans-serif;}
.proTogg-cont {border-top:solid 1px #e5e5e5; padding:40px 5%;}
.proTogg-cont .pro-table a {text-decoration:underline;}
@media (max-width: 479px) {
	.proTogg-cont {padding:20px 0;}
}
.proTable-menu {text-align:center; border-radius:5px; width:300px; margin:0 auto 20px auto; overflow:hidden; background:#f75a51;}
.proTable-menu li {display:block; width:148px; float:left; padding:10px 0; background:#fff; margin:1px; font-size:16px; font-weight:bold; color:#f75a51; cursor:pointer;}
.proTable-menu li.curr {background:#f75a51; color:#fff;}
.proTable-menu2 {text-align:center; border-radius:5px; width:511px; margin:0 auto 20px auto; overflow:hidden; background:#f75a51;}
.proTable-menu2 li {display:block; width:169px; float:left; padding:10px 0; background:#fff; margin:1px 1px 1px 0; font-size:16px; font-weight:bold; color:#f75a51; cursor:pointer;}
.proTable-menu2 li:first-child {margin-left:1px;}
.proTable-menu2 li.curr {background:#f75a51; color:#fff;}
.table1 th,.table1 td { padding:15px 20px;}
.featDot-list .item {float:left; width:50%; min-height:90px; padding:20px 0;}
.featDot-list .img {float:left;}
.featDot-list .title-name {padding:5px 40px 5px 100px; font-size:14px; font-weight:bold;}
.featDot-list p {padding:0 40px 0 100px; line-height:1.3em;}
@media (max-width: 767px) {
	.featDot-list .item {float:none; width:auto;padding:15px 0;}
}
@media (max-width: 479px) {
	.featDot-list .img {float:none; text-align:center;}
	.featDot-list .title-name {padding:5px 0; text-align:center;}
	.featDot-list p { padding:0; text-align:center;}
}
.proTitle-review {text-align:center; padding:20px 0 0 0;}
.proTitle-review p {padding:5px 0; color:#999;}
.proTitle-review p strong {color:#434a53;}
.ptRreview-addBtn {text-align:center; position:relative; padding:0 0 20px 0;}
.ptRreview-addBtn a {margin:12px 0;}
.ptRreview-addBtn .addBtn-tips {display:inline-block; margin-left:30px; width:200px; background:#434a53; color:#fff; border-radius:5px; position:absolute; padding:10px 15px; font-size:12px; line-height:1.3em; text-align:left;}
.ptRreview-addBtn .addBtn-tips span {display:block; position:absolute; left:-8px; top:40%; width:8px; height:14px; background: url(images/left_arrow.png) no-repeat 0 0;}
.review-list {float:left; width:50%; padding:20px 0 10px 0;}
.review-list .review-time { padding:5px 0 0 0;}
.review-list .review-time strong {font-size:10px; color:#999; padding-left:5px;}
.review-list .review-title {padding-bottom:10px; font-weight:bold; margin-right:10%;}
.review-list .proName {font-size:12px;font-weight:bold; color:#999;}
.review-list p { margin-right:10%;}
.review-moerBtn {clear:both; text-align:center; padding:10px 0;}
.review-moerBtn a {color:#f75a50; text-decoration:underline; font-weight:bold; font-size:12px;}
@media (max-width: 767px) {
	.ptRreview-addBtn .addBtn-tips {position:relative; display:block; margin:0 auto;}
	.ptRreview-addBtn .addBtn-tips span {top:-7px; left:50%; margin-left:-7px; width:14px; height:8px; background: url(images/top_arrow.png) no-repeat 0 0;}
	.review-list {float:none; width:auto; padding:20px 0 10px 0;}
}
.bottom-tab-list { padding-bottom:30px;}
.bottom-tab-list .menu {overflow:hidden;}
.bottom-tab-list .menu li {background:#fff; border-radius:10px 10px 0 0; float:left; margin-right:10px; width:32%; font-size:16px; text-align:center; padding:25px 0 15px 0; font-weight:bold; cursor:pointer;}
.bottom-tab-list .menu li.curr {background:#69c0ec; color:#fff;}
.bottom-tab-list .list {background:#69c0ec;color:#fff;}
.bottom-tab-list .list .lul {float:left; width:63%; padding:0 3%;}
.bottom-tab-list .list ul { padding:35px 0;}
.bottom-tab-list .list ul li {padding:3px 15px; background: url(images/dot-arrow.png) no-repeat 0 11px;}
.bottom-tab-list .list .ldl {float:right; width:24%; min-height:240px; padding:0 3%; background:#499cc6;}
.bottom-tab-list .list dl {padding:35px 0;}
.bottom-tab-list .list dl dt {padding:3px 0 5px 0; font-weight:bold; font-size:20px;}
.bottom-tab-list .list dl dd {padding:2px 12px; line-height:1.3em; background: url(images/dot-icon.png) no-repeat 0 10px;}
.bottom-tab-list .list a {color:#fff;}
.bottom-tab-list .pro { border-bottom:solid 1px #5fb2d8; padding:30px 0;}
.bottom-tab-list .pro .img {float:left;}
.bottom-tab-list .pro .name {padding:0 0 5px 140px; font-weight:bold; font-size:20px;}
.bottom-tab-list .pro .info {padding:0 0 0 140px;}
.bottom-tab-list .pro .info a {background:url(images/dot-arrow.png) no-repeat right center; padding-right:15px;}
.bottom-tab-list dl.dlList {overflow:hidden; padding:20px 0;}
.bottom-tab-list dl.dlList dd { float:left; width:42%;}
.bottom-tab-list .videoBox {padding:4% 0 0 0;}
.bottom-tab-list .videoBox .img {float:left;}
.bottom-tab-list .videoBox .info {padding:0 0 0 160px; line-height:1.2em;}
.bottom-tab-list .videoBox .name {font-size:16px; font-weight:bold; padding-bottom:10px;}
@media (max-width: 767px) {
	.bottom-tab-list .menu li {width:40%;}
	.bottom-tab-list .list .lul,.bottom-tab-list .list .ldl {float:none; width:auto; padding:0 5%;}
	.bottom-tab-list .menu li {width:28%; height:60px; line-height:1.2em; padding:10px 2% 0 2%; margin-right:5px;}
	.bottom-tab-list dl.dlList {padding:30px 0;}
	.bottom-tab-list .videoBox {padding:20px 0;}
}
@media (max-width: 479px) {
	.bottom-tab-list .pro .img,.bottom-tab-list .videoBox .img {float:none;}
	.bottom-tab-list .pro .name {padding:0;}
	.bottom-tab-list .pro .info {padding:0;}
	.bottom-tab-list dl.dlList dd {width:auto; float:none;}
	.bottom-tab-list .menu li {font-size:12px; width:27%;}
	.bottom-tab-list .videoBox .info {padding:20px 0 0 0;}
}

.recom-proBox {background:#55bdf2; color:#fff; min-height:170px; margin-top:20px; margin-bottom:20px;}
.recom-proBox a {color:#fff;}
.recom-proBox .name {padding:20px 20px 0 20px; font-size:20px; font-weight:bold;}
.recom-proBox .name a {padding-right:5px;}
.recom-proBox .name strong {background:#fff; color:#434a53; font-size:10px; padding:2px 6px; border-radius:3px;}
.recom-proBox p {padding:10px 20px 0 20px; line-height:1.3em;}
.recom-proBox p a {padding-right:12px; background:url(images/dot-arrow.png) no-repeat right center; text-decoration:underline; font-weight:bold;}
@media (max-width: 979px) {
	.recom-proBox {min-height:220px; margin-bottom:0;}
}
@media (max-width: 767px) {
	.recom-proBox {min-height:240px;}
}
@media (max-width: 479px) {
	.recom-proBox {min-height:inherit; padding-bottom:20px; margin-bottom:0;}
}
/*catogory level 1*/
.category-top-answer {float:left; width:45%; margin-top:60px;}
.category-top-answer .titleColumn {text-align:left;}
.category-top-answer .item {padding:10px 0;}
.category-top-answer .img {float:left; width:14%;}
.category-top-answer .img img {max-width:100%;}
.category-top-answer .info {padding:0 0 0 18%; line-height:1.2em;}
.category-top-answer .info p {padding:5px 0;}
.category-top-answer .name {font-size:18px; padding-bottom:5px; line-height:1.1em;}
.category-top-answer .btn {background:url(images/dot-arrow2.png) no-repeat right center; padding-right:13px; font-weight:bold;}
.category-top-pro {float:right; width:50%; color:#fff; margin-top:60px;}
.category-top-pro .titleColumn {text-align:left; padding:20px;}
.category-top-pro p {padding:0 20px 20px 20px;}
.category-top-pro .img {padding-top:40px;}
.category-top-pro .img img {max-width:100%;}
.category-top-pro .btn {background:#fff; border-radius:5px; margin:0 20px; padding:7px 40px;}
@media (max-width: 767px) {
	.category-top-answer, .category-top-pro{float:none; width:auto; margin-top:0; padding-bottom:10px;}
	.category-top-pro .img{display:none;}
}
@media (max-width: 479px) {
	.category-top-answer {text-align:center;}
	.category-top-answer .titleColumn {text-align:center;}
	.category-top-answer .img {float:none; width:auto;}
	.category-top-answer .info {padding:10px 0;}
}
.bg-org .category-boxInfo {background:#fb8649;}
.category-boxInfo {background:#4f6274;}
.category-boxInfo .infofl {float:left; width:28%; padding:10px 0 0 20px;}
.category-boxInfo .infofr {float:right; width:29%; padding:10px 20px 0 0;}
.category-boxInfo .imgfr {float:right; width:67%;}
.category-boxInfo .imgfl {float:left; width:67%;}
.category-boxInfo .titleColumn {text-align:left;}
.category-boxInfo .titleColumn strong {color:#fff;}
.category-boxInfo .titleColumn a {color:#fff;}
.category-boxInfo p {padding:7px 0; line-height:1.4em;}
.category-boxInfo img {max-width:100%;}
@media (max-width: 979px) {
	.category-boxInfo .titleColumn {padding:0; font-size:26px;}
	.category-boxInfo p {padding:5px 0;line-height:1.2em;}
	.category-boxInfo .infofl {padding:5px 0 0 15px;}
	.category-boxInfo .infofr {padding:5px 15px 0 0;}
}
@media (max-width: 767px) {
	.category-boxInfo .imgfl,.category-boxInfo .imgfr,.category-boxInfo .infofr,.category-boxInfo .infofl {float:none; width:auto;}
	.category-boxInfo .infofl,.category-boxInfo .infofr {padding:10px 20px;}
	
}
.category-boxPro {background:#f4f4f4; line-height:1.4em; overflow:hidden;}
.category-boxPro .item {float:left; width:330px;}
.category-boxPro img {max-width:100%;}
.category-boxPro .img {float:left; width:100%; height:185px; line-height:0;}
.category-boxPro .pro {float:left; height:185px;}
.category-boxPro .name {padding:30px 20px 0 20px; font-size:20px;}
.category-boxPro p {padding:10px 20px;}
.category-boxPro p a {background:url(images/dot-arrow2.png) no-repeat right 7px; padding-right:13px; text-decoration:underline;}
.category-boxPro .w340 {width:340px;}
.category-boxPro .h370 {height:370px;}
.category-boxPro .bg-box {background:#ddd;}
.category-boxPro .bg-box1 {background:#477ba9; color:#fff;}
.category-boxPro .bg-box2 {background:#3b6387; color:#fff;}
.category-boxPro .bg-box3 {background:#2a80a1; color:#fff;}
.category-boxPro .bg-box4 {background:#3392b6; color:#fff;}
.category-boxPro .bg-box5 {background:#42c9c7; color:#fff;}
.category-boxPro .bg-box6 {background:#3fa4a7; color:#fff;}
.category-boxPro .bg-box7 {background:#6472af; color:#fff;}
.category-boxPro .bg-box8 {background:#414d80; color:#fff;}
.category-boxPro .bg-box1 a,.category-boxPro .bg-box2 a,.category-boxPro .bg-box3 a,.category-boxPro .bg-box4 a,.category-boxPro .bg-box5 a,.category-boxPro .bg-box6 a,.category-boxPro .bg-box7 a,.category-boxPro .bg-box8 a {color:#fff;}
.category-boxPro .bg-box1 p a,.category-boxPro .bg-box2 p a,.category-boxPro .bg-box3 p a,.category-boxPro .bg-box4 p a,.category-boxPro .bg-box5 p a,.category-boxPro .bg-box6 p a,.category-boxPro .bg-box7 p a,.category-boxPro .bg-box8 p a { background-image:url(images/dot-arrow.png);}
@media (max-width: 979px) {
	.category-boxPro .item {width:248px;}
	.category-boxPro .img {height:139px;}
	.category-boxPro .pro {height:139px;}
	.category-boxPro .w340 {width:254px;}
	.category-boxPro .h370 {height:278px;}
	.category-boxPro .name {padding:10px 15px 0 15px;}
	.category-boxPro p {padding:5px 15px 0 15px; line-height:1.2em; font-size:12px;}
}
@media (max-width: 767px) {
	.category-boxPro .img {display:none;}
	.category-boxPro .item {float:none; width:auto; height:auto;}
	.category-boxPro .h370 {height:auto;}
	.category-boxPro p {padding:20px;}
}
/*switch all*/
.pro-main {padding:40px 0;}
.pro-main .tdd {font-size:14px; text-align:center; padding:0 10%;}
/*ocrCon*/
.ocrCon h3{ font-size:25px; line-height:30px; margin:20px 0;}
.ocrCon p,.ocrCon ul.dot{ margin-bottom:20px;}
.ocrCon .ocrArea{ background:#f8f8f8; border:1px solid #e3e3e3; padding:20px 3%;}
.ocrCon .ocrArea .text h2{font-size:23px; line-height:30px;}
.ocrCon .ocrArea .str{ display: block; margin-bottom:5px}
.ocrCon .ocrArea label{ display:block}
.ocrCon .ocrArea .img{ float:left; width:18%; padding-top:30px;}
.ocrCon .ocrArea .img img{ max-width:100%}
.ocrCon .ocrArea .text{ padding:0 0 0 20%}
@media (max-width: 767px){
	.ocrCon .ocrArea .img{ display:none} 
    .ocrCon .ocrArea .text{ padding:0}
}
/*guide*/
.picInfo-box {padding:30px 0;}
.picInfo-box .pimt40 {margin-top:40px;}
.picInfo-box .picfl img,.picInfo-box .picfr img,.picInfo-box .pic img {max-width:100%;}
.picInfo-box .picfl {float:left; width:50%; text-align:center;}
.picInfo-box .picfr {float:right; width:50%; text-align:center;}
.picInfo-box .pic {padding:20px 0;}
.picInfo-box .infofr {float:right; width:45%;}
.picInfo-box .infofl {float:left; width:45%;}
.picInfo-box .title-num {background:#63c0ec; color:#fff; border-radius:50px;width:50px; height:50px; line-height:50px; font-size:16px; text-align:center; font-size:16px; margin:10px 0; display:inline-block;}
.picInfo-box .title-name { font-size:22px; line-height:1.2em; padding:10px 0; font-weight:bold;}
.picInfo-box .title-name2 { font-size:30px; line-height:1.2em; padding:10px 0; font-weight:normal;}
.picInfo-box .itemBox { text-align:center;}
.picInfo-box .itemBox li {display:inline-block; list-style:none; width:30%; padding:0 3%;}
.picInfo-box .itemBox li p {padding:10px 0;}
.picInfo-box .item3Box {padding-top:10px;}
.picInfo-box .item3Box .name {font-size:16px; font-weight:bold; padding:10px 0;}
.picInfo-box a.btnMore {color:#fff; text-decoration:underline;}
.picInfo-style {padding:0 0 30px 0;}
.picInfo-style .picfl {position:relative;}
.picInfo-style .picfl span {display:block; position:absolute; bottom:9%; left:54%;}
.picInfo-style .infofr {padding-top:5%;}
@media (max-width: 979px) {
	.picInfo-box .itemBox li {width:43%;}
	.picInfo-style .picfl span {width:80%; left:25%; bottom:15%;}
	.picInfo-style .infofr {padding-top:3%;}
}
@media (max-width: 767px) {
	.picInfo-box .picfl,.picInfo-box .infofr,.picInfo-box .picfr,.picInfo-box .infofl {float:none; width:auto;}
	.picInfo-box .infofl {padding-top:20px; padding-bottom:10px;}
	.picInfo-style .picfl span {left:auto; right:0;}
}
@media (max-width: 479px) {
	.picInfo-box .itemBox li {width:auto; float:none;}
}
.picInfo-box .text_bgCol{ background-color:#3f5365;}
.picInfo-box .transfor_info{ margin-top:15px;}
.picInfo-box .transfor_info .text_info{ width:56%; float:left; padding:3% 0 10px 4%;}
.picInfo-box .transfor_info .pic_info{ width:40%; float:right;}
.picInfo-box .transfor_info .text_info .item_img{ float:left; width:22%; margin-left:2%;}
.picInfo-box .transfor_info .text_info .item_text{ float:left; width:75%; color:#fff;}
.picInfo-box .transfor_info .text_info .item_text strong{ font-size:18px; display:block; margin-bottom:5px;}
.picInfo-box .transfor_info .text_info .item_text p{ line-height:1.2em;}
.picInfo-box .transfor_info .text_info .item{ margin-bottom:20px;}

.picInfo-box .itemDev .title_bor{ text-align:center;border:1px solid #d0d0d0; padding-top:10px; padding-bottom:10px;}
.picInfo-box .itemDev .title_bor.title_a{border-radius:5px 0 0 5px; border-right:none;}
.picInfo-box .itemDev .title_bor.title_n{border-radius:0 5px 5px 0; border-left:none;}
.picInfo-box .itemDev{ text-align:center; padding-top:10px; padding-bottom:10px;}
.picInfo-box .item_w{ width:44%;float:left; }
.picInfo-box .item_i{ width:28%;float:left; }
.picInfo-box .item_N{ width:28%;float:right;}
.picInfo-box .itemDev{ margin:15px 0; text-align:center;}
.picInfo-box .itemDev .item{ margin-top:15px;}
.picInfo-box .itemDev .item .device_div{position:relative;overflow:hidden;cursor:pointer; display:block;}
.picInfo-box .itemDev .item .device_div .hide_hov{ text-align:left; background-color:#dfe2e4; padding:10px;display:none;position:absolute;z-index:1;top:0;left:0; width:100%; height:100%;}
.picInfo-box .itemDev .item .device_div .hide_hov strong{ font-size:16px; display:block; margin-bottom:3px;}
.picInfo-box .itemDev .item .device_div .hide_hov p{ font-size:13px;line-height: 1.5em;}
.picInfo-box .itemDev .item .device_div .hide_hov a{ color:#15ABEF;}
.picInfo-box .itemDev .item .iphone_iconT .sum{ width:182px; float:left;}
.picInfo-box .itemDev .item .iphone_iconT .many_device{ width:232px; float:left; margin-left:10px;}
.picInfo-box .itemDev .item .nokia{ text-align:right;}
.picInfo-box .itemDev .item .iphone_iconB{ margin-top:8px;}
.picInfo-box .itemDev .item .iphone_iconB.iosB{ padding-left:10px;}
.picInfo-box .itemDev .item .fl_device{ float:left;}
.picInfo-box .itemDev .item .fr_device{ float:right;}
.picInfo-box .itemDev .item .sony{ margin-top:8px;}
.picInfo-box .itemDev .item .lg{ margin:0 10px;}
.picInfo-box .itemDev .item .ios3{ margin-left:10px;}
.picInfo-box .search_device{ height:30px; line-height:30px; text-align:center;}
.picInfo-box .search_device .text{ height:30px; line-height:30px; border:1px solid #dadada; padding:0 5px; margin:0 5px; width:30%;}
.picInfo-box .search_device .btn_search{ padding:0 10px;}

.info-tabMenu {height:62px; border-bottom:solid 1px #5363a6;}
.info-tabMenu ul {float:left; border-radius:10px 10px 0 0; overflow:hidden; background:#5363a6;}
.info-tabMenu li {float:left; width:180px;height:40px; padding:13px 20px 10px 20px; text-align:center; font-size:15px; line-height:1.2em; font-weight:bold; color:#fff; border-right:solid 1px #7582b8; cursor:pointer;}
.info-tabMenu li.curr {height:39px; background:#fff; border:solid 1px #5363a6; border-bottom:0; color:#5363a6;}
@media (max-width: 767px) {
	.info-tabMenu {height:82px;}
	.info-tabMenu li {width:30%; height:70px; padding:13px 1.52% 0 1.52%;}
	.info-tabMenu li.curr { height:69px;}
	.picInfo-box .transfor_info .text_info,.picInfo-box .transfor_info .pic_info{ width:100%; float:none;}
	.picInfo-box .transfor_info .pic_info{ text-align:center;}
}
@media (max-width: 479px) {
	.info-tabMenu {height:102px;}
	.info-tabMenu li {height:90px; padding:13px 1.45% 0 1.45%;}
	.info-tabMenu li.curr { height:89px;}
	.picInfo-box .transfor_info .text_info .item_img{ float:none; width:auto; text-align:center;}
	.picInfo-box .transfor_info .text_info .item_text{ float:none; width:auto; margin-top:5px; padding:0 15px;}
}
.guideCon{ position:relative; font-size:14px; overflow:hidden; padding-left:290px;}
.guideCon img{max-width:100%}
.guideCon p{ margin:0 0 10px;}
.guideCon .box{ width:228px; position:absolute; top:30px;  border:1px solid #e3e3e3; padding-bottom:30px; background:#f9f9f9;left:3%}
.guideCon .box2{width:228px; position:absolute; top:30px;  padding-bottom:30px; left:3%}
.guideCon .box .title{margin:10px; font-size:15px; font-weight:bold}
.guideCon .box.fixed{ position:fixed; top:65px; left:50%; margin-left:-470px;}
.guideCon .box.fixedBtm{position:absolute; bottom:0; top:auto}
.guideCon .box li{ position:relative; list-style:none; margin-left:0}
.guideCon .box li:hover{background:#f6762b;}
.guideCon .box a{ display:block; padding:15px 0;margin:0 10px; border-top:1px solid #e6e6e6; line-height:1.2em}
.guideCon .box li:hover a{ text-decoration:none;  color:#fff; border-top:1px solid #f6762b;}
.guideCon h2, .cts h3, .techspec h2{font-size:23px; line-height:30px; margin:40px 0 20px;}
.cts .number{float:left; background:url(images/step-bg.png) no-repeat; width:55px; text-align:center; height:25px; line-height:25px; color:#fff;font-size:23px; padding-right:8px;}
.guideCon h3{ font-weight:bold;}
@media (min-width: 768px) and (max-width: 979px) {
  .guideCon .box.fixed{ margin-left:-350px;}
}
@media (max-width: 767px) { 
	.guideCon{padding-left:3%;}
	.guideCon .box2 {position:static !important;}
	.guideCon .box{ width:auto; position:static !important;  padding-bottom:10px; margin-top:10px; margin-bottom:20px;}
	.guideCon .box.fixed{ margin-left:0;}
}
/*tech spec*/
.proTop-columnInfo {padding:30px 0;}
.proTop-columnInfo .columnInfo {float:left; width:73%;}
.proTop-columnInfo .columnInfo .title-name { font-size:30px; line-height:1.2em; padding-bottom:10px;}
.proTop-columnInfo .columnInfo p {padding:5px 0;}
.proTop-columnInfo .columnInfo ul li {list-style:disc; margin-left:15px; padding:4px 0; line-height:1.2em;}
.proTop-columnInfo .video {float:right; margin:30px 2% 0 2%; border-radius:5px; overflow:hidden; box-shadow:0 1px 5px #999;}
.proTop-columnInfo .btn {float:right; padding-top:10px;}
.proTop-columnInfo .btn a {margin:15px 0;}
.proTop-columnInfo .btn p a {text-decoration:underline;}
@media (max-width: 767px) {
	.proTop-columnInfo .columnInfo,.proTop-columnInfo .btn {float:none;}
	.proTop-columnInfo .video {display:none;}
	.proTop-columnInfo .btn p {text-align:left;}
}
.device-box { padding:30px 0;}
.device-box .de-name {float:left; width:100px;}
.device-box .de-name .pic {text-align:center;}
.device-box .de-name .name { font-size:16px; line-height:1.2em; padding:10px 0; text-align:center;}
.device-box .de-info { padding:0 0 0 140px;}
.device-box .item {float:left; background:#f3f3f3; margin:0 20px 20px 0; width:152px; text-align:center; padding:20px 0;}
.device-box .item .pic {padding-bottom:10px;}
.device-box .item2 {float:left; width:324px;}
.device-box .item2 dt {padding:10px 0;}
.device-box .item2 dd {float:left; width:50%;}
.files-box { background:#f3f3f3; padding:40px; margin-bottom:30px; overflow:hidden;}
.files-box .pic {float:left; width:30%; text-align:center;}
.files-box .pic img {max-width:100%;}
.files-box ul {padding:0 0 0 40%;}
.files-box ul li {float:left; width:50%;}
@media (max-width: 767px) {
	.device-box .item {width:140px;}
	.files-box .pic,.files-box ul li {float:none; width:auto;}
	.files-box .pic {padding-bottom:30px; text-align:left;}
	.files-box ul {padding-left:0;}
}
@media (max-width: 479px) {
	.device-box .de-name {float:none; width:auto; text-align:center;}
	.device-box .de-info {padding:0;}
	.device-box .item {width:45%; margin:0 5% 5% 0;}
}
.version-box {background:#5fbfee; padding:10px 15%; margin:40px 0; text-align:center; color:#fff;}
.version-box li {padding:30px 0; border-top:solid 1px #55acd6;}
.version-box li strong {font-size:24px; padding:0 0 10px 0; display:block;}
.version-box li:first-child {border-top:0;}
.version-box li:first-child strong {font-size:30px; line-height:1em;}
@media (max-width: 767px) {
	.version-box {padding:10px;}
}
/*review*/
.proTop-review {border-bottom:solid 1px #e5e5e5; padding:40px 0 30px 0;}
.proTop-review .title-name {float:left; font-size:34px; line-height:1.2em;}
.proTop-review .rev-btn {float:right;}
.proTop-review .rev-btn .rat-num {float:left; border:solid 1px #e5e5e5; padding:7px 15px; border-radius:5px; margin-right:10px;}
.proTop-review .rev-btn .rating {float:left;}
.proTop-review .rev-btn .rev-num {float:left; line-height:30px; padding-left:15px; color:#aab2bb; font-size:16px;}
.proTop-review .rev-btn .rev-num strong {color:#333;}
.proTop-review .rev-btn .btn {float:left;}
@media (max-width: 767px) {
	.proTop-review .title-name {float:none;}
	.proTop-review .rev-btn {float:none;}
	.proTop-review .rev-btn .rat-num {margin:10px 0;}
}
.review-listBox {padding:10px 0;}
.review-listBox .list {overflow:hidden; border-bottom:solid 1px #e5e5e5; padding:25px 0; position:relative; }
.review-listBox .rev-rat {float:left; width:150px;}
.review-listBox .rev-rat .rating {display:block;}
.review-listBox .rev-rat span { font-size:12px; color:#aab2bb;}
.review-listBox .rev-rat p {line-height:1.2em; font-size:12px; padding-top:10px;}
.review-listBox .rev-info {padding:0 190px 0 150px;}
.review-listBox .rev-info strong {font-size:16px;}
.review-listBox .rev-info em {display:block; font-size:12px; color:#aab2bb;  line-height:1.2em;}
.review-listBox .rev-info p {padding:10px 0 0 0;}
.review-listBox .rev-btn {position:absolute; top:30px; right:0; width:160px; line-height:1.3em; overflow:hidden;}
.review-listBox .rev-btn a {margin:10px 8px 0 0; background:url(images/btn_img.png) no-repeat 10px -84px #ccd5da; overflow:hidden; text-indent:-99999px; width:38px; height:30px;display:block; float:left; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;}
.review-listBox .rev-btn a:hover {background-color:#374e59;}
.review-listBox .rev-btn span {display:block; float:left; margin:17px 15px 0 0;}
.review-listBox .rev-btn .btn-yes {background-position:10px -84px;}
.review-listBox .rev-btn .btn-no {background-position:-38px -84px;}
@media (max-width: 767px) {
	.review-listBox .list {position:inherit;}
	.review-listBox .rev-info  {padding:0 0 0 180px;}
	.review-listBox .rev-btn {position:inherit; padding:10px 0 0 180px; width:auto;}
}
@media (max-width: 479px) {
	.review-listBox .rev-rat {float:none; width:auto;}
	.review-listBox .rev-info,.review-listBox .rev-btn {padding:10px 0 0 0;}
}
.reviewsArea{padding-bottom:20px; overflow:hidden; background:#fff;}
.reviewsArea .topBar{ border-bottom:solid 1px #f3f3f3; overflow:hidden;padding:20px 28px; }
.reviewsArea .topBar strong{font-size:25px; line-height:25px;margin-bottom:5px;  font-weight:normal;display:block}
.reviewsArea .topBar p{font-size:14px}
.reviewsArea .topBar .return{float:left;margin:12px 10px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -55px;width:158px;height:35px}
.reviewsArea .topBar .continue{float:left;margin:12px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -90px;width:165px;height:33px}
.reviewsArea div.title{padding:5px 0; margin-bottom:10px;line-height:40px;border-bottom:1px dashed #dcdcdc; overflow:hidden;}
.reviewsArea .reviewsItem{padding:10px 28px;}
.reviewsArea-btm{width:700px;height:134px;margin:0 auto}
.reviewsArea .writeForm{padding:20px 28px;}
.reviewsArea .writeForm .require{ color:#f26522; line-height:26px; font-weight:bold;}
.reviewsArea .writeForm .tip{color:red;margin-left:20px;display:none}
.reviewsArea .writeForm .rating{margin-top:0;position:relative;}
.reviewsArea .writeForm .rating p{position:absolute;top:25px; margin-left:50px;width:80px;height:32px;line-height:32px;display:none;text-align:center;font-size:15px; background:#fff; border:solid 1px #f3f3f3;}
.reviewsArea .writeForm .distr{margin:1px 0 0 1px}
.reviewsArea .writeForm label{display:block;margin:6px 0}
.reviewsArea .writeForm input[type=text]{background:#fff;font-size:13px;border:1px solid #dcdcdc;  width:93%;padding:0 5px;height:26px;line-height:26px;color:#888;}
.reviewsArea .writeForm textarea{background:#fff;border:1px solid #dcdcdc;width:93%;height:68px;font-size:13px;max-width:width:95%;;padding:5px;color:#888;}
.reviewsArea .btn {padding:15px 0; text-align:center;}
.reviewsArea .note{ background:#f6f6f6; padding:10px 15px; margin:10px 0 0;}
.reviewsArea .note a{ color:#15abef}
li.vl-item{float:left;width:100%}
.reviewsArea dl.confirm{padding:10px 0 0 0; overflow:hidden;}
.reviewsArea dl.confirm dt{ float:left; width:30%; text-align:right; font-weight:bold;}
.reviewsArea dl.confirm dd{ padding-left:32%;}
@media (max-width: 767px) {
	.reviewsArea .writeForm{ width:90%;} 
	.reviewsArea .topBar strong{ font-size:18px; line-height:1.5em;}
	.reviewsArea dl.confirm dt{ float:none; width:auto; text-align:left; }
	.reviewsArea dl.confirm dd{ padding-left:0;}
}
/*styles*/
.pro-picSlides {position:relative; z-index:5;}
.pro-picSlides .slidesMenu {position:absolute; top:5%; left:50%; margin-left:-500px; width:986px; z-index:5; color:#fff; border:solid 1px #fff; border-radius:5px;}
.pro-picSlides .slidesMenu .flex-viewport {border-radius:6px;}
.pro-picSlides .slidesMenu .slides li {cursor:pointer; float:left; height:33px; width:130px; padding:10px 5px 0 5px; text-align:center; border-left:solid 1px #fff;}
.pro-picSlides .slidesMenu .slides li:first-child {border-left:0;}
.pro-picSlides .slidesMenu .slides li:hover,.pro-picSlides .slidesMenu .flex-active-slide {background:#fff; color:#434a53;}
.pro-picSlides .slidesMenu .flex-direction-nav {display:none;}
.pro-picSlides .slidesMenu .flex-direction-nav a {position:absolute; color:#fff; display:block; width:30px; height:30px; overflow:hidden; text-indent:-99999px; top:5px; background:url(images/arrowImg.png) no-repeat;}
.pro-picSlides .slidesMenu .flex-direction-nav .flex-prev {background-position:0 0; left:-30px;}
.pro-picSlides .slidesMenu .flex-direction-nav .flex-next {background-position:right 0; left:auto; right:-30px;}
.pro-picSlides .slidesCont {text-align:center; background:#4F6274;}
.pro-picSlides .slidesCont img {max-width:100%;}
.pro-picSlides .slidesCont li {position:relative; display:none; z-index:1;}
.pro-picSlides .slidesCont li:first-child {display:block;}
.pro-picSlides .slidesCont .slideImg {position:relative; z-index:2;}
.pro-picSlides .slidesCont .videoPlay { position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px; z-index:3;filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8;}
.pro-picSlides .slidesCont .videoPlay:hover {filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;  opacity: 1;}
.pro-picSlides .slideInfo {position:absolute; bottom:0; left:50%; margin-left:-500px; padding:3% 0; z-index:6; color:#fff; text-align:center;}
.pro-picSlides .slideInfo .title-name {font-size:30px; font-weight:bold; line-height:1.2em; padding:10px 0;}
.pro-picSlides .slideInfo p {padding:0 20%;}
.pro-picSlides .slideInfo .slide-video { padding:10px 0;}
.pro-picSlides .slideInfo .slide-video a {display:inline-block; border:solid 4px #fff; width:130px; margin:1%; position:relative;}
.pro-picSlides .slideInfo .slide-video a span {display:block; width:34px; height:34px; overflow:hidden; text-indent:-99999px; background:url(images/video-play.png) no-repeat; position:absolute; top:50%; left:50%; margin:-17px 0 0 -17px; z-index:7;}
.pro-picSlides .slideInfo .slide-video a:hover { border:solid 4px #fa594b;}
.pro-picSlides-video .slidesCont li {height:710px;}
.pro-picSlides-video .slideInfo2 {padding:120px 0 0 0; color:#fff;}
.pro-picSlides-video .slideInfo2 .title-name {font-size:30px; font-weight:bold; line-height:1.2em; padding:10px 0;}
.pro-picSlides-video .slideInfo2 p {padding:0 20%;}
.pro-picSlides-video .slide-video2 {padding:20px 0; width:570px; height:365px; margin:0 auto; position:relative; z-index:2;}
.pro-picSlides-video .slide-img2 {padding:20px 0;}
@media (max-width: 979px) {
	.pro-picSlides .slidesMenu {width:80%; margin-left:-40%;}
	.pro-picSlides .slidesMenu .flex-direction-nav {display:block;}
	.pro-picSlides .slideInfo {margin-left:-375px;}
	.pro-picSlides .slideInfo p {padding:0;}
	.pro-picSlides-video .slideInfo2 p {padding:0;}
}
@media (max-width: 767px) {
	.pro-picSlides .slidesCont li {position:inherit;}
	.pro-picSlides .slideInfo {margin:0 auto; position:inherit;}
	.pro-picSlides .slidesCont .videoPlay {top:60%; margin-left:-65px; margin-top:-65px; width:130px;}
	.pro-picSlides-video .slideInfo2 {padding:100px 0 0 0;}
	.pro-picSlides-video .slide-video2 {width:auto;}
}
@media (max-width: 479px) {
	.pro-picSlides .slidesMenu {top:3%;}
	.pro-picSlides .slidesMenu .slides li {height:25px; padding:5px 5px 0 5px;}
	.pro-picSlides .slidesMenu .flex-direction-nav a {top:0;}
	.pro-picSlides .slidesCont img {max-width:120%;}
	.pro-picSlides .slideInfo .slide-video a {width:85px;}
	.pro-picSlides .slideInfo .slide-video img {max-width:100%;}
	.pro-picSlides .slidesCont .videoPlay {margin-left:-40px; margin-top:-40px; width:80px;}
	.pro-picSlides .slideInfo .title-name {padding:0 0 10px 0;}
	.pro-picSlides-video .slidesCont li {height:640px;}
	.pro-picSlides-video .slideInfo2 {padding:80px 0 0 0;}
	.pro-picSlides-video .slide-video2 {height:300px;}
	.pro-picSlides-video .slide-img2 img {max-width:100%;}
}
.styleCon h2{font-size:23px; line-height:30px; margin:10px 0 20px 0}
.styleCon p{ margin:0 0 10px;}
.styleCon a{ color:#15abef}
.styleCon .list{ clear:both;}
.styleCon .list li{ float:left; list-style:outside disc; line-height:1.7em; margin-left:18px; width:40%;}
.styleCon .list{ clear:both;}
.styleCon .box, .styleCon .box1{ background:#f9f9f9; border:1px solid #e6e6e6; padding:15px 3%; margin:20px 0 30px;}
.styleCon .box h2{ margin:0; font-size:19px;}
.styleCon .box .pick2, .styleCon .box .pick1, .styleCon .box1 .pick2, .styleCon .box1 .pick1{ float:left; width:25%; text-align:center; position:relative; margin:10px 0;}
.styleCon .box .pick2 .pic img, .styleCon .box .pick1 .pic img, .styleCon .box1 .pick2 .pic img, .styleCon .box1 .pick1 .pic img{ padding:5px; background:#fff; border:1px solid #e6e6e6; max-width:100%}
.styleCon .box .pick2 .pic .fdq, .styleCon .box .pick1 .pic .fdq, .styleCon .box1 .pick2 .pic .fdq, .styleCon .box1 .pick1 .pic .fdq{width: 32px;height: 32px;position: absolute;right: 30px;bottom: 0;padding: 0; padding:0; border:none}
@media (max-width: 767px) { 
	.styleCon .box .pick2, .styleCon .box .pick1, .styleCon .box1 .pick2, .styleCon .box1 .pick1{ float:none; width:auto; margin-bottom:15px }
	.styleCon .box .pick2 .pic .fdq, .styleCon .box .pick1 .pic .fdq, .styleCon .box1 .pick2 .pic .fdq, .styleCon .box1 .pick1 .pic .fdq{right: 95px;}
}
@media (max-width: 479px) { 
	.styleCon .box .pick2 .pic .fdq, .styleCon .box .pick1 .pic .fdq, .styleCon .box1 .pick2 .pic .fdq, .styleCon .box1 .pick1 .pic .fdq{right: 40px;}
}
.styleCon .picItem{ overflow:hidden; margin:25px 0 35px;}
.styleCon .picItem .img{ float:left; width:22.3%; text-align:center;}
.styleCon .picItem .img img{ max-width:100%}
.styleCon .picItem .text{ padding-left:24%;}
.styleCon .picItem .text dt{ font-size:19px; margin-bottom:10px;}
.styleCon .screenshot { max-width:775px; margin:25px auto;}
.styleCon .screenshot .roll{ overflow:hidden; position:relative;}
.styleCon .screenshot .roll .con{ overflow:hidden;  border:1px solid #dcdcdc; padding:35px 0 25px;margin:0 auto 20px; text-align:center}
.styleCon .screenshot .roll .con img{max-width:100%}
.styleCon .screenshot .roll .con h3{ font-size:16px; font-weight:bold; margin:10px 15px 5px;}
.styleCon .screenshot .roll .con p{ margin:0 15px;}
.styleCon .screenshot .roll .nav{ overflow:hidden; margin:30px auto 0; text-align:center}
.styleCon .screenshot .roll .nav li{ display:inline-block;width:22%; margin:0 1%; cursor:pointer; text-align:left}
.styleCon .screenshot .roll .nav li p{ height:48px; line-height:16px; overflow:hidden}
.styleCon .screenshot .roll .nav li img{ padding:5px; border:1px solid #dbdbdb; margin-bottom:10px; max-width:100% }
.styleCon .screenshot .roll .nav li.curr img{ border:1px solid #0072bc; max-width:100%}
@media (max-width: 767px){
	.styleCon .screenshot .roll .nav li{ float:left}
	.styleCon .screenshot .roll .nav li img{ padding:0} 
}
@media (max-width: 479px){
	.styleCon .picItem .img{ float:none; width:auto; margin-bottom:13px}
	.styleCon .picItem .text{ padding-left:0;}
}
/*guide new*/

/*guide-main*/
.stretch {margin-top:20px;}
.stretch h3 {cursor:pointer;font-size:18px; line-height:1.4em; font-weight:700;padding:20px 0 10px 0; overflow:hidden;}
.stretch h3 img{ padding-right:10px; float:left;}
.stretch ul {display:block;list-style:none;padding-left:35px;}
.stretch ul li a {text-decoration:none;color:#f26559; padding:0 0 15px 0; display:block; font-size:16px; line-height:1.2em;}
.stretch ul li a:hover {text-decoration: underline;}
.stretch ul li a.curr {text-decoration: underline; font-weight:bold; color:#333;}

.guide-main .sidebar{float:left;width:26.6%;}
.guide-main .guide_con{border-left:2px solid #f26559;padding:15px 0 40px 40px; margin-left:29%;}
.guide_con .item {border-top:1px solid #e5e5e5;padding:40px 0;}
.guide-main .guide_con img{ max-width:100%; }
.guide_con .item .part {display:block; float:left; font-size:100px; line-height:120px; font-weight:300;}
.guide_con .item .infoText {padding:0 0 0 80px;}
.guide_con .frpic{float:right; width:65%;}
.guide_con .fltext{padding:0 67% 0 0;}
.guide_con h1 {font-size:30px; line-height:1.4em; font-weight:normal; padding:20px 0;}
.guide_con h1 strong {padding:0 5px 0 0;}
.guide_con h1 i {color:#f26559; padding:0 5px;}
.guide_con h3 { font-size:24px; line-height:1.4em; font-weight:normal; padding:20px 0;}
.guide_con p {padding:5px 0 20px 0;}
.guide_con a {text-decoration:underline; color:#f9b40e;}
.guide_con .btn_next { text-align:center; border:solid 1px #434a53; line-height:40px;}
.guide_con .btn_next a {display:block; padding:10px 0; line-height:20px; color:#434a53; text-decoration:none;}
.softGuideiframe {background:#f2f2f2; border-radius:5px; height:850px; overflow:hidden;}

@media (max-width: 979px) {
	.guide_con .item .part {font-size:60px; line-height:70px;}
	.guide_con .item .infoText {padding:0 0 0 50px;}
	.guide_con h1 {font-size:28px;}
}
@media (max-width: 767px) {
	.guide-main .sidebar {float:none; width:auto; padding-bottom:20px; display:none;border-bottom:2px solid #f26559;}
	.guide-main .guide_con {padding:15px 0; margin:0;border-left:0;}
}
@media (max-width: 479px) {
	.guide_con .item .part { float:none;}
	.guide_con .item .infoText {padding:0;}
}

.guide_con .pro_art_box {background:#f1f1f1; padding:25px;}
.guide_con .pro_art_box .pic{ float:left; width:20%; padding:10px 0; text-align:center;}
.guide_con .pro_art_box .info{padding:0 0 0 25%;}
.guide_con .pro_art_box .info h3{ font-size:18px; padding:10px 0;}
.guide_con .pro_art_box .info h3 span {display:block; font-size:16px;}
.guide_con .pro_art_box .info ul{padding:10px 0; overflow:hidden;}
.guide_con .pro_art_box .info ul li{ width:45%; float:left; line-height:1.2em; background:url(images/dot.gif) no-repeat 0 8px ; padding:3px 0 3px 15px;}
.guide_con .pro_art_box .btn {overflow:hidden; padding:10px 0 0 0;}
.guide_con .pro_art_box .btn a {float:left; margin-right:10px; width:100px; height:auto; font-size:16px; line-height:1em; padding:10px 60px 10px 15px; background-color:#f75a50; color:#fff;}
.guide_con .pro_art_box .btn a.btn_downWin {background-position:92% -62px;}
.guide_con .pro_art_box .btn a.btn_downMac {background-position:92% -200px;}
@media (max-width: 767px) {
	.guide_con .pro_art_box .pic {float:none; width:auto;}
	.guide_con .pro_art_box .info {padding:10px 0;}
}
@media (max-width: 479px) {
	.guide_con .pro_art_box .info ul li {float:none; width:auto;}
}

/*dr fone android pro page*/
a.btn_downWin,a.btn_downMac,a.btn_downMac_green,a.btn_downWin_green,a.btn_downApp,a.btn_downAnd{display:block; background:url(images/iconImg.png) no-repeat right center; border-radius:10px; border:solid 1px #f26559; color:#fff; padding:10px 15px; text-align:left; font-size:25px; line-height:1.4em; height:46px;}
a.btn_downWin strong,a.btn_downMac strong,a.btn_downMac_green strong,a.btn_downWin_green strong,a.btn_downApp strong,a.btn_downAnd strong { font-size:25px; line-height:1.2em; display:block; font-weight:normal;}
a.btn_downWin span,a.btn_downMac span,a.btn_downMac_green span,a.btn_downWin_green span,a.btn_downApp span,a.btn_downAnd span { font-size:13px; line-height:1.5em; display:block;}
a.btn_downWin {background-position:92% 15px;}
a.btn_downWin:hover {text-decoration:none; background-color:#f75a50; background-position:92% -58px; color:#fff;}
a.btn_downMac {background-position:92% -127px;}
a.btn_downMac:hover {text-decoration:none; background-color:#f75a50; background-position:92% -194px; color:#fff;}
a.btn_downWin_green {background-position:92% -328px; border:1px solid #9ecd3d; color:#5d626a;}
a.btn_downWin_green:hover {text-decoration:none; background-color:#9ecd3d; background-position:92% -58px; color:#fff;}
a.btn_downMac_green {background-position:92% -399px;border:1px solid #9ecd3d;color:#5d626a;}
a.btn_downMac_green:hover {text-decoration:none; background-color:#9ecd3d; background-position:92% -195px; color:#fff;}
a.btn_downApp{background-position:92% -645px;}
a.btn_downApp:hover{ text-decoration:none;}
a.btn_downAnd{background-position:92% -702px;}
a.btn_downAnd:hover{ text-decoration:none;}

a.btn_Buy{display:block;background:url(images/iconImg.png) no-repeat right center; border-radius:10px; color:#fff; padding:15px 15px; text-align:left; font-size:25px; line-height:1.4em; height:38px;}
a.btn_Buy strong,a.btn_Buy_green strong { font-size:25px; line-height:1.4em; display:block; font-weight:normal;}
a.btn_Buy span,a.btn_Buy_green span { font-size:13px; line-height:1.5em; display:block;}
a.btn_Buy {background-position:92% -260px; background-color:#f96e65;}
a.btn_Buy:hover {text-decoration:none; background-color:#f0665d;}

.new_banner2 {background-color:#323f40; min-height:750px;}
.new_banner2 .container{ position:relative; z-index:2;}
.new_banner2 .pro_video {float:right; width:62%; position:absolute; z-index:3; top:0; right:-12%; margin-top:140px;}
.new_banner2 .pro_video .video-demo {height:100%;}
.new_banner2 .play{display:block; background:url(images/video_play.png) no-repeat 0 0;position:absolute; width:115px;height:115px;top:50%;left:50%;margin:-57px 0 0 -57px; text-indent:-9999px;opacity:0.8;}
.new_banner2 .play:hover{opacity:1;}
.new_banner2 .pro_img {float:right; width:65%; position:absolute; z-index:3; top:0; right:-12%; padding-top:130px;}
.new_banner2 .pro_text{float:left; z-index:2;color:#fff;width:50%;padding-top:140px; position:absolute;}
.new_banner2 .pro_text h2,.new_banner2 .pro_text h1{ font-size:48px; line-height:1.2em; font-weight:300; padding-bottom:15px;}
.new_banner2 .pro_text .dd{ font-size:18px;color:#e4e4e4; font-weight:300; margin-bottom:20px;}
.new_banner2 .pro_text .tips{color:#26c6da; font-size:14px; font-weight:400;}
.new_banner2 .pro_text .btn{padding-top:20px;}
.new_banner2 .pro_text .btn a {margin-top:20px;width:280px;}
.new_banner2 .pro_text .choose_ver {padding-top:20px;}
.new_banner2 .pro_text .choose_ver a {margin:0;}
.new_banner2 .pro_text a.win,
.new_banner2 .pro_text a.mac,
.new_banner2 .pro_text a.ios,
.new_banner2 .pro_text a.android{display:inline-block; background:url(images/iconImg2.png) no-repeat 3px 5px;color:#fff; font-size:12px;padding:0 10px 0 35px;width:auto; line-height:30px;}
.new_banner2 .pro_text a.win:hover,
.new_banner2 .pro_text a.win.curr{background-position:3px -36px; text-decoration:none;color:#f96e65;}
.new_banner2 .pro_text a.mac{background-position:3px -76px;}
.new_banner2 .pro_text a.mac:hover,
.new_banner2 .pro_text a.mac.curr{ background-position:3px -115px; text-decoration:none;color:#f96e65;}
.new_banner2 .pro_text a.ios{background-position:0 -409px;}
.new_banner2 .pro_text a.ios:hover,
.new_banner2 .pro_text a.ios.curr{ background-position:0 -456px; text-decoration:none;color:#f96e65;}
.new_banner2 .pro_text a.android{background-position:0 -507px;}
.new_banner2 .pro_text a.android:hover,
.new_banner2 .pro_text a.android.curr{ background-position:0 -561px; text-decoration:none;color:#f96e65;}
@media (max-width: 1680px) {
	.new_banner2 .pro_text {padding-top:100px;}
	.new_banner2 .pro_video {margin-top:100px;}
	.new_banner2 .pro_img {padding-top:90px;width:60%;right:-7%;}
}
@media (max-width: 1480px) {
	.new_banner2 {min-height:inherit; overflow:hidden;}
	.new_banner2 .pro_video {width:52%;right:-5%;}
	.new_banner2 .pro_text h2,.new_banner2 .pro_text h1{ font-size:28px;}
}
@media (max-width: 1320px) {
	.new_banner2 .pic {width:110%; margin:0 -5%;}
	.new_banner2 .pro_text .dd{margin-bottom:10px;}
	.new_banner2 .pro_text .btn{padding-top:0px;}
	.new_banner2 .pro_text .choose_ver {padding-top:10px;}
}
@media (max-width: 1024px) {
	.new_banner2 {overflow:hidden;}
	.new_banner2 .pic {width:120%; margin:0 -10%;}
	.new_banner2 .pro_video {width:48%;right:0%;}
}
@media (max-width: 979px) {
	.new_banner2 .pic {width:140%; margin:0 -20%;}
	.new_banner2 .pro_text {padding-top:60px;}
	.new_banner2 .pro_video {margin-top:20px;}
	.new_banner2 .pro_img {padding-top:40px;}
}
@media (max-width: 767px) {
	.new_banner2 .pro_text { float:none; width:auto;}
	.new_banner2 .pro_video,.new_banner2 .pro_img {display:none;}
	.new_banner2 .pic {width:180%;}
}
@media (max-width: 479px) {
	.new_banner2 .pic {width:340%;}
	.new_banner2 .pro_text {padding-top:180px;}
}
@media (max-width: 379px) {
	.new_banner2 .pic {width:370%;}
}

.all_features_menu {background:#26c6da; color:#fff; font-size:18px; font-weight:300; text-align:center; padding:30px 0;}
.all_features_menu span {background:url(images/all_icon.png) no-repeat 0 center; padding:10px 0 10px 50px; cursor:pointer;}
.all_features_menu_fixed {position:fixed; z-index:30; top:90px; left:0; width:100%;}
.columnStyle {font-size:36px; line-height:1.2em; font-weight:300; color:#444;}
.columnStyle span {color:#f96e65;}
.titleStyle {font-size:18px; line-height:1.2em; font-weight:300; color:#757575;}
@media (max-width: 1440px) {
	.columnStyle {font-size:30px;}
}
@media (max-width: 1280px) {
	.columnStyle {font-size:26px;}
}

.drfont_f1 {background:#f2f2f2;}
.drfont_f1 .info_fl {float:left; width:33%; margin-left:15%;}
.drfont_f1 .info_fl .t {background:url(images/bg_dot.png); height:113px;}
.drfont_f1 .info_fl .cont {padding:40px 0 0 26%;}
.drfont_f1 .pic_fr {float:right; width:48%; margin:50px 0 0 0;background:url(images/bg_dot.png);}
.drfont_f1 .pic_fr .img {padding:40px 0 40px 50px;}
.drfont_f1 .pic_fr .img span {display:block; background:#f96e65; padding:30px;}
.drfont_f1 .txt {padding:10px 0;}
.drfont_f1 .txt a {color:#26c6da; font-size:20px; line-height:1.2em; font-weight:300;}
.drfont_f1 .txt a.alink span {background:url(images/dot_djt.png) no-repeat right center; padding:14px 25px 0 0; font-size:0; line-height:0;}
.drfont_f1 .dl_item {padding:20px 25% 20px 0;}
.drfont_f1 .dl_item dl {padding:20px 0 0 0;}
.drfont_f1 .dl_item dl dt {font-size:16px; line-height:1.2em; font-weight:300; background:url(images/dot-arrow.png) no-repeat 20px 22px #f96e65; color:#fff; border-radius:100px; padding:15px 35px; position:relative; z-index:1; cursor:pointer;}
.drfont_f1 .dl_item dl dt:hover,.drfont_f1 .dl_item dl.curr dt {background-color:#26c6da;}
.drfont_f1 .dl_item dl dt span {position:absolute; z-index:2; height:30px; font-size:24px; line-height:30px; font-weight:normal; top:50%; right:20px; margin:-15px 0 0 0;}
.drfont_f1 .dl_item dl dd {padding:10px 20px;}
@media (max-width: 1680px) {
	.drfont_f1 .info_fl {width:38%; margin-left:10%;}
	.drfont_f1 .info_fl .cont {padding:30px 0 0 16%;}
}
@media (max-width: 1440px) {
	.drfont_f1 .info_fl {width:38%; margin-left:5%;}
}
@media (max-width: 1360px) {
	.drfont_f1 .info_fl {width:45%; margin-left:2%;}
}
@media (max-width: 979px) {
	.drfont_f1 .info_fl,.drfont_f1 .pic_fr {float:none; width:auto;}
}

.drfont_f2 {background:#fff; padding:120px 0 60px 0;}
.drfont_f2 .flex-control-nav {display:none;}
.drfont_f2 .info_fr {float:right; width:50%;}
.drfont_f2 .info_fr .cont {width:50%;}
.drfont_f2 .txt {padding:10px 0;}
.drfont_f2 .txt p {padding:5px 0;}
.drfont_f2 .pic_fl {float:left; width:46%;}
.drfont_f2 .pic_fl li {display:none;}
.drfont_f2 .pic_fl li strong {display:block; position:absolute; right:6%; bottom:16%; background:#f96e65; color:#fff;font-size:90px; line-height:120px;border-radius:200px; width:120px; height:120px; text-align:center;}
.drfont_f2 .btn {overflow:hidden; padding:10px 0;}
.drfont_f2 .btn a.btn_org {display:inline-block; font-size:20px; line-height:1.2em; font-weight:300; background:#f96e65; color:#fff; border-radius:100px; padding:25px 45px;}
.drfont_f2 .btn a.btn_org span {padding:0 10px;}
.drfont_f2 .btn a.btn_org:hover {text-decoration:none; background:#fd4438;}
.drfont_f2 .other_how {padding:40px 0 0 0;}
.drfont_f2 .other_how .title {font-size:22px; line-height:1.2em; font-weight: normal;}
.drfont_f2 .other_how ul {overflow:hidden; padding:20px 0;}
.drfont_f2 .other_how ul li {float:left; padding-right:15px;font-size:32px; line-height:1.2em;}
.drfont_f2 .other_how ul li a {display:block;background:#9e9e9e; color:#fff; border-radius:100px; width:48px; height:48px; line-height:48px; text-align:center;}
.drfont_f2 .other_how ul li a:hover,.drfont_f2 .other_how ul li.curr a {background:#f96e65; text-decoration:none;}
.drfont_f2 .other_how .item {padding:5px 0 0 0;}
.drfont_f2 .other_how .item .name {font-size:22px; line-height:1.2em; font-weight:300;}
.drfont_f2 .other_how .item p {padding:10px 0;}
.drfont_f2 .other_how .item a {color:#26c6da;}
@media (max-width: 1360px) {
	.drfont_f2 .info_fr .cont {width:90%;}
}
@media (max-width: 979px) {
	.drfont_f2 .info_fr,.drfont_f2 .pic_fl {float:none; width:auto;}
	.drfont_f2 .info_fr {padding:0 10%;}
}

.drfont_f3 {background:url(images/drfone_bgimg.jpg) no-repeat center center #f6fbec; padding:110px 0; min-height:380px;}
.drfont_f3 .pic {padding:30px 0;}
.drfont_f3 .title {padding:10px 0;font-size:18px; line-height:1.2em; font-weight: normal;}
.drfont_f3 .item {float:left; width:17.5%; margin-left:2%; padding:3% 3% 0 3%; min-height:300px; background:url(images/white-bg.png); text-align:center;}
.drfont_f3 .item:first-child {margin-left:0;}
.drfont_f3 .item p {color:#757575; padding:10px 0;}
@media (max-width: 1024px) {
	.drfont_f3 {padding:80px 0;}
}
@media (max-width: 767px) {
	.drfont_f3 {background-position:center 0;}
	.drfont_f3 .item {width:40%; margin:2%;}
	.drfont_f3 .item:first-child {margin-left:2%;}
}

.drfont_f4 {background:#f2f2f2; min-height:1000px; position:relative; z-index:1;}
.drfont_f4 .columnStyle {color:#fff;}
.drfont_f4 .lump {background:#f96e65; width:140px; height:140px; position:absolute; z-index:3; left:0; top:0;}
.drfont_f4 .tbg,.drfont_f4 .bbg {position:absolute; z-index:2; background:url(images/bg_dot.png); width:660px; height:30%;left:50%; margin-left:-330px;}
.drfont_f4 .tbg {top:0;}
.drfont_f4 .bbg {bottom:0;}
.drfont_f4 .boxCont {position:absolute; z-index:3; background:#f96e65; color:#fff; width:680px; padding:60px 60px 40px 60px; top:170px; left:20%;}
.drfont_f4 .boxCont2 {position:absolute; z-index:3; background:#26c6da; color:#fff; width:630px; padding:60px; top:400px; right:5%;}
.drfont_f4 .txt {padding:20px 20% 0 0;}
.drfont_f4 .txt ul {padding:5px 0;}
.drfont_f4 .txt ul li {list-style:disc; margin-left:15px; line-height:1.4em; padding:5px 0;}
.drfont_f4 .dl_item {padding:20px 20% 0 0; min-height:350px;}
.drfont_f4 .dl_item .item {float:left; width:47%; padding-left:6%;}
.drfont_f4 .dl_item .item:first-child {padding-left:0;}
.drfont_f4 .dl_item dl {padding:10px 0;}
.drfont_f4 .dl_item dl dt {background:#ededed; border-radius:5px; padding:8px 40px 8px 10px; height:37px; position:relative; z-index:1; text-align:center; cursor:pointer;}
.drfont_f4 .dl_item dl dt img {max-height:100%;}
.drfont_f4 .dl_item dl dt span {position:absolute; z-index:2; height:30px; font-size:30px; line-height:30px; font-weight:normal; top:50%; right:20px; margin:-15px 0 0 0; color:#f96e65;}
.drfont_f4 .dl_item dl dd {padding:10px;}
.drfont_f4 .icon_box {padding:20px 20% 20px 0;}
.drfont_f4 .icon_box dl {overflow:hidden;}
.drfont_f4 .icon_box dl dd {float:left; width:25%; line-height:1.2em; padding:10px 0;}
.drfont_f4 .icon_box dl dd img {float:left; margin-right:10px;}
.drfont_f4 .btn {text-align:center;}
.drfont_f4 .btn a {color:#fff; font-size:16px;}
.drfont_f4 .btn a span {padding:0 10px;}
.drfont_f4 .btn a:hover {text-decoration:none;}
@media (max-width: 1680px) {
	.drfont_f4 .boxCont {left:10%;}
	.drfont_f4 .boxCont2 {right:0;}
}
@media (max-width: 1440px) {
	.drfont_f4 .boxCont {width:580px;left:5%;}
	.drfont_f4 .boxCont2 {width:530px;}
	.drfont_f4 .txt {padding:20px 10% 0 0;}
	.drfont_f4 .dl_item {padding:20px 10% 0 0;}
}
@media (max-width: 1280px) {
	.drfont_f4 .boxCont {width:530px;}
	.drfont_f4 .boxCont2 {width:480px;}
	.drfont_f4 .txt {padding:20px 0 0 0;}
	.drfont_f4 .icon_box {padding:20px 0 0 0;}
}
@media (max-width: 1024px) {
	.drfont_f4 {min-height:900px;}
	.drfont_f4 .boxCont {left:0;width:54%;padding:3% 3% 20px 3%;}
	.drfont_f4 .boxCont2 {width:36%; padding:3%; top:400px; right:0;}
}
@media (max-width: 979px) {
	.drfont_f4 .boxCont2 {top:350px;}
	.drfont_f4 .icon_box dl dd {width:50%;}
}

.drfont_f5 .info_fl {float:left; width:30%; padding:5% 0 0 20%; position:relative; z-index:2;}
.drfont_f5 .pic_fr {float:right; width:50%;position:relative; z-index:1;}
.drfont_f5 .imgbg {position:absolute; z-index:2; left:-102%; bottom:0; width:200%;}
.drfont_f5 .cont {padding:20px 20% 0 0;}
.drfont_f5 .name {font-size:24px; line-height:1.2em; font-weight:300; padding:10px 0;}
.drfont_f5 .name a {color:#434a53;}
.drfont_f5 .name img {margin-right:10px;}
.drfont_f5 .title {font-size:24px; line-height:1.2em; font-weight:300;}
.drfont_f5 .txt {padding:30px 0 0 0;}
.drfont_f5 .txt p {padding:10px 0;}
.drfont_f5 .btn {padding:20px 0;}
.drfont_f5 .btn a {display:block; margin-top:15px; padding:15px 30px; width:180px; border-radius:100px; background:url(images/iconImg2.png) no-repeat 90% 15px #f96e65; color:#fff; font-size:24px; font-weight:300;}
.drfont_f5 .btn a.mac {background-position:90% -65px;}
.drfont_f5 .btn a:hover {text-decoration:none; background-color:#fd4438;}
@media (max-width: 1680px) {
	.drfont_f5 .info_fl {padding:5% 0 0 15%;}
}
@media (max-width: 1440px) {
	.drfont_f5 .info_fl {padding:5% 0 0 10%;}
	.drfont_f5 .pic_fr {width:55%;}
}
@media (max-width: 1360px) {
	.drfont_f5 .info_fl {padding:2% 0 0 10%;}
	.drfont_f5 .pic_fr {width:60%;}
}
@media (max-width: 1280px) {
	.drfont_f5 .info_fl {width:32%;padding:4% 0 0 5%;}
	.drfont_f5 .cont {padding:20px 0 0 0;}
}
@media (max-width: 1024px) {
	.drfont_f5 {overflow:hidden;}
	.drfont_f5 .info_fl {width:37%;}
	.drfont_f5 .pic_fr {width:80%;margin-right:-25%;}
}
@media (max-width: 979px) {
	.drfont_f5 .info_fl,.drfont_f5 .pic_fr {float:none; width:auto; margin:0;}
	.drfont_f5 .btn a {display:inline-block;}
}

.hot_tips{padding:70px 0;}
.hot_tips .columnStyle {text-align:center;}
.hot_tips .list{margin-top:30px; overflow:hidden;}
.hot_tips .list li {float:left;width:33.3%;margin:15px 0 0 0; min-height:68px; list-style:none;}
.hot_tips .list li a {display:block;}
.hot_tips .list li .pic{float:left;width:66px;}
.hot_tips .list li .title{background:url(images/dot_arrow_r.png) no-repeat 80px 20px;padding:15px 20px 0 100px;line-height:1.4em;}
@media (max-width: 979px) {
	.hot_tips .columnStyle{font-size:34px;}
	.hot_tips .list li {width:50%;}
}
@media (max-width: 767px) {
	.hot_tips .list li{float:none;width:auto;min-height:auto; overflow:hidden;}
}

.btm_download_box{padding:100px 0;background:#f2f2f2;}
.btm_download_box .name{ font-size:24px; text-align:center; margin:0;font-weight:300; color:#757575;padding:10px 0;}
.btm_download_box .title{ font-size:48px; text-align:center; line-height:1em;font-weight:300;padding:10px 0;}
.btm_download_box .btn{margin-top:50px; text-align:center;}
.btn_downWin2,.btn_downMac2,.btn_downApp1,.btn_downApp2{display:inline-block !important;display:block; background:#fb6d61 url(images/iconImg2.png) no-repeat; border-radius:100px; color:#fff; padding:10px 15px 10px 55px; text-align:left; font-size:24px; line-height:36px; font-weight:300; height:36px; width:180px;margin:0 5px;}
.btn_downWin2{ background-position:15px 18px;}
.btn_downMac2{ background-position:15px -63px;}
.btn_downApp1{ background-position:15px -396px;}
.btn_downApp2{ background-position:15px -494px;}
.btn_downWin2:hover,.btn_downMac2:hover,.btn_downApp1:hover,.btn_downApp2:hover{ text-decoration:none; color:#fff;}
@media (max-width: 979px) {
	.btn_downWin2,.btn_downMac2,.btn_downApp1,.btn_downApp2{margin:5px 0;width:200px; font-size:22px;}
}
@media (max-width: 767px) {
	.btn_downWin2,.btn_downMac2,.btn_downApp1,.btn_downApp2{margin:10px 0;width:250px; font-size:25px;}
	.btm_download_box .title{ font-size:26px;}
}
.recom_pro {padding:100px 0; background:#f2f2f2;}
.recom_pro .columnStyle {width:40%; padding:0 3%;}
.recom_pro .pic {padding:20px 0 10px 0; height:64px;}
.recom_pro .pic img {max-height:100%;}
.recom_pro .title {padding:10px 0;font-size:24px; line-height:1.2em; font-weight:300;}
.recom_pro .name {font-size:18px; line-height:1.2em; font-weight:300; padding:5px 0 0 0; min-height:43px;}
.recom_pro .name a {color:#444;}
.recom_pro .name a:hover {color:#f96e65;}
.recom_pro .info {padding:10px 0 0 0; min-height:100px; font-weight:300;}
.recom_pro .btn {padding:10px 0; min-height:120px;}
.recom_pro .btn a {display:block; margin-top:15px; padding:10px 20px; width:140px; border-radius:100px; background:url(images/iconImg2.png) no-repeat 85% 10px #f96e65; color:#fff; font-size:17px;}
.recom_pro .btn a.mac {background-position:85% -70px;}
.recom_pro .btn a:hover {text-decoration:none; background-color:#fd4438;}
.recom_pro .cont {padding:20px 0 0 0;}
.recom_pro .item {float:left; width:24%; margin-left:5%; padding:3%; margin-top:3%; background:#fff;}
.recom_pro .cont .item:first-child {margin-left:0;}
@media (max-width: 979px) {
	.recom_pro .item {min-height:400px; margin-left:3%; width:25%;}
}

.pop_all_features_menu_bg {background:url(images/back-bg-pop.png); width:0; height:100%; position:fixed; z-index:100; top:0; right:0; overflow-y:auto;}
.pop_all_features_menu {background:#fff; width:660px; min-height:100%; position:absolute; z-index:110; top:0; right:-100%;}
.pop_all_features_menu .top {background:#26c6da; padding:20px 50px; color:#fff;}
.pop_all_features_menu .top .close { display:block; background:url(images/closeImg.png) no-repeat center center; width:30px; height:30px; overflow:hidden; text-indent:-99999px; cursor:pointer;}
.pop_all_features_menu .cont {padding:50px;}
.pop_all_features_menu .cont_list {border-bottom:solid 1px #d9d9d9; padding-top:40px;}
.pop_all_features_menu .cont_list .list {border-top:solid 1px #d9d9d9; cursor:pointer; padding:20px 0;}
.pop_all_features_menu .title {color:#26c6da; font-size:18px; line-height:1.2em; font-weight:normal; position:relative; z-index:1; padding-right:40px;}
.pop_all_features_menu .title .jt {position:absolute; z-index:2; top:0; right:2%; background:url(images/jt_sli.png) no-repeat center 10px; display:block; width:20px; height:20px;}
.pop_all_features_menu .title .jt.curr {background-position:center -35px;}
.pop_all_features_menu .info {padding:20px 0; display:none;}
.pop_all_features_menu .info ul li {list-style:disc; margin-left:15px; line-height:1.4em; padding:5px 0;}

.choose_box{background:#fff url(images/map_bg.jpg) no-repeat center center;padding:100px 0;}
.choose_box h2{color:#2f3337; font-size:30px; text-align:center; line-height:1.2em; margin:0; font-weight:normal;}
.choose_box h2 span {color:#26c6da;}
.choose_box .item{float:left;width:33.3%; text-align:center;margin-top:50px;}
.choose_box .item dl{margin:10px 0 0 0;color:#2f3337;}
.choose_box .item dt{ font-size:18px;}
.choose_box .item dd{margin:5px 0 0 0;padding:0 30px;line-height:1.2em;}
.choose_box .item .num{color:#26c6da; font-size:44px; margin:40px 0 0 0; line-height:1em;}
.choose_box .item .dd{color:#2f3337; font-size:16px;padding:0 30px;margin:10px 0 0 0;line-height:1.2em;}
@media (max-width: 979px) {
	.choose_box .item dd{padding:0 20px;}
	.choose_box .item .num{ font-size:40px;}
	.choose_box .item .dd{padding:0 20px;}
}
@media (max-width: 767px) {
	.choose_box .item dd{padding:0;}
	.choose_box .item .num{ font-size:30px;}
	.choose_box .item .dd{padding:0;}
}
@media (max-width: 479px) {
	.choose_box .item{ float:none;width:auto;}
	.choose_box .item dd{padding:0;}
	.choose_box .item .num{ font-size:30px;}
	.choose_box .item .dd{padding:0;}
}