﻿img{border:0;}
#main_res {}
#main_title {}
#main_title h1 { padding:10px; font-size:18px;}
#main_content { background:url(../image-style/res_cen.jpg) repeat-y;}
#main_content_left { width:840px; float:left;}
#main_content_left_top { background:url(../image-style/res_top.jpg) no-repeat; padding:15px 20px 10px;}
#main_content_left_top p { padding:10px; line-height:20px;}
#main_content_left_top_bt { background:url(../image-style/res_top_bt.jpg) no-repeat; padding:15px 20px 10px;}
#main_content_left_top_bt p { padding:10px; line-height:20px;}
#main_content_left_top_right { width:288px; float:right; margin:10px 10px 0 30px;}
#main_content_left_top_right_top { height:16px; background:url(../image-style/res_adv_top.gif) no-repeat; }
#main_content_left_top_right_cen { background:url(../image-style/res_adv_cen.gif) repeat-y;}
#main_content_left_top_right_cen p { padding:12px; font-size:14px; font-weight:bold; line-height:20px; font-style:italic;}
#main_content_left_top_right_cen img { margin-left:30px;}
#main_content_left_top_right_btm { height:42px; background:url(../image-style/res_adv_btm.gif) no-repeat;}

#main_content .box{width:775px; position:relative; margin-top:15px; font-size:13px;}
#main_content .box img.abs{position:absolute; top:-8px; right:-11px;}
#main_content .box .left{width:325px; height:270px; float:left; background:#ebeae5; text-align:center;}
#main_content .box .left h4{color:#009cff; padding-top:30px;}
#main_content .box .left p{text-align:left; padding-left:25px;}
#main_content .box .left p.txt{padding-top:35px;}
#main_content .box .left p.txt span{font-weight:700; color:#0aac29;}
#main_content .box .left p.tips{padding-top:5px;}
#main_content .box .left .button{padding-top:38px;}

#main_content .box .right{width:412px; height:240px; float:right; background:#00abf5; padding:30px 0 0 38px; margin-bottom:11px;}
#main_content .box .right h4{color:#eaff01;}
#main_content .box .right p.ti{padding:8px 0 0 0; color:#fff; font-weight:700;}
#main_content .box .right ol{list-style:none; color:#fff; padding:0; margin-bottom:5px;}
#main_content .box .right ol li{padding-left:25px; background:url(../image-style/t.png) no-repeat left center;}
#main_content .box .right p.a{padding:0 0 0 25px;}
#main_content .box .right p.a a{color:#36ff00; padding-left:3px; text-decoration:underline;}
#main_content .box .right .button{width:193px; font-weight:700; padding:20px 0 0 90px;}
#main_content .box .right .button p{padding:0; text-align:center;}
#main_content .box .right .button p del{color:#636363;}
#main_content .box .right .button p span{font-size:18px; color:red;}

#main_content .box img.vs{display:block; margin:0 auto;}

#main_content .box .bottom{height:172px; background:#4d4d55; margin-top:15px; border-top:3px solid #eb692d; padding:5px 0 0 15px;}
#main_content .box .bottom p{color:#fff; font-weight:700;}
#main_content .box .bottom p span{color:#ff6a42;}
#main_content .box .bottom ol{color:#c6c6c6; padding:0 0 0 27px; margin-top:5px;}
#main_content .box .bottom ol li{line-height:22px;}
#main_content .box .bottom .say{padding:8px 0 0 10px;}
#main_content .box .bottom .say span.ti{color:#fff; background:none; padding-left:0; margin-right:20px;}
#main_content .box .bottom .say span{color:#ff6a42; font-weight:700; background:url(../image-style/x.png) no-repeat left center; padding-left:25px; margin-right:40px;}

#main_hot { height:44px; width:720px; background:url(../image-style/hot.jpg); padding:14px 30px 0 30px; font-weight:bold;} 
#main_hot h2 { font-weight:bold; font-size:12px;}
#main_content_left h2 { font-weight:bold; font-size:14px; padding:16px 0 0 10px;}
#main_title02, #main_title3 { background:url(../image-style/titile.jpg); width:780px; height:42px; padding:25px 0 0 20px;}
#main_title02 h3, #main_title03 h3 { font-size:14px;}
#main_content_left_top ul { margin:0; padding:0 0 0 25px;}
#main_content_left_top ul li {  padding:15px 20px 10px; line-height:20px; }
#main_content_left_top_bt ul { margin:0; padding:0 0 0 25px;}
#main_content_left_top_bt ul li {  padding:15px 20px 10px; line-height:20px; }
#mian_bottom { height:164px; width:800px; background:url(../image-style/res_bottom.jpg) no-repeat; padding:0px 20px 10px;}
#mian_bottom_left, #mian_bottom_right { width:780px; float:left;}
#mian_bottom_left p { font-size:11px; padding:6px 20px; line-height:20px;}
#mian_bottom_left b { font-size:13px; padding:22px 0 0 20px; float:left;}
#mian_bottom_left img { margin:16px 0 0 50px;}
.note {font-size:8px;}
a.external{background:url(../image-style/external.png) center right no-repeat;padding-right:14px; text-decoration:underline;}
/*----------------------------------------*/
#mian_right { width:254px; float:left; padding:5px 5px 5px 0;}
#mian_right_adv {}
#mian_right_adv_02 { padding:10px 0;}
#mian_right_articles {}
#mian_right_articles h3 { padding:10px; font-size:15px;}
#mian_right_articles ul { margin:0; padding:0 0 0 10px; list-style:none;}
#mian_right_articles ul li { margin:0; padding:4px 0 4px 12px; background:url(../../pic_style/arc.jpg) no-repeat left center;}
/*------*/
#Div_seo { }
#Div_seo P { margin:0; padding:10px; line-height:28px;}
#Div_seo P b { font-size:16px; text-decoration:underline;}
#Div_seo P i { font-size:20px; font-style:normal;}
#Div_seo a { color:#2574B7; text-decoration:none;}
#Div_seo a:hover { color:#2574B7; text-decoration:underline;}
#Div_seo h3 { padding:10px 10px 0 10px; font-size:15px;}
/*--------------------------------------*/
#Newsletter { background:url(../image-style/litter.jpg) no-repeat; height:181px; padding:0 0 0 10px}
#Newsletter h3 { color:#15B9FE; font-size:14px; padding:10px 0 5px 25px; }
#Newsletter p { padding:5px 20px 5px 10px;}
#Newsletter form { margin:0 20px 0 10px;}

@media (min-width: 768px) and (max-width: 979px) {
	
	#main_title h1 { padding:5px 0; font-size:15px; line-height:24px;}
#main_content { background:#FFF; border:1px dashed #CCC; }
#main_content_left { width:100%; float:none;}
#main_content_left_top { background:none; padding:5px 0 0;}
#main_content_left_top_right { display:none;}
#main_content_left img { float:none; }
#main_content_left p img { }
#main_content_left_top_right_btm {   background:nonet;}
#mian_bottom { width:100%; background:#f9f9f9; padding:0px;}
#main_title02, #main_title3 { background:#f9f9f9; width:100%; height:30px; line-height:30px; padding:5px 0;}
#mian_bottom  { display:none;}

#mian_right { width:100%; float:none; padding:5px 0;}
}

@media (min-width: 480px) and (max-width: 767px) {

#main_title h1 { padding:5px 0; font-size:15px; line-height:24px;}
#main_content { background:#FFF; border:1px dashed #CCC; }
#main_content_left { width:100%; float:none;}
#main_content_left_top { background:none; padding:5px 0 0;}
#main_content_left_top_right { display:none;}
#main_content_left img { float:none; }
#main_content_left p img {  }
#main_content_left_top_right_btm {   background:nonet;}
#mian_bottom { width:100%; background:#f9f9f9; padding:0px;}
#main_title02, #main_title3 { background:#f9f9f9; width:100%; height:30px; line-height:30px; padding:5px 0;}
#mian_bottom  { display:none;}

#mian_right { width:100%; float:none; padding:5px 0;}	
	
}


@media  (max-width: 479px) {
#main_title h1 { padding:5px 0; font-size:15px; line-height:24px;}
#main_content { background:#FFF; border:1px dashed #CCC; }
#main_content_left { width:100%; float:none;}
#main_content_left_top { background:none; padding:5px 0 0;}
#main_content_left_top_right { display:none;}
#main_content_left img { float:none; }
#main_content_left p img { width:100%; display:block;}
#main_content_left_top_right_btm {   background:nonet;}
#mian_bottom { width:100%; background:#f9f9f9; padding:0px;}
#main_title02, #main_title3 { background:#f9f9f9; width:100%; height:30px; line-height:30px; padding:5px 0;}
#mian_bottom  { display:none;}

#mian_right { width:100%; float:none; padding:5px 0;}

}