@charset "utf-8";
/* CSS Document */
.index_banner{ width:1003px; height:154px; background-color:#000000; padding-top:15px; text-align:center;}
.index_banner img{ text-align:center; margin-top:10px;}
.main_body{ float:left; width:1003px; padding-top:10px; background-color:#000000; display:inline;}
.main_bodys{ float:left; width:945px; margin-left:29px; display:inline; text-align:left; display:inline; }
.main_bodysanli{width:945px; text-align:left; background:url(../images/main_bg.gif) no-repeat; }
.main_contents{ background-color:#000000; color:#BEBCBC;}
.taocantuijian{ float:left; display:inline; margin-top:-15px;}
.main_left_box2{margin-bottom:10px;}

/*news*/
.news_left{ float:left; width:280px; display:inline;}
.news{ float:left; width:664px; display:inline;}
.news_nav{ float:left; margin-left:10px; color:#BEBCBC;}
.news_nav a, .news_nav a:hover{ color:#BEBCBC;}
.news h2{ width:644px; font-size:14px; color:#BEBCBC; margin-top:10px; text-align:left; padding-left:20px;}
.news_topic{ width:640px; text-align:center;  font-size:18px; font-weight:bold;}
.news ul{ float:left; margin-left:10px; margin-top:10px; display:inline;}
.news ul li{ float:left; padding-left:20px; width:600px; text-align:left; height:25px; background:url(../images/001.gif) no-repeat;}
.news ul li a, .news ul li a:hover{ color:#FFFFFF;}
.main_shijian{ float:left; color:#BEBCBC; width:640px; text-align:right; margin-left:10px; padding-bottom:3px; border-bottom:1px dashed #999999;}
.news_content{ float:left; width:640px; margin-left:10px; margin-top:10px; text-align:left; color:#FFFFFF;}
.news_content p{ line-height: 1.5em; text-indent:2em; letter-spacing: 0.1em; color:#FFFFFF;}
.news_content div{ line-height: 1.5em; text-indent:2em; letter-spacing: 0.1em; width:640px; text-align:left; color:#FFFFFF;}


/*news1*/
.news1{ float:left; width:480px; display:inline;}
.news1 span{ float:right;}
.news_nav{ float:left; margin-left:10px; color:#BEBCBC;}
.news_nav a, .news_nav a:hover{ color:#BEBCBC;}
.news1 h2{ width:480px; font-size:14px; color:#BEBCBC; margin-top:10px; text-align:left; padding-left:20px;}
.news1_topic{ width:460px; text-align:center;  font-size:18px; font-weight:bold;}
.news1 ul{ float:left; margin-left:80px; margin-top:10px; display:inline;}
.news1 ul li{ float:left; padding-left:20px; width:400px; text-align:left; height:20px; background:url(../images/001.gif) no-repeat; border-bottom:1px dotted #999999; margin-top:8px;}
.news ul li a, .news ul li a:hover{ color:#FFFFFF;}


/*JSP建站*/
.jsp_fuwu{ float:left; display:inline; width:210px; margin-left:15px; margin-top:15px; line-height: 1.5em; color:#FFFFFF;}
.jsp_left{ float:left; width:271px; margin-top:5px; display:inline;}
.jsp_mid{ float:left; width:415px; margin-left:9px; margin-top:5px; display:inline;}
.jsp_right{ float:left; width:230px; margin-left:9px; margin-top:5px; display:inline;}
.jsp_left_box{ float:left; width:275px; height:571px; margin-bottom:10px; border:1px solid #626262; background:#2B2C2C; text-align:left; display:inline;}
.jsp_mid_box1{ float:left; border:1px solid #626262; width:415px; height:297px; margin-bottom:10px; background:#2B2C2C; text-align:left; display:inline;}
.jsp_mid_box2{ float:left; border:1px solid #626262; width:415px; height:262px; margin-bottom:10px; background:#2B2C2C; text-align:left; display:inline; overflow:hidden;}
.jsp_right_box1{ float:left; border:1px solid #626262; width:230px; height:237px; margin-bottom:10px; background:#2B2C2C; text-align:left; display:inline;}
.jsp_right_box2{ float:left; border:1px solid #626262; width:230px; height:322px; margin-bottom:10px; background:#2B2C2C; text-align:left; display:inline;}
.jsp_left_box_title_bg{ float:left; margin-left:5px; margin-top:2px; background:url(../images/jsp_left_bg.gif) no-repeat; width:234px; height:29px; text-align:left; padding-left:30px; padding-top:7px; display:inline;}
.jsp_mid_box_title_bg{ float:left; margin-left:5px; margin-top:2px; background:url(../images/jsp_mid_bg.gif) no-repeat; width:373px; height:29px; text-align:left; padding-left:30px; padding-top:7px; display:inline;}
.jsp_right_box_title_bg{ float:left; margin-left:5px; margin-top:2px; background:url(../images/jsp_right_bg.gif) no-repeat; width:193px; height:29px; text-align:left; padding-left:30px; padding-top:7px; display:inline;}

.jsp_mid_box2 p{ margin-left:20px; width:370px; line-height:20px; color:#C2C2C2;}
.jsp_left_box ul{ float:left; margin-top:10px; margin-left:5px; width:224px; display:inline;}
.jsp_left_box ul li{ padding-bottom:20px;}
.jsp_left_img{ border:5px solid #666666; width:224px;}
.jsp_left_img img{ width:224px;}
.jsp_left_title{ padding-left:15px; width:234px; text-align:center;}

.jsp_right_box1 ul, .jsp_right_box2 ul{ width:220px; margin-left:10px;}
.jsp_right_box1 ul li, .jsp_right_box2 ul li{ width:205px; padding-left:15px; background:url(../images/index_ico.jpg) no-repeat; height:21px;}
.jsp_right_box2 ul{ margin-top:5px;}

.jsp_mid_imgs{ float:left; width:161px; margin-left:8px; display:inline;}
.jsp_mid_img{ border-bottom:3px solid #898989; border-top:3px solid #898989; border-left:2px solid #898989; border-right:2px solid #898989;}
.jsp_mid_img_title{ float:left; width:161px; text-align:center; margin-top:5px; display:inline;}
.jsp_mid_title{ float:left; width:215px; text-align:left; margin-left:10px; display:inline;}
.jsp_mid_box1 ul{ float:left; width:215px; margin-top:10px; display:inline;}
.jsp_mid_box1 ul li{ background:url(../images/index_ico.jpg) no-repeat; padding-left:15px; width:200px; height:19px;}
.jsp_mid_box12{ float:left; margin-top:20px; margin-left:0px; display:inline;}
.jsp_mid_box12 img{ padding-left:20px;}

/*案例展示*/
.main_line{ float:left; z-index:10000; margin-top:0px; margin-left:2px; display:inline;}
.nav_img{ width:945px; height:42px; background-color:#000000; padding-top:10px;}
.nav_img img{ float:left; width:945px; height:32px; display:inline;}
.anli{ float:left; width:890px; margin-left:28px; height:110px; text-align:left; display:inline;}
.anli1{ float:left; margin-top:14px; margin-left:5px; background:url(../images/left_nav_bg.jpg) no-repeat; width:141px; height:101px; display:inline;}
.anli1 ul{ float:left; margin-left:35px; width:60px; margin-top:3px; display:inline;}
.anli1 ul li{ width:60px; height:25px;}
.anli1 ul li h2 strong a, .anli1 ul li h2 strong a:hover{ font-size:12px; font-weight:bold;}
.anli2{ float:left; width:740px; margin-top:14px; display:inline;}
.anli2 ul{ float:left; margin-top:3px; display:inline;}
.anli2 ul li{ width:700px; height:23px; text-align:left;}
.anli2 ul li span{ float:left;}
.anli2 ul li span h2 strong{ float:left; padding-left:10px;}
.anli2 ul li span h2 strong a, .anli2 ul li span{ color:#BEBCBC;}
.anli_chanpin{ width:700px; border-top:5px solid #484848; border-bottom:5px solid #484848; border-left:1px solid #484848; border-right:1px solid #484848;}
.anli_chanpin img{ width:700px;}
.anli_anli{ float:left; width:729px; display:inline;}
.anli_anli ul li{ float:left; text-align:left; width:154px; height:152px; color:#999999; margin-left:11px; margin-top:18px; display:inline;}
.anli_anli ul li a, .anli_anli ul li a:hover{ color:#999999;}
.anli_box{ border:1px solid #484848; text-align:left; width:154px; height:132px;}
.anli_box img{ float:left; width:150px; height:95px; margin-top:20px; margin-left:2px; display:inline;}
.anli_box_on{ border-left:1px solid #484848; border-right:1px solid #484848; border-top:20px solid #484848; border-bottom:20px solid #484848; text-align:left; width:154px; height:95px;}
.anli_box_on img{ float:left; margin-left:2px; display:inline;}
.content_line{ height:5px; width:729px; margin-top:30px; border-top:1px solid #484848;}
.anli_content{ float:left; display:inline; width:729px; margin-bottom:10px;}
.anli_content h2{}
.anli_content div{ margin-bottom:10px; line-height: 1.5em; letter-spacing: 0.1em; color:#FFFFFF;}
.anli_content div p{ line-height: 1.5em; text-indent:2em; letter-spacing: 0.1em; color:#FFFFFF;}
.main_title_bg{ float:left; background:url(../images/main_title_bg.jpg) no-repeat; width:916px; height:39px; margin-left:15px; margin-top:10px; display:inline;}
.content{ float:right; width:734px; margin-right:25px; margin-top:20px; display:inline;}
.news_bg{ float:left; background:url(../images/news_bg.jpg) no-repeat; margin-top:20px; width:734px; height:40px; display:inline; }
.news_title{ float:left; margin-top:15px; margin-left:20px;}
.news_title h2 strong a{ font-size:14px; color:#FFFFFF;}
.news_title h2 strong a:hover{ font-size:14px; color:#FFFFFF;}
.news_more{ float:right; margin-right:20px; margin-top:22px; display:inline;}
.news_mores{ float:right; margin-right:20px; margin-top:22px; display:inline;}
.news_mores a, .news_mores a:hover{ font-size:12px; color:#FFFFFF;}
.news_more img{ float:right; margin-top:4px; display:inline;}
.anlu{ float:left; margin-top:10px; display:inline;}
.anlu ul li{ float:left; padding-left:10px; padding-bottom:10px;}
.anli_topic{ width:24px; padding-top:5px; padding-bottom:5px; width:222px; text-align:center;}
.main_title_left{ float:left; margin-left:74px; margin-top:10px; display:inline;}
.main_title_left h2 strong a,.main_title_left h2 strong a:hover{ font-size:14px;}
.main_title_left1{ float:left; margin-left:40px; margin-top:12px; display:inline;}
.main_form{ float:left; margin-left:10px; margin-top:10px; display:inline; color:#424242;}
.main_form input, .main_form select{ color:#424242;}
.search_submit{ float:left; margin-left:10px; margin-top:7px; display:inline;}


/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
/****************************************************************************************************************/
.jsp_main1{ width:210px; margin-left:10px;}
.jsp_main11{ float:left; width:100px; margin-right:10px; margin-bottom:3px;}
.jsp_main12{ float:left; width:100px; margin-bottom:3px;}
.jsp_main11 span, .jsp_main12 span{ float:left; width:100px; text-align:center;}
.jsp_main12 span a, .jsp_main11 span a, .jsp_main12 span a:hover, .jsp_main11 span a:hover{ color:#FFFFFF;}
.jsp_mid_box2, .jsp_mid_box2 p{ color:#FFFFFF;}
ul li a, ul li a:hover{ color:#FFFFFF;}