@charset "utf-8";
/* CSS Document */
/* Author: zq */
/* Time: 2014/10/9*/

/*header*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
body{ font:12px/24px "Helvetica Neue","Microsoft YaHei"; color:#888;}
a{ color:#888; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.cl{ clear:both;}
html{ overflow-x:hidden;}
.wd1100{ margin:0 auto; max-width:1100px;}
*{ outline:none;}
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{ *zoom:1;}

/*hader*/
.header{ position:fixed; top:0; left:0; z-index:100000; width:100%; height:70px; background-color:#222;}
.head{ height:70px;}
.logo{ margin-left:12px; display:inline;}
.logo a{ display:block; width:170px; height:70px;}
.h_r{ margin-right:12px; margin-top:19px; display:inline;}
.h_click li{ float:left; width:32px; height:32px; overflow:hidden; line-height:32px; margin-left:18px; display:inline;}
.h_click li.h_tel{ width:160px;}
.h_tel span{ color:#fff; font-size:14px;}
.h_tel img{ float:left; margin-right:10px;}
.nav li{ float:left; width:90px; height:32px; line-height:32px; text-align:center;}
.nav li p{ height:32px; overflow:hidden;}
.nav li a{ color:#FFF; font-size:16px; display:block;}
.nav li a span{ display:block;}
.nav li.nav_cur a,.nav li a:hover{ color:#c70c1f;}

/*案例筛选公共*/
/* what we do*/
.wedo{ padding-top:28px; overflow:hidden; }
.title{ font-size:48px; text-align:center; line-height:100%; color:#da251d; margin-bottom:55px; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; }
.wedo_line{ height:2px; background:#ececec; width:265px; margin:0 auto; margin-bottom:70px }
.wedo_select{ text-align:center; margin-bottom:20px; font-size:0 }
.wedo_select li{ height:24px; line-height:24px; display:inline-block; padding:0 40px; cursor:pointer; color:#454545; font-size:18px; }
.wedo_select li.on, .wedo_select li.on:hover,.wedo_select li:hover{ color:#cfcfcf; font-weight:bold;}
.wedo_select li:first-child{ border-radius:6px 0 0 6px; }
.wedo_select li:last-child{ border-radius:0 6px 6px 0; }
.wedo_list li{ width:19.9%; float:left; overflow:hidden; }
.wedo_img{ position:relative; overflow:hidden}
.wedo_list li img{ width:100%; display:block;}
.wedo_list_li{ position:relative; }
.image_info{ position:absolute; left:0; top:0; width:100%; height:100%; /*display:none */ }
.image_info_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; display:table }
.image_info .overlay{ background:#da251d; opacity:0.6; filter:alpha(opacity=60); width:100%; height:100%; left:0; top:0; position:absolute; z-index:1 }
.wedo_list_li{ width:100%;}
.wedo_list_li .wedo_img img{ transition:all 0.5s; }
.wedo_list_li .image_info{ opacity:0; filter:alpha(opacity=0); }
.wedo_list_li:hover .image_info{ opacity:1; transition:all 0.5s; filter:alpha(opacity=100); display:block }
.wedo_list_li:hover .wedo_img img{ transform:scale(1.1, 1.1); }
.isotope, .isotope-item{ transition-property:transform, opacity; transition-duration:0.8s; }
.wedo_show{ position:absolute; left:0; bottom:-60px; z-index:20; width:100%; height:60px; background:url(../images/case_hoyy.png) repeat;}
.wedo_img img{ background-color:#000; opacity:0.6; filter:alpha(opacity=60)}
.wedo_more a{ display:block; width:18px; height:18px; padding:21px 18px; border-left:1px solid #414141; border-right:1px solid #261d12;}
.wedo_more a span{ display:block; background:url(../images/case_more.png) no-repeat; width:18px; height:18px;}
.wedo_shL { width:286px; padding-left:14px; padding-top:10px;}
.wedo_shtitle a{ display:block; color:#d60000; font-size:18px; height:24px;}
.wedo_shintro{ color:#898989; height:20px; line-height:20px;}
.wedo_shtitle a{ width:270px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/*team*/
.floor5{ background:url(../images/team_img.jpg) no-repeat center; width:100%; height:700px;}
.team{ width:100%; height:700px; margin:0 auto; position:relative;}
.team_ask{ color:#FFF; font-size:20px; width:800px; line-height:36px; height:72px; overflow:hidden; padding-top:178px; margin:0 auto 38px auto; text-align:center;}
.team_move{ position:absolute; left:50%; margin-left:-550px; width:1100px; height:234px;}
.team_l,.team_r{ position:absolute; top:80px; z-index:10; width:40px; height:78px; display:block;}
.team_l{ background:url(../images/team_Lac.png) no-repeat; left:-80px;}
.team_r{ background:url(../images/team_Rac.png) no-repeat; right:-80px;}
.team_Mlist{ width:1100px; height:274px; overflow:hidden;}
.team_Mlist li{ float:left; width:130px; height:188px; margin:0 5px; display:inline; cursor:pointer; transition: width 0.5s ease 0.01s, height 0.5s ease 0.01s, margin 0.5s ease 0.01s; }
.team_Mlist li img{ margin-left:25px; margin-top:76px; opacity:0.5; transition: width 0.5s ease 0.01s, height 0.5s ease 0.01s, opacity 0.5s ease 0.01s,margin-top 0.5s ease 0.01s,margin-left 0.5s ease 0.01s,background 0.02s ease 0.01s}
.team_Mlist li img,.team_Mlist li span{ display:block;}
.team_job{ color:#e58a93; height:24px; padding-top:8px; text-align:center;}
.team_Mlist li.team_on,.team_Mlist li:hover{ width:234px; height:270px; margin:0 18px 0 8px;}
.team_Mlist li.team_on img,.team_Mlist li:hover img{ width:220px; height:220px; padding:7px; background:rgba(0,0,0,0.1); border-radius:50%; margin-top:0; margin-left:0; opacity:1;}
.team_Mlist li:hover span,.team_Mlist li.team_on span{ color:#FFF; font-size:18px; padding-top:12px;}
.team_Fimg{ position:absolute; top:0; left:50%; margin-left:-960px; z-index:-1; width:1920px; height:700px;}
.team_Fimg img{ float:left;}


/*公共top*/
.top{ height:auto; overflow:hidden; padding-bottom:30px; padding-top:40px; text-align:center;}
.top_en{ font-family:张海山锐线体简; color:#bababa; font-size:30px; line-height:100%; margin-bottom:16px;}
.top_cn span{ color:#222; font-size:36px; padding-bottom:12px; border-bottom:1px solid #b6b9bf;}
.top_cn span b{ background:url(../images/top_enline.jpg) no-repeat bottom; padding-bottom:14px;}

/*parter*/
.client_table td a{ display:block; width:219px; height:128px;}

/*contact*/
.contact ul{ width:1148px;}
.contact li{ float:left; margin-right:57px; display:inline; width:230px; height:120px; background:url(../images/contact_yy.png) repeat;}
.contact li a,.contact li span,.contact li img{ display:block;}
.contact li img,.contact_icon{ width:72px; height:54px; margin:18px 0 12px 79px; display:block;}
.contact li span{ color:#e0e0e0; font-size:14px; text-align:center;}
.contact_icon1{ background:url(../images/contact_Cicon1.png) no-repeat;}
.contact_icon2{ background:url(../images/contact_Cicon2.png) no-repeat;}
.contact_icon3{ background:url(../images/contact_Cicon3.png) no-repeat;}
.contact_icon4{ background:url(../images/contact_Cicon4.png) no-repeat;}
.floor7 .contact li:hover{ background:url(../images/contact_yyho.png) repeat;}
/*.contact li a:hover .contact_icon1{ background:url(../images/contact_iconho1.png) no-repeat;}
.contact li a:hover .contact_icon2{ background:url(../images/contact_iconho2.png) no-repeat;}
.contact li a:hover .contact_icon3{ background:url(../images/contact_iconho3.png) no-repeat;}
.contact li a:hover .contact_icon4{ background:url(../images/contact_iconho4.png) no-repeat;}*/
.contact li a:hover span{ color:#FFF;}

/*footer*/
.footer{ position:relative; z-index:5555; width:100%; height:auto; overflow:hidden; background-color:#0e0e0e;}
.foot_top{ height:auto; overflow:hidden; padding:22px 0;}
.love_link a{ color:#454545; margin-right:32px;}
.foot_d{ border-top:1px solid #212121; padding:30px 0 18px; background-color:#0e0e0e;}
.foot_dshare{ position:relative; width:190px; height:46px; margin:0 auto;}
.foot_dshare a{ display:inline-block; float:left; background-image:url(../images/f_dshimg.png); width:53px; height:46px; margin-right:10px;}
.foot_dshare1{ background-position:0 0;}
.foot_dshare2{ background-position:-63px 0;}
.foot_dshare3{ background-position:-126px 0;}
.foot_dshare1:hover{ background-position:0 -50px;}
.foot_dshare2:hover{ background-position:-63px -50px;}
.foot_dshare3:hover{ background-position:-126px -50px;}
.copyright{ clear:both; font-family:Arial; color:#787878; text-align:center;}
.footer a:hover{ color:#FFF;}
.foot_shWx,.foot_shTelWx{ position:absolute; top:-109px; z-index:999999; width:104px; height:104px; background:url(../images/foot_shar_bd.png) no-repeat left bottom; padding-bottom:5px; display:none;}
.foot_shWx{ right:-92px;}
.foot_shTelWx{ left:115px;}
.foot_shWx img,.foot_shTelWx img{ display:block; padding:12px; background-color:#FFF;}
.ebsgovicon{display:inline-block;vertical-align: middle;margin-left:5px;}
.ebsgovicon img{width:20px;height:28px;}

@media  screen and (max-width: 320px){
	
	.h_click{ display:none;}
	
	}

@media (min-width: 321px) and (max-width: 1000px){
	
	.h_click{ display:none;}
	
	}
	
@media  screen and (min-width: 1001px){
	
	.h_click{ display:block;}
	
	}	

/*浮动qq*/
.float_qq{ position:fixed; top:200px; right:0; width:50px; height:203px; z-index:6666;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:0;}
.float_qq li.float_qq2{ position:absolute; top:51px; left:0; width:126px;}
.float_qq li.float_qq3{ position:absolute; top:102px; left:0; width:172px;}
.float_qq li.float_qq4{ top:153px;}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#c70c1f; opacity:1;}
.float_shwx{ position:absolute; top:-226px; left:-216px; background:url(../images/float_wxbd.png) no-repeat bottom right; width:216px; height:216px; padding-bottom:9px; display:none;}
.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}

#qLpercentage{ width:105px; height:104px; line-height:104px; text-align:center;}