@charset "utf-8";
/* 全局 */
dl{padding:0}

ul,ol{padding-left:0;list-style-type:none}
a img{border:0}
img{border:0}
/* 页面全局 */
.e_tbg{
	background-image: url(../images/e_tbg2.gif);
	height:100px;
	background-repeat: repeat-x;
	background-position: 3px 0;
}
.e_body{width:1000px;padding:0 0 0 0;margin:0 auto}
.e_ad{ width:100%; text-align:center; height:380px;padding:0 0 0 0;margin:0 auto}
.e_lnews{ width:100%; background-image: url(../images/ad_line.gif); height:31px; padding:0 0 0 0; margin:0 auto}
.e_ico_about{margin-left:28px;background:url(../images/pic_web.gif) 0 60px no-repeat}
.t_line{width:100%; padding:0 0 0 0;margin:0; height:4px; background-color:#cdcdcd;  overflow:hidden; width:100%; clear:both; }
.t_lbg{ width:100%; padding:0 0 0 0;margin:0; height:40px; /*line-height:40px;*/}
.bg_nav{background-color:#545E5F;height:10px}
.back_top{background:url(../images/back_top.gif) repeat-x}
.body_box{width:1001px;padding:0 0 0 0;margin:0 auto}
.index_bg{
	background-image: url(../images/LOGO.gif);
	background-repeat: no-repeat;
	background-position: 0px 0;
}
.t_ad{height:200px; overflow:hidden; width:100%; clear:both; text-align:center; margin:0; padding:0;}


ol .le{width:50px!important}
ol .me{margin:0 10px}
.msg{margin-top:0px; text-align:right}
.container h3 span{font-weight:normal}
.dashed{background:url(../images/point_20.gif) repeat-x;height:40px}
.tb-p-c img {
  vertical-align:middle;
}
.tb-p-c{
  display: table-cell;
  vertical-align:middle;
  width:48px;
  text-align:center;
  *display: block;
  *font-size: 14px;
}


/* 新闻列表 */
.newslist_tit { height:30px; width:970px; margin:0px auto; padding:20px 0px 10px 0px; clear:both; background:url(../images/tg_bg.gif) no-repeat 0px -621px; border-bottom:#8a8f90 1px solid;}
.newslist { width:975px; overflow:hidden; clear:both; background:url(../images/news_list2.gif) repeat-y 745px top;}
.newslistL { width:730px; float:left; overflow:hidden;}
.newslistR { width:185px; float:right;}
.newsBox { clear:both; padding:0px 20px 5px 0px; margin:0px auto 0px auto; height:100px;}
.newsBox a{
	color:#333;
}
.newsBox p { padding:8px 0px; clear:both;}
.newsBox .pic { float:left; width:180px; text-align:left;}.newsBox .pic img { width:150px; height:100px;}
.newsBox .txt { float:right; width:530px;}
.newsBox .newsTit {font-size:18px; color:#333333; font-weight:bold;}
.newsBox .newsTit i {font-size:12px; float:right; color:#107f8d; font-style:normal;}
.newsBox .summary  { line-height:18px; color:#999999; padding:10px 0px; clear:both;}
.newsBox .summary a,.newsBox .summary a:hover { text-decoration:underline; color:#0066cc;}

.newslistR { width:185px; float:right; margin-right:30px;}
.tgXiangguan { width:184px; margin:0 auto; clear:both;}
.tgXiangguan a { width:164px; height:34px; display:block; line-height:34px; clear:both; margin:8px auto; padding-left:20px;font-size:16px; color:#222222; font-weight:bold;}
.tgXiangguan a:hover { width:164px; height:34px; line-height:34px; clear:both; margin:8px auto; background:url(../images/news_details_03.gif) no-repeat 0px 0px; padding-left:20px; color:#ffffff;}
.tgXiangguan a.dq { width:164px; height:34px; line-height:34px; clear:both; margin:8px auto; background:url(../images/news_details_03.gif) no-repeat 0px 0px; padding-left:20px; color:#ffffff;}

.news{width:1000px;}
.news ul{margin:0 0 0 0px;overflow:hidden;zoom:1;}
.news ul li{width:300px; margin-left:0px; margin-right:10px; list-style-type:none; float:left; padding-left:16px;}
.news p{line-height:24px; padding-top:4px;}
.newsbg{background-repeat: repeat-y; background-position: left center;}

.wom{width:324px;}
.xwen{ width:324px;}
.webcs{ width:324px;}


/* 新闻�?*/
.newslist { width:1001px; overflow:hidden; clear:both; background:url(../images/news_list1.gif) repeat-y 745px top;}
.newslistL { width:730px; float:left; overflow:hidden;}
.newslistR { width:185px; float:right;}
.newsHeader {clear:both; padding:0px 0px 5px 0px; margin:0px auto 0px auto;}
.newsHeader .pic { float:left; width:180px; text-align:left;}.newsHeader .pic img { width:150px; height:100px;}
.newsHeader .txt { float:right; width:550px;}
.newslistL h2 {font-size:22px; line-height:40px; color:#333333;font-weight:bold;}
.newsCon {color:#666666; clear:both; padding:10px 20px 10px 0px; line-height:30px; }
.newsCon p { padding:8px 0px;}
.newsCon a,.newsCon a:hover { text-decoration:underline; color:#0066cc;}
.newsHeader i {font-size:12px;color:#107f8d; font-style:normal;}
.neswtblog { clear:both; padding:18px 5px 0px 0px; line-height:16px; text-align:right; color:#999999;}
.newsCon img{
max-width:1000px;
}
/* 服务项目 */
.ser{}
.cus ul{margin:0 0 0 0px;overflow:hidden;zoom:1;}
.ser ul li{width:500px; margin-left:0px; margin-right:0px; list-style-type:none; float:left; padding-left:0px;display:inline}
.ser_about { width:1000px; height:210px; float:left; background:url(../images/s_sbg.png) no-repeat left bottom;}
span.sers { line-height:20px; color:#FFFFFF; display:inline; width:710px; height:80px; float:right; margin-right:30px; margin-top:20px;}
.ser_0 { height:200px; width:1000px; margin:0 auto; clear:both; line-height:20px; color:#666666; margin-top:50PX;}
.ser_0L { width:500px; height:200px; float:left; background:url(../images/ss0.gif) no-repeat left bottom;}
.ser_0R { width:500px; height:200px; float:left; background:url(../images/ss01.gif) no-repeat left bottom;}
.ser_1 { height:200px; width:1000px; margin:0 auto; clear:both; line-height:20px; color:#666666; margin-top:50PX;}
.ser_2L { width:500px; height:200px; float:left; background:url(../images/ss1.gif) no-repeat left bottom;}
.ser_2R { width:500px; height:200px; float:left; background:url(../images/S_SEO.gif) no-repeat left bottom;}
.ser_2 { height:200px; width:1000px; margin:0 auto; clear:both; line-height:18px; color:#666666; margin-top:50PX;}
.ser_3L { width:500px; height:200px; float:left; background:url(../images/S_design.gif) no-repeat left bottom;}
.ser_3R { width:500px; height:200px; float:left; background:url(../images/S_www.gif) no-repeat left bottom;}
.ser_3 { height:200px; width:1000px; margin:0 auto; clear:both; line-height:18px; color:#666666; margin-top:50PX;}
.ser_4L { width:500px; height:200px; float:left; background:url(../images/S_baidu.gif) no-repeat left bottom;}
.ser_4R { width:500px; height:200px; float:left; background:url(../images/S_www.gif) no-repeat left bottom;}

span.ser_2L_web{ display:inline; width:230px; height:20px; float:left; margin-left:200px; margin-top:80px;}
span.interface { display:inline; width:230px; height:80px; float:left; margin-left:200px; margin-top:80px;}
span.website { display:inline; width:230px; height:80px; float:right; margin-right:60px; margin-top:80px;}
span.icon { display:inline; width:230px; height:80px; float:left; margin-left:185px; margin-top:105px;}
span.graphic { display:inline; width:230px; height:80px; float:right; margin-right:20px; margin-top:80px;}



/* 联系我们 */
.cus{} 
.cus ul{margin:0 0 0 0px;overflow:hidden;zoom:1;}
.li1{width:290px; margin-left:0px; margin-right:0px; list-style-type:none; float:left; padding-left:0px;display:inline}
.li2{width:710px; margin-left:0px; margin-right:0px; list-style-type:none; float:left; padding-left:0px;display:inline}
.cus .fb { display:block; clear:both; line-height:30px; height:30px; font-size:18px; padding:10px 0px;}
.cus .list { padding:0px 0px; clear:both;}
.cus .list li { clear:both; line-height:22px; }
.cus .list li span { float:left; display:inline-block; width:50px;}

/* 留言部分 */
.form_area { width:1000px; height:255px; clear:both; margin:0 auto;font-size:14px;}
.form_L { float:left; width:270px; height:185px; border-right:#c7c8c8 1px dotted;}
.form_L .tit { padding:10px 0px; clear:both;}
.form_L .list { padding:0px 8px; clear:both;}
.form_L .list li { clear:both; line-height:20px;  color:#394749;}
.form_L .list li span { float:left; display:inline-block; width:45px; color:#999999;}

.form_M { width:300px; padding:2px 0px 0px 0px; height:230px; float:left; line-height:28px; color:#333333;}
.form_M span { display:block; height:30px; line-height:26px; padding-top:10px;}
.form_M div { display:block; height:34px; overflow:hidden;}
.input { width:290px; height:25px; padding:2px 5px 2px 5px; border:0px; line-height:25px; background:url(../images/contact_input.gif) no-repeat 0px 0px;  margin:0px;}
.input input { width:290px; height:25px;border:0px; line-height:25px; color:#666666; margin:0px auto; background:none;}

.form_R { width:653px; padding:12px 0px 0px 0px; height:228px; float:right; line-height:28px; color:#333333;}
.text_bg {background:url(../images/contact_txt.gif) no-repeat 0px 0px; width:633px; height:145px; overflow:hidden; padding:5px 10px;}
.textarea { width:633px; height:145px; clear:both; overflow:hidden; border:0px; color:#666666; line-height:20px;_background-attachment:fixed; background:none;}
a.submit { display:block; width:653px; height:34px; background:url(../images/contact_txt.gif) no-repeat 0px -155px; border:0px; padding:0px; margin:0px; cursor:pointer;}
a.submit:hover { display:block; width:653px; height:34px; background:url(../images/contact_txt.gif) no-repeat 0px -204px; border:0px; padding:0px; margin:0px; cursor:pointer;}
.unsubmit { display:block; width:653px; height:34px; background:url(../images/contact_txt.gif) no-repeat 0px -155px; border:0px; padding:0px; margin:0px; cursor:pointer;}
.unsubmit:hover { display:block; width:653px; height:34px; background:url(../images/contact_txt.gif) no-repeat 0px -204px; border:0px; padding:0px; margin:0px; cursor:pointer;}
.submiting { display:block; width:653px; height:34px; background:url(../images/contact_txt.gif) no-repeat 0px -253px; border:0px; padding:0px; margin:0px; cursor:pointer;}
.submitok { display:block; width:653px; height:34px; background:url(../images/contact_txt.gif) no-repeat 0px -302px; border:0px; padding:0px; margin:0px; cursor:pointer;}

/* 案例展示特效 */
.zp_list { width:1000px; margin:5px auto; clear:both;}
.zp_box { width:333px; height:205px;overflow:hidden; margin-top:10px; float:left;position:relative;}
.zp_box .picbox {
	width:310px;
	height:190px;
	margin:0px auto;
	overflow:hidden;
	border-top:#ffffff 5px solid;
}
.zp_box .picbox img { width:310px; height:190px;}
a.zp_boxfc { display:block; width:320px; height:200px; position:absolute; left:3px; top:0px; z-index:39; background:url(../images/portfolio_bc.gif) no-repeat 0px 0px;}
.pop_tit { width:290px; height:30px; padding:5px 10px 5px 10px;background-color:#000000; display:none; border-bottom:#383838 1px solid;}
.p_tit1 { line-height:14px; color:#ffffff; font-size:14px; padding-right:18px; background:url(../images/zp_poptit.gif) no-repeat right center;}
.p_tit2 { line-height:18px; color:#405155; font-size:12px;}
.zp_word{width:333px; height:50px;}

.casetype{width:1000px;}
.casetype ul { height:40px; float:right}
.casetype ul li{ height:40px; width:200px; display:inline}
/*案例展示*/
.zp_show { width:1000px; margin:5px auto; clear:both; padding-top:20px;}
.zp_show h2{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
.zp_show .neirong{
	text-align:center;
	margin-bottom:10px;
}
/* 案例分类 */
.filters { float:right; display: block;}
.filters ul li {display: inline;}
.filters a {
    padding: 5px 10px;
    border: 1px solid #ddd;
    display: inline-block;
    color: #888;
    background-color: #fff;
    margin: 0 5px 10px 0;
    -webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.filters a:hover,
.selected {
    background-color: #72b626 !important;
    border: 1px solid #72b626 !important;
    color: #fff !important;
}

/* 案例显示 */
.s_content { text-align:center; line-height:24px; font-size:13px; clear:both; background-color:#f0f0f2; margin-bottom:20px;}
.s_content p { padding:8px 0px;}
.s_sbg{ color:#FFFFFF; width:100%; height:36px; background-image:url(../images/s_sbg.gif); line-height:36px;}
.s_sbg ul{}
.s_sbg ul li{ width:500px; float:left; display:inline; line-height:36px;}
.preNext{ float:left;}
.preNext ul{ text-align:left;}
.preNext ul li{
}
.preNext ul li a{
	text-decoration:none;
	
}
.preNext ul li a:hover{
	text-decoration:none
}
.text{ text-align:left;}