/*promo-container*/
.support_text{ overflow:hidden;clear:both;padding-bottom:30px;}
.support_box{width:1000px; margin:0 auto;}
.support_box p{ line-height:24px;color:#414141;font-weight:300; font-size:15px;}
.support_box h2{ color: #267500; font-size:17.2px; font-weight:200;}

.support_text h1{padding:0 0 10px 0;}
.support_text h1 b{display:block;line-height:30px;font-weight:400;color:#333;margin-bottom:5px;}
.support_text p{ line-height:24px;color:#444;font-weight:300;}
.support_text p a{color:#0099ff;}
.support_text p a:hover{text-decoration:underline;}
.support_option{border:1px solid #ddd;border-right:none;}
.support_option .ceil{width:33.33%;text-align:center;float:left;}



.help_case{width:70%;}
.help_case h1{ border-bottom: 1px solid #DDDDDD;
    color: #222222;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 15px;}
.help_case ul{width:100%;padding-top:25px;}
.help_case ul li{margin-bottom:15px;}
.help_case ul li h2{line-height:24px;color:#444;font-weight:400;padding-left:25px;cursor:pointer;font-size:18px;}
.help_case ul li h2.hover{background:url("../add_icon2.html") left top no-repeat;}
.help_case ul li .answer{ padding:10px;margin:20px 0 0 20px;border:1px dashed #ddd;display:none;}
.help_case ul li .answer p{line-height:22px;font-weight:300;color:#111;}
.left_past{width:70%;}
.right_past{width:25%;padding-top:30px;}






.main {
	height: auto;
	margin: 0 auto;
	clear: both;
	width: 1000px;
}
.main {
	clear: both;
}

@charset "utf-8";

.main .tab{padding-top:10px; float:left;}

/* CSS Document */
.border{border-color:#0082b5;}
.product_list{ padding-top:30px;clear:both;padding-bottom:50px;}
.toppro_nav{padding:30px 0;}
.toppro_nav h1{font-size:20px;color:#fff;font-weight:300; width:1000px; padding-left:40px;margin:0 auto;}
.toppro_nav h1 b{font-weight:400;color:#fff;display:block;padding-top:10px;}
.float_menu{
	width:100%;
	margin:0 auto;
	background-color: #00D07E;
	background-repeat: no-repeat;
	background-position: center center;
}
.float_menu .tab span{float:left;height:35px;line-height:35px;cursor:pointer;text-align:center;color:#555;font-weight:600;}
.float_menu .tab span a{display:block;color:#eee;padding:0 20px; font-size:17px;}
.float_menu .tab span a:hover{color:#fff;text-decoration:underline; background-color: #FFCC33; text-decoration: none; border-radius:15px;}
.float_menu .tab span.hover a{
	text-decoration: none;
	
}



.k1{background-color: #FFCC33; border-radius:15px;}


/*promo-container*/
.resources_overview{ overflow:hidden;clear:both;padding-bottom:10px;}
.resources_overview h1{padding:30px 0 15px 0;height:24px;line-height:24px;font-weight:400;color:#333;}
.resources_overview{padding-top:30px;}
.resources_overview p{ line-height:24px;color:#444;font-weight:300;}
.support_option{
	
	display:table;
	border-right:none;
	background-color: #FFFFFF;
}
.support_option .ceil{ display:table-cell;border-right:1px solid #ddd;min-height:300px;width:33.1%;text-align:center;}
.support_option .ceil img{padding-top:30px;}
.support_option .ceil h2{line-height:24px;color:#444;font-weight:600;}
.support_option .ceil p{color:#555;font-weight:400;line-height:24px;padding:20px 10px;}
.coming_soon{color:#41abe1;font-style:italic;text-align:center;font-weight:400;padding:10px;clear:both;}
@media all and (max-width:1023px){
	.support_option .ceil img{width:80%;}	
}
@media all and (max-width:539px){
	.support_option .ceil img{width:80%;}	
}
@media all and (max-width:479px){
	.support_option{ border:1px solid #ddd;background:#f2f2f2;}
	.support_option .ceil{width:50%;text-align:center;float:left;border:0;padding:0;display:block;height:320px;}
	.support_option .ceil img{width:80%;}
}
/*featured articles*/
.articles{width:100%;padding:30px 0 0 0;overflow:hidden;clear:both;}
.articles>div{width:32%;}
.articles .first{margin-right:2%;}
.articles .first .col-1{position:relative;border:1px solid #ddd;overflow:hidden;}
.articles img{width:100%;}
.articles p{ position:absolute;background:url("../webp/opacity_bag.webp") repeat;color: #FFFFFF;opacity:0.92; bottom:-1px;padding:15px 2%;width:97%;}
.articles .second .col-1{position:relative;border:1px solid #ddd;overflow:hidden;}
.articles .second .col-2,.articles .second .col-3{width:47%;border:1px solid #ddd;position:relative;margin-top:18px;overflow:hidden;}
.articles .third .col-1{position:relative;border:1px solid #ddd;overflow:hidden;}
.articles .third .col-2{position:relative;border:1px solid #ddd;overflow:hidden;margin-top:18px;}
.latest_articles{width:74%;padding:40px 0; height:800px;}
.latest_articles h1{line-height:50px;font-weight:400;color:#222;border-bottom:1px solid #ddd;margin-bottom:15px;}
.latest_articles ul{padding:20px 0;}
.latest_articles ul li{ margin-bottom:30px;clear:both;overflow:hidden;border-bottom:1px dashed #ddd;padding-bottom:15px;}
.latest_articles ul li:last-child{border:0;}
.latest_articles ul li .articles_ico{width:28%;border:1px solid #ddd;}
.latest_articles ul li .articles_ico img{width:100%;}
.latest_articles ul li .articles_text{width:70%;}
.latest_articles ul li .articles_text h4,.latest_articles ul li .articles_text h4 b{ font-weight:400;}
.latest_articles ul li .articles_text h4 b{ color:#42a0f6;padding:0 5px;}
.latest_articles ul li .articles_text h4 span{ color:#d24923;}
.latest_articles ul li .articles_text h2{padding:10px 0;}
.latest_articles ul li .articles_text h2 a{font-weight:400;color:#000;font-size:20px;}
.latest_articles ul li .articles_text h2 a:hover{text-decoration:underline;}
.latest_articles ul li .articles_text p{color:#444;line-height:24px;height: 120px;overflow: hidden;}
.left_apart{width:22%;padding-top:20px;}
.hot_pro{padding:20px;background:#e8e8e8;margin-bottom:30px;overflow:hidden;}
.hot_pro h1{line-height:50px;font-weight:400;color:#222;border-bottom:1px solid #999;margin-bottom:15px;}
.hot_pro p{ clear:both;overflow:hidden;margin-bottom:8px;display:table;}
.hot_pro p span{cursor:pointer;word-break:break-all;word-wrap:break-word;display:table-cell;vertical-align:middle;}
.hot_pro p span img{width:80px;padding-right:10px;}
.hot_pro ul{color:#41abe1;}
.hot_pro ul li{line-height:22px;border-bottom:1px dashed #999;padding:0 0 10px 0;margin-bottom:10px;list-style:disc;}
.hot_pro ul li a{color:#222;}
.hot_pro ul li a:hover{text-decoration:underline;color:#41abe1}
.hot_pro h2 a{ float:left;width:25%;}
.hot_pro h2 a img{width:100%;}
.hot_pro p a{display:block;overflow:hidden;line-height:24px;font-weight:400;color:#333;}
.hot_pro p a:hover{text-decoration:underline;}
.articles_content{width:74%;padding:40px 0;}
.articles_content .title{font-weight:600;color:#222;line-height:24px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px;}
.writer_infor{background:#f1f1f1;overflow:hidden;padding:15px;}
.writer_infor h2{float:left;width:66%;font-weight:400;color:#000;font-size:18px;}
.writer_infor h2 span{color:#333;}
.writer_infor div{width:100%;display:table; }
.writer_infor div p{clear:both!important;display:table-cell;vertical-align:middle;float:none!important;}
.writer_infor div p img{width:90%;}
.writer_infor div p.ico{width:10%;}
.writer_infor div p a{color:#41abe1;padding:0 5px;}
.writer_infor div p a:hover{text-decoration:underline;}
.writer_infor div p:last-child{width:90%;}
.articles_main{padding:30px 0;clear:both;}
.articles_reco{clear:both;margin:20px 0;}
.articles_reco h1{line-height:50px;font-weight:400;color:#222;border-bottom:1px solid #ddd;margin-bottom:25px;}
.articles_reco ul li{width:31%;float:left;margin-right:3.5%;overflow:hidden;}
.articles_reco ul li:last-child{margin-right:0!important;}
.articles_reco ul li .articles_ico img{width:100%;}
.articles_reco ul li .articles_ico{overflow:hidden;border:1px solid #ddd;}
.articles_reco ul li .articles_ico,.articles_reco ul li .articles_text{width:99%;}
.articles_reco ul li .articles_text h2{padding:10px 0;line-height:24px;overflow: hidden;}
.articles_reco ul li .articles_text h2 a{font-weight:300;color:#000;font-size:20px;}
.articles_reco ul li .articles_text h2 a:hover{text-decoration:underline;}
.articles_reco ul li .articles_text p{color:#444;line-height:24px;height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:none;}
.articles_main p{line-height:25px;margin-bottom:15px;}
.articles_main p img{max-width:90%;height:auto!important;}
.articles_main h1{font-weight:400;line-height:22px;margin:35px 0 15px;}
.articles_main h2{font-weight:400;margin-bottom:15px;}
.articles_main p b,.articles_main p strong{font-weight:600;}
.articles_main a,.articles_main a b,.articles_main a strong{ color:#06F}
.articles_main a:hover{text-decoration:underline!important;}

.feature-list{overflow:hidden;margin-top:25px;}
.feature-list h1{padding:15px 0;}
.feature-list h1{font-weight:400;color:#222;font-size:26px;}
.feature-list h1 a{font-weight:400;color:#222;font-size:14px;padding-left:25px;text-decoration:underline;}
.feature-list h1 a span{font-size:12px;padding-left:5px;font-weight:400;}
.feature-list a:hover{color:#F00;}
.feature-list ul li{float:left;width:25%;overflow:hidden;max-width:340px;}
.feature-list ul li a{margin:5px;display:block;border:1px solid #ddd;padding:5px;}
.feature-list h2{font-size:18px;color:#000;padding:8px 0;}
.feature-list ul li img{width:100%;}
.loading{background:url("../loading2.html") no-repeat top center;width:100%;height:132px;}
@media all and (min-width:1280px){
	.feature-list ul li a{min-height:280px;}
	}
@media screen and (min-width:1024px) and (max-width:1279px){
	.feature-list ul li a{min-height:0;}
	.feature-list h2{font-size:16px;}
}
@media screen and (min-width:960px) and (max-width:1023px){
	.feature-list ul li a{min-height:225px;}
	.feature-list h2{font-size:16px;}
}
@media screen and (min-width:768px) and (max-width:959px){
	.feature-list ul li a{min-height:200px;}
	.feature-list h2{font-size:14px;}
}
@media screen and (min-width:480px) and (max-width:767px){
	.feature-list ul li{width:50%;}
	.feature-list ul li a{min-height:305px;}
	.feature-list h2{font-size:16px;}
}
@media screen and (max-width:479px){
	.feature-list ul li{width:100%;}
}
@media all and (max-width:768px){
	.help_case ul li h2{font-size:15px;}
	.articles_reco ul li .articles_text h2 a{font-size:16px;}
	.writer_infor h2{font-size:16px;}
}
@media all and (max-width:640px){
	.product_list .product_tab{position:fixed;height:auto;overflow:hidden;width:120px;right:0;top:64px;background:#41abe1;z-index:50;}
	.product_list .product_tab ul{height:auto;border:0;}
	.product_list .product_tab ul li{float:none;clear:both;width:120px;}
	.product_list .product_tab ul li a{height:35px;border:0;line-height:35px;text-align:left;text-indent:5px;color:#fff;}
	.product_list .product_tab ul li a b{display:none;}	
	.product_list .product_tab ul li a:hover{color:#fff;background:#0087bb;}
	.product_list .product_tab ul li.hover a{border:0;background:#0087bb;color:#fff;}
	.articles>div{width:100%;margin-right:0!important;}
	.articles>div img{max-width:225px;display:block;margin:0 auto;}
	.articles>div>div{margin:0 0 15px 0!important;}
	.left_apart{display:none;}
	.latest_articles{width:100%;}
	.articles_content{width:100%;}
}

@media all and (max-width:479px){
	.latest_articles ul li .articles_ico,.latest_articles ul li .articles_text{float:none!important;}
	.latest_articles ul li .articles_ico{width:70%;margin-bottom:10px;}
	.latest_articles ul li .articles_text{width:100%;}
	.articles_reco ul li .articles_text h2 a{font-size:14px;}
	.articles_reco ul li{width:80%;}
	.writer_infor h2{font-size:14px;}
}


.guide-list{width:1000px; margin:0 auto;}
.guide-left{width:400px; float:left;}
.guide-right{width:400px; float:right;}


.guide-list dl{ width:480px; padding-top:15px; background:#FFFFFF;}.guide-list dl dt{ font-size:18px; color:#527531; background-color:#BED9A5; height:35px; line-height:35px; text-align:center; margin-bottom:15px;}.guide-list dl dd{background:url(../text.html) 20px 2px no-repeat; padding:0 20px 0 10px;}.guide-list dl dd a{ margin-bottom:6px; display:block; font-size:15px; line-height:24px; font-family:Arial, Helvetica, sans-serif;	color: #7B7B7B;}
.guide-list dl dd a:hover{ color: #00CCFF;}	
.guide_box{width:1000px; margin:0 auto; margin-bottom:80px; }