/*about.html start*/
.kehu h2{ padding:70px 0 70px 0}

.about_banner {background:url(../images/about_banner.jpg) no-repeat center top;height:478px; text-align:center;color:#fff;}
.about_banner .zi1{ font-size:28px; line-height:250%; padding-top:180px;  }
.about_banner .zi2{font-size:18px; line-height:150%;word-spacing:40px; letter-spacing: 10px;}
.about_banner .t{ display:none;font-size:28px;}
.about_banner .line{display:none;}
.about_banner .line2{
    width: 30px;
    border-bottom: 2px #fff solid;
    display: inline-block;
}

.general {
	width:100%;
	margin:0 auto;
	background:#fff;
	padding:40px 0;
}
.general_con {
	width:1200px;
	margin:0 auto;
	text-align:center;
	line-height:24px;	
}
.general_title {
	font-size:34px;
	text-align:center;
	margin:0 auto; line-height:40px;	
}
.general_title table {
	margin:0 auto;
	margin-bottom:50px;
}
.general_title table td, .general_title table {
	text-align:center;
}

.general_con_c_le, .general_con_c_ri, .general_con_c_le2, .general_con_c_ri2 {
	width:600px;
}
.general_con_c_ri {
	text-align:left;
}
.general_con_c_ri_title {
	color:#ccc;
	font-size:26px;
	font-family:"微软雅黑";
	margin-bottom:30px;
	font-weight:bold;
}
.general_con_c_ri_word {
	color:#666;
}
.general_con_c_ri_int {
	padding-top:15px;
	color:#999;
	font-size:14px;
	
	font-family:"微软雅黑";
}
.general2 {
	width:100%;
	margin:0 auto;
	background:#f6f6f6;
	padding:40px 0;
}
.general_con_c_le2 {
	text-align:left;
}
.what {
	font-size:26px;
	font-family:"微软雅黑";
	background:#4bcdd9;
	width:200px;
	height:40px;
	color:#fff;
	line-height:40px;
	padding-left:20px;
}
.what_int {
	color:#999;
	font-size:18px;
	font-family:"微软雅黑";
	padding:10px 20px;
}
.what_A {
	width:275px;
}
.what_name {
	padding:10px 0;
}
.what_name_ch {
	font-family:"微软雅黑";
	font-size:18px;
}
.what_name_en {
	font-family: Arial;
	font-size:14px;
	color:#999;
}
.what_B {
	width:180px;
}
.what_C {
	width:200px;
}
.what_D {
	width:275px;
}
.what_con ul li {
	float:left;
	margin-right:30px;
}
.general_con_c_ri_ad {
	font-family:"微软雅黑";
	font-size:14px;
	font-weight:bold;
	color:#666;
	padding-bottom:10px;
	margin-top:10px;
}
.general_con_c_ri_ad span {
	color:#ffba19;
}
.certificate_ul {
	height:220px;
	margin-bottom:20px;
	width:1200px;	
}
.certificate_ul ul
{
	 height:212px;
	 
}
.certificate_ul ul li {
	float:left;
	position:relative;
    height:212px;
	width:280px;
	_display:inline;
	overflow:hidden;
}

.certificate_img {
	margin-right:24px;
}

.jion_mail {
	margin-top:10px;
}
.jion_title {
	border-bottom:solid 1px #eee;
	margin-bottom:10px;
}
.jion_title_en {
	color:#4bcdd9;
	font-family:Impact;
	font-size:20px;
	text-transform:uppercase;
}
.jion_title_ch {
	font-family: "微软雅黑";
	font-size:28px;
	padding:5px 0 8px 0;
}
.skill {
	width:560px;
	height:55px;
	background:#eaeaea;
	padding:10px 20px;
	margin-top:5px;
}
.skill_word {
	font-family:Arial;
	text-transform:uppercase;
}
.skill ul li {
	float:left;
	margin-right:5px;
}
.general_con_c_ri ul li {
	margin-bottom:30px;
}

.box-l{left:-20%;position: absolute;}
.box-r{left:120%;position: absolute;}
.box1{ margin-left:-470px;}
.box2{ margin-left:-560px; width:600px; text-align:left;}
.box3{ margin-left:-500px; width:268px; height:190px; }
.box32{ width:600px; text-align:center;}
.box_parent{position:relative; width:1200px; overflow:hidden; height:235px; }
.box4{ margin-left:-600px; width:600px; text-align:right;}
.box5{ margin-left:190px; padding-top:25px;}
.box_b{ position:absolute; bottom:-205px; left:0px;}
.box6{ width:600px; height:235px; margin-left:-600px; padding-top:30px; }
/*about.html end*/


/*案例case.html start*/
.case_banner {background:url(../images/case_banner.jpg) no-repeat center top;height:350px;}
.case{width:1200px;margin:0 auto;padding:40px 0;}

.case_class ul{margin-bottom:30px;width:700px;height:36px;}
.search fr{ width:305px; float:right;}
.case_class ul li{float:left;margin-right:10px;font-size:18px;width:100px;height:36px;font-family:"微软雅黑";line-height:36px;text-align:center;}
.case_class ul li a{display:block;border:1px solid #ccc;}
.case_class ul li a:hover,.case_class ul li a.a2{background:#4bcdd9;color:#fff;border:1px solid #4bcdd9;}

.item_list{position:relative;padding:0px; background-color:#fff; width:1200px;  }
.item{ width:280px;background:#fff;margin:0px 20px 20px 0px; padding:0px; border:1px solid #eee;  overflow:hidden;}
.item_hover{border:1px solid #4bcdd9;width:280px;margin:0px 20px 20px 0px;	padding:0px;  overflow:hidden;}
.item dl{padding:0px 0px 0px 0px; margin:0px; width:280px; overflow:hidden;}
.item dt a:hover img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;}
.case_name{font-size:14px;margin-top:15px;padding-left:20px;}
.case_name a{ color:#000;}
.case_int{color:#999;line-height:20px;border-top:1px solid #eee;padding:20px;background:#fafafa;} 
.case_int a{color:#999;}
.item_hover .case_int{color:#333;}
.item_hover a:hover{ color:#000;}
.case_tag{text-align:left;margin:10px 0;margin-left:20px;}
.case_tag a{ display:inline-block;background:#666;color:#fff;height:15px;line-height:15px; text-align:center; padding:2px 4px; margin-right:5px;}
.case_tag a:hover{ color:#fff;}


/*case*/
address, caption, cite, code, dfn, th, var, optgroup, i,  em, small, ins, tt, big {
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.Center {
width: auto;
margin: 0 auto;
display: block;
}
.Center img{ max-width:100%; height:auto !important
}

.caes{ clear:both; padding-top:15px; padding-bottom:50px }
.hui{background:#f7f7f7}

/*路径*/
.tle{ display:block; height:20px; line-height:20px; color:#acabab; font-family:宋体;}
.tle a{ color:#acabab;}
.tle a:hover{ color:#000;}
.tle i{ color:#5a5d61;}

/*案例分类*/
.case_t{ padding-top:60px;background:url(../images/case_t_line.jpg) repeat-x 0 128px;}
.case_t_title{color:#000000;font-size:20px;height:56px;line-height:56px;width:72px;text-align:center;background-color:#fff;margin:0px auto;}
.case_t_line{width:42px;height:1px;line-height:1px;background-color:#6bc1ca;margin:0px auto;}

.caes .menu-caes{ clear:both;   padding:20px 0 10px 0;   position:relative;        width: 92%;  margin: auto;}
.caes .menu-caes .bigbox{ /*width:1200px; height:30px;*/ display:block;}
.caes .menu-caes .bigbox li{    display: inline-block;  }
.caes .menu-caes .bigbox li a{ display: block; width:100px; text-align:center; height:38px;line-height: 30px; }
.caes .menu-caes .bigbox li a b{ display:block; font-weight:normal;   font-size:16px; color:#434343; line-height:29px; height:30px;border: 1px solid #fff;}
.caes .menu-caes .bigbox li a i{ display:block;  font-size:11px; color:#c2c2c2; line-height:12px; height:12px; text-transform:capitalize;}
.caes .menu-caes .bigbox li a:hover b,.caes .menu-caes .bigbox li.hover a b{ color:#2eafbb;border: 1px solid #2eafbb;}
.caes .menu-caes .bigbox li a:hover i,.caes .menu-caes .bigbox li.hover a i{ color:#2eafbb;}

/*案例-列表页*/
.warp-list{ padding:0 4.02%; margin-top:2%;}
.case-content li{ float:left; width:30%; margin-right:5%; margin-bottom:50px;}
.case-content li:nth-of-type(3n){ margin-right:0%;}
.case-content li.last {
    margin-right: 0%;
}
.case-content li a.img{ display:block; width:100%; height:0; padding-top:67.15%; position:relative; overflow:hidden; background:url(../img/loading.gif) no-repeat center center; background-color:#e7e7e7;}
.case-content li img{ width:100%; /*height:100%;*/ position:absolute; left:0; top:0; background:url(../img/loading.gif) no-repeat center 50%; background-color:#e7e7e7;}
.case-content li strong img{
	transition: all .6s linear 0s;
	-webkit-transition: all .6s linear 0s;
	-moz-transition: all .6s linear 0s;
	-ms-transition: all .6s linear 0s;
}
.case-content li:hover strong img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	
}

.case-content li .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}
.case-content li .meta h3{font-size:18px;padding-left:2%;font-weight:normal;width:60%; }
.case-content li .meta h3 a{color:#000;}
.case-content li .meta .fr{width:38%;text-align:right;}
.case-content li .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}
.case-content li .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_b.png) no-repeat center;}
.case-content li .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_b.png) no-repeat center;}
.case-content li:hover .meta{background-color:#2eafbb;}
.case-content li:hover .meta h3 a{color:#fff;}
.case-content li:hover .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_w.png) no-repeat center;}
.case-content li:hover .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_w.png) no-repeat center;}
 
/*案例详情页-描述*/
.case-xq-banner{ background-size:100% auto !important; height:330px; overflow:hidden; position:relative; z-index:1; background:#000}
.case-xq-banner2{ background-size:120% auto !important; width:110%; margin-left:-5%; height:530px; margin-top:-100px; position:relative; z-index:1;
filter: Alpha(opacity=90); /* IE */   
-moz-opacity:0.9;    /* FF 主要是为了兼容老版本的FF-Mozilla */
opacity:0.9;    /* FF */}
@media (max-width: 1199px) {
.case-xq-banner{height:330px;margin-top:-100px;}
.case-xq-banner2{ background-size:120% auto !important; width:150%;margin-left:-25%;margin-top:-150px;}
}
.mohu {	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    
    -webkit-filter: blur(20px); /* Chrome, Opera */
       -moz-filter: blur(20px);
        -ms-filter: blur(20px);    
            filter: blur(20px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=40, MakeShadow=false); /* IE6~IE9 */
	
}
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}
.case-xq-banner h1 {
    position: absolute;
    left: 5%;
    bottom: 60px;
    font-size: 42px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;z-index:888;/*-webkit-filter: drop-shadow(0px 0px 1px #666);
filter: drop-shadow(0px 0px 1px #666);*/
}
@media (max-width: 1199px) {
.case-xq-banner h1 { 
    font-size: 24px;
}
}
.case-xq-banner h3 { 
    position: absolute;
    left: 5%;
    bottom: 35px;
    font-size: 14px; font-weight:normal;
    color: #fff;z-index:888;/*-webkit-filter: drop-shadow(0px 0px 1px #999);
filter: drop-shadow(0px 0px 1px #999);*/
}

 
.link-anli{ padding:20px 0 20px 0 ; height: 30px;   border-bottom: 1px solid #DEDEDE;}
.link-anli a{ display:block; width:102px; height:28px; border:1px solid #9D9D9D; text-align:center; line-height:28px; font-size:14px; border-radius:5px;float: left;
    margin-right: 10px;}
.link-anli img{	    margin-top: 6px;}
.link-anli a:hover{ background-color:#9D9D9D; color:#fff;}
.link-anli .yeswap_con{ position:absolute; 
       bottom: 20px;   
    left: 0px;
    padding: 7px;
    background: #fff;
    width: 100px;
    height: 100px;}
#yeswap{ position:relative; margin-left: 120px;}
.caes-center{ max-width: 1170px;
    margin: 0 auto;
    display: block;}

.casescon{color:#666; margin:0 auto;      padding: 0 5%;
    margin-top: 2%; margin-top:20px;font-size:12px; line-height:180%;     margin-bottom: 4%;}
.casescon p{ display:inline;  }
.casescon p,.casescon p span{ color:#666 !important; font-size:14px !important; line-height:180% !important;}
.casescon_1{ color: #666; width:350px; overflow:hidden; height:235px;  margin-top:8px}
.casescon span{ color:#666}
.casefile img{ margin-top:15px;}
.casescon td{ line-height:180%; vertical-align:top;}
.casescon h1{ font-size:18px; line-height:25px; font-size:18px;line-height:200%; font-weight:normal; color:#000}
.casescon h1 strong{ font-weight:normal}
.casescon h2{  font-weight:normal; font-size:14px;line-height:200%;}
.casescon h3{  font-weight:normal;font-size:14px;line-height:200%;}

.casescon td img{ vertical-align:top; margin-bottom:10px;}
.casefile{ width:1000px; margin:0 auto; margin-top:20px; margin-bottom:30px; line-height:150%; font-size:14px;}
.casefile h3{ margin-bottom:10px;font-weight:normal}
.casecon{ width:1000px; margin:0 auto; margin-top:20px; margin-bottom:30px;}

/*案例详情组图*/
.brand-Img { text-align:center;/* background:#fbfbfb;*/ line-height:0;
/*background: url(../images/anlixqbg1.jpg) no-repeat;background-color: #F3F3F3;*/
}
.brand-Img p{ margin-top:10px}
.brand-Img img{ max-width: 1199px;_width:1000px}
@media (max-width: 1199px) {
 
.brand-Img img{ width:90%;}
}
 /*上一篇下一篇*/
.updown{width:100%; padding-top:10px;     border-top: 1px solid #dedede; text-align:right; font-size:14px; margin-bottom:30px;  margin:30px auto 30px auto;   line-height:200%}
.updown span{ font-size:12px;}

 
.local{
	color:#666;
	text-align:left;
	
	border-bottom:1px solid #e5e5e5;
	
	padding-bottom:20px;
	margin-bottom:15px;
	padding-left:20px;
	
	background:url(../images/local.png) no-repeat 0px 0px;
	
}
.local span{
	color:#333;
}
.local img{
	padding-right:10px;
}


/*case_detail.html end*/


/*case_detail.html start*/
.service_banner{background:url(../images/service_banner.jpg) no-repeat center top;height:350px;}
.service_project{
	max-width:1230px;
	margin:0 auto;
	padding:40px 0; text-align:left
}
@media screen and (max-width: 1199px) {
.service_project{  text-align:center
}
}
.service_project_dl01{
	margin-right:45px; 
	margin-bottom:20px;
}
.service_project_dl dl{
	width:206px;
	height:230px;
	background:#f6f6f6;
	padding:35px 30px 25px 30px;
}
.service_project_dl a:hover dl{ 
	background:#4bcdd9; color:#fff !important
}
.service_project_dl a:hover dd { 
	color:#fff !important
}

.service_project_dl dl dt{
	text-align:center;
}
.service_project_name{
	font-family:"微软雅黑";
	font-size:20px;
	margin-top:15px;
	font-weight:bold;
}
.service_project_int{
	color:#666;
	margin:5px 0 10px 0;
}
.service_project_word{
	color:#999;
	line-height:20px;
}
/*网站定制*/
.service_banner{background:url(../images/service_banner.jpg) no-repeat center top;height:350px;}
.dingzhi{
	width:1200px;
	margin:0 auto;
	padding:40px 0; 
}
.dingzhi_dl01 img{ width:282px; height:213px
}
.dingzhi_dl01{
	margin:10px !important; display:inline-block;
}
.dingzhi_dl dl{
	width:282px;
	height:348px;
	background:#fff; border:1px solid #dadada
	 
}
.dingzhi_dl dl:hover{ 
	background: #0CC; color:#fff !important;border:1px solid #0CC
	 
}
.dingzhi_dl01:hover{ 
	background:#2eafbb; color:#fff !important
}
.dingzhi_dl01:hover .dingzhi_word{
	color:#fff;}
.dingzhi_dl a:hover dd { 
	color:#fff !important
}

.dingzhi_dl dl dt{
	text-align:center;
}
.dingzhi_name{
	font-family:"微软雅黑";
	font-size:16px; 
	font-weight:bold;margin:15px 0px 10px 20px;
}
.dingzhi_int{
	color:#666;
	margin:5px 0 10px 0;
}
.dingzhi_word{
	color:#999;
	line-height:20px; margin:0 20px 0 20px;
}
.service_scope_sub,.service_cooperation{
	width:100%;
	margin:0 auto;
	background:#fff;
	padding:40px 0;
}
.service_scope_sub_con,.service_cooperation_con{
	width:1200px;
	margin:0 auto;
	text-align:center;
}
.service_scope_sub_con_en{
	font-family:Arial;
	font-size:24px;
	color:#fff;
	background:#4bcdd9;
	line-height:22px;
	height:22px;
	width:430px;
	padding:5px;
	text-transform:uppercase;
	text-align:center;
	margin:0 auto;
}
.service_scope_sub_con_en2{
	font-family:Arial;
	font-size:14px;
	line-height:26px;
	width:980px;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	color:#666;
}
.service_scope{
	width:100%;
	margin:0 auto;
	background:#f6f6f6;
}
.service_scope_con{
	width:1200px;
	margin:0 auto;
	padding:40px 0;
}
.service_scope_dl01{
	width:362px;
	margin-right:55px;
}
.service_scope_dl01 dt{
	text-align:center;
	padding-bottom:20px;
}
.service_scope_int{
	height:221px;
	background: url(../images/service_scope_bg.png) no-repeat;
	font-family:"微软雅黑";
	font-size:14px;
	font-style:italic;
	line-height:32px;
	padding:50px 39px 0 39px;
}
.service_scope_title{
	margin-top:10px;
}
.service_scope_title_nu{
	font-family:Impact;
	font-size:22px;
	color:#ccc; margin-top:2px;
}
.service_scope_title_ch{
	font-family: "微软雅黑";
	font-size:22px;
	color:#666;
}
.service_scope_title span{ 
    display:block; 
	float:left;
}


.service_cooperation_dl table td{
	padding-bottom:15px;
}
/*case_detail.html end*/


/*mobile.html start*/
.mobile_banner{background:url(../images/mobile_banner.jpg) no-repeat center top;height:350px;}
.mobile_net{
	padding-top:40px;
}
.mobile_ul,.mobile_net_class01{
	width:1200px;
	margin:0 auto;
	padding:40px 0;
}
.mobile_APP{
	width:1200px;
	margin:0 auto;
	padding-top:40px;
}
.general_title_mobile{
	font-family:"微软雅黑";
	font-size:22px;
	color:#666;
}
.mobile_ul ul li{
	width:330px;
	margin-right:105px;
}
.mobile_li_ri{
	width:260px;
}

.mobile_li_title{
	font-size:18px;
	font-family:"微软雅黑";
	line-height:30px;
	font-weight:bold;
	margin-bottom:10px;
}
.mobile_li_con{
	font-size:12px;
	line-height:24px;
}
.mobile_net_class01_bg,.mobile_net_class02_bg{
	padding-top:15px;
}

.mobile_net_class01_bg{
	width:100%;
	margin:0 auto;
	background:#f6f6f6;
}
.mobile_net_class_le,.mobile_net_class_ri,.mobile_APP_le,.mobile_APP_ri{
	width:600px;
	margin:0 auto;
}
.mobile_net_class_le img{
	padding-left:180px;
}


.mobile_net_class_ri_title{
	width:400px;
}
.mobile_net_class_ri_title_ri{
	margin-left:10px;
}
.mobile_net_class_ri_title_ri_top{
	font-family:"微软雅黑";
	font-size:22px;
	margin-top:5px;
}
.mobile_net_class_ri_title_ri_bot{
	font-family:"微软雅黑";
	font-size:26px;
	color:#4bcdd9;
	font-weight:bold;
	margin-top:5px;
}
.mobile_net_class_ri_con_title{
	margin:20px 0 10px 0;
	font-family:"微软雅黑";
	font-size:18px;
}
.mobile_net_class_ri_con_int{
	font-size:14px;
	line-height:28px;
}
.mobile_net_class02_bg{
	width:100%;
	margin:0 auto;
	background:#fff;
}

.mobile_APP_le_title{
	color:#4bcdd9;
	font-family:"微软雅黑";
	font-size:30px;
}
.mobile_APP_le_int{
	font-size:18px;
	font-family:"微软雅黑";
	padding-top:20px;
	line-height:36px;
}
.mobile_APP_ri img{
	padding-left:150px;
}
.mobile_APP_le_bo{
	color:#81baf8;
	padding-top:20px;
}
.mobile_APP_le_bo span{
	padding-right:20px;
}
/*mobile.html end*/


/*solution.html start*/
.solution_banner{background:url(../images/solution_banner.jpg) no-repeat center top;height:350px;}

.solution_li{
	width:100%;
	margin:0 auto;
	background:#fff;
}
.solution_li2{
	width:100%;
	margin:0 auto;
	background:#f6f6f6;
	
}
.solution_li_con,.solution_li2_con{
	width:1200px;
	overflow:hidden;
	min-height:200px;
	margin:0 auto;
	padding:70px 0;
}
.solution_img{
	width:600px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.solution_content{width:1200px; overflow:hidden; margin:0px auto; position:relative;}
.solution_con{
	width:600px;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
}
.solution_img img{
	text-align:center;
	margin:0 auto;
}
.solution_title{
	color:#4bcdd9;
	font-size:26px;
	font-family:"微软雅黑";
	font-weight:bold;
}
.solution_int{
	font-size:14px;
	font-family:"微软雅黑";
	line-height:28px;
	margin-top:20px;
}
.read_more{
	font-size:16px;
	font-family: Arial;
	margin-top:30px;
}
.read_more a{
	color:#ffba19;
}
.read_more a:hover{
	text-decoration: underline;
}

.box-l2{left:50%;/*top:300px;*/position: absolute;}
.box-r2{left:50%;/*top:-300px;*/position: absolute;}
/*solution.html end*/
/*solution.html start*/
.solution_detail_word{text-align:center;margin:10px 0;}
.solution_detail_title_en{text-align:center;font-family:Arial;padding:5px;font-size:22px;background:#4bcdda;width:300px;margin:0 auto;color:#fff;}
.solution_detail_con{width:1200px;margin:0 auto;margin-top:50px;}
.solution_detail_con_title{font-size:24px;color:#4bcdda;font-family:"微软雅黑";font-weight:bold;}
.solution_detail_con_int{margin:10px 0;line-height:24px;}

.solution_detail_class {width:1200px;margin:0 auto;text-align:center;margin-top:40px;margin-bottom:0px;text-align: left;font-family:"微软雅黑";vertical-align:bottom;}
.solutions_content{ width:1200px; margin:40px auto;   width:1096px;background:#fff;padding-top:50px;    margin: 40px auto 0px auto; overflow:hidden }
.solution_detail_class h2{ font-size:16px; margin-right:20px; line-height:50px; display:inline-block}
.solution_detail_class ul{ display:inline-block}
.solution_detail_class ul li{margin-bottom:10px; display:inline-block; margin-right:10px;}
.solution_detail_class ul li a{ padding:6px; display:block;border:1px solid #ccc;}
.solutions_title{ font-size:24px; font-weight:bold; padding-bottom:20px; text-align:center; line-height:50px;}
.solutions_detail{ line-height:22px;width:900px; padding:50px; margin:0 auto}
/*solution.html end*/

/*news.html start*/
.news_banner{background:url(../images/news_banner.jpg) no-repeat center top;height:350px;}
.news{
	width:100%;
	margin:0 auto;
	background:#fff;
	padding:20px 0; overflow:hidden
}
.news2{
	width:100%;
	margin:0 auto;
	background:#f6f6f6;
	padding:40px 0;
}

.news_con{
	width:1200px;
	margin:0 auto;
}
.news_con_int{
	padding-bottom:20px;
	
}
.news_con_int1{
	padding-bottom:20px;
	border-bottom: 1px dashed #d8d8d8;
    margin-top:20px;
    float:left;
}
.news_title1{
    font-family:"微软雅黑";
	font-weight:bold;
	font-size:18px;
	padding-bottom:10px;
}
.news_word1{
    font-size:14px;
	line-height:25px;
	padding-bottom:10px;
}
.news_left{width:260px; margin-right:20px;float:left;padding-top:5px;}
.news_right{float:left;}
.news_title{
	font-family:"微软雅黑";
	font-size:22px;
	margin-bottom:20px;
}
.news_word{
	font-size:14px;
	margin-bottom:20px;
	line-height:28px;
}
.news_add{
	margin-bottom:20px;
}
.news_add span{
	color:#4bcdd9;
}
.news_read_more{
	margin-bottom:20px;
}
.news_class{
	width:1200px;
	margin:0 auto;
	font-family:Arial;
	text-align:center;
	line-height:35px;
	font-size:16px;
}
.news_class a{
	color:#fff;
	background:#4bcdd9;
	width:130px;
	height:35px;
	display:block;
	float:right;
}
.news_class a:hover{
	background:#333;
}
/*news.html end*/
/*news_detail.html start*/
.news_title_add{
	color:#999;
	margin-bottom:20px;
}
.news_title_add a{
	color:#999;
}
.news_title_add a:hover{
	text-decoration:underline;
}
.news_bg_01{
	border-top:1px solid #eee;
	margin:0 auto;
}
.news_01{
	width:1200px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:40px; 
}
.news_con_01 dl{
	width:550px;	
	border-bottom:dashed 1px #d8d8d8;
	padding:20px 0 10px 0;	
}
.news_con_left{ border-right:1px solid #eee;padding-right:45px; float:left;}
.news_con_right{padding-left:45px; float:left; }
.news_con_01 dd
{
	line-height:20px;
	margin-top:10px;
}
.news_title_01{
	font-size:14px;
	font-weight:bold;
}
.news_date_01{
	color:#999;
	font-family:Arial;
}

/*news_detail.html end*/

/*contact.html start*/
.contact_banner {background:url(../images/contact_banner.jpg) no-repeat center top;height:350px;}


.general_title_new{height:44px; margin:0px auto;width:380px; text-align:center;    width: 100%;}
.general_title_new:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
.general_title_new h1{ font-size:33px;color:#333; display:inline-block;font-weight:normal; padding:0px 0px;}
.general_title_new .dian_bg{ display:inline-block;background:url(../images/dian_title_bg.gif) no-repeat 0px 0px;width:113px;height:10px; margin-top:7px;}

.contact{padding:40px 0px 0px 0px; ;}
.contact_type{max-width:1200px;margin:0 auto;overflow:hidden;}
.contact_type_ul{max-width:1300px;margin:0 auto;padding:40px 0;text-align:center;}
.contact_type_ul ul li{width:305px;height:360px;text-align:center; float:left}
.contact_type_ad{background:url(../images/contact_item_bg.gif) no-repeat 0px 0px;margin:0 138px;_display:inline;}
.contact_type_tel{background:url(../images/contact_item_bg.gif) no-repeat -450px 0px;}
.contact_type_mail{background:url(../images/contact_item_bg.gif) no-repeat -899px 0px;}
.contact_type_ad_title{padding-top:140px;font-size:16px;font-weight:bold;padding-bottom:20px;}
.contact_type_ad_int{line-height:24px;font-size:14px;}
.contact_type_ad_button{width:95px;height:35px;background:#333;margin:0 auto;display:block;color:#fff;text-align:center;line-height:35px;font-size:14px;font-family:Arial;margin-top:20px;}
.contact_arrive{width:1200px;margin:0 auto;padding:40px 0;border-top:1px dotted #ccc;}
.contact_arrive h2{height:42px;line-height:42px;font-size:18px;color:#333;font-weight:normal;}
.contact_arrive_left{width:650px;float:left;}
.contact_arrive_left dt{font-size:14px;color:#333;height:24px;line-height:24px;margin:13px 0px;padding-left:24px;font-family:"微软雅黑";}
.contact_arrive_left .bus dt{ background:url(../images/contact_icon_bg.gif) no-repeat 0px 5px;}
.contact_arrive_left .car dt{ background:url(../images/contact_icon_bg.gif) no-repeat 0px -24px;}
.contact_arrive_left .train dt{ background:url(../images/contact_icon_bg.gif) no-repeat 0px -53px;}
.contact_arrive_left dd{font-size:14px;color:#666666;line-height:24px;}
.contact_arrive_right{ float:left;padding-left:30px;}
.contact_table table{ border-collapse:collapse; padding:0px; margin:0px;}
.contact_table td{ padding:9px 0px;}
.contact_table input{width:230px;height:36px;line-height:36px;border:1px solid #dddddd; font-size:12px;color:#999999;  margin-right:7px; padding:0px 6px;}
.contact_table textarea{width:420px; height:120px;border:1px solid #dddddd; font-size:12px;color:#999999; padding:5px; line-height:24px;}
.contact_table .btn_submit{ border:none;background:url(../images/contact_icon_bg.gif) no-repeat 0px -88px;width:133px;height:36px; cursor:pointer;}
/*contact.html end*/
/*----------------yanyi----------------------------------------------------*/
/* webdesign begin */
.webdesign1{ background:url(../images/webdesign1.jpg) no-repeat center top; height:478px; width:100%;}
.webdesign2{ background:url(../images/webdesign2.jpg) no-repeat center top; height:501px; width:100%;}
.webdesign3{ background:url(../images/webdesign3.jpg) no-repeat center top; height:500px; width:100%;}
.webdesign4{ background:url(../images/webdesign4.jpg) no-repeat center top; height:500px; width:100%;}
.webdesign5{ background:url(../images/webdesign5.jpg) no-repeat center top; height:500px; width:100%;}
.webdesign6{ background:url(../images/webdesign6.jpg) no-repeat center top; height:500px; width:100%;}
.webdesign7{ background:url(../images/webdesign7.jpg) no-repeat center top; height:500px; width:100%;}
/* webdesign end */


/*about */
.root {
width: 1200px;
display: block;
position: relative;
margin: 0 auto;
}
 
 .about-wrap {
    padding: 0 4%;
}
 .wp-state{border-bottom: 1px solid #dedede; }
@media (min-width:1200px) {
.wp-state {padding-top: 100px;padding-bottom: 100px; }
.wp-state p{line-height: 30px; width:820px;}
}
@media (min-width:769px) and (max-width:1199px) {
.wp-state {padding-top: 80px;padding-bottom: 80px; }
.wp-state p{line-height: 30px; width: 80%;}
}
@media (max-width:768px) {
.wp-state {padding-top: 50px;padding-bottom: 50px; }
.wp-state p{line-height: 26px; width: 100%; color:#666;}
}
.wp-center{padding-top: 80px; }
.wp-center .wp-center-hd{width: 32%; margin-right: 4%;}
.wp-center .wp-center-hd h2{font-size: 28px;font-weight: normal;padding-bottom: 50px;}
.wp-center .wp-center-bd{width: 64%; }
.wp-center .wp-center-bd li{float: left; width: 45%;*width:44.95%;margin-right: 10%;padding-bottom: 100px;}
.wp-center .wp-center-bd li:nth-of-type(2n){margin-right: 0;}
.wp-center .wp-center-bd h3{font-size: 16px;padding-bottom: 20px;color:#000;font-weight: normal;}
.wp-center .wp-center-bd p{color:#373737;line-height: 30px;}

@media (max-width:767px){
.wp-center{padding-top: 50px;}
.wp-center .wp-center-hd,.wp-center .wp-center-bd{float: none;}  
.wp-center .wp-center-hd{width: 100%;}
.wp-center .wp-center-bd{width: 100%; }
.wp-center .wp-center-bd li{padding-bottom: 40px; float: none; margin-right: 0; width: 100%;}
.wp-center .wp-center-hd h2{padding-bottom: 30px; font-size: 24px;}
.wp-center .wp-center-bd h3{padding-bottom: 15px;}
.wp-center .wp-center-bd p{line-height: 26px;}
}

/*服务*/
.banner-fuwu{ position:relative; overflow:hidden;margin-top:-90px;width: 100%;}
.banner-fuwu canvas{ height:447px;}
.banner-fuwu .focus-text {
    position: absolute;
    left: 4%;
    z-index: 2;
    color: #fff;
}

.banner-fuwu .focus img{width: 100%;}

.banner-fuwu .focus-text{ bottom: 70px; background:url(images/banner-fuwu.jpg) center center no-repeat;}
.banner-fuwu .focus-text .p1{font-size: 16px;padding-bottom: 10px;}
.banner-fuwu .focus-text .p2{font-size: 48px;font-weight: bold;}
.banner-fuwu .focus-text .p3{font-size: 48px;font-weight: bold; width:55%;}
.gf-pnav{position: absolute; padding-top: 30px;padding-left: 4%;top: 0;left: 0; z-index:3;}
.gf-pnav a{color:#fff; margin-right: 20px;z-index: 2;}
.banner-fuwu .focus-text{position: absolute;left: 4%;z-index: 2;color:#fff;}
.gf-state{border-bottom: 1px solid #dedede; }
@media (min-width:769px) and (max-width:1199px) {
.banner-fuwu .focus-text .p2{font-size: 40px;}
.banner-fuwu .focus-text .p3{font-size: 40px; width:56%;}
.banner-fuwu .focus-text{bottom:50px;}
}
@media (max-width:768px) {
.banner-fuwu .focus{height: 375px;width: 935px;margin-left: -180px;}
.banner-fuwu .focus img{height: 100%; width: auto;}

.banner-fuwu .focus-text{ bottom: 30px;}
.banner-fuwu .focus-text .p1{font-size: 12px;padding-bottom: 10px;}
.banner-fuwu .focus-text .p2{font-size: 30px;}
.banner-fuwu .focus-text .p3{font-size: 30px;width:100%;}
} 
@media (max-width:1199px){
.banner-fuwu .focus-text{bottom:50px;} 
}
 
/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ position:relative;      }
.leftLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4; display:none  }
.leftLoop .prev,.leftLoop .next{ display:block;  width:38px; height:96px; line-height:10px; float:right; margin-right:20px; margin-top:-10px;  overflow:hidden; top:90px;
	 cursor:pointer; background:url("../images/pro-r.jpg") no-repeat; position:absolute; right:-60px}
.leftLoop .next{ background:url("../images/pro-l.jpg") no-repeat; left:-44px }
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.leftLoop .hd ul li.on{ background:#f00;  }
.leftLoop .bd{ padding:10px 0px 15px 0px;   }
.leftLoop .bd ul{ overflow:hidden; zoom:1; }
.leftLoop .bd ul li{ margin:0 0px 0 0px; text-align:left; float:left; _display:inline; overflow:hidden;  }

.page{ clear:both; padding:10px 0; height:38px; text-align:center; margin-bottom:50px; width:100%}
.page ul{ display:inline-block;}
/*.page ul li{ float:left; padding:0 6px;}*/
.page a,.page span{  padding:0 6px; width:38px; height:38px; display: inline-block;text-align:center; line-height:38px; color:#333; font-size:18px; font-family:Verdana, Geneva, sans-serif;display: inline-block;}
.page span{ color:#666}
.page a:hover,.page a.hover{ background:url(../images/bg27.gif) no-repeat center center;}
.page a.a1{ display:none}
.page a.a2{ background:url(../images/bg28.png) no-repeat left bottom;text-indent:-999px; width:40px; overflow:hidden;}
.page a.a2:hover{background:url(../images/bg28.png) no-repeat left top;}
.page a.a3{ background:url(../images/bg28.png) no-repeat right bottom; text-indent:-999px; width:40px; overflow:hidden;}
.page a.a3:hover{background:url(../images/bg28.png) no-repeat right top;}

/*新闻详情i*/ 
.caes_title{ clear:both;   padding-top:10px; text-align:center}
.caes_title{ width:100%;  } 
.caes_title h1,.caes_title b{ font-size:28px;   color:#2EAFBB;  line-height:40px; text-align:center; display:block}
.caes_title p{height:40px;font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#5f5f5f; white-space:nowrap; height:40px; line-height:40px; display:block; width:100%; margin:0 auto}
.caes_title p i{ display: inline-block; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg10.gif) no-repeat 0px -16px; color:#aaaaaa;}
.caes_title p i:hover{ background-position:0px 14px; color:#2eafbb;}
.caes_title p small{ display: inline-block; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg11.gif) no-repeat 0px -16px; color:#aaaaaa;}
.caes_title p small:hover{ background-position:0px 14px; color:#2eafbb;}
.caes_title p em{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg09.gif) no-repeat 0px -20px; color:#aaaaaa;}
.caes_title p em:hover{ background-position:0px 10px; color:#2eafbb;}

/*yanyi news*/
.newsul{ clear:both;}
.newsul{padding:0px 0px;}
.newsul li{ /*float:left;*/  position:relative;padding-top: 35px;}
.newsul li a{/* width:525px; height:150px;*/ display:block; overflow:hidden;}
.newsul li a .i_news_left{ float:left; width:45px; display:none}
.newsul li a .i_news_left ins{ display:block; width:45px; height:46px; background:url(../images/bg01.gif) no-repeat left top;}
.newsul li a:hover .i_news_left ins{ background-position:left bottom;}
.newsul li.Many a .i_news_left ins{ background-position:-46px top;}
.newsul li.Many a:hover .i_news_left ins{ background-position:-46px bottom;}
.newsul li.Video a .i_news_left ins{ background-position:right top;}
.newsul li.Video a:hover .i_news_left ins{ background-position:right bottom;}
.newsul li a .i_news_left b{ display:block; width:45px; text-align:center; height:46px; background:#f5f5f5; color:#3d3d3d; overflow:hidden;}
.newsul li a .i_news_left b i{ display:block; font-family:Verdana, Geneva, sans-serif; font-size:24px; height:30px; line-height:30px; letter-spacing:-1px; cursor:default;}
.newsul li a .i_news_left b small{ display:block; font-family:Verdana, Geneva, sans-serif; font-size:14px; height:14px; line-height:14px; letter-spacing:-1px; text-transform:capitalize; white-space:nowrap; cursor:default;}
.newsul li a:hover .i_news_left b{ background:#ffe400; color:#006bb1;}
.newsul li a .i_news_right{ float:left; width:100%; margin-left: 150px; border-bottom: 1px dashed #dcdcdc;padding-bottom: 40px;}
.newsul li a .i_news_right .bigbox{ border:1px solid #f1f1f1;position:relative; float:left; width:230px; height:152px;  overflow:hidden}
.newsul li a .i_news_right .bigbox img{ position:absolute; left:0; top:0; width:230px; min-height:152px;transition: 0.5s;
-moz-transition: 0.5s;	/* Firefox 4 */
-webkit-transition: 0.5s;	/* Safari 和 Chrome */
-o-transition: 0.5s;	/* Opera */}

.newsul li a .i_news_right span{ float:left;  width:655px;  padding:0 0 0 35px; overflow:hidden;}
.newsul li a .i_news_right span b{  font-size:18px; color:#333; line-height:30px; height:30px; display:block;  display: block;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.newsul li a .i_news_right span cite{  color:#555; line-height:18px; font-size:14px; line-height:180%;   overflow:hidden; display:block; padding-top:15px;}
.newsul li a .announcement-time {
  font-size: 12px;
  font-weight: normal;
  color: #5E5E5E;
  padding-left: 5px;
}
.newsul li a p{ font-size:10px; color:#5f5f5f; white-space:nowrap; height:0px;  /*border-bottom:1px solid #dedede;*/  display:block; clear:both; margin-top:30px; background:url(../images/bg31.gif) no-repeat right center; overflow:hidden;}
.newsul li a p em{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg09.gif) no-repeat 0px -20px; color:#aaaaaa;}
.newsul li a p em:hover{ background-position:0px 10px; color:#006bb1;}
.newsul li a p i{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg10.gif) no-repeat 0px -21px; color:#aaaaaa;}
.newsul li a p i:hover{ background-position:0px 9px; color:#006bb1;}
.newsul li a p small{ float:left; padding-left:17px; padding-right:15px; font-size:10px; background:url(../images/bg11.gif) no-repeat 0px -21px; color:#aaaaaa;}
.newsul li a:hover .i_news_right span b{ color:#006bb1;}
.newsul li a:hover .i_news_right span cite{ color:#333;}
.newsul li a:hover p{background:url(../images/bg32.gif) no-repeat right center;}
.newsul li a:hover p em{ background-position:0px 10px; color:#006bb1;}
.newsul li a:hover p i{ background-position:0px 9px; color:#006bb1;}
.newsul li a:hover p small{ background-position:0px 9px; color:#006bb1;}

.news .menu-caes{ clear:both;  padding-top:10px; position:relative; border-bottom:1px solid #ccc;}
.news .menu-caes .bigbox{ width:1200px; line-height:30px; padding-bottom:10px; display:block;}
.news .menu-caes .bigbox li{display: inline-block; padding-right:20px;}
.news .menu-caes .bigbox li a{ display: inline-block; width:115px; height:30px; overflow:hidden;}
.news .menu-caes .bigbox li a b{ display:block; font-family:微软雅黑; font-size:16px; color:#434343; line-height:20px; height:20px;}
.news .menu-caes .bigbox li a i{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#c2c2c2; line-height:12px; height:12px; text-transform:capitalize; display:none}
.news .menu-caes .bigbox li a:hover b,.news .menu-caes .bigbox li.hover a b{ color:#2eafbb; font-weight:bold;}
.news .menu-caes .bigbox li a:hover i,.news .menu-caes .bigbox li.hover a i{ color:#2eafbb;}

.w1000 {
  width: 1000px;
  margin: 0 auto;
  display: block;
}
.content-news{ font-size: 18px;line-height: 190%;}
.content-news p{   }
.content-news b{ font-weight:bold}
/*fabigbig*/
.news-sjc{ width:auto; overflow:hidden; padding-top:36px; position:relative;}
.news-sjc-left{ width:auto; float:left; overflow:hidden; position:absolute; top:0; left:0;}
.news-sjc-left ol,.news-sjc-left dl,.news-sjc-right dd,.news-sjc-right dt{ float:left;}
.news-sjc-left ol dd{ background:url(../images/news-sjc.jpg) repeat-y center; height:191px; padding-top:40px;}
.news-sjc-left ol dd em{ width:42px; height:42px; display:inline-block; background:url(../images/png-a.png) no-repeat 0 -288px;}
.news-sjc-left dl dd{ padding-top:44px;}
.news-sjc-left dl dd strong{ font-size:20px; color:#666; font-weight:normal; line-height:20px;}
.news-sjc-left dl dd span{ color:#999; line-height:17px; font-size:16px; display: block; margin-top: 8px;}
.news-sjc-left dl dd p{ display:block; padding:8px 0; margin:0}

/*相关案例*/
.xiangguan{/*width:352px; float:right;*/ padding-top:30px; padding-bottom:30px  }
.xiangguan .caesul{ width:1112px; overflow:hidden ; margin-left:2px  }
.xiangguan .caesul ul{ width:100%; padding-top:20px; display:block;  width:1202px; margin:0 auto}
.xiangguan .caesul li a{ display:block; width:364px; height:245px; border:1px solid #f1f1f1; position:relative; overflow:hidden;}
.xiangguan .caesul li a img{   width:100%;  }

/*相关新闻*/
.content .biaoqian{ margin-top:50px}
.biaoqian a{
    display: inline-block;
    float: none;
    margin: 0 0 0 10px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    background-color: #4bcdd9;
    color: #fff;
    border-radius: 2px;
}

.related{padding-bottom:15px}
.related h3{position:relative;height:40px;font:bold 14px/40px Microsoft YaHei;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin-bottom:10px;text-align: left;    font-size: 16px;}
.related .share{position:absolute;right:0;top:8px;line-height:1.2;}
.share #bdshare{float:none;}
.related ul{padding-left:20px}
.related li{ line-height:200%;list-style-type:disc; font-size:16px; width:100%}
.related li span{ color:#999}
/*fuwu-wap*/
.gy1003x {
width: 1003px;
padding: 30px 0px;
margin: 0 auto;
border-bottom: 1px #CCC dashed;
}
.dljmk {
width: 1003px;
text-align: center;
margin-bottom: 20px;
}
.bt1 {
font-size: 30px;
line-height: normal;
font-weight: bold;
}
.bt2 {
font-size: 16px;
margin-bottom: 10px;
}
.title01 {
height: 60px;
line-height: 60px;
font-size: 30px;
font-weight: bold; 
text-align: center;
background: url(../Images/title01_bg.jpg) no-repeat center bottom;
}
.i_whatdo{padding:0 0 20px;}
.i_whatdo_l{width:1002px; overflow:hidden;}
.i_whatdo_l ul{width:1140px; overflow:hidden;}
.i_whatdo_l li{float:left; display:inline; margin-top:25px; width:220px; height:200px;text-align:center; margin-right:40px; overflow:hidden}
.i_whatdo_l li h4{display:block; height:40px; line-height:40px; font-size:18px;}
.i_whatdo_l li span{display:block; line-height:16px;}

#com_singles_case2 {
width: 1000px;
margin: 0 auto;
}

/*xmwpwl 栏目大标题*/
.cat_title{overflow:hidden;padding:35px 0;height:120px;border-bottom:1px solid #d8d9d8;}
.cat_title h2{font-size:48px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;margin-top:65px;}
.cat_title p{display:inline-block;zoom:1;*display:inline;vertical-align:middle;color:#999;margin-top:65px;margin-left:10px;}
.cat_title strong{font-size:60px;font-family:Arial;font-weight:bold;color:#333;margin-right:6px;vertical-align:middle;}
.cat_title .more{font-size:24px;position:absolute;right:10px;top:50px;}
/*wap*/
.fgk_fgk{ width: 1000px;
margin: 0 auto;
position: relative;padding: 20px 0;  }
.pd_m{ width:170px; height:296px; float:left; margin:20px 20px; background:url(../images/phone_xiao.jpg) no-repeat; padding:47px 13px 0px 13px; display:inline; position:relative; overflow: visible; /*z-index:99*/}
.pd_m a{ width:170px; height:248px; display:block; overflow:hidden}
.pd_m img{ width:170px;   }
.pd_z{ width:170px; float:left; font-size:12px; margin-top:3px; display:inline;}
.pd_z_l{ width:90px; height:20px; line-height:20px; float:left;}
.pd_z_r{ width:75px; height:20px; line-height:20px; float:right;text-align:right;}

/*wap-2015-03-31*/
.wap_p_list {
display: inline-block;
 
width: 100%; overflow:hidden;
padding-bottom: 20px;
background: #fff;
}

.wap_p_list ul{display:inline-block; text-align: center; padding-left:2%}

.wap_p_list li{ display:inline-block; float:left; margin:40px 2% 20px 2%; width:217px; height:404px; padding:41px 1px 0px 1px;   background: url(../images/wapbg.jpg) no-repeat left top;}
.wap_p_list .wrap { width:217px; height:372px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; float:left; display:inline;  overflow:hidden;z-index:0;}

.wap_p_list  .wrap a { display:block; width:217px; height:372px; text-decoration:none; color:#000; }

.wap_p_list .wrap img { border:0;width:217px; /*height:372px;*/ }
.wap_p_list .wrap i { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:#000; filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
opacity:0.40; -webkit-transition: all 0.6s ease-in-out; }
.wap_p_list .wrap .info { display:block; width:217px; height:372px; position:absolute; left:0; top:374px; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; -webkit-transition: all 0.6s ease-in-out; }
.wap_p_list .wrap .info b { display:block; font-size:14px; line-height:40px; color:#fff; text-align:center; margin:0; padding-top:40px;z-index:0;/* background:#000;*/ filter: alpha(opacity=40);  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/*opacity:0.40;*/ -webkit-transition: all 0.6s ease-in-out; background:url("../Images/weiwangbg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.wap_p_list .wrap .info span { display:block; padding:10px; line-height:20px; }
.wap_p_list .wrap .info span img{ width:156px; height:156px; margin:auto; display:block;}
.wap_p_list .wrap a:hover { direction:ltr; }
.wap_p_list .wrap a:hover i { top:0; }
.wap_p_list .wrap a:hover .info { top:0; }

.wap_p_list .wrap .preview {
    margin:10px auto;
    border:1px solid #fff;
    width:50%;
   height:40px;
   line-height:40px;
   text-align:center;
   background-color:#d8d6d6;
   background-color:rgba(255, 255, 255, 0.56);
           font-size:16px;
}

    .wap_p_list .wrap .info span.wapid {
        padding-top:30px;
        font-size:14px;
    }
.wap_p_list .clear { clear:left; }

/*服务*/
#single .serv_detailed #detailed, #single .pro_detailed #detailed {
width: 1000px;
margin: 0 auto;
}
#detailed{
width: 1000px;
margin: 20px auto;
}
.service-head {
	display:block;
	width:960px;
	/*height:204px;*/
	background:url(../images/top_desc_bg.jpg) center bottom no-repeat
}
.service-head span {
	display:block;
	width:100%
}
.service-head .service-title { 
	line-height:30px;
	padding:10px 0 10px;
	font-size:22px;
	color:#666;
	text-align:center;
	background:url(../images/top_break_bg.jpg) center bottom no-repeat
}
.service-head .service-desc {
	padding:10px 0 0;
	line-height:26px;
	font-size:15px;
	color:#666666;
	text-align:center
}

.about-info{ padding:10px 10px 10px 30px; font-size:14px; line-height:200%; text-indent:2em; color:#444}

.w1000{ width:1000px; margin:0 auto}

.more-fangan{ text-align:center;    padding: 60px 0px 20px;}
.more-fangan a{ display:inline-block; text-align:left; border:2px solid #2eafbb; color:#2eafbb; padding:10px 0px 10px 20px; font-size:16px; width:240px; background:url(../images/icon.png) no-repeat 170px -87px; }
