@charset "utf-8";
/* CSS Document */
/* resource index */ 
.re_topPage{background:#f2f2f2;border-bottom:1px solid #e6e6e6;}
.re_topPage .nav{float:left;}
.re_topPage .nav li{float:left;margin-right:5px; position:relative;}
.re_topPage .nav li a{display:block;height:43px; line-height:43px; padding:20px 15px 0 15px; text-align:center; font-size:16px;color:#333;border-bottom:5px solid #f2f2f2;}
.re_topPage .nav li.curr a,.re_topPage .nav li a:hover{border-bottom:5px solid #99ca3c; text-decoration:none;}
.re_topPage .nav li dl {background:#f2f2f2; position:absolute; top:100%; margin-top:-5px; left:0;border-top:5px solid #99ca3c; width:180px;}
.re_topPage .nav li dl a {height:auto; width:auto; line-height:1em;border-bottom:0; padding:10px 15px; text-align:left;}
.re_topPage .nav li dl a:hover {border-bottom:0; text-decoration:none; background:#e6e6e6;}
.re_topPage .re_social {float:right; padding-top:22px;}
.re_topPage .re_social a {display:block; float:left; width:30px; height:30px; margin-left:5px; overflow:hidden; text-indent:-99999px; opacity:0.5; background:url(images/social_img.png) no-repeat 0 0;}
.re_topPage .re_social a:hover {opacity:1;}
.re_topPage .re_social a.fb {background-position:0 0;}
.re_topPage .re_social a.tw {background-position:-38px 0;}
.re_topPage .re_social a.gg {background-position:-75px 0;}
.re_topPage .re_social a.yb {background-position:-110px 0;}

@media (max-width: 767px) {
	.re_topPage .nav {float:none;}
	.re_topPage .nav li {margin-right:0;}
	.re_topPage .nav li a {height:43px; line-height:43px; padding:5px 10px 0 10px;font-size:14px;}
	.re_topPage .nav li dl {left:auto; right:0;}
	.re_topPage .re_social {display:none;}
}
@media (max-width: 479px) {
	.re_topPage .nav li {margin-right:1px;margin-bottom:1px;}
	.re_topPage .nav li a {background:#e4e4e4; border-bottom:0;}
	.re_topPage .nav li.curr a,.re_topPage .nav li a:hover {border-bottom:0; background:#99ca3c; color:#fff;}
}
.t_banner{ border:1px solid #f2f2f2;margin-top:25px; background:#84c754;}
.t_banner .pic{float:left;width:600px;border-right:1px solid #f2f2f2;}
.t_banner .text{float:right;width:34%;padding:25px;color:#fff;}
.t_banner .text h2{ font-size:24px;color:#fff; font-weight:bold; line-height:1.2em;}
@media (min-width: 768px) and (max-width: 979px) {
	.t_banner .pic{width:50%;}
	.t_banner .text {width:44%;padding:20px;}
	.t_banner .text h2{ font-size:18px;}
}
@media (max-width: 767px) {
	.t_banner .pic{float:none;width:auto;border-right:none;}
    .t_banner .text{float:none;width:auto;}
	.n_banner h2{ font-size:24px; font-weight:bold;}
}
.b_more{ display:inline-block;background:#84c754;height:48px;line-height:48px;color:#fff; border:1px solid #fff;border-radius: 5px;text-align: center;width:158px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; font-size:24px;}
.b_more:hover{ text-decoration:none; background:#94df5e;}
.popbox{float:left;width:40%;}
.latbox{float:right;width:55%;}
.pop_pick{border:1px solid #f2f2f2; margin-top:25px; position:relative; float:left;width:40%; height:402px;}
.pop_pick:hover{border:1px solid #84c754;}
.pop_pick .pic {text-align:center;}
.pop_pick .pic img {max-width:100%;}
.pop_pick .text{padding:15px 20px 10px 20px;}
.pop_pick .text h3 a{ font-size:18px;}
.pop_pick .text p {padding:5px 0; line-height:1.4em; height:80px; overflow:hidden;}
.pop_pick .message{display:block; position:absolute; width:60px;height:26px; line-height:26px;color:#fff; text-align:center; right:0; background:#99ca3c;}
.lat_pick{border:1px solid #f2f2f2; margin-top:26px; float:right;width:56%; height:115px;}
.aut_leftBox .lat_pick{width:100%;}
.lat_pick:hover{border:1px solid #84c754;}
.lat_pick .pic{float:left; width:200px;}
.lat_pick .pic img {max-width:100%;}
.lat_pick .text{padding:15px 15px 0 215px;}
.lat_pick .text h3 {padding-bottom:10px;}
.lat_pick .text h3 a{ font-size:18px; line-height:1.2em;}
@media (max-width: 979px) {
	.pop_pick .text p {height:auto;}
	.lat_pick .pic{width:40%;}
	.lat_pick .pic img {width:100%;}
	.lat_pick .text{padding:10px 10px 0 43%;}
	.lat_pick .text h3 a{ font-size:16px;}
	.note,.latbox{display:none;}
}
@media (max-width: 767px) {
	.popbox{float:none;width:auto;}
	.pop_pick {float:none;width:auto; height:auto;}
	.pop_pick .pic img {width:100%;}
	.latbox{float:none;width:auto; padding-top:20px;}
	.lat_pick {float:none;width:auto; height:auto;}
	.lat_pick .pic{width:35%;}
	.lat_pick .text{padding:10px 10px 0 38%;}
	.lat_pick .text h3 a{ font-size:16px;}
	.note{display:none;}
}
@media (max-width: 479px) {
	.pop_pick {margin-top:15px;}
	.pop_pick .pic img { max-width:100%;}
	.lat_pick {margin-top:15px;}
	.lat_pick .pic{width:38%;}
	.lat_pick .text{padding:5px 10px 0 42%;}
	.lat_pick .text h3 a{ font-size:12px; line-height:1.4em;}
	.article_name,.article_time{display:none;}
}
/* main */
hr{ border:none; height:0; overflow:hidden; border-bottom:1px solid #e6e6e6;margin:22px 0; *margin:0; height:0;} 
.re_bg {background:#f1f1f1;}
.re_title{border-left:8px solid #99ca3c;height:26px; line-height:26px; font-size:20px; font-weight:bold;padding-left:10px;color:#333;}
.re_title2 {font-size:20px; line-height:1.4em; padding:15px 0;}
.rePage_column{ font-size:32px; line-height:1.2em; font-weight:bold;}
.article_name,.article_time{display:block;float:left; font-size:11px;color:#ccc;margin-right:8px; line-height:30px;}
.article_name a{color:#ccc;}
.note{display:block;float:left; font-size:11px;color:#ccc;line-height:30px;padding:0 5px; position:relative;width:130px; z-index:2;border:1px solid #fff;}
.note:hover,.note.curr{ background:#fafafa;border:1px solid #d9d9d9;color:#777; z-index:5;}
.note .menu{display:none;position:absolute;top:28px;left:-1px;color:#777;background:#fafafa;border:1px solid #d9d9d9;padding:5px 15px;width:110px; z-index:4;}
.note .menu li{padding:5px 0;line-height:1.4em;}
.note .note_click {display:inline-block; width:20px; height:30px; background:url(images/arrow.png) no-repeat 5px 0; position:absolute; z-index:3; right:0; top:0; cursor:pointer; opacity:0.3;}
.note:hover .note_click {opacity:1;}
.note .note_click_curr {background-position:5px -32px;}
.note a {color:#ccc; line-height:1.4em;}
.note:hover a {color:#666;}
.aut_leftBox .note{width:165px;}
.more {margin-top:30px;}
.more a{display:block;background:#f1f1f1; line-height:50px; text-align:center; font-size:18px;}
.more a:hover {background:#e2e2e2; text-decoration:none;}
.remenubg{ background:#f2f2f2;height:80px;padding-top:20px;}
.remenubg li{float:left; background:#e6e6e6;height:75px;border-top:5px solid #e6e6e6; text-align:center; font-size:20px;color:#333; line-height:75px;margin-left:4%;width:48%;}
.remenubg li:first-child{margin-left:0;}
.remenubg li.curr{ background:#fff url(images/icon_arrow.png) no-repeat center bottom;border-top:5px solid #99ca3c;}
.remenubg li a {display:block; opacity:0.6;}
.remenubg li.curr a,.remenubg li a:hover{ text-decoration:none; opacity:1;}
@media (max-width: 767px) {
	.remenubg{height:60px;}
	.remenubg li {font-size:14px;height:55px;line-height:50px;}
	.remenubg li img {width:20px;}
}
@media (max-width: 479px) {
	.remenubg li {line-height:1.2em;height:50px; padding-top:5px;}
}
.re_cont {padding:30px 0;}
.sidebar_nav{float:left;width:23%;}
.sidebar_nav ul{border:1px solid #ebebeb;}
.sidebar_nav ul li{height:70px; background:#fff;}
.sidebar_nav ul li a{display:block;border-bottom:1px solid #ebebeb;line-height:69px;margin:0 15px; padding-left:40px;}
.sidebar_nav ul li a:hover,.sidebar_nav ul li.curr a{line-height:70px;border-bottom:none; text-decoration:none;color:#fff;margin:0; padding:0 15px 0 55px;}
.sidebar_nav ul li a.sn1 {background:url(images/side_nav_bg1.png) no-repeat 0 8px #fff;}
.sidebar_nav ul li a.sn1:hover,.sidebar_nav ul li.curr a.sn1 {background-position:15px -52px; background-color:#99ca3c; }
.sidebar_nav ul li a.sn2 {background:url(images/side_nav_bg2.png) no-repeat 0 8px #fff;}
.sidebar_nav ul li a.sn2:hover,.sidebar_nav ul li.curr a.sn2 {background-position:15px -52px; background-color:#99ca3c; }
.sidebar_nav ul li a.sn3 {background:url(images/side_nav_bg3.png) no-repeat 0 6px #fff;}
.sidebar_nav ul li a.sn3:hover,.sidebar_nav ul li.curr a.sn3 {background-position:15px -54px; background-color:#99ca3c; }
.sidebar_nav ul li a.sn4 {background:url(images/side_nav_bg4.png) no-repeat 0 6px #fff;}
.sidebar_nav ul li a.sn4:hover,.sidebar_nav ul li.curr a.sn4 {background-position:15px -54px; background-color:#99ca3c; }
.sidebar_nav ul li a.sn5 {background:url(images/side_nav_bg5.png) no-repeat 0 8px #fff;}
.sidebar_nav ul li a.sn5:hover,.sidebar_nav ul li.curr a.sn5 {background-position:15px -52px; background-color:#99ca3c; }
.sn_fix {position:fixed; z-index:2; width:230px; top:20px; left:50%; margin-left:-500px;}
.sn_abs {position:absolute; bottom:0;}
@media (max-width: 979px) {
	.sn_fix {margin-left:-375px; width:172px;}
	.sidebar_nav ul li a.sn3 {line-height:1.2em; height:50px; padding-top:19px;}
}
@media (max-width: 767px) {
	.sidebar_nav {display:none;}
}
.re_main {float:right; width:73%;}
.re_line {background:url(images/pro-nav-bg.png) no-repeat center center; height:70px;}
.pro_revbox {height:237px; padding:40px 0 0 0;}
.pro_revbox .pic {float:left; width:100px;}
.pro_revbox .pic img {max-width:100%;}
.pro_revbox .info {padding:0 0 0 120px;}
.pro_revbox .btn {text-align:center; padding-top:15px;}
.pro_revbox .title {line-height:1.2em; font-size:15px;}
.pro_revbox .title a {color:#333;}
.pro_revbox .rev {padding-bottom:15px;}
.pro_revbox .rev a {color:#666;}
.pro_revbox .rev_info {position:relative; z-index:1; padding:10px 15px; background:#f2f2f2; line-height:1.2em;}
.pro_revbox .rev_info .sj {position:absolute; z-index:2; left:20px; top:-12px; display:block; width:12px; height:12px; background:url(images/rev_sj.png) no-repeat 0 0;}
.pro_revbox .rev_info .name {text-align:right; padding-top:10px;}
@media (max-width: 979px) {
	.pro_revbox {float:none !important; width:auto !important; height:auto; padding-bottom:20px; margin-left:0 !important;}
}
@media (max-width: 767px) {
	.re_main {float:none; width:auto;}
}
.feat_topic_list {padding:20px 0 0 0;}
.feat_topic_list h3 {display:block; background:#99ca3c; color:#fff; font-size:20px; line-height:30px; height:30px; padding:10px 15px;}
.feat_topic_list h3 a {color:#fff;}
.feat_topic_list ul {border:solid 1px #ebebeb; height:340px; padding:0 15px;}
.feat_topic_list ul li {border-bottom:solid 1px #ededed; padding:10px 0 10px 15px; line-height:1.4em; background:url(images/dot2.png) no-repeat 0 18px;}
.feat_topic_list ul li a {color:#666;}
@media (max-width: 979px) {
	.feat_topic_list ul {height:auto;}
}
.feat_topic_list2 { padding:5px 0;}
.feat_topic_list2 a {display:inline-block; border:solid 1px #ccc; padding:5px 10px; margin:0 10px 10px 0;}
.feat_topic_list2 a img {margin:0 2px 0 4px;}

.re_art_tips { border:solid 1px #ededed; margin-bottom:20px;}
.re_art_tips .pic {float:left; width:120px;}
.re_art_tips .pic img {max-width:100%;}
.re_art_tips .text {padding:8px 15px 0 130px;}
.re_art_tips .name {line-height:1.3em; font-size:18px;padding-top:0;}
/*@media (min-width: 767px) and (max-width: 979px) {
	.re_art_tips .pic {float:none;width:auto;}
	.re_art_tips .pic img {width:100%;}
	.re_art_tips .text {padding:8px;}
}*/

@media (max-width: 767px) {
	.re_art_tips {float:none !important; width:auto !important; margin-left:0 !important;}
}
@media (max-width: 479px) {
	.re_art_tips .pic {width:40%;}
	.re_art_tips .text {padding:2% 2% 0 43%;}
	.re_art_tips .name {font-size:12px;}
}
.aut_leftBox {float:left; width:73%;}
.aut_sidebar {float:right; width:23%;}
.side_ad {padding-bottom:20px; text-align:center;}
.side_ad img {max-width:100%;}
@media (max-width: 979px) {
	.aut_leftBox {width:65%;}
	.aut_sidebar {width:30%;}
}
@media (max-width: 767px) {
	.aut_leftBox,.aut_sidebar {float:none; width:auto;}
	.aut_sidebar {padding-top:20px;}
}
.aut_side_autBox {border:solid 1px #ebebeb; margin-bottom:20px;}
.aut_side_autBox h3 { background:#ededed; font-size:20px; line-height:1.2em; padding:10px 15px;}
.aut_side_autBox ul {padding:0 15px 25px 15px;}
.aut_side_autBox ul li {border-bottom:solid 1px #ebebeb; padding:20px 0;}
.aut_side_autBox .pic {overflow:hidden; width:50px; height:50px; border-radius:50px; float:left;}
.aut_side_autBox .pic img {max-width:100%;}
.aut_side_autBox .name {padding:0 0 0 60px; display:block; color:#333; line-height:1.2em; padding-top:5px;}
.aut_side_autBox .link {padding:5px 0 0 60px; display:block; color:#99ca3c;}
.google,.twitter,.facebook{display:inline-block; background:url(images/icon_share.png) no-repeat;width:20px;height:20px; }
.twitter{ background-position:0 -20px;}
.facebook{ background-position:0 -40px;}
.autTop_autInfo { background:#f2f2f2; padding:20px 30px 30px 30px; position:relative;}
.autTop_autInfo .pic {float:left; width:100px; height:100px; overflow:hidden; border-radius:60px;}
.autTop_autInfo .pic img {max-width:100%;}
.autTop_autInfo .info {padding:10px 0 0 120px;}
.autTop_autInfo .name {font-size:30px; line-height:1.2em;}
.autTop_autInfo .btn {color:#99ca3c;}
.autTop_autInfo .sj {position:absolute; bottom:0; left:50px; width:30px; height:20px; background:url(images/author_sj.png) no-repeat 0 0;}
@media (max-width: 479px) {
	.autTop_autInfo .pic {float:none; margin:0 auto;}
	.autTop_autInfo .info {padding:10px 0 0 0;}
}
.paging {padding:30px 0; text-align:center;}
.paging a {display:inline-block; padding:3px 12px; margin:3px;}
.paging a.curr{background:#99ca3c; color:#fff;}
.paging a {background:#f2f2f2; color:#666;}
.paging a:hover {background:#99ca3c; color:#fff; text-decoration:none;}
.aut_proSide {padding:20px 15px 5px 15px;}
.aut_proSide .pic {float:left; width:70px;}
.aut_proSide .pic img {max-width:100%;}
.aut_proSide .info {padding:0 0 30px 80px;}
.aut_proSide .btn a {text-align:center;}
.aut_proSide h3 {line-height:1.2em; font-size:15px;}
.aut_proSide h3 a {color:#333;}
.aut_proSide a.rev{color:#666;}
.aut_proSide .rev_info {position:relative; z-index:1; padding:10px 15px; background:#f2f2f2; line-height:1.2em;}
.aut_proSide .rev_info .sj {position:absolute; z-index:2; left:20px; top:-12px; display:block; width:12px; height:12px; background:url(images/rev_sj.png) no-repeat 0 0;}
.aut_proSide .rev_info .name {text-align:right; padding-top:10px;}
@media (max-width: 979px) {
	.aut_proSide .pic {float:none; width:auto; text-align:center;}
	.aut_proSide .info {padding:20px 0 30px 0;}
}
.hot_list {padding:5px 15px;}
.hot_list li {border-bottom:solid 1px #ededed; padding:15px 0; line-height:1.4em;}
.hot_list li .pic {padding:0 0 15px 0;}
.hot_list li .pic img {max-width:100%;}

/*btn*/
.blueBtn-b,.orangeBtn-b{ display:inline-block; width:220px; background:#7bbb26; border-radius:5px; color:#fff !important;height:60px; margin-right:10px; margin-bottom:10px; text-align:left; text-decoration:none !important}
.blueBtn-b .pic,.orangeBtn-b .pic{ float:left; padding-top:16px; width:56px;height:44px; line-height:44px; border-right:1px solid #75b027; text-align:center; margin-right:18px;}
.blueBtn-b .name,.orangeBtn-b .name{ font-size:28px; line-height:30px; padding:5px 0 0; display:block; margin-bottom:0;margin-top:0!important;}
.orangeBtn-b{ background:#f6772c;}
.orangeBtn-b .pic{ border-right:1px solid #e06f0b;}
.blueBtn-b:hover{ text-decoration:none; background:#81c22b;}
.orangeBtn-b:hover{ text-decoration:none; background:#fb7d32;}

/*resource-list*/
.leftBox{border-radius:10px;border:1px solid #ebebeb; padding:20px 2%; margin-bottom:30px; width:71%; background:#fafafa;}
.leftBox .free-download{ overflow:hidden; margin-bottom:15px;}

.sidebar .box_tags a{line-height:22px;padding:0 5px;color:#3e4e57;}
.sidebar .box_tags a:hover{color:#3388CC; text-decoration:underline;}
.sidebar .box_tags a.one{font-size:16px;font-weight:bold;}
.sidebar .box_tags a.two{font-size:14px;font-weight:bold;}
.sidebar .box_tags a.three{font-weight:bold;}

/*content*/
#content{ font-size:14px; font-family:Helvetica, Segoe UI, Arial, sans-serif; line-height:21.1px;}
#content a{ text-decoration:none;  color:#70b33c; }
#content h1{ font-size:28px; line-height:30px; font-weight:bold; margin-bottom:20px;}
#content p{padding:0 0 15px;}
#content h2 { font-weight:bold; font-size:19px; clear:both; margin:20px 0 25px; }
#content h3{ margin-bottom:25px}
#content .r_top_column h2{ clear:none;}
#content dl{overflow:hidden;margin-bottom:18px;}
#content dl dt{color:#555;font-size:18px;font-weight:bold;clear:both;overflow:hidden;}
#content .article-nav{ margin:10px 0 20px;}
#content .article-nav li{ line-height:18px; padding-left:23px; margin-bottom:12px;}
#content ul.menus { margin:12px 0; padding:12px 20px; -moz-box-shadow:0 2px 5px #ccc; -webkit-box-shadow:0 2px 5px #ccc; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff;}
#content ul.menus li span { font-weight:bold; padding-right:8px;}
#content ul.free-download li{ float:left; margin-right:32px;}
#content h3.az,#content h3.az strong{ overflow:hidden; font-size:18px; font-style:italic; color:#555; font-weight:normal; line-height:25px; }
#content h3.az span { float:left; display:block; width:32px; height:26px; color:#fff; font-weight:bold; padding-left:8px; background:transparent url(../images/style/bg-step.gif) no-repeat scroll 0 0;}
#content h3.az a { font-weight:bold; font-size:14px; color:#555; font-family:Arial, Helvetica, sans-serif;}
#content .cts { overflow:hidden; margin:15px 0;}
#content .cts .number { background:#444; font-size:20px; font-style:italic; display:inline-block;  color:#fff; height:28px; line-height:28px;  padding:0 8px; float:left; margin-right:10px; border-radius:3px;} 
#content .last { border:none;}
#content .cts img { max-width:100%;}

#content .tab-download{ width:610px; margin:10px 0;}
#content .tab-download .nav{ overflow:hidden; margin:0;margin-bottom:-1px; position:relative;}
#content .tab-download .nav li{ display:inline-block; padding:0 20px; height:40px;line-height:40px; text-align:center; font-size:16px; font-weight:bold;  background:none; margin:0 10px 0 0; border:1px solid #ccc; border-radius:10px 10px 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#e3e3e3',endcolorstr='#ffffff',gradientType=0); background: -moz-linear-gradient(top, #e3e3e3, #ffffff 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#e3e3e3), to(#ffffff)); cursor:pointer;}
#content .tab-download .nav li img{ margin-bottom:3px;}
#content .tab-download .nav li{ *display:inline;}
#content .tab-download .nav li.curr{ background:#fff; filter:none; border-bottom:1px solid #fff; }
#content .tab-download .con{ border:1px solid #ccc; padding:20px 15px; overflow:hidden; font-size:14px; }
#content .tab-download .con label{ display:block; padding:5px 0 8px; }
#content .tab-download .con .downArea{ float:right; width:220px; text-align:center;}

.article_box {padding:15px 0 10px;}
#content .pic{float:left;width:150px; padding-top:55px;}
#content .pic img{box-shadow:none;}
#content .text{float:right;width:54%; padding-top:15px;}
#content .text h1{font-size:20px;font-weight:bold;line-height:1.8em; padding:0; border:none;}
#content .text h1 a{color:#444;font-size:20px; text-decoration:none;font-weight:bold;}
#content .text dd{padding:10px 0 0 0; line-height:16px;color:#666;}
#content .text .btn{width:340px;height:42px;padding:15px 0 5px 0;}
#content .text .btn a.win2{display:block;background:url(images/btn_bg.png) no-repeat;width:115px;height:37px;color:#fff;padding:3px 0 2px 50px; text-decoration:none;float:left;}
#content .text .btn a.mac2{display:block;background:url(images/btn_bg.png) no-repeat 0 -42px;width:115px;height:37px;color:#333;padding:3px 0 2px 50px;text-decoration:none;float:right;}
#content .articleInfo{ margin:20px 10px 20px 0; border:1px solid #f1f1f1; overflow:hidden; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fefefe',endcolorstr='#f1f1f1',gradientType=0); background: -moz-linear-gradient(top, #fefefe, #f1f1f1 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f1f1f1));}
#content .articleInfo p{ margin:10px 0 0 70px;}
#content .articleInfo .countRating{ background:url(images/count-rating-icon.png) no-repeat;float:right;width:30px; height:19px; padding-left:25px;overflow:hidden;line-height:19px; margin:12px 0 0 0px; color:#70b33c;}

#content .related{ padding:10px 0 10px 10px; background:#f4f5f4; margin:15px 0; overflow:hidden;}
#content .related h4{color:#000; font-size:13px; font-weight:bold; display:block; margin: 8 0 13px;}
#content .related .col{padding:10px 5px 0 0;}
#content .related .col img{ box-shadow:0 0 0;-moz-box-shadow:0 0 0;-webkit-box-shadow:0 0 0;}
#content .related .col p{ font-size:10px; -webkit-text-size-adjust:none;}
#content .related a.btnFree,#content .related .btnBuy,.rollTop .btnFree-mac,.rollTop .btnBuy-mac{ display:block; background:url(../images/style/btn-buy-free.png) no-repeat; width:110px; height:22px; padding:30px 0 0 42px; color:#e9fb36 !important;  font-size:12px; margin:0 3px;}
@media (max-width: 767px) { 
	#content h1{ font-weight:normal !important; font-size:22px;}
}

#content .formatInfo{ background:#eee; padding:10px; overflow:hidden; margin-bottom:20px}
#content .formatInfo .img{ width:25%; float:left; margin-right:20px}
#content .formatInfo .img img{ max-width:100%}
#content .formatInfo .title{ font-size:17px; font-weight:bold; padding:10px 0; }
#content .formatInfo .bigRating {margin-top: -5px;}
#content .formatInfo dl{ margin-bottom:5px;}
#content .formatInfo dt{  font-size:15px; float:left; clear:both; width:90px}
@media (max-width: 767px) {
	#content .formatInfo .img{ width:auto; float:none; margin-right:0; text-align:center}
}
#content .formatText{ position:relative; overflow:hidden; margin:15px 0}
#content .formatText .word{ width:72%; float:right; }
#content .formatText .title{ position:absolute; top:50%; width:25%;font-size:15px; font-weight:bold; margin-top:-20px}

#content .formatTable th{ background:#70b33c!important; color:#fff; text-align:center; filter:none;}
#content .formatTable th,#content .formatTable td{ border:1px solid #7dc04a}

#content .formatBox2 { margin-left:20px}
#content .formatBox2 p{ font-size:18px; margin-top:7px}
#content .formatBox2 .span{ margin-bottom:10px; margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;}
#content .formatBox2 .img{ float:left; width:13%; margin-right:10px}

#content .formatTit{ background:#ebebeb; padding:10px; text-align:center; margin-bottom:20px}
#content .formatSubTit{ font-size:16px; padding:6px 10px ; font-weight:bold; margin-bottom:10px; }
/*article 4 lever category*/
#proCont {border:solid 1px #EBEBEB; background:#fff; border-radius:10px; margin-bottom:20px;}
#proCont h2 {font-size: 18px;font-weight: bold;margin:0 0 5px 0;}
.top_pro_box {padding:20px;}
.top_pro_l {float:left; width:700px;}
.top_pro_box h1 {font-size: 26px;font-weight: bold;line-height: 26px;margin-bottom: 10px;}
.top_pro_l .img {float:left; width:200px; padding-top:20px;}
.top_pro_l .info {padding:10px 0 0 200px;}
.top_pro_l .info ul {padding: 5px 0 15px;}
.top_pro_l .info ul li {background: url(images/icon_right.png) no-repeat 0 5px;line-height: 1.7em; padding:2px 0 2px 25px;}
.top_pro_r {float:right; width:228px; padding:40px 10px 0 0;}
.partList, .partList1 { overflow:hidden; padding:15px 20px; background:#f9f9f9; border-bottom:solid 1px #dedede; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f3f3f3,endcolorstr=#ffffff,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f3f3f3,endcolorstr=#ffffff,gradientType=0);/*IE8*/
background:#f9f9f9;
background:-moz-linear-gradient(top, #f3f3f3, #ffffff);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#ffffff));
}
.partList li {float:left; width:50%; padding:5px 0;}
.partList li strong {padding-left:10px; background:url(images/dot2.png) no-repeat 0 8px;}
.partList li a {color:#70B33C; padding:0 10px;}
.partList1 li {float:left; width:47%; padding:5px 0; margin-right:25px;}
.pro_text {/*padding:15px 20px;*/overflow:hidden;}
#proCont .pro_text {padding:15px 20px;overflow:hidden;}
.pro_text .pt_title {font-size: 18px;font-weight: bold;margin:0 0 5px 0;}
.pro_text .text p {padding:5px 0;}
.listBox {overflow:hidden; padding:10px 20px; margin-top:30px; border-radius:10px; background:#f9f9f9; list-style:none; border:solid 1px #dedede; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f3f3f3,endcolorstr=#ffffff,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f3f3f3,endcolorstr=#ffffff,gradientType=0);/*IE8*/
background:#f9f9f9;
background:-moz-linear-gradient(top, #f3f3f3, #ffffff);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#ffffff));}
.listBox li {float:left; width:50%; background:url(images/dot2.png) no-repeat 0 13px; padding:3px 0;}
.listBox li a {padding:0 15px;}
.listBox2 {overflow:hidden; padding:10px 10px; margin-top:30px; border-radius:10px; background:#fff; border:solid 1px #dedede;}
.listBox2 a {display:block; text-align:center;}
.listBox2 a strong {display:block; padding:10px 0;}
.img_r_text_l .img {float:right;}
/*.img_r_text_l .text {padding:0 450px 0 0;}*/
.img_l_text_r .img {float:left;}
.img_l_text_r .text {padding:0 0 0 450px;}
.list_r_text_l_img .listBox {float:right; width:360px;}
.list_r_text_l_img .text {padding:0 450px 0 0;}
.list_r_text_l_img .img {clear:both; padding:20px 0 0 0; overflow:hidden;}
.list_r_text_l_img .img span {display:block; float:left; width:50%; text-align:center;}
.text_t_img_b {overflow:hidden;}
.text_t_img_b .pro_ti {float:left; width:46%; padding:0 2%;}
.text_t_img_b .pro_ti:first-child {width:48%; padding-left:0;}
.text_t_img_b .img {padding-top:10px;}
.text_l_list_r .text {padding:0 480px 0 0;}
.text_l_list_r .listBox2 { float:right; width:420px;}
.table_r_text_l .tableBox {float:right; width:440px; padding-top:30px;}
.table_r_text_l .tableBox table {border-collapse:separate;border-spacing:1px;}
.table_r_text_l .tableBox td {padding:5px 10px;}
.table_r_text_l .text {padding:0 480px 0 0;}
.sidebar .bor .price{color:#C00;}
.sidebar .bor .bl{float:left; width:70px; text-align:center;}
.sidebar .bor .br{float:right; width:130px;}
.sidebar .bor .p15{ padding:5px 10px;}

.partList_bg{background-color: #fbfbfb;border: solid 1px #ddd;box-shadow: 0 3px 3px #e8e8e8;-webkit-box-shadow: 0 3px 3px #e8e8e8;-moz-box-shadow: 0 3px 3px #e8e8e8; padding:5px 15px 15px 15px; margin:15px 0;}
.partList_bg .partName ul{ padding:10px 0 5px 25px;}
.partList_bg .partName ul li{background:url(images/resoure-sc.png) no-repeat 0 6px; padding-left:15px; width:200px; float:left;}
.partList_bg .title{ font-size:14px; padding:10px 0 0 5px!important;}
.partList_bg .title a{ color:#666!important;}
.partList_bg .title a:hover{ color:#70b33c;}
.soureBtn a,.soureBtn a.winSour{ background:url(images/resoure-btn-tab.png) no-repeat; width:105px; height:55px; display:block; color:#fff!important; padding-left:46px; padding-top:5px; line-height:15px; float:left;}
.soureBtn a.macSour{ background-position:-150px 0;}
.soureBtn a.winSour span,.soureBtn a.macSour span{ margin:0; padding:0; display:block;}
.sourecText{ float:left; width:550px; margin-left:15px; padding-bottom:10px;}
.sourecText .title{ font-size:14px;}
.grayBg{background-color: #fbfbfb;border: solid 1px #f1f1f1; padding:15px 15px;}

/*add-new-style*/
#content .new_pro_box{border-radius:10px;border:1px solid #dbdbdb;padding:30px 3%; background:#f1f1f1;}
#content .new_pro_box .picb{float:left;width:40%;}
#content .new_pro_box .picb img{max-width:100%;}
#content .new_pro_box .text{float:right;width:57%; padding-top:0!important;}
#content .new_pro_box .text h2{ font-size:20px; line-height:1.2em; margin:0!important;}
#content .new_pro_box .text .btn-win .greenBtn-pro{display:inline-block; background:url(images/btn_news.png) no-repeat ; width:150px; height:50px; color:#fff; text-align:left;font-size:12px;}
#content .new_pro_box .text .btn-win .greenBtn-pro .pic{float:left;  width:38px; padding-top:10px!important; text-align:right;  margin-right:5px!important;display:inline-block; }
#content .new_pro_box .text .btn-win .greenBtn-pro{ color:#fff!important;}
#content .new_pro_box .text ul{padding:10px 0;}
#content .new_pro_box .text li{ font-size:14px;list-style: outside disc;line-height: 1.3em;margin-left:18px; margin-bottom:5px;}
#content .new_pro_box .text .btnk{float:left;width:155px;height:50px;}
#content .new_pro_box .text .btnk .greenBtn-pro .name{font-size:14px;line-height:12px!important;padding-top:8px!important;}

@media (min-width: 768px) and (max-width: 979px) {
	#content .new_pro_box .picb{float:left;width:30%;}
	#content .new_pro_box .text{float:right;width:64%;}
	#content .new_pro_box .text h2{font-size:26px;line-height:1.5em;}
}
@media (max-width: 767px) {
	#content .new_pro_box .picb{float:none;width:auto; text-align:center;}
	#content .new_pro_box .text{float:none;width:auto;margin-top:15px;}
	#content .new_pro_box .text h2{ font-size:30px; line-height:1.2em;}
	#content .new_pro_box .text .btnk{float:none;width:155px;margin:5px auto 0 auto;}
}

.resource_topBanner {background:#0080c1;padding:30px 0;}
.resource_topBanner h1,.resource_topBanner h2{color:#fff; font-size:30px; text-align:center; line-height:1.2em; font-weight: normal;font-family:Cutive; padding:10px 0 0 0;}
.resource_topBanner p {font-size:18px; color:#fff; text-align:center; padding:10px 0;}
.resource_topBanner .btn { text-align:center; padding:10px 0;}
.resource_topBanner .btn a {margin:5px;}
.resource_topBanner .countNum {text-align:center; margin-top:5px;}

.countNum {line-height:28px;}
.countNum strong{font-weight:normal;color:#fff;}
.countNum span {display:inline-block;background:url(images/count-bg_48.png) no-repeat;width:24px;height:28px;font-size:20px;margin:0 6px 0 0;text-align:center;}
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
	.resource_topBanner h1{ font-size:34px;}
	.resource_topBanner h1 span{ font-size:28px;}
}
@media (max-width: 479px) {
	.resource_topBanner{padding:30px 0;}
	.resource_topBanner h1{ font-size:28px;}
	.resource_topBanner h1 span{ font-size:20px;}
	.countNum strong{display:block;}
}

.reasonStepbox {background:#f1f1f1; padding:15px 0;}
.reasonStepbox .titNmae { font-size:16px; font-weight:normal; padding:10px 0;}
.reasonStepbox .rebItem {float:left; width:21%; padding:10px 0 0 5%; background:url(images/line12.png) no-repeat 0 center;}
.reasonStepbox .rebox .rebItem:first-child {padding:10px 0 0 0; background:none;}
.reasonStepbox .rebItem strong {display:block; background:#4e4e4e url(images/arrow_dot.png) no-repeat 17px 8px; font-size:13px; border-radius:30px; padding:2px 20px 2px 30px; color:#fff; float:left;}
.reasonStepbox .rebItem p { line-height:1.2em; padding:10px 5px; clear:both;}
.reMainTxt {padding:20px 0;}
.partBox {background:#f4f9f0; color:#6fa549; overflow:hidden; padding:10px 20px; margin:20px 0;}
.partBox li {width:50%; float:left; padding:3px 0;}
.partBox a {color:#6fa549; background:url(images/arrow_r.png) no-repeat 0 2px; padding-left:15px;}
.rline2 {background:url(images/reline.png) no-repeat center center; height:21px; padding:20px 0;}
.reColumn {font-size:18px; font-weight:normal; padding:20px 0;}
.reColumn strong {background:#424242; border-radius:30px; color:#fff; margin-right:10px; padding:7px 13px; font-weight:normal;}
.resPicTxt {padding:10px 0;}
.resPicTxt .pic{float:right;}
.resPicTxt .pic img {max-width:100%;}
.resPicTxt .txt {padding:0 400px 0 0;}
.resPicTxt .txt p{ padding-bottom:10px;}
.resPicTxt .txt a{ color:#84C754;}
.resPicTxt ul {padding:10px 0;}
.resPicTxt li {background:url(images/gxicon2.png) no-repeat 0 7px; padding:3px 0 3px 20px;}
.resPicTxt2 {padding:0 0 20px 40px; background:url(images/stepBgImg.png) no-repeat 10px 3px;}
.resPicTxt2 .pic2 {float:right;}
.resPicTxt2 .pic2 img {max-width:100%;}
.resPicTxt2 .txt2 {padding:0 400px 0 0;}
.resPicTxt2 .txt2 p{ padding-bottom:10px;}
.resPicTxt2 .txt2 a{ color:#84C754;}
.videoBox {background:#f1f1f1; padding:15px;}
.videoBox .video {float:left;}
.videoBox p {padding:0 0 0 150px;}
.resTable {margin:20px 0 30px 0; overflow:auto;}
.tableStyle {border-collapse:inherit;border-spacing:1px;}
.tableStyle th,.tableStyle td {padding:10px;}
.tableStyle th {color:#fff; line-height:1.2em;padding:15px 10px;}
.tableStyle th span {padding:0 0 5px 0; display:block; font-size:16px;}
.tableStyle .tableProName {text-align:center;}
.tableStyle .tableProName .proName {text-align:center; line-height:1.2em; font-size:16px; padding:10px 0;}
.tableStyle .tableProBtn .price {color:#fda500;}
.tableStyle .tableProBtn a {margin:2px 0;}
.articleInfo {overflow:hidden; background:#f1f1f1; padding:15px; margin-bottom:10px;}
.articleInfo .aiImg { float:left;}
.articleInfo p {padding:5px 0 0 80px;}
.articleInfo a {color:#6fa549;}
.reTipsList {padding-bottom:40px;}
.reTipsList li {background:url(images/icon_dot11.png) no-repeat 0 10px; padding:3px 0 3px 15px; line-height:1.2em; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media (max-width: 767px) {
	.reasonStepbox .rebItem {width:45%; background:none; padding:10px 5% 0 0;}
	.reasonStepbox .rebox .rebItem:first-child { padding:10px 5% 0 0;}
	.partBox li {width:auto; float:none;}
	.resPicTxt .pic,.resPicTxt2 .pic2 {float:none; text-align:center;}
	.resPicTxt .txt,.resPicTxt2 .txt2 {padding:0;}
}
@media (max-width: 479px) {
	.reasonStepbox .rebItem {width:auto; float:none; background:none; padding:10px 0 0 0;}
	.reasonStepbox .rebox .rebItem:first-child { padding:10px 0 0 0;}
	.reTipsList {padding:0 10px;}
}


.bottom_mayPro h2 {padding-bottom:30px; font-size:18px; line-height:1.2em;}
.bottom_mayPro .mayProItem {padding-bottom:30px;}
.bottom_mayPro .img {float:left;}
.bottom_mayPro .text {padding:0 0 0 110px;}
.bottom_mayPro .text p {line-height:1.3em; font-size:12px; padding-bottom:5px;}
.bottom_mayPro .name {font-size:14px; line-height:1.2em; padding-bottom:10px;}
.bottom_mayPro .rev {font-size:12px; overflow:hidden;}
.bottom_mayPro .rev a {float:left; padding-right:5px;}
.bottom_mayPro .price {text-align:center;}
.bottom_mayPro .price span {color:#ff6000; padding-left:5px;}
.bottom_mayPro .btn a {margin-top:5px;}
@media (max-width: 979px) {
	.bottom_mayPro .rev a{float:none; padding-right:0;}
}
@media (min-width: 480px) and (max-width: 767px) {
	.bottom_mayPro .img {float:none; text-align:center; padding-bottom:5px;}
	.bottom_mayPro .text {padding:0;}
	.bottom_mayPro .rev a{float:left; padding-right:5px;}
}

/* 2014-1-14 */
.new-box{padding:25px 0 40px 0;}
.new-box h2 span{display:block;font-size:16px; font-weight:normal;}
.new-box h2 a{color:#333 !important; font-size:24px !important;}
.new-box .list{float:left;width:48%;margin-top:-10px;}

.new-box2{ background:#f4f9f0;border:1px solid #dfecd4;padding:25px;}
.new-box2 h3{ font-size:16px;}
.new-box2 .picbox{float:left;}
.new-box2 .textbox{padding-left:110px;}
.new-box2 .textbox .dd{color:#333;}
.new-box2 .textbox dl{margin-top:-10px;}
.new-box2 .textbox dd{ background:url(images/right_icon.png) no-repeat 0 center;padding-left:25px;}

.new-btn{display:inline-block;background:#f4f9f0;font-size:12px; text-align:center;width:138px;height:34px;line-height:34px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#81c846 !important; border-radius:5px;border:1px solid #81c846; font-weight:bold;}
.new-btn:hover{background:#e1f1d4; text-decoration:none;}
@media (max-width: 767px) {
	.new-box .list{float:none;width:auto;margin-top:0;}
}
@media (max-width: 479px) {
	.new-box2 .picbox{float:none; text-align:center;}
	.new-box2 .textbox{padding-left:0;margin-top:15px;}
}

/*artNew_css*/

.art_line{ border-bottom:1px solid #e6e6e6; margin:10px 0 20px 0;}
.artNew_top{ font-size:30px; line-height:30px;}
.artCol_bg{ background-color:#fff;}.artCol_gray_bg{ background-color:#f1f1f1;}.bgColor_grey{background-color:#f1f1f1;}

.white_p,.gray_p25{ padding:25px 0;}
.font22{font-size:22px; line-height:24px;}.font16{font-size:16px; line-height:20px; }.fon-w{ font-weight:bold;}
.wid70{ width:70%; margin-bottom:50px; margin-left:auto; margin-right:auto; margin-top:10px;}
.artNew_css h2{font-size:22px; line-height:24px;}
.artNew_css h3{font-size:18px; line-height:20px; }
.artNew_css h4{font-size:16px; line-height:18px; }

.artNew_css p{ padding-top:15px;}
.artNew_css a{ color:#70B33C;}
.artNew_css .pp_text{ width:60%; float:left;}
.artNew_css .pp_info{ width:32%; float:right; background-color:#f2f2f2; padding:15px;}
.artNew_css .pp_info .aiImg{ float:left;}
.artNew_css .pp_info p {padding:0 0 0 70px; font-size:12px;}
.artNew_css .pp_info p a{ color:#6fa549}
.g_banner{padding:0 0 20px 0;}
.g_banner .time{padding-bottom:15px;}
.g_banner .time .data{float:right;height:42px;width:320px;margin-bottom: 15px;}
.g_banner .pro_l{float:left;width:42%;border-top:2px solid #eaeaea;border-left:2px solid #eaeaea;border-bottom:2px solid #eaeaea; background:#fff;padding:25px;margin: 20px 0 10px 0;}
.g_banner .tit{ font-size:20px;color:#444;padding-bottom:15px;}
.g_banner .pro_l .tit del,.g_banner .pro_r .tit span{ color:#e65117;}
.g_banner .pic{float:left; position:relative;width:110px; text-align:center;}
.g_banner .pic .tips{ position:absolute;width:64px;left:-5px;bottom:-10px;}
.g_banner .text{float:left;width:270px;padding-left:10px;}
.g_banner .text .table td{padding:5px;}
.g_banner .text .table .iptstyle{border:1px solid #dfdfdf;height:28px; line-height:28px; font-size:12px;color:#666; outline:none;width:200px;}
.g_banner .text .note{ font-size:12px; line-height:1.4em;}
.g_banner .pro_r{float:left;width:46%;border-top:2px solid #eaeaea;border-right:2px solid #eaeaea;border-left:10px solid #eaeaea;border-bottom:2px solid #eaeaea; background:#fff;padding:25px 10px 25px 25px;}
.g_banner .text li{ background:url(https://images.wondershare.com/giveaway/dot.png) no-repeat 0 center;padding-left:10px;}
.g_banner .text .btnk{width:180px;margin-top:20px;}
.g_banner .offbox{border:1px solid #eaeaea; background:#fff;}
.g_banner .offbox .item{float:left;width:208px;border-right:1px solid #eaeaea;padding:20px;}
.g_banner .offbox .pic2{position:relative;text-align:center;}
.g_banner .offbox .pic2 .tips{ position:absolute;width:64px;left:35px;bottom:-10px;}
.g_banner .offbox h4{padding-top:15px;}
.g_banner .offbox h4 a{ font-size:14px;color:#444;}
.g_banner .offbox .dd{padding-top:5px;margin:0; line-height:1.4em;}
.g_banner .offbox .btnk{width:90px;margin-top:10px;}
.g_banner .offbox.col3 .btnk{width:auto;}
.g_banner .offbox.col3 .btnk .bluebtn-s{padding:0 10px;}
#defaultCountdown {float:right;width:250px; height:42px;}
.countdown_section {display:block;float:left;font-size:10px;text-align:center;color:#fff;width:50px;height:42px;line-height:inherit; line-height:1.2em;padding-top:5px; background:url(https://images.wondershare.com/giveaway/time_bg.png) no-repeat;margin-left:5px;}
.countdown_amount {font-size:22px;display:block;line-height:1em;}

.new-hotpro{background:#84c754;margin-top:-30px; text-align:center;padding:20px 0;}
.new-hotpro h3 a{ font-size:16px; font-weight:bold;color:#fff;}
.new-free-btn{display:inline-block;background:#ffffff;font-size:14px; text-align:center;width:100px;height:34px;line-height:34px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important; border-radius:5px; font-weight:normal;}
.new-free-btn:hover{background:#f5ffed; text-decoration:none;}
.probox3{border-top:1px solid #f1f1f1;padding-top:40px;}
.probox3 h2{color:#333;}
.probox3 .text{padding-left:65px;}
.probox3 .text h3{font-size:16px;}

.art_box{ margin-top:20px;}
.art_box .step3{ width:25%; float:left; margin-right:25px; padding:20px 10px;}
.art_box .bor_bg_col{ background-color:#f4f9f0; border:1px solid #dfecd4;}
.art_box .step3 .step_num{width: 36px;height: 36px; line-height:36px;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;background-color: #424242; font-size:20px; color:#fff; font-weight:bold;}
.art_box .step3 .text{padding-left:45px;}
.art_box .step3 .text h3{font-size:16px;}
.art_box .step_icon_art{ float:left; width:30px; margin-right:25px; padding-top:55px;}

.artNew_css .pro_art_box{ margin-top:25px;}
.artNew_css .pro_art_box .img-box{ float:left; width:20%;}
.artNew_css .pro_art_box .text{ float:left; width:80%;}
.artNew_css .pro_art_box .text h3{ font-size:18px;}
.artNew_css .pro_art_box .text ul{ margin:20px 0;}
.artNew_css .pro_art_box .text ul li{ width:45%; float:left; background:url(images/art-pro-dot.png) no-repeat 0 8px ; padding-left:15px;}

.artNew_css .sev_box{}
.artNew_css .sev_box .item{width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.artNew_css .sev_box .bor_css{ padding:20px; border:1px solid #e6e6e6; float:left; margin-right:28px;}
.artNew_css .sev_box .bor_css h3{ font-size:16px;}
.artNew_css .sev_box .bor_css p{ margin:5px 0;}
.artNew_css .sev_box .item .span3 { width: 26.623931623931625%;  }/*padding:0 0 0 4%; margin-left:0; width:31.96%;* width:28%;*/
/*border====    margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9;*/
.artNew_css .sev_box .item > .span2:nth-of-type(2n+1),.artNew_css .sev_box .item > .span3:nth-of-type(3n+1),.artNew_css .sev_box .item > .span5:nth-of-type(5n+1) { margin-left: 0;}
.artNew_css .sev_box .item > .span2:nth-of-type(2n+1),.artNew_css .sev_box .item > .span3:nth-of-type(3n+1){ clear:both}
.artNew_css .sev_box .item .span4 { width: 18.076923076923077%;*width: 23%; }/* padding:0 1%; margin-left:0; width:24.99%;* width:22.8%;*/

.artNew_css .pro_art_face{ margin-top:25px;}
.artNew_css .pro_art_face .img-box{ float:left; width:45%;}
.artNew_css .pro_art_face .text{ float:left; width:50%;}
.artNew_css .pro_art_face .text h3{ font-size:18px;}
.artNew_css .pro_art_face .text .dot-list{ margin:20px 0;}
.artNew_css .pro_art_face .text .dot-list li{ background:url(images/art-pro-dot.png) no-repeat 0 8px ; padding-left:15px;}
.artNew_css .gray_dot_list{ padding:15px;}
.gray_dot_list li{background:url(images/art-pro-dot.png) no-repeat 0 8px ; padding-left:15px;}
.gray_dot_list li a{ color:#666;}

.featImgSlide{ position:relative;margin:32px 0 10px; padding:1px 0 20px; height:350px;} 
.featImgSlide .video{ background:url(images/loading.gif) center no-repeat ; position:absolute; z-index:3; top:0; left:50%; width:500px; height:330px; margin-left:-250px; display:none;}
.featImgSlide .frame3 .video {display:block;}
.featImgSlide .imgSlide{width:780px; margin:0 auto;height:345px; position:absolute; left:50%; top:0; z-index: 1; margin-left:-490px;}
.featImgSlide .imgSlide li{  position:absolute; z-index:1; display:none; border-width:0;  cursor:pointer;  }  
.featImgSlide .imgSlide li.frame3 span{ display:none !important;}
.featImgSlide .imgSlide li span{ display:block !important; position:absolute; z-index:1; cursor:pointer !important;width:100%; height:100%; background:url(images/banner-bg.png);top:0px; left:0px;  }
.featImgSlide .imgSlide li:hover span{ display:none !important;}
.featImgSlide .imgSlide li img{ margin:0; padding:0}
.featImgSlide_m {padding:20px 0;}
.featImgSlide_m .slides {text-align:center; overflow:hidden;}
.featImgSlide_m .slides li {position:relative;}
.featImgSlide_m .slides li img {max-width:100%;}
.featImgSlide_m .video {background:url(images/loading.gif) center no-repeat ; position:absolute; z-index:3; top:0; left:50%; width:500px; height:330px; margin-left:-250px; display:block;}
.featImgSlide_m .flex-control-paging{text-align:center;list-style:none;}
.featImgSlide_m .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;  }
.featImgSlide_m .flex-control-paging li a{display:inline-block;width:30px; height:8px;cursor:pointer; background:#cbecac;}
.featImgSlide_m .flex-control-paging li a.flex-active{ background:#84c754;} 

@media (max-width: 479px) {
	
	.featImgSlide_m .video {width:308px; overflow:auto; margin-left:-154px;}
}

.bgColor_gray{ background-color:#f3f3f3;}
.cloDrgray{ background-color:#f3f3f3;}
.cloLigray{ background-color:#f8f9fb;}
.cloLigray3{ background-color:#f8f9fb; border-bottom:7px solid #44a5d8;}
.cloDrwhite{ background-color:#fff;}

.tabBtop{ padding-bottom:130px;}
.tabFrom{ position:relative; margin-top:-130px;}
.arTable{background: #fff; margin:0 auto;}
.arTable td,.arTable th{padding: 15px 20px;border: 1px solid #dbdbdb; }
.arTable th{ font-weight:bold; font-size:14px; }
.arTable tr:nth-child(odd) { background:#e4eaed;}

.reAbout_con{font-size:14px;}
.reAbout_con .nav-tab .twoNav{ width:830px; margin:0 auto;}
.reAbout_con .nav-tab .nav{ border:1px solid #84c754;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0 ;}
.reAbout_con .nav-tab .nav li{ float:left;cursor:pointer;font-size:16px; font-weight:bold;  height:60px; line-height:60px;  position:relative; background:#fff;color:#666;width:50%;text-align:center;text-transform:uppercase;}
.reAbout_con .nav-tab .nav li:last-child{ border:none;}
.reAbout_con .nav-tab .nav li.curr{ background:#84c754;height:60px; line-height:60px; margin-bottom:0;font-size:16px;color:#fff;}
.reAbout_con .nav-tab .nav li span{ display:none; position:absolute; z-index:1; background:url(images/green-nav-sc.png) no-repeat; width:34px; height:14px; margin-left:-10px; left:50%; bottom:-14px;}
.reAbout_con .nav-tab .nav li.curr span{ display:block;}

.reAbout_con .con{ padding:40px 0; width:1000px; margin:0 auto;}
.reAbout_con .con .info{ margin:30px 0;}
.reAbout_con .con .info .img{ float:right; width:40%;}
.reAbout_con .con .info .reCon{ float:left; width:50%; padding-top:20px;}
.reAbout_con .con .info .reCon .title{ font-weight:bold;text-transform:uppercase; margin-bottom:15px;}


.boxBot_list{ padding:30px 0 10px 0;}
.boxBot_list h5{text-transform:uppercase; font-size:20px; font-weight:bold;}
.boxBot_list .text{ font-size:16px; margin-top:10px; text-align:center;}
.boxBot_list .listInfo{ width:20%; float:left; padding:3% 2%; margin:20px 0 0 0;}
.boxBot_list .listInfo dl dt{ color:#8e9ca8;text-transform:uppercase; margin-bottom:10px; font-size:14px;}
.boxBot_list .listInfo dl dd{ background:url(images/dot-icon.png) 2px 8px no-repeat; padding-left:10px; margin-bottom:3px; color:#666;}
.boxBot_list a{color:#34aceb;}
.boxBot_list .span4 h4{ font-size:16px; padding:10px 0; font-weight:bold;}

.reAbout_con .nav-tab .threeNav{  margin:0 auto;}
.reAbout_con .nav-tab .threeNav li{ border-left:1px solid #84c754;width:33.2333%!important;}
.reAbout_con .nav-tab .threeNav li:last-child{ border-left:none;}
.reAbout_con .pad15{ padding: 0 35px;}
.reAbout_con .widthCon{ padding:0!important;background-color:#fff; border:1px solid #84c754; border-top:none;}
.reAbout_con .con .proList{ border-bottom:1px solid #e3e3e3;zoom:1;}
.reAbout_con .con .proList li{ float:left; width:16.55333%; text-align:center; border-right:1px solid #e3e3e3; padding:20px 0; height:150px; cursor:pointer;}
.reAbout_con .con .proList li p{ margin-top:15px;}
.reAbout_con .con .proList li.curr{ background-color:#e3e3e3;}
.reAbout_con .con .selectMess{ padding:25px 0 10px 0;border-bottom:1px solid #e3e3e3;background-color:#f3f3f3;}
.reAbout_con .con .selectMess span{ float:left; width:15%; padding-left:15px; font-size:14px; font-weight:bold; color:#555;}
.reAbout_con .con .selectMess .messList{ float:left; width:83%;}
.reAbout_con .con .selectMess .messList dl dd{ float:left; width:170px; margin-bottom:5px; padding:5px;}
.reAbout_con .con .selectMess .messList dl dd.clickCol{ background-color:#dfdfdf;}
.reAbout_con .con .checkInfo{ font-size:18px; font-weight:bold; background-color:#f3f3f3; text-align:center; padding:20px 0;text-transform:uppercase; color:#8b8989;}
.reAbout_con .con .cloDabg{ background-color:#e3e3e3;} 
.reAbout_con .con .downPro{ padding:20px;}
.reAbout_con .con .downPro .cloRed{ font-size:20px; color:#fb594c; text-align:center; font-weight:bold;}
.reAbout_con .con .downPro .proName,.reAbout_con .con .downPro .proName a{ font-size:16px; font-weight:bold; text-decoration:underline; text-align:center; margin-top:10px;}
.btnAc{ width:400px; margin:20px auto 10px auto;}

@media (max-width: 979px) {
	.reAbout_con .nav-tab .threeNav{ width:auto;}
	.reAbout_con .nav-tab .threeNav li{width: 33.18%!important;}
	.reAbout_con .widthCon{ width:auto!important;}
	.reAbout_con .con .selectMess .messList { width:80%;}
	.reAbout_con .con{ width:auto;}
}

@media (max-width: 767px) {
	.reAbout_con .nav-tab .twoNav{ width:auto;}
	.reAbout_con .nav-tab .threeNav li{width: 33%!important;}
	.boxBot_list .listInfo{ width:45%;}
	.reAbout_con .con .proList li {width:33%; border-bottom:1px solid #e3e3e3;}
	.reAbout_con .con .selectMess span {float:none; width:auto;}
	.reAbout_con .con .selectMess .messList {float:none; width:auto; padding:15px;}
	.reAbout_con .con .selectMess .messList dl dd {width:47%;}
}

@media (max-width: 479px) {
	.reAbout_con .nav-tab .threeNav li{width: 32.85%!important; font-size:14px;}
	.reAbout_con .con .proList li {width:49.5%;}
	.reAbout_con .con .info .img{ float:none; width:auto;}
	.reAbout_con .con .info .reCon{ float:left; width:auto;}
	.boxBot_list .listInfo{ width:90%;}
}

.artNew_css .online_css{ padding:20px; margin-bottom:20px;}
.probox{max-height:485px; height:auto !important; height:485px;position:relative;padding:0 60px;}
.probox .slides{ max-height:485px; height:auto !important; height:485px; overflow:hidden;}
.probox .flex-control-paging{display:none;}
.probox .flex-prev,.probox .flex-next{ background:url(images/prev-art-new.png) no-repeat; width:42px; height:42px; position:absolute; top:42%;z-index:1; text-indent:-9999px;}
.probox .flex-prev:focus,.probox .flex-next:focus{ outline:none;}
.probox .flex-prev{left:30px;}
.probox .flex-next{ background-position:0 -42px;right:30px;}
.probox .item{float:left;width:140px; text-align:center;border-right:1px solid #e6e6e6;padding:0 17px;}
.probox .item h4, .probox .item h3{font-weight:normal;}
.probox .item h4 a, .probox .item h3 a{color:#70b33c;}
.probox .item .pic{padding:10px 0;}
.promiseItem img {float: left;}
.promiseItem p {padding: 0 0 0 85px;}

.artNew_css .send_con_text{ float:left; width:50%;}
.artNew_css .send_con_btn{ float:right; width:45%;}
.artNew_css .send_con_text p{ font-size:12px; margin-bottom:5px;}

.send_con_btn .iconroll{padding:0 40px; position:relative;}
.send_con_btn .iconroll .slides li{float:left;display:block;}
.send_con_btn .iconroll .slides li .text{ border:1px solid #cecece; padding:15px;}
.send_con_btn .iconroll .flex-control-paging{display:none;}
.send_con_btn .iconroll .flex-prev,.send_con_btn .iconroll .flex-next{ background:url(images/prev2.png) no-repeat; width:18px; height:30px; position:absolute; top:40%;z-index:1; text-indent:-9999px;}
.send_con_btn .iconroll .flex-prev:focus,.send_con_btn .iconroll .flex-next:focus{ outline:none;}
.send_con_btn .iconroll .flex-prev{left:10px;}
.send_con_btn .iconroll .flex-next{ background-position:0 -30px;right:10px;}
.btn_send{ margin-top:20px;}
.sendBtn-green{ background-color:#84c754; color:#fff; padding:10px 40px; text-align:center; border-radius:5px;}
.sendBtn-green:hover{ background-color:#66c423;}

@media (max-width: 979px) {
	.g_banner .pro_l,.g_banner .pro_r { width:auto;}
	.art_box .step3{ margin-right:15px;}
	.art_box .step_icon_art{margin-right:15px;}
	.artNew_css .sev_box .bor_css { margin-right:10px;}
	.artNew_css .pro_art_face .img-box{ margin-right:15px;}
	.reAbout_con .con .proList li{ width:33.0%;}
}
@media (max-width: 767px) {
	.g_banner .time .data{ float:none; margin-top:15px;}
	.wid70{ width:100%;}
	.new-free-btn{ margin-right:0; margin-top:5px;}
	.art_box .step3{ width:auto;}
	.art_box .step_icon_art{ display:none;}
	.artNew_css .pro_art_box .img-box{ float:none; width:auto;}
	.freeTrail_mac { margin-top:10px;}
}
@media (max-width: 479px) {
	.artNew_css .pp_text,.artNew_css .pp_info{ width:auto; float:none;}
	.g_banner .text{ margin-top:15px;}
	.freeTrail_mac{ display:block;}
	.artNew_css .send_con_text,.artNew_css .send_con_btn{ width:auto; float:none;}
}


.proBanner{ padding:40px 0;}
.proBanner .pro_img{ float:left; width:46%;}
.proBanner .pro_img img {max-width:100%;}
.proBanner .pro_text{ float:right; width:51%;}
.proBanner .pro_text p{ margin-bottom:10px; font-size:15px;}
.proBanner .pro_text .title h1{ font-size:25px; line-height:1.2em; font-weight:bold; margin-bottom:10px;}
.proBanner .pro_text .title h2{ font-size:22px; line-height:1.2em; font-weight:bold;margin-bottom:10px;}
.proBanner .pro_text .title h3{ font-size:18px; line-height:1.2em; font-weight:bold;margin-bottom:10px;}
.proBanner .pro_text .shotDes{ font-size:16px; margin:15px 0;}
.proBanner .pro_text dl dd{ background:url(images/pro-dot-icon.png) 2px 8px no-repeat; padding-left:15px; margin-bottom:4px; font-size:14px;}
.proBanner .btn {padding:15px 0 0 0;}
.proBanner .downNum {font-weight:bold;}
.proBanner .downNum strong {font-size:16px;}

.proAre_main .navInfo{ margin:30px auto;}
.proAre_main .navInfo .title{ float:left;text-transform:uppercase; font-size:24px; width:15%; line-height:60px;}
.proAre_main .navInfo .nav{ border:1px solid #32a4a8;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; overflow:hidden;}
.proAre_main .navInfo .nav li{ float:left; cursor:pointer;font-size:18px;  height:62px; line-height:62px;  position:relative; background:#fff;color:#666;width:33.23%;text-align:center;text-transform:uppercase;border-right:1px solid #32a4a8;}
.proAre_main .navInfo .nav li a{display:block;}
.proAre_main .navInfo .nav li:last-child{ border-right:none;}
.proAre_main .navInfo .nav li a:hover{ color:#fff!important;background-color:#32a4a8; text-decoration:none;}
.proAre_main .navInfo .nav li.bluebg a{ background-color:#32a4a8; color:#fff;}
.proAre_main .conMain{ padding:35px 0;}
.probox1 h4{font-size:15px; color:#4b4f52; font-weight:bold; margin:25px 0 15px 0;}
.probox1 ul li{background:url(images/pro-dot-icon.png) 2px 8px no-repeat; padding-left:15px; font-size:14px; margin-bottom:5px;}
.imgList {border-top:solid 1px #e1e1e1; padding:20px 0 0 0; overflow:hidden; margin-top:30px;}
.imgList li {float:left; width:12.2%; text-align:center; padding:10px 1% 0 1%;}
.imgList li img {max-width:100%;}
.imgList li p {padding:5px 0;}
@media (max-width: 979px) {
	.proAre_main .navInfo .title,.proAre_main .navInfo .nav {float:none; width:auto;}
	.proAre_main .navInfo .title {text-align:center;}
	.proBanner .btn a {margin-right:0;}
	.imgList li {width:23%;}
}

@media (max-width: 767px) {
	.proBanner .pro_img,.proBanner .pro_text {float:none; width:auto;}
	.proBanner .pro_img {padding-bottom:30px;}
	.proAre_main .navInfo .nav li {font-size:14px; width:33.19%;}
	.imgList li {width:31.3%;}
}

@media (max-width: 479px) {
	.proAre_main .navInfo .nav li {float:none; width:auto; border-bottom:solid 1px #32a4a8; border-right:0;}
	.proAre_main .navInfo .nav li:last-child { border-bottom:0;}
	.imgList li {width:48%;}
}


.proBox_css .item{ width:30%!important;}
.tabBanner{ position:relative; margin-top:25px; z-index:999;}
.tabBanner .nav{ position:absolute; overflow:hidden; bottom:50px;width:90%;border:1px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-left:50px; overflow:hidden;}
.tabBanner .nav li{float:left;cursor:pointer;font-size:12px;  height:46px; line-height:46px;  position:relative; color:#fff;width:14.18%;text-align:center;border-right:1px solid #fff;}
.tabBanner .nav li.curr{ background-color:#fff;color:#656d7a;}
.tabBanner .nav li:last-child{ border-right:none!important;}
.tabBanner .con{ height:406px;}
@media (max-width: 979px) {
	.tabBanner .nav li {font-size:11px; width:14.15%;}
}
@media (max-width: 767px) {
	.tabBanner .nav { top:50%; right:10px; bottom:0; width:100px; height:322px; margin-top:-161px;}
	.tabBanner .nav li {width:auto; float:none; border-right:0; border-bottom:1px solid #fff;}
	.tabBanner .nav li:last-child {border-bottom:0;}
}
@media (max-width: 479px) {
	.tabBanner .con{ height:auto;}
	.tabBanner .con img {max-width:100%;}
	.tabBanner .nav {position:relative; top:auto; right:auto; bottom:auto; width:auto; height:auto; margin:0; background:#fff;border:1px solid #f3f3f3;}
	.tabBanner .nav li {border-bottom:1px solid #f3f3f3; color:#656d7a; font-size:12px; float:left; width:50%;}
}

h3.titleCss{ font-size:25px; line-height:1.2em; text-align:center;}
.proCont .pro_promote{ margin-top:35px; background-color:#32a4a8;}
.proCont .pro_promote .pro_img{ width:50%; float:right;}
.proCont .pro_promote .pro_img img {max-width:100%;}

.proCont .pro_promote .pro_info{ width:44%; float:left; font-size:14px; color:#fff; padding:25px 3%;}
.proCont .pro_promote .pro_info h5{font-size:20px; font-weight:bold; margin:30px 0;color:#fff!important;}
.proCont .pro_promote .pro_info .item_info{ background:url(images/pro-white-dot-icon.png) 2px 8px no-repeat; padding-left:15px; margin-bottom:10px;}
.proCont .pro_promote .pro_info .item_info .title{font-size:15px; font-weight:bold;}

.proCont .proStep{ background-color:#4d6175; color:#fff;z-index:20; position:relative;}
.proCont .proStep .title{font-size:20px; font-weight:bold; padding:30px 0; text-align:center;}
.proCont .proStep .stepInfo .item{ width:33.3%; float:left; padding-bottom:20px;}
.proCont .proStep .stepInfo .item .step_img {background:url(images/stepbg.jpg) repeat-x center center; text-align:center;}
.proCont .proStep .stepInfo .item .text{ text-align:center; padding:0 40px;}
.proCont .proStep .stepInfo .item .text strong{font-size:15px; display:block; margin:15px 0 10px 0; }
.proCont .proStep .stepInfo .item .linebg1{ background-repeat:no-repeat; background-position:right center;}
.proCont .proStep .stepInfo .item .linebg2{background-repeat:no-repeat; background-position:left center;}
@media (max-width: 979px) {
	.proCont .pro_promote .pro_img {padding-top:30px;}
}
@media (max-width: 767px) {
	.proCont .pro_promote .pro_img,.proCont .pro_promote .pro_info{width:auto; float:none;}
	.proCont .pro_promote .pro_img {padding-top:0;}
	.proCont .proStep .stepInfo .item {float:none; width:auto;}
	.proCont .proStep .stepInfo .item .linebg1,.proCont .proStep .stepInfo .item .linebg2 { background-repeat:repeat-x;}
}

.videoCont{position:relative; background-color:#fff; z-index:1;}
.videoCont .padTop{ padding-top:90px;}
.videoCont .padTop .img{ width:80%; margin:25px auto 10px auto;}
.mautoWid{ margin:0 auto; width:480px; padding:40px 0;}
.competition{ background-color:#e3e3e3;}
.competition h4{ font-size:18px; padding-bottom:20px;}
.competition .green{ color:#1ca19f; font-size:14px;}
.competition .green1{ background:#1ca19f; height:25px; width:80%; padding:5px 0 0 10px; display:inline-block;}
.competition .green2{ background:#1ca19f; height:25px; width:60%; margin:10px 0 10px 0;padding:5px 0 0 10px;display:inline-block;}
.competition .left{ background-color:#4f6274; color:#FFF!important; width:35%; float:left; padding:40px 20px 40px 30px;}
.competition .right{ width:55%; float:right; padding:40px 30px 40px 20px;}
@media (max-width: 979px) {
	.competition .left, .competition .right{ float:none; width:auto;}
}

.reProBox2 .imgBox .competition .left, .reProBox2 .imgBox .competition .right{ float:none; width:88%;}
.reProBox2 .imgBox .competition .right{ padding:20px 30px 20px 20px;}
.reProBox2 .imgBox .competition .right .span2{ border-right:1px solid #d5d5d5;}
.reProBox2 .imgBox .competition .right .span2:nth-child(2n){ border:none;}

/*new-article*/
.article_newCss{ border:1px solid #ededed;/* background:#fff;*/}
.article_newCss h1{ font-size:25px; line-height:35px;font-family: 'Cutive',Arial; background:#73cdf5; padding:28px 4%; color:#fff;}
.article_newCss .articleInfo{ background:#eaeaea; padding:5px 4%; overflow:hidden;}
.article_newCss a{color:#84C754;}
.article_newCss .articleInfo .text{ padding-left:65px;}
.article_newCss .articleInfo .commentCount{ display:block; float:right; background:url(images/btn-1.png) no-repeat 0px -179px; width:120px; height:20px; color:#333; overflow:hidden; cursor:pointer;}
.article_newCss .articleInfo .commentCount span{ width:33px; height:20px; display:block; float:right; text-align:center;}
.article_newCss .articleInfo .follow{ float:left}
.article_newCss .cont{ padding:25px 4%;font-size:14px; line-height:22px; color:#4e4e4e}
.article_newCss h2{font-family: 'Cutive',Arial; font-size:22px; line-height:28px;font-weight:bold;font-family: Helvetica; margin:25px 0; } 
.article_newCss h2 .step{background:#444;color:#fff; font-size:24px; display:block; text-align:center; float:left;margin-right:10px; border-radius:3px; padding:3px 10px;}
.article_newCss h3{font-size:19px; font-weight:bold; margin:22px 0;}
.article_newCss h3 .step{ font-size:14px; display:block; float:left; width:58px; text-align:center; height:25px; line-height:25px; color:#fff; margin:-3px 5px 3px 0;}
.article_newCss h4 { font-size:17px; padding:7px 0;}
.article_newCss .cont img,.article_newCss .cont object,.article_newCss .cont embed{ max-width:100%}
.article_newCss p{ margin:15px 0 22px; overflow:hidden; }
.article_newCss .cont ul{ list-style:outside disc; line-height:1.8em; margin-left:18px;} 
.article_newCss .cont ul,.article_newCss .cont ol{ margin-top:15px; margin-bottom:15px}
.article_newCss .cont .zoom1{text-align:center; position:relative; margin:10px 0; display:block;}
.article_newCss .cont .zoom1 .fdq{width: 32px;height: 32px;position: absolute;right:17%;bottom:-5px; padding:0; border:none}
.article_newCss .cont .getcode_mid input{border:1px solid #e0e0e0;}

.article_newCss .related-articles{ background:#94deff; margin-left:0; padding:10px 12px; border-radius:5px; list-style:none;}
.article_newCss .related-articles p{ margin:2px 0}
.article_newCss .related-articles a{ color:#555;  padding-left:15px;}
.article_newCss .cont ul{ margin-left:25px}

.article_newCss .comingInput{ border:1px solid #ddd; margin:20px 0 10px; border-radius:0 5px 5px 0; width:420px}
.article_newCss .comingInput input[type='text']{  height:48px; line-height:48px; color:#777; width:63%; *width:265px; margin-left:35px;}
.article_newCss .comingInput .go{ float:right; background:#fa7d32; height:48px; line-height:48px; color:#fff; font-size:16px; font-weight:bold; padding:0 13px; cursor:pointer; border-radius:0 5px 5px 0; text-decoration:none !important}
.article_newCss .comingInput .go:hover{ background:#ff8d49}

.article_newCss .comingInput input[type='text']{  height:48px; line-height:48px; color:#777; width:65%; *width:265px; margin-left:35px;}
.article_newCss .comingInput .go{ float:right; background:#fa7d32; height:48px; line-height:48px; color:#fff; font-size:16px; font-weight:bold; padding:0 13px; cursor:pointer; border-radius:0 5px 5px 0; text-decoration:none !important}
.article_newCss .comingInput .go:hover{ background:#ff8d49}

/*2014-03-12*/
@media (max-width: 479px) {
.artNew_css .pro_art_face .img-box,.artNew_css .pro_art_face .text{ float:none; width:auto;margin-top:10px;}
.artNew_css .pro_art_box .text{ width:auto; float:none; margin-top:10px;}
.artNew_css .pro_art_box .text ul li{ width:auto;}
.artNew_css .sev_box .item > .span2:nth-of-type(2n+1), .artNew_css .sev_box .item > .span3:nth-of-type(3n+1){ float:none; width:auto;}
.artNew_css .sev_box .item .span3,.artNew_css .sev_box .item .span4{ width:auto;}


}
@media (max-width: 767px) {
	
	.article_newCss h1{font-size:19px; line-height:22px; }
	.article_newCss .articleInfo .rArea{ float:none;}
	.article_newCss .articleInfo .follow{ float:none}
	.article_newCss .cont h2{font-size:16px; line-height:1.6em; background:#f9f9f9; border:1px solid #e4e4e4; border-width:1px 0; padding:10px; margin:15px -4%;} 
}
@media (max-width: 479px) {
	.article_newCss .comingInput{ width:280px}
	.article_newCss .comingInput input[type='text']{ width:48%}
}
.article_newCss .specialArea{ background:#f3f3f3; padding:25px 4%;}
.article_newCss .specialArea h4{ font-size:19px; margin-bottom:15px; padding:0;}
.article_newCss .specialArea li,.article_newCss .specialArea li a{ color:#84C754;}

.article_newCss .cont a.tpBtnDownMac, .article_newCss .cont a.tpBtnDownWin, .article_newCss .cont a.tpBtnDownMac2, .article_newCss .cont a.tpBtnDownWin2{color:#fff;}
.article_newCss .tipsAdBox2 .rating ul {margin:0; line-height:1em;}
.article_newCss a.tpBtnDownWin2, .article_newCss a.tpBtnDownMac2{color:#FFF;}
.article_newCss .cont #result h3{ font-weight:bold; font-size:13px; margin:0 0 6px 0; }
.article_newCss .cont #result p{ margin:5px 0;}
.rec_content .article_newCss{ border:none;}
.rec_content .article_newCss h1{background:#0f9eda;}
.rec_content .article_newCss .list{ background:#e9e9e9; padding:20px 28px;}
.rec_content .article_newCss h3 .step{ background:#0f9eda; border-radius:5px;}
.rec_content .article_newCss .text{ float:left; width:60%;}
.rec_content .article_newCss .img{ float:right; width:38%;}
.rec_content .article_newCss .table1{ margin:0;}
.rec_content .article_newCss .articleInfo .text p{ margin:0;}
.rec_content .article_newCss .articleInfo .text{ width:90%; padding-left:20px;}

/*screencast*/
.featImgSlide{width:1000px;position:relative;margin:32px auto 10px;}
.featImgSlide .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:600px;height:400px;}
.featImgSlide .imgSlide li {position:relative;}
.featImgSlide .imgSlide li img {width:100%;max-width:100%;}
.featImgSlide .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlide .imgSlide li span{text-align:center; display:block; padding-top:15px;}
.featImgSlide .flex-control-paging{position:absolute;bottom:20px;left:50%;text-align:center;list-style:none;margin-left:-50px;}
.featImgSlide .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.featImgSlide .flex-control-paging li a{display:inline-block; background:url(images/paging.png) no-repeat;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px;}
.featImgSlide .flex-control-paging li a.flex-active{ background-position:0 -14px;}  
.featImgSlide .flex-prev,.featImgSlide .flex-next{ background:url(images/prev4.png) no-repeat; width:55px; height:80px; position:absolute; top:42%;left:50%;z-index:1; text-indent:-9999px;}
.featImgSlide .flex-prev:focus,.featImgSlide .flex-next:focus{ outline:none;}
.featImgSlide .flex-prev{margin-left:-565px;}
.featImgSlide .flex-next{ background-position:-55px 0;margin-left:525px;}
@media (max-width: 979px) {
	.featImgSlide .flex-prev,.featImgSlide .flex-next{display:none;}
}

.mr80{margin-right:80px;}
.reProBox2 select{ width:121px; padding:3px 3px 3px 10px; border:1px solid #CCC;}
.reProBox2 .nav-tab{width:29%; float:left;}
.reProBox2 .nav-tab:first-child{ margin-right:80px;}
.reProBox2 .nav-tab .nav li{ float:left;cursor:pointer;font-size:16px; font-weight:bold;  height:55px; line-height:55px;  position:relative; background:#dadada;color:#bdbdbd;width:31%;text-align:center;text-transform:uppercase; margin-right:10px;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0 ; opacity:0.6;}
.reProBox2 .nav-tab .nav li:last-child{ border:none; margin:0;}
.reProBox2 .nav-tab .nav li.curr{ background:#fff;height:55px; line-height:55px; margin-bottom:0;font-size:16px; color:#4f6274;opacity:1;}
.reProBox2 .con{ background-color:#fff; padding:20px 14px; height: auto !important; max-height: 250px;overflow: auto;position: relative;overflow-x: hidden;}
.reProBox2 .con li{ width:39%; float:left; list-style:none; border:2px solid #e7e7e7; padding:8px 3px; margin:0 20px 10px 0; text-align:center;}
.reProBox2 .con li:nth-child(2n){margin-right:0;}
.reProBox2 .con li:hover{ border:2px solid #69b6ec;}
.reProBox2 .phone .con li{width:26%; font-size:12px;margin-right:10px;}
.reProBox2 .phone .con li:nth-child(2n){margin-right:10px;}
.reProBox2 .phone .con li:nth-child(3n){margin-right:0;}
.reProBox2 .to{ float:left; width:31px; padding:0 18px; position:absolute; top:45%; left:30%; z-index:10;}
.reProBox2 .sum{ float:left; width:31px; padding:0 18px;}
.reProBox2 .rcolumn{ width:27%; float:left; text-align:center;color:#666;}
.reProBox2 .rcolumn h3{color:#8b8989; font-size:18px;}
.reProBox2 .rcolumn h4{font-size:16px; padding:10px 0; color:#555; font-weight:bold;}
.reProBox2 .rcolumn p a{ text-decoration:underline;}
.reProBox2 .rcolumn .downNum strong{ display:block; font-size:20px;}

@media (max-width: 979px) {
	.reProBox2 .to{ position:static;float: none;text-align: center;width: auto;margin: 10px 0;}
	.reProBox2 .nav-tab{width:100%; float:none; margin:0  !important;}
	.reProBox2 .sum{display:none;}
	.reProBox2 .rcolumn{ float:none; width:auto;padding-top: 20px;}
}
@media (max-width: 479px) {
	.reProBox2 .nav-tab .nav li{ width:30%;}
}



/*vcu-tech*/
.mr0{ margin-right:0!important;}
.pb300{ padding-bottom:250px; position:relative;}
.lineBor{ border-bottom:1px solid #e6e6e6; margin:15px auto; height:2px;}
.bgColor_cyan{ background-color:#279296;}
.res_pageTop .proName{ font-size:23px; float:left;}
.res_pageTop .nav{ float:right;}
.res_pageTop .nav .curr{ color:#fff; text-decoration:underline;}
.res_pageTop .nav a{ padding:0 8px; color:#fff;}
.res_pageTop select{ display:none; border:1px solid #d5d5d5; float:right; padding:3px; background:#fff; color:#f6772c;}
.res_pageTop select option{ color:#777}
.vcuBox{ padding-top:30px;}
.vcuBox .vcuName{ font-size:25px;}
.vcuBox p{ font-size:16px; margin:30px 0 15px 0;}
.secFrom{ position:relative; margin-top:-240px; z-index:50;}
.secFrom .secList{ float:left; width:31%; margin-right:2%; position:relative;font-size:14px;}
.secFrom .stepicon{ width:36px; float:left; position:absolute; top:45%; right:-30px; z-index:10;}
.secFrom .secList .secInfo{ border:1px solid #e6e6e6; border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding:5%; margin-top:15px; background-color:#fff;}
.secFrom .secList .sameBox{height: auto !important;max-height:205px;overflow: auto;position: relative;overflow-x:hidden}
.secFrom .secList .sameBox ul li{border-bottom:1px solid #f2f2f2; padding:10px;}
.secFrom .secList .sameBox ul li.currBg{ background:url(images/vcu-tech-ulbg.png) no-repeat; width:260px;}
.secFrom .secList .lastBox{ height: auto !important;max-height:205px;overflow: auto;position: relative;overflow-x:hidden}
.secFrom .secList .lastBox ul li{ background:url(images/last-dot-icon.png) no-repeat 2px 12px;  padding:5px 0 5px 20px;}
.secFrom .secList .lastBox ul li:nth-child(2n){ background-color:#f7f7f7;}

.supportList{ position:relative; margin-top:35px; padding-bottom:30px;}
.format_title{ font-size:20px;}
.supFormat{ margin-top:20px;}
.supFormat .nav{overflow:hidden;border:1px solid #69c0ec;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0 ;width:600px;text-align:center; border-bottom:none;position:relative; z-index:10;}
.supFormat .nav li{ float:left;cursor:pointer;font-size:20px;height:60px; line-height:60px;  position:relative; background:#69c0ec;color:#fff;width:50%;text-align:center;cursor:pointer}
.supFormat .nav li:last-child{ border:none;}
.supFormat .nav li.curr{ background:#fff;height:60px; line-height:60px; margin-bottom:0;font-size:16px;color:#42474d;border-bottom:1px solid #fff;}
.supFormat .con{margin-top:-1px;position:relative;}
.supFormat .con label{ margin-left:15px; font-size:14px;}
.supFormat .con{border:1px solid #69c0ec; padding:20px 0;}
.supFormat .con .format_css{ margin-top:20px; border-top:1px solid #f3f3f3; padding-top:20px;}
.supFormat .con .format_css dd{ float:left; width:11.11%; text-align:center;}
.supFormat .con .more_icon{ text-align:center; margin:35px 0 15px 0;}
.supFormat .con .more_icon a{ font-weight:bold; text-decoration:underline; color:#f95c51;}

.inputFormat{ padding:30px 0;}
.no_bor_pd td, .no_bor_pd th{ border:none!important; padding:0 5px 0 15px;}
.format_table{border-collapse:collapse;border-spacing:0; background-color:#fff;}
.format_table td, .format_table th {border:1px solid #e5e5e5; height:45px;font-size:14px;}
.format_table tr:nth-child(2n){ background-color:#f3f3f3;}
.sysCont{ padding-top:30px; padding-bottom:15px;} 
.sysCont .systemName{ font-size:25px;}
.sysCont ul{ margin-top:30px;}
.sysCont ul li{ background:url(images/last-dot-icon.png) no-repeat 2px 8px; padding-left:15px; margin:5px 0;color:#888;}

@media (max-width: 979px) {
	.res_pageTop .nav,.res_pageTop .proName{ float:none; text-align:center;}
	.res_pageTop .nav{ margin-top:10px;}
	
}
@media (max-width: 767px) {
	.supFormat .nav{ width:300px;}
	.supFormat .con .format_css dd{ width:20%; margin-bottom:10px;}
	.secFrom .secList{ width:auto; float:none; margin-bottom:15px;}
	.secFrom .stepicon { display:none;}

}

@media (max-width: 479px) {
	.supFormat .nav{ width:250px;}
	.supFormat .con .format_css dd{ width:40%; margin-bottom:10px;}
}

/* 表格切换 */
.tabbox{margin-top:40px;}
.tabbox .conbox{ background:#f5faff;border-bottom:1px solid #b5d8ff;border-left:1px solid #b5d8ff;border-right:1px solid #b5d8ff;padding:50px;}
.tab{height:50px; float:left;}
.tab li{float:left;border:1px solid #dfdfdf; line-height:48px; text-align:center;width:175px; font-size:16px;color:#333; cursor:pointer;}
.tab li.curr{border-top:1px solid #b5d8ff;border-left:1px solid #b5d8ff;border-right:1px solid #b5d8ff;border-bottom:none;line-height:49px; background:#f5faff; font-weight:bold;}
.whetherBox {float:right; position:relative;}
.whetherBox span {display:block; float:left; padding:5px;}
.whetherBox input {float:left; padding:5px;}
.whetherBox input[type='text'] {border:solid 1px #b5d8ff;}
.whetherBox input[type='submit'] {background:#4897ee; color:#fff; cursor:pointer; border-radius:0 5px 5px 0;}
.whetherBox .inputPop { position:absolute; top:35px; right:0; border:solid 1px #dbdbdb; background:#fff; padding:10px 20px 15px 20px;}
.whetherBox .inputPop .btnClose {position:absolute; top:0; right:0; background:#dbdbdb; display:block; line-height:22px; padding:0 8px; cursor:pointer; color:#797979; font-size:14px;}
.whetherBox .inputPop h4 {color:#6ebc36; font-size:14px; padding:5px 0; font-weight:bold;}
.whetherBox .inputPop h4.org {color:#fdb121;}
.whetherBox .inputPop a {text-decoration:underline;}
.table_form{border-top:1px solid #b5d8ff;border-left:1px solid #b5d8ff;}
.table_form th,.table_form td{border-bottom:1px solid #b5d8ff;border-right:1px solid #b5d8ff;padding:20px 3%;}
.table_form th{ background:#4897ee;color:#fff; font-weight:bold; text-align:center;}
@media (max-width: 979px) {
	.tab li{width:140px;}
}
@media (max-width: 767px) {
	.tab,.whetherBox {float:none;}
	.whetherBox {padding-bottom:10px;}
	.whetherBox .inputPop {position:relative; top:5px; left:0; clear:both;}
}
@media (max-width: 479px) {
	.tab li{width:92px; font-size:13px;}
	.tabbox .conbox{padding:15px;}
}

/*2014-3-7*/
.artNew_css .info_img p{ margin-top:15px;}


/*rollArea*/
.rollArea{width:800px;position:relative;padding:10px 0;margin:0 auto;margin-top:50px;}
.rollArea #myRoundabout {list-style: none;padding: 0;margin: 0 auto;width:450px;height:375px;}
.rollArea #myRoundabout li {width:600px;height:345px;text-align: center;} 
.rollArea #myRoundabout li p{ margin-top:20px; text-align:center;}
.rollArea #myRoundabout li a span{ display:block; position:absolute; top:0; left:0; z-index:101; width:100%; height:100%;}
.rollArea #myRoundabout .roundabout-moveable-item p,.rollArea #myRoundabout .roundabout-moveable-item a span{ display:none;}
.rollArea #myRoundabout .roundabout-in-focus p,.rollArea #myRoundabout .roundabout-in-focus a span{ display:block;}
.rollArea #myRoundabout li a{ display:block; position:relative; }

.rollArea #myRoundabout li img {width:100%;max-width:100%;}
.rollArea #myRoundabout li.roundabout-in-focus {cursor: default;}
.rollArea .next,.rollArea .prev{ display:block; position:absolute; z-index:281; background:url(images/prev.png) no-repeat 0 0; width:36px; height:36px; top:50%; margin-top:-21px;}
.rollArea .next{ background-position:-70px -23px; right:-70px;}
.rollArea .prev{ left:-70px;background-position:-4px -23px;}

@media (min-width: 768px) and (max-width: 979px) {
	.rollArea{width:760px;height:300px;margin-top:20px;}
	.rollArea #myRoundabout li{width:450px;height:300px;}
	.rollArea .next{ background-position:-22px 0; right:70px;}
    .rollArea .prev{ left:70px;}
}
@media (max-width: 767px) {
	.rollArea{width:450px;height:250px;margin-top:20px;}
	.rollArea #myRoundabout li{width:350px;height:250px;}
	.rollArea .next{ background-position:-22px 0; right:-30px;}
    .rollArea .prev{ left:-30px;}
	.plBox,.rollArea2 {float:none;width:auto;}
	.plBox {padding-bottom:20px;}
}

/*weeks 2014-3-11*/
.weeks_css{padding:20px 0; margin-bottom:30px;}
.week_title{ font-size:30px; font-weight:bold; margin-top:10px;}
.weeks_css .month_tab{ margin-top:20px;}
.month_tab .month_nav li{ float:left; width:8.14%; text-align:center; background:url(images/title-bg-tab.gif) repeat-x; font-size:16px; font-weight:bold; height:58px; line-height:58px; border-right:1px solid #e4e4e4; border-left:1px solid #fff; color:#444; cursor:pointer;}
.month_tab .month_nav li.curr{background:#8ec963; color:#fff;}
.week_tab .week_nav{ background-color:#8ec963; padding:15px 0 10px 0;}
.weeks_css .ad_pic{ margin-top:20px;}
.month_tab .month_nav li:first-child{ border-left:none;}
.month_tab .month_nav li:last-child{ border-right:none;}
.week_tab .week_nav dd{font-size:14px; font-weight:bold; text-align:center;width:152px; height:44px;float:left;line-height:35px; color:#fff;text-align:center; margin-left:8%; cursor:pointer;}
.week_tab .week_nav dd.curr{ background:url(images/hover-bg.png) no-repeat; color:#fff; font-size:14px; font-weight:bold; text-align:center; width:152px; height:44px; line-height:35px; }
.month_tab{ position:relative;}
.month_tab .slidesMenu .flex-direction-nav {display:none;}
.month_tab .slidesMenu .flex-direction-nav a {position:absolute; color:#fff; display:block; width:30px; height:30px; overflow:hidden; text-indent:-99999px; top:15px; background:url(images/arrowImg.png) no-repeat;}
.month_tab .slidesMenu .flex-direction-nav .flex-prev {background-position:0 0; left:-20px;}
.month_tab .slidesMenu .flex-direction-nav .flex-next {background-position:right 0; left:auto; right:-20px;}
@media (max-width: 979px) {
	.month_tab .slidesMenu .flex-direction-nav {display:block;}
	.week_tab .week_nav dd{ margin-left:2%;}
	.week_title{ line-height:35px;}
}
@media (max-width: 767px) {
	.week_title{ line-height:25px; font-size:24px;}
	.week_tab .week_nav dd{ margin-left:4%;}
}




/*2014-3-7*/
.artNew_css .info_img p{ margin-top:15px;}

/*2014-3-14*/
.big_sizeCss{ background:url(images/line-font-bg.png) center repeat-x; margin-bottom:15px;}
.big_sizeCss .line_midd{ background-color:#fff; padding:15px 10px; color:#444; font-size:25px; width:40%; margin:0 auto; text-align:center; line-height:26px;}
@media (max-width: 767px) {
	.big_sizeCss .line_midd{ width:70%;}
}
@media (max-width: 479px) {
	.big_sizeCss .line_midd{ padding:15px 10px;}
	
}

.area_title{font-size: 22px;line-height: 28px;font-weight: bold; margin:10px 0;}
.art_textarea{ width:80%; padding:15px; border:1px solid #dadada;}

.step_list_art{ border-radius:5px;}
.step_list_art ul{ padding:15px;}
.step_list_art ul li a{ color:#6FA549;}

/*2014-3-17 有多个切换样式页面*/
.tab_amount_con .banner_title{ background:url(images/arcticle_bannerbg.jpg) no-repeat center; color:#333; height:98px;}
.tab_amount_con h1{ font-size:23px; line-height:1; padding:37px 0; text-align:center; font-weight:bold;}
.tab_amount_con p{/* display:none;*/ }
.tab_amount_con .banner_title p{ font-size:16px;}
.tab_amount_con .nav_tabCon{ margin:0 auto; width:800px;}
.tab_amount_con .nav_tabCon ul{ position:relative; margin-top:-30px;}
.tab_amount_con .nav_tabCon ul li{ float:left; background-color:#dddddd; border-right:1px solid #c1c1c1; width:24.5%; text-align:center; padding:15px 0; font-size:18px; cursor:pointer;}
.tab_amount_con .nav_tabCon ul li.curr{ background-color:#018e93; color:#fff;}
.conBox_con1{ margin-top:50px;}
.conBox_con1 .fl_tab_img{position:relative;}
.conBox_con1 .fl_tab_img .box_img1{  border:1px solid #98d1d3; padding:15px;}
.conBox_con1 .fl_tab_img .box_img1 .pic_fl{float:left; width:58%; text-align:center;}
.conBox_con1 .fl_tab_img .box_img1 .fr_text{ float:right; width:38%;}
.conBox_con1 .fl_tab_img .nav_box1 ul{ width:520px; margin:0 auto;}
.conBox_con1 .fl_tab_img .nav_box1 ul li{ background-color:#e1e1e1; margin-right:10px; padding:10px 17px; float:left; cursor:pointer; text-align:center;}
.conBox_con1 .fl_tab_img .nav_box1 ul li.curr{ background-color:#32a4a8; color:#fff;}
.tab_amount_con .main_tab{ margin-top:20px;}
.conBox_con2{ margin-top:60px;position:relative;}
.conBox_con2 .slidesMenu{border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;}
.conBox_con2 .nav_box2 li{ float:left; width:9.9%; text-align:center; background-color:#f9f9f9; font-size:14px; height:58px; line-height:58px; border-right:1px solid #e4e4e4; color:#444; cursor:pointer;border-bottom:1px solid #e4e4e4;}
.conBox_con2 .nav_box2 li.curr{background:#32a4a8; color:#fff;}
.conBox_con2 .nav_box2 li:nth-of-type(10n+1){ clear:both;}
.conBox_con2 .nav_box2 li:first-child{ border-left:none;}
.conBox_con2 .nav_box2 li:last-child{ border-right:none;}
.conBox_con2 .slidesMenu .flex-direction-nav {display:none;}
.conBox_con2 .slidesMenu .flex-direction-nav a {position:absolute; color:#fff; display:block; width:30px; height:30px; overflow:hidden; text-indent:-99999px; top:15px; background:url(images/arrowImg1.png) no-repeat;}
.conBox_con2 .slidesMenu .flex-direction-nav .flex-prev {background-position:0 0; left:10px;}
.conBox_con2 .slidesMenu .flex-direction-nav .flex-next {background-position:right 0; left:auto; right:10px;}

@media (max-width: 979px) {
	.conBox_con2 .slidesMenu .flex-direction-nav {display:block;}
	.conBox_con2 .nav_box2 li:nth-of-type(10n+1){ clear:none;}
	.tab_amount_con h1{ line-height:1.2em; padding-top:20px; }
	
}
@media (max-width: 479px) {
	.tab_amount_con h1{ font-size:18px; }
}

.conBox_con3{ margin-top:40px; border:1px solid #d5d5d5;}
.conBox_con3 .tit_clobg_blue{ color:#fff; background-color:#6a8192; font-size:24px; text-align:center; padding:12px 0;}

.conBox_con3 .nav_box3 ul li{ width:16.568%; float:left; background-color:#f3f3f3; text-align:center; padding:15px 0; border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; cursor:pointer;}
.conBox_con3 .nav_box3 ul li:last-child{ border-right:none;}
.conBox_con3 .nav_box3 ul li.curr{ background-color:#32a4a8; color:#fff; position:relative;}
.conBox_con3 .nav_box3 ul li.curr span{ background:url(images/tab-blue-icon.png) no-repeat; width:32px; height:12px; position:absolute; bottom:-12px;left: 43%;}
.conBox_con3 .box3_img_text{ margin-top:30px; padding:15px;}
.conBox_con3 .box3_img_text .img_pic{ float:left; width:55%;}
.conBox_con3 .box3_img_text .text_info{ float:right; width:42%;}

/*六个以上tab*/
.tabAreaRoll_tab16{position:relative;}
.tabAreaRoll_tab16 .flex-prev,.tabAreaRoll_tab16 .flex-next{ background:url(images/banner-nav.png) no-repeat; width:24px; height:35px; position:absolute; bottom:45px; z-index:1; text-indent:-9999px;}  
.tabAreaRoll_tab16 .flex-prev{ left:-30px;}
.tabAreaRoll_tab16 .flex-next{ background-position:-27px 0; right:-30px;}
.conBox_con3 .tabAreaRoll_tab16 .flex-direction-nav li{ background:none!important; border:none!important;}
.tab_listChange{ height:110px;}

@media (max-width: 979px) {
 	
	.tab_amount_con .nav_tabCon{ margin:0 auto; width:auto;}
	.conBox_con3 .nav_box3 ul li{ width:16.5%;}
	
	.conBox_con1 .fl_tab_img .nav_box1 ul li{ padding:10px; margin-right:5px;}
	.tabAreaRoll_tab16 .flex-prev{ left:0px;}
    .tabAreaRoll_tab16 .flex-next{right:0px;}
}

@media (max-width: 767px) {
	.conBox_con1 .fl_tab_img .nav_box1 ul li{ margin-bottom:8px;padding:10px 15px;}
	.conBox_con3 .nav_box3 ul li.curr span{ left:35%;}
	.conBox_con1 .fl_tab_img .box_img1 .pic_fl{ float:none; width:auto;}
	.conBox_con1 .fl_tab_img .box_img1 .fr_text{float:none; width:auto; margin-top:15px;}
	
}

@media (max-width: 479px) {
	
	.conBox_con3 .box3_img_text .img_pic,.conBox_con3 .box3_img_text .text_info{ float:none; width:auto;}
	.conBox_con3 .nav_box3 ul li{ width:33%; margin-bottom:15px;}
	.conBox_con3 .nav_box3 ul li:nth-of-type(3n+1){ border-right:none;}
	.conBox_con1 .fl_tab_img .nav_box1 ul li{ padding:10px;}
	.conBox_con1 .fl_tab_img .nav_box1 ul{ margin-left:15px;}
	.conBox_con1 .fr_text{ margin-top:10px;}
	.conBox_con1 .fl_tab_img .nav_box1{ border:1px solid #98D1D3; border-top:none;}
	.conBox_con1 .fl_tab_img .nav_box1 ul{ width:auto;margin:0 auto;}
}



/*process步骤*/
.process_newCss{overflow:hidden;}
.process_newCss .item{ float:left; text-align:center;margin-right: 2%;width:25%;}
.process_newCss .item img{ max-width:100%; margin-bottom:8px}
.process_newCss .cross{ background:url(images/arrow-r-new.png) no-repeat 50% 50px; width:50px; float:left; height:100px;}
.tipsAdBox2 {padding:20px 0; border-bottom:solid 1px #eeeded;}
.tipsAdBox2 .tpColumn {font-size:16px; font-weight:bold; border-bottom:solid 1px #eeeded; padding:8px 0;}
.tipsAdBox2 .proImg {float:left; padding:5px 0 0 0;}
.tipsAdBox2 .proInfo {padding:5px 0 0 240px;}
.tipsAdBox2 .proName { overflow:hidden; font-size:18px;}
.tipsAdBox2 .proName a{float:left; color:#000; display:block; padding-right:5px;}
.tipsAdBox2 .proName .rating ul{ margin:0;}
.tipsAdBox2 .proTxt {padding:5px 0;}
.tipsAdBox2 .proBtn {padding:5px 0;}
.tipsAdBox2 .proInfo1 .bluebtn-s{background:#15abef;}
/*pro-con*/
.col_blueBg{background:#5ea4e7;}
.pro-con{ overflow:visible; min-height:300px; margin:20px 0;}
.pro-con .it_container{position:relative; overflow:visible;padding:40px 0 30px; background:#e4f5fb;}
.pro-con .proImg{ float:left; width:380px; margin-right:15px; position:relative; }
.pro-con .proImg span{ position:absolute; right:10px; bottom:0;}
.pro-con .proImg .lion{z-index:2; left:5px; top:269px; position:absolute; display: block;}
.pro-con .text{ float:left; width:600px; font-size:15px;}
.pro-con .text h2{ font-size:20px; color:#444; font-weight:bold; line-height:22px; margin-bottom:15px;}
.pro-con .text h3{font-size:18px; margin-bottom:10px;}
.pro-con .text p{ margin-bottom:10px;}
.pro-con .text dd{ background:url(images/green-dot.png) no-repeat 0 8px; padding-left:15px; margin-bottom:3px;}
.pro-con .text a{ color:#0072bc;} 
.pro-con .buyArea { border-top:1px solid #e3e3e3; padding-top:13px; margin-top:15px;}
.pro-con .buyArea p{ margin-bottom:7px;}
.pro-con .buyArea label{ display:block;}
.pro-con .buyArea .greenBtn-pro, .pro-con .buyArea .orangeBtn-pro{ width:240px; float:left;}
.pro-con .buyArea .greenBtn-pro{ margin-right:20px;}
.pro-con .text .select_os a, .pro-con .text .buy-btn a, .pro-con .text .buy-btn2 a{ color:#FFF;}
.pro-con .buyArea .dropArea { margin:5px 0 10px; padding:8px;}
.pro-con .buyArea .dropArea.active{ background:#f1f1f1;}
.pro-con .buyArea .dropArea .con{ display:none;}
.pro-con .buyArea .dropArea.active .con{ display:block;}
.pro-con .buyArea select{ border:1px solid #e6e6e6; padding:3px; margin:3px 0; display:block; width:100%;}
.pro-con .buyArea label{ margin:4px 0 0 5px;}
.pro-con .buyArea .info{ background:#f1f1f1;padding:8px;}
.pro-con .buyArea .info .jump{ border-top:1px solid #e3e3e3;margin-top:10px;}
.pro-con .buyArea .info .jump a{ display:block; background:url(images/arrow-icon.png) no-repeat 100% 5px; margin-top:5px;}
@media (min-width: 768px) and (max-width: 979px) {
	.pro-con .proImg{width:110px; margin-right:5px;}
	.pro-con .text h2{ font-size:16px; line-height:18px; margin-bottom:10px;}
}
@media (max-width: 767px) {  
	.pro-con .text{ width:auto;}
	.pro-con .it_container .proImg{ display:none;}
	.pro-con .buyArea{ position:static; width:320px; margin:15px 3%; }
	.pro-top .btnArea{ display:block; margin:10px 0 0; padding:0 0 10px}
	.pro-con .text{ padding:0 3%;}
	.pro-ad .quote{ margin:0 3%;}
}
@media (max-width: 479px) {
	.pro-con .buyArea{  width:auto; }
}


/*2014 new*/
.reTopProBox {padding:20px 0;}
.reColumnStyle {padding:20px 0; text-align:center;}
.reColumnStyle span{ font-size:18px;}
.bgColor_purple{ background-color:#6679cb;}
.bgColor_gray{ background-color:#f3f3f3;}
.cloDrgray{ background-color:#f3f3f3;}
.cloLigray{ background-color:#f8f9fb;}
.cloLigray3{ background-color:#f8f9fb; border-bottom:7px solid #44a5d8;}
.cloDrwhite{ background-color:#fff;border-bottom:7px solid #3a6285;}

.reProBox2 {padding:20px 0; font-size:14px;}
.reProBox2 .imgBox {float:right; width:42%; padding-top:30px;}
.reProBox2 .imgBox .img {padding:0 0 20px 0;}
.reProBox2 .imgBox .img img {max-width:100%;}
.reProBox2 .playBtn {width:35%; display:block;}
.reProBox2 .name {font-size:22px;}
.reProBox2 .info {float:left; width:52%;}
.reProBox2 .info .txt {padding:10px 0; color:#666;}
.reProBox2 .info ul li {padding:3px 0; background:url(images/dot-icon-new.png) no-repeat 0 12px; padding-left:10px;}
.reProBox2 .info .col_dot_icon li {padding:3px 0; background:url(images/dot-icon-new.png) no-repeat 0 12px!important; padding-left:10px;}
.reProBox2 .btn {padding:20px 0 10px 0;}
.reProBox2 .downNum {padding:0 0 0 8%; font-weight:bold;}
.reProBox2 .downNum strong {font-size:16px;}

.count{ text-align:center;}
.count strong{ font-size:20px;}
.noBo{border:none !important;}
.reColumnStyle .rcName {font-size:26px; padding:10px 0;}
.reColumnStyle p{ font-size:14px; color:#888; margin-top:5px;}
.res_pageTop{padding:30px 0; }
.res_pageTop .pageColumn { font-size:26px; line-height:1.2em;color:#fff!important;}
.res_pageTop .title{ width:50%; float:left;}
.res_pageTop .pro_name{ width:40%; float:right;}
.res_pageTop .title h1{font-size:30px; line-height:30px; margin-bottom:10px;}
.res_pageTop .title p{ font-size:14px;}
.res_pageTop .pro_name a{ display:block; float:left; margin-left:10%; color:#fff; font-weight:bold; font-size:14px; text-decoration:underline; margin-top:10px; text-align:right;}

/* btn */
.playBtn{ display:inline-block; background:#2599cf; color:#fff; height:36px; width:90%; margin:0 auto; line-height:36px; padding:0 5%; border-radius:5px; text-decoration:none; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.playBtn:hover{ background:#28baff; }
.pro-ad{ background:#e9e9e9; padding:20px 0;}
.pro-ad .img{float:left; width:10%;}
.pro-ad .con{float:right; width:82%; padding-top:5px; padding-right:35px;}
.pro-ad .name{text-align:right; float:right;}

.reInfoBox {/* padding:20px 0 30px 0; */ font-size:14px;}
.reInfoBox .acTxt {text-align:center; font-weight:bold; padding-bottom:20px;}
.reInfoBox .infoItem {padding:20px 0;}
.reInfoBox .infoItem .pic {float:right; width:43%; text-align:center;}
.reInfoBox .infoItem .pic img {max-width:100%;}
.reInfoBox .infoItem .text {padding-right:48%;}
.reInfoBox .infoItem .text h3 {font-weight:bold; font-size:14px; line-height:1.2em; padding-bottom:10px;}
.reInfoBox .infoItem .text p {padding:3px 0;}
.reInfoBox .downNum {padding:10px 0 10px 3%; font-weight:bold;}
.reInfoBox .downNum strong {font-size:16px;}

@media (max-width: 767px) {
	.reProBox .imgBox,.reProBox .info,.reProBox .checkSelectBox,.reProBox2 .imgBox,.reProBox2 .info,.reInfoBox .infoItem .pic,.reCont,.reSide {float:none; width:auto;}
	.reProBox,.reProBox2 {padding:0;}
	.reProBox .imgBox {text-align:center;}
	.reProBox .playBtn {width:30%;}
	.reProBox .info {padding:30px 0; margin:0;}
	.reProBox2 .imgBox {text-align:center; padding:0;}
	.reProBox2 .info {padding:30px 0;}
	.alteProbox3 .item {float:left; width:auto;}
	.alteProbox3 .pic {text-align:center;}
	.reInfoBox .infoItem .text {padding:0;}
	.reSide {margin-top:20px;}
}
@media (max-width: 479px) {
	.reProBox .playBtn {width:50%;}
	.reProBox .btn a,.reProBox2 .btn a,.reInfoBox .btn a {display:block; margin:5px auto;}
	.reProBox .downNum,.reProBox2 .downNum,.reInfoBox .downNum {padding:10px 0; text-align:center;}
}

/*articl-级*/
.pro_box{ padding-top:20px; font-size:14px;color:#666;}
.pro_box .reInfo{ background-color:#fff;}
.pro_box .reInfo .reText{ float:left; width:56%; padding:6% 0 0 4% ;}
.pro_box .reInfo .reText h4{ font-size:24px; margin-bottom:10px;}
.pro_box .reInfo .reText .cloGray{ color:#888;}
.pro_box .reInfo .img{ float:right; width:36%;}
.pro_box .reInfo .reText .rePro_item{ width:45%; float:left; margin:35px 25px 0 0;}
.pro_box .reInfo .reText .rePro_item .img{ width:62px; float:left; margin-right:10px;}
.pro_box .reInfo .reText .rePro_item .text{ float:left; width:70%;}
.pro_box .btnArea{ margin:8% 0 5px 14%;}
.pro_box .rePro_list{ padding:35px 0;}
.pro_box .rePro_list .title{ font-size:20px; text-align:center; text-transform:uppercase; margin-bottom:30px;}
.pro_box .rePro_list dl{ float:left; width:22%; margin-left:3%;}
.pro_box .rePro_list dl dt{text-transform:uppercase;color:#8e9ca8; margin-bottom:12px;}
.pro_box .rePro_list dl dd{ background:url(images/dot-icon-new.png) 2px 8px no-repeat; padding-left:10px; font-size:13px; margin-bottom:3px;}

.rePro_con{ width:1000px; margin:0 auto; padding-top:30px;}
.rePro_con .nav-tab .nav{ width:1000px;}
.rePro_con .nav-tab .nav li{ float:left;cursor:pointer;font-size:16px; font-weight:bold;  height:73px; line-height:73px;  position:relative; background:#fff;color:#666;width:322px;text-align:center;text-transform:uppercase; margin-right:10px;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0 ;}
.rePro_con .nav-tab .nav li:last-child{ border:none;}
.rePro_con .nav-tab .nav li.curr{ background:#69c0ec;height:73px; line-height:73px; margin-bottom:0;font-size:16px;color:#fff;}
.rePro_con .con{ background-color:#69c0ec; color:#fff; padding:35px 0;}
.rePro_con .con .pic_icon{ text-align:center; margin-bottom:10px;}
.rePro_con .con .bottom_item{ float:left; margin-left:3%; width:21%;}
.rePro_con .con .bottom_item .titie a{ font-weight:bold; color:#fff; font-size:14px;}
.rePro_con .con .bottom_item .text{ margin-top:8px; line-height:1.5em;}

@media (max-width: 979px) {
	.res_pageTop .title{ padding-left:15px;}
	.pro_box .reInfo .reText{ padding:4% 0 0 3%;}
	.pro_box .reInfo .reText .rePro_item{margin: 35px 15px 0 0;}
	.pro_box .btnArea{ margin: 8% 0 5px 5%;}
	.pro_box .reInfo{ padding-bottom:15px;}
	.rePro_con{ width:100%;}
	.rePro_con .nav-tab .nav{ width:auto;}
}
@media (min-width: 767px) and (max-width: 979px) {
	.pro_box .reInfo .reText .rePro_item .img{ float:none; width:95%; text-align:center;}
	.pro_box .reInfo .reText .rePro_item .text { float:left;width:95%;}
}

@media (max-width: 767px) {
	.res_pageTop .title{ width:auto; float:none;}
	.res_pageTop .pro_name{ float:none; width:auto;}
	.res_pageTop .pro_name a {margin-right: 10%; margin-left:5%;}
	.pro_box{ padding-top:25px;}
	.pro_box .reInfo .reText h4{ font-size:20px;}
	.pro_box .reInfo .reText .rePro_item{ width:auto;}
	.pro_box .rePro_list dl{ width:45%; margin-bottom:15px;}
	.pro_box .rePro_list{ padding:25px 0 15px 0;}
	.rePro_con .nav-tab .nav li{ width:200px;}
	.rePro_con .con .bottom_item{ width:45%;}
}
@media (max-width: 479px) {
	.pro_box .reInfo .img{ float:none; width:auto;}
	.pro_box .reInfo .reText{ width:auto; float:none;}
	.pro_box .rePro_list dl{ width:100%;}
	.rePro_con .nav-tab .nav li{ width:130px;line-height: 23px; padding-top:15px; height:58px; font-size:15px;}
	.rePro_con .nav-tab .nav li.curr{line-height: 23px; padding-top:15px; height:58px; font-size:15px;}
	.rePro_con .con .bottom_item{ width:90%; float:none;margin-bottom: 15px;}
	.rePro_con .con .bottom_item .titie{ text-align:center;}
	.rePro_con .con .bottom_item .text{ padding-left:10px;}
	.container{ width:280px!important;}
}


/*screenshots自适应样式*/
.titleColumn{ font-size:30px; text-align:center; line-height:1.2em; padding:10px 0;}
.titleColumn strong{display:block; font-size:14px;color:#bcc8cf;}
.featImgSlide_s{position:relative;margin:10px auto;}
.featImgSlide_s .imgSlide {list-style: none;padding: 0;margin: 0 auto;width:600px;}
.featImgSlide_s .imgSlide li {position:relative; text-align:center; line-height:1.3em;}
.featImgSlide_s .imgSlide li img {max-width:100%;}
.featImgSlide_s .imgSlide li.roundabout-in-focus {cursor:default;}
.featImgSlide_s .imgSlide li span{text-align:center; display:block; padding-top:10px;}
.featImgSlide_s .flex-control-paging{position:absolute;bottom:-40px;left:50%;text-align:center;list-style:none;margin-left:-50px;}
.featImgSlide_s .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.featImgSlide_s .flex-control-paging li a{display:inline-block; background:#e0e0e0;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px; border-radius:20px;}
.featImgSlide_s .flex-control-paging li a.flex-active{background:#FA594B;}  
.featImgSlide_s .flex-prev,.featImgSlide_s .flex-next{ background:url(images/prev.png) no-repeat; width:55px; height:80px; position:absolute; top:42%;left:50%;z-index:1; text-indent:-9999px;}
.featImgSlide_s .flex-prev:focus,.featImgSlide_s .flex-next:focus{ outline:none;}
.featImgSlide_s .flex-prev{margin-left:-565px;}
.featImgSlide_s .flex-next{ background-position:-55px 0;margin-left:525px;}
@media (max-width: 979px) {
	.featImgSlide_s .flex-prev,.featImgSlide_s .flex-next{display:none;}
}



.topText {padding:30px 0; font-size:14px;}
.topText2 {font-size:14px; padding:10px 0 20px 0; /*border-bottom:dashed 1px #e1e1e1;*/}
.topText2 p {padding:5px 0;}
.slideToggle .toggleClick {background:#e1e1e1 url(images/toggleCurr.png) no-repeat 10px 10px; padding:9px 35px; margin:10px 0; line-height:1.2em; cursor:pointer; border-radius:5px;}
.slideToggle .toggleClick.curr { background-position:10px -53px;}
.reProBox {padding:20px 0; font-size:14px;}
.reProBox .imgBox {float:left; width:15%;}
.reProBox .imgBox .img {padding:0 0 20px 0;}
.reProBox .imgBox .img img {max-width:100%;}
.reProBox .name {font-size:24px;}
.reProBox .info {float:left; width:50%; margin-left:3%;}
.reProBox .info .txt {padding:10px 0;}
.reProBox .info ul li {padding:3px 0; background:url(images/dot-icon-new.png) no-repeat 0 12px; padding-left:10px;}
.reProBox .info .col_dot_icon li {padding:3px 0; background:url(images/dot-icon-new.png) no-repeat 0 12px; padding-left:10px;}
.reProBox .btn {padding:20px 0 10px 0;}
.reProBox .downNum {padding:0 0 0 8%; font-weight:bold;}
.reProBox .downNum strong {font-size:16px;}
.reProBox .checkSelectBox {float:right; width:30%; padding:20px 0; border-radius:10px; border:solid 1px #e0dfdf; background:#fff;}
.reProBox .checkSelectBox .checkColumn {font-size:24px; padding:0 20px;}
.reProBox .checkSelectBox .select_dl {padding:10px 20px;}
.reProBox .checkSelectBox .select_dl dd {padding:5px 0;}
.reProBox .checkSelectBox .select_dl span {display:block; padding:5px 0;}
.reProBox .checkSelectBox .select_dl select {width:100%; border:solid 1px #ccc; padding:3px;}
.reProBox .checkSelectBox .showResult {padding:0 20px 20px 20px;}
.reProBox .checkSelectBox .showResult dd {text-align:center; font-size:18px; color:#ef4436; padding:10px 0;}
.reProBox .checkSelectBox .proName {padding:0 20px; font-size:14px; line-height:1.2em; padding-bottom:5px; font-weight:bold;}
.reProBox .checkSelectBox .proTxt {padding:0 20px; line-height:1.4em;}




/*2014-3-20*/
.container_side{ width:1000px; margin:0 auto;}
.tabBox_side{ position:relative; margin-top:20px;}
.tex_ac{ text-align:center;}
.tabBox_side .side_utb{ position:relative;}
.tabBox_side .contens_tab_side{ width:200px; float:left; position:absolute; left:50%; margin-left:-710px; z-index:800;  }
.tabBox_side .contens_tab_side h2{ font-size:20px; color:#fff; font-weight:bold; background-color:#639f38; padding:10px 0 10px 15px;}
.tabBox_side .contens_tab_side .tabNav_side{ padding:10px 15px;background-color:#fff; border:1px solid #e4e4e4;}
.tabBox_side .contens_tab_side .tabNav_side dt{ background-color:#e4f0db; color:#444; padding:3px 7px; cursor:pointer; font-size:14px;margin-bottom:5px;}
.tabBox_side .contens_tab_side .tabNav_side dt a{ color:#444;font-size:14px;}
.tabNav_side .tn_nav{background-color:#e4f0db; color:#444; padding:3px 7px; font-size:14px; margin-bottom:5px;}
.tabBox_side .contens_tab_side .tabNav_side .sec_ul{ padding:2px 7px; font-size:12px;}
.tabBox_side .contens_tab_side .tabNav_side .sec_ul li{ background:url(images/scr-icon-side.png) 0 5px no-repeat; padding-left:8px;cursor:pointer; margin:3px 0;}
.tabBox_side .contens_tab_side .tabNav_side .sec_ul li a{ color:#666; font-size:12px;}
.tabBox_side .contens_tab_side .tabNav_side .sec_ul li:hover,.tabBox_side .contens_tab_side .tabNav_side dt:hover,.tabBox_side .contens_tab_side .tabNav_side .sec_ul li a:hover,.tabBox_side .contens_tab_side .tabNav_side dt a:hover{ color:#84C754; text-decoration:none;}
.tabBox_side .cont_info_fr .pad_wid_con .box_text{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.29);-moz-box-shadow: 0 3px 3px rgba(0,0,0,.29);
box-shadow: 0 3px 3px rgba(0,0,0,.29);border: solid 1px #e5e5e5; padding:15px 20px; margin:15px 0 20px 0;}
.tabBox_side .cont_info_fr .pad_wid_con .box_text a{ display:block; color:#6FA549;}
.side_nav_icon{ display:none;z-index:110;}
.cont_infoBox,.cont_infoBox2{ display:none;}

@media (max-width: 1300px) {
	.container_side{ width:85%;}
	.tabBox_side .contens_tab_side{ display:none; padding-top:10px;left:0; margin-left:0;}
	.side_nav_icon{ display:block;left:0; cursor:pointer;}
}

@media (max-width: 767px) {
	
	.tex_ac{ text-align:left;}
	.tex_ac a{ margin-bottom:10px;}
}

@media (max-width: 479px) {
	.artNew_css .pro_art_face .img-box,.artNew_css .pro_art_face .text{ float:none; width:auto; margin-bottom:10px;}
	
	}
	

/*interesting 产品推荐 2014-3-28*/
.orangeBtn{ color:#fff!important;}
.pro_interested{ padding-top:15px;}
.pro_interested .pro_recommend .product_img {float:left; width:120px; text-align:center; padding-top:40px;}
.pro_interested .pro_recommend .product_info { padding:10px 0 10px 130px;}
.pro_interested .pro_recommend .product_info p{ font-size:14px;}
.pro_interested .pro_recommend .product_name {font-size:20px; padding-bottom:10px; line-height:1.2em;}
.pro_interested .pro_recommend .product_name a{ color:#333;}
.pro_interested .pro_recommend .product_name span {font-size:12px;}
.pro_interested .pro_recommend .product_txt {padding-bottom:10px;}
.pro_interested .pro_recommend .product_price { font-size:18px; text-align:center; margin-top:15px;}
.pro_interested .pro_recommend .product_price big,.pro_interested .pro_recommend .product_price small {color:#f12605;}
.pro_interested .pro_recommend .product_price del {font-size:15px; padding-right:10px;}

/*2014-3-31*/
.bg_bluelight_col{ background-color:#21b2fe;}
.fix_boxCon{ padding:30px 0;}
.fix_boxCon .title{ font-size:40px; float:left; line-height:40px;}
.fix_boxCon .nav_menu{ float:right; padding-top:15px;}
.fix_boxCon .nav_menu a{ color:#666; font-size:15px; margin-left:10px;}
.fix_boxCon .nav_menu a:first-child {margin-left: 0;}
.fix_boxCon .nav_menu a.curr{ font-weight:bold; text-decoration:underline;}
.fix_boxCon .nav_menu a.back_contest{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #21b2fe; padding:5px; color:#fff; cursor:pointer;}
.fix_boxCon .nav_menu span{  margin-left:10px;}
.fix_boxCon .title2{ font-size:30px; line-height:30px;}
.font_col_white{ color:#fff;}
.fix_boxCon p{ margin-top:8px;}
.fix_boxCon .info_con{ margin-top:15px;}
.fix_boxCon .info_con a{ color:#c3eafe; text-decoration:underline;}
.fix_boxCon .info_con a:hover{ text-decoration:none;}
.fix_boxCon .info_con strong{ display:block; margin-top:10px; font-size:16px;}
.fix_boxCon .info_con p{color:#c3eafe;}
@media (max-width: 979px) {
	.fix_boxCon .title,.fix_boxCon .nav_menu{ float:none;}
}

.utb_cssBg{ padding:30px 25px 30px 25px;}
.utb_cssBg h1 {font-size: 24px;margin-bottom: 15px; line-height:1.3em;}
.utb_cssBg p{ font-size:16px;}
.line_dash{ border-bottom:1px dashed #d4dce0; padding:15px 0;}
.line_solid{ border-bottom:1px solid #d4dce0; padding:15px 0;}

/*20141015*/
.font12{ font-size:12px !important; line-height:1.2em;}
.font18{ font-size:18px; line-height:1.2em;}
.font20{ font-size:20px; line-height:1.2em;}
.font26{ font-size:26px; line-height:1.2em;}
.wmv_play{ border-radius:10px; padding:20px 40px;}
.wmv_play .left{ width:38%; float:left;}
.wmv_play .left .title{ background:url(images/title_bg.jpg) round; height:40px; padding:5px 0 0 8px;}
.wmv_play .errow-right{ position:relative; font-size:22px; text-align:center; margin:15px 0 40px;}
.wmv_play .errow-right .icon{ position:absolute; right:-139px; top:4px; background:url(images/errow-right.jpg) no-repeat; width:139px; height:43px;}
.wmv_play .right{ width:40%; float:right;}
.table_wmv{ font-size:12px; color:#595959; background-color:#fff; margin-top:8px;}
.table_wmv th, .table_wmv td{ padding:5px 8px; border:1px solid #d4d4d4;}
.table_wmv th{ background-color:#cde9f5;}
.solution_box{ background-color:#fff6d8; border:1px solid #ffc689; border-radius:5px; padding:15px 20px; margin-bottom:60px;}
.solution_box.part{ position:relative; width:65%; margin:60px 20px 60px 25%;}
.solution_box .down_right{background:url(images/errow-down-right.jpg) no-repeat; position:absolute; left:-101px; top:-52px; display:block; width:84px; height:113px;}
.proBanner .pro_text .subtitle{ background-color:#f75a50; padding:3px 8px; color:#fff; border-radius:3px; font-weight:bold; display:inline-block; margin-bottom:8px;}
.down_box{ background-color:#dadada; text-align:center; padding:15px 20px; width:64%;}
.down_box .downNum strong{ font-size:26px; color:#333;}
.proBanner .pro_text .blueBtn-b p.name{ font-size:22px; margin:0;}
.wmv_step{ margin:30px 0 20px;}
.wmv_step h4{ font-size:16px;}
.wmv_step p{ padding:10px 0;}
.user_section .item1{ position:relative; width:35%; float:left; background:url(images/solution1_errow.jpg) no-repeat right bottom; margin-bottom:20px;}
.user_section .item1 .user{ position:absolute; right:-155px; bottom:0; font-size:22px; font-weight:bold; background-color:#5296ce; color:#fff; width:150px; padding:12px 0; text-align:center;}
.user_section .item2{ position:relative; width:35%; float:left; background:url(images/solution2_errow.jpg) no-repeat right 10px; margin-bottom:20px;}
.user_section .item2 .user{ position:absolute; right:-155px; top:7px; font-size:22px; font-weight:bold; background-color:#5296ce; color:#fff; width:150px; padding:12px 0; text-align:center;}
.user_section .item3{position:relative; width:42%; padding-left:6%; float:right; background:url(images/solution3_errow.jpg) no-repeat left 45%; margin-bottom:20px; text-align:center;}
.user_section .item3 .user{ position:absolute; left:-165px; top:69px; font-size:22px; font-weight:bold; background-color:#5296ce; color:#fff; width:150px; padding:12px 0; text-align:center;}
.user_section .item4{position:relative; width:48%; float:right; background:url(images/solution4_errow.jpg) no-repeat left 39%; margin-bottom:20px; text-align:right;}
.user_section .item4 .user{ position:absolute; left:-165px; top:76px; font-size:22px; font-weight:bold; background-color:#5296ce; color:#fff; width:150px; padding:12px 0; text-align:center;}
.compare .tableStyle td{ font-size:13px; color:#646361;}
.compare .overflow{ overflow:auto;}
.faq .question{ font-size:16px; font-weight:bold; color:#595959; margin-bottom:10px;}
.faq .question span{ font-size:24px; color:#5296ce;}
.faq .answer{ padding-bottom:25px;}
.faq .answer span{font-size:24px; color:#f75a50;font-weight:bold;}
.peobox .item2{ float:left; width:50%;}
.peobox .item2 .pname{ font-size:18px; color:#828282;}
.peobox .item2 .title{ font-size:30px; line-height:1.2em; color:#333; font-weight:bold; padding-bottom:20px;}
.item2 .down_box{ background-color:#f1f1f1;}
.peobox .item{ width:35%;}
@media (max-width: 979px) {
.wmv_play .left .title{padding:1px 0 0 8px; line-height:1em;}
.user_section img{ max-width:85%;}
}
@media (max-width: 767px) {
.wmv_play .left	, .wmv_play .right, .peobox .item2, .peobox .item{ float:none; width:100%;}
.wmv_play .left .title{ padding-top:5px;}
.wmv_play .errow-right .icon{background: url(images/errow-down.jpg) no-repeat; width:40px; height:82px; right:45%; top:100%;}
.wmv_play .right{padding-top:50px;}
.user_section .item1, .user_section .item2, .user_section .item3, .user_section .item4{float:none; width:80%;}
.user_section .item3, .user_section .item4{ text-align:right;}
.user_section .item3{ background-position:19% 45%;}
.user_section .item3 .user{left:-90px;}
.user_section .item4 .user{left:-105px;}
}

@media (max-width: 479px) {
	.down_box{ width:92%;}
	.user_section img{max-width:100%;}
	.user_section .item1, .user_section .item2, .user_section .item3, .user_section .item4{ background:none; text-align:left;}
	.user_section .item1 .user, .user_section .item2 .user, .user_section .item3 .user, .user_section .item4 .user{ position:static;}
	}
/*facebook message sidebar*/
.sidebar_fbm { position:absolute; top:300px; left:10px; width:287px;z-index:9;}
.sidebar_fbm .side_menu {border:solid 1px #e5e5e5; margin-bottom:20px;background:#fff;}
.sidebar_fbm .side_menu .menuTitle {background:#f2f2f2;border-bottom:solid 1px #e5e5e5; padding:10px 25px; font-size:24px; line-height:1.2em; font-weight:bold; position:relative;}
.sidebar_fbm .side_menu .menuTitle span {font-size:16px;line-height:1.4em; font-weight:normal; display:block;}
.sidebar_fbm .side_menu .menuTitle strong {display:none; width:30px; height:50px; position:absolute; top:15px; right:25px; cursor:pointer; background:url(images/menuicon.png) no-repeat center center;}
.sidebar_fbm .side_menu .menu_list {padding:10px 25px;}
.sidebar_fbm .side_menu .menu_list a {display:block;}
.sidebar_fbm .side_menu .menu_list a:hover {color:#f26559; text-decoration:none;}
.sidebar_fbm .side_menu .menu_list dt {border-bottom:solid 1px #e5e5e5; padding:10px 0; margin:10px 0; font-size:18px; font-weight:bold;}
.sidebar_fbm .side_menu .menu_list dd {padding:10px 0; line-height:1.2em;}
.sidebar_fbm .side_menu .menu_list dt.return{ border:none;}
.pro_enter {padding:20px 20px 30px; text-align:center; border-top:solid 1px #e5e5e5;background:#fff;}
.pro_enter p {font-size:18px; line-height:1.2em; padding:5px 0 20px 0;}
.pro_enter a {border:solid 1px #83cf2a; color:#83cf2a; font-size:16px; display:inline-block; width:100px; padding:5px 10px;}
.pro_enter a:hover { background:#83cf2a; color:#fff; text-decoration:none;}
.artNew_css .container, .entry-content .container{ padding-left:25px;}
@media (max-width: 1640px) {
	.sidebar_fbm{width:200px;}
}
@media (max-width: 1500px) {
	.sidebar_fbm{width:147px;}
}
@media (max-width: 1365px) {
	.artNew_css .container, .entry-content .container{ padding-left:0;}
	.sidebar_fbm {float:none; width:1000px; position:inherit; margin: 20px auto;}
	.article_main .article_cont {padding:0;}
	.sidebar_fbm .side_menu .menuTitle {border-bottom:0;}
	.sidebar_fbm .side_menu .show_side {display:none;}
	.sidebar_fbm .side_menu .menuTitle strong {display:block;}
}
@media (min-width: 768px) and (max-width: 979px) {
	.sidebar_fbm{ width:750px; }
}
@media (max-width: 767px) {
	.sidebar_fbm{ width:480px;} 
}
@media (max-width: 479px) { 
	.sidebar_fbm{ width:320px;}	
}
/*artNew_css add 2015-7-30*/
.prenext{ border-bottom:dashed 1px #d4dce0; font-size:12px; line-height:35px; }
.cate-hot-title{ font-size:24px; line-height:60px; font-weight:bold; }
/*slidebg*/
.slidebg{background:url(hr.gif) no-repeat;margin-top:30px;}
.slidebg h2{padding:30px 0;}
.slidebox{position:relative; z-index:10;}
.slidebox .slides li{display:block;float:left;width:25%;height:240px;}
.slidebox .slides li div{ padding:0 10px 0 5px; }
.slidebox .slides li p{ font-size:16px; line-height:1.5em; padding-top:10px; }
.slidebox .slides li img{max-width:100%; max-height:120px;}
.slidebox .flex-control-paging{display:none;} 
.slidebox .flex-prev,.slidebox .flex-next{background:url(images/pre-next.jpg) no-repeat 0 0;width:23px;height:66px;position:absolute;top:40%;z-index:1;text-indent:-9999px;}
.slidebox .flex-prev:focus,.slidebox .flex-next:focus{outline:none;}
.slidebox .flex-prev{left:0px;margin-left:-40px;}
.slidebox .flex-next{background-position:center -67px;right:-35px;}
.slidebox .slides li h3{ font-size:16px; font-weight:bold;color:#333;padding:10px 0;}
@media (max-width: 979px) {
	.slidebox .slides li{width:30%;}
	.slidebox .flex-prev,.slidebox .flex-next{display:none;}
	.slidebox .flex-control-paging{ display:block; position:absolute;bottom:0;left:40%;text-align:center;list-style:none;margin-left:-50px;}
    .slidebox .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
    .slidebox .flex-control-paging li a{display:inline-block; background:#e0e0e0;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px; border-radius:20px;}
	.slidebox .flex-control-paging li a.flex-active{background:#FA594B;} 
}
@media (max-width: 767px) {
	.slidebox .slides li{width:47%;}	
}
@media (max-width: 479px) {
	.slidebox .slides li{float:none;width:auto; padding:0;}
}
.wallpaper .wallpaperList .item{ width:210px; float:left; overflow:hidden; margin:25px 0 0 17px;}
.wallpaper .wallpaperList .item.wid02{ width:435px; }
.wallpaper .wallpaperList .item .pic{ display:block; position:relative;}
.wallpaper .wallpaperList .item .pic:hover .icon{ position: absolute; z-index:1; top:0; left:0; background:url(images/down-icon-hover.png) no-repeat 50% 50%; width:100%; height:100%;}