@charset "utf-8";
/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"微软雅黑"; color:#fff;-webkit-text-size-adjust:none;overflow-x:hidden;background:#141414;border-top:#fff solid 0px;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}ul,li{list-style:none;}
li{vertical-align:bottom;}
a{color:#fff;text-decoration:none;cursor:hand;}
a:hover{color:#fff;text-decoration:underline;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}


/*头部控制*/
.header_area{ background:url(../images/header_bg.jpg) repeat-x center top; width:100%; height:146px;}
.header{ width:980px; margin:0 auto;}
.header_top{width:980px;height:81px; position:relative;}
.logo{ position:absolute; left:360px; top:0px; z-index:50000}

.header_fl{ float:left; padding-top:50px; padding-left:129px;}
.header_fr{ float:right;}
.nav{ width:980px; padding-top:27px;}
.nav li{ width:90px; font-family:"微软雅黑"; color:#fff; font-size:16px; font-weight:bold;height:34px; line-height:34px; text-align:center; float:left;}
.nav li a{color:#fff;}
.nav li a:hover{color:#fd9e06; text-decoration:none; background:url(../images/nav_login.png) no-repeat center bottom; display:block;}
.banner_area{ background:url(../images/banner_bg01.jpg) no-repeat center top; width:100%; height:380px;}



/*主体控制*/
.main_area{ width:980px; margin:0 auto;padding-top:15px;}
.main_fl{ width:695px; float:left;}
.pro_area{width:695px;}
.pro_title{ background:url(../images/pro_title_bg.jpg) no-repeat center top; width:695px; height:30px;}
.pro_bg{ background:#191919; width:693px; height:388px; border:#252525 solid 1px;}
.pro_list{ width:684px; padding-top:10px; padding-left:4px;}
.pro_list li{ margin:0px 8px; background:url(../images/pro_pic_bg.jpg) no-repeat; padding:7px; float:left; width:198px;height:170px; display:inline;}
.pro_list li a{color:#FFF}
.pro_pic{width:198px;height:134px;}
.pro_text{color:#565759; height:16px; line-height:16px; padding-top:20px;text-align:center;}
.pro_text a{color:#565759;}
.new_area{ width:270px; float:right;}
.new_title{ height:30px; background:url(../images/new_title_bg.jpg) no-repeat center top;}
.new_bg{width:268px; height:372px; border:#252525 solid 1px; padding-top:15px;}
.new_list{ width:260px;}
.new_list li{width:235px; margin-left:10px;background:url(../images/new_login.jpg) no-repeat left 10px; padding-left:15px; border-bottom:#ddd dashed 1px; color:#565759; height:29px;}
.new_list li a{color:#fff;}
.middle{width:980px; margin:0 auto;}
.middle_fl{ width:695px; float:left;padding-top:15px;}
.fran_area{ width:270px; float:left;}
.fran_title{ height:30px; background:url(../images/fran_title_bg.jpg) no-repeat center top;}
.fran_bg{ width:268px; height:183px; border:#252525 solid 1px;}
.fran_text{ color:#eee; font-family:"微软雅黑"; line-height:23px; padding:15px;}
.fran_more{color:#cc9a5d;}
.fran_more a{color:#cc9a5d;}
.com_area{ width:410px; float:right;}
.com_title{ height:30px; background:url(../images/com_title_bg.jpg) no-repeat center top;}
.com_bg{width:408px;height:183px; border:#252525 solid 1px;}
.com_pic{ padding:15px; float:left;}
.com_text{ padding:15px 15px 15px 15px;color:#eee; font-family:"微软雅黑"; line-height:23px;}
.con_area{ float:right; width:270px;padding-top:15px;}
.con_title{ background:url(../images/new_title_bg.jpg) no-repeat center top; height:30px;}
.con_bg{min-height:183px; border:#252525 solid 1px; width:268px; color:#CCC}
.con_pic{ padding:10px 14px 0px 14px;}
.con_text{ color:#eee; line-height:23px; padding:15px;}
.case_area{ width:980px; margin:0px auto; clear:both; padding-top:20px;}
.case_title{ background:url(../images/case_title_bg.jpg) no-repeat center top; height:30px;}
.case_bg{ border:#252525 solid 1px; width:978px; height:216px; padding-top:10px;}
.case{width:253px;}
.case_pic{ margin:0px 8px; background:url(../images/case_pic_bg.jpg) no-repeat; padding:7px; width:239px;height:163px;}
.case_text{color:#565759;text-align:center; line-height:26px; height:26px;width:253px; }
.case_text a{color:#565759;}


/*底部控制*/
.footer_area{background:url(../images/footer_line.jpg) no-repeat center top; width:100%; height:116px; margin-top:14px; clear:both;}
.footer{ width:750px; margin:0 auto; padding-top:15px;} 
.footer li{ width:91px; line-height:14px;  color:#fff; background:url(../images/shu.jpg) no-repeat right bottom; text-align:center; float:left;}
.footer li a{color:#fff;}
.footer li a:hover{color:#fff;}
.footer_text{ text-align:center; color:#565759; line-height:24px; padding-top:30px;}

/*二级页控制*/

.main02_fl{width:270px; float:left;}
.pro02_area{ width:270px;}
.pro02_title{ height:30px; background:url(../images/new_title_bg.jpg) no-repeat center top;}
.pro02_bg{width:268px; border:#252525 solid 1px; padding-top:15px; padding-bottom:10px; clear:both;}
.pro02_list{ width:260px;}
.pro02_list li{width:160px; margin-left:10px;background:url(../images/new_login.jpg) no-repeat 50px 10px; padding-left:90px; border-bottom:#2a2a2c dashed 1px; color:#565759; height:29px; font-size:13px;}
.pro02_list li a{color:#fff;}


.com02_area{width:695px; float:right;}
.com02_title{ background:url(../images/pro_title_bg.jpg) no-repeat center top; width:695px; height:30px;}
.com02_bg{ background:#191919; width:693px; height:auto; border:#252525 solid 1px; float:left}
.com02_text{ padding:30px 20px; color:#fff; line-height:25px;}


.product_all{ padding:30px 20px; color:#fff; line-height:25px;}
.product_all ul{width:653px; float:left;}
.product_all ul li{width:200px; float:left;margin:0 8px 10px 7px; text-align:center}
.product_all ul li a{width:200px; float:left;}
#page{width:653px; float:left; text-align:center;margin:10px 0}
#page a{margin:0 5px;}
.product_show{width:653px; float:left}
.show_tit{width:100%;float:left; text-align:center; margin:0 0 10px; font-size:19px;  font-weight:600; letter-spacing:2px;}
.show_img{width:100%;float:left; text-align:center}
.show_con{width:100%; text-align:left; color:#CCC}
.show_page{width:100%;float:left; margin:10px 0;}

.news_all{ padding:20px 20px; color:#fff; line-height:25px; float:left}
.news_all ul{width:653px; float:left;}
.news_all ul li{width:653px; float:left; line-height:30px; border-bottom:1px dashed #CCCCCC;}
.news_all ul li a{width:553px;float:left;}
.news_all ul li span{width:90px;padding-right:10px; text-align:right;float:left;}