
/* 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;position: relative;top: 10px;}
.logo a{ display:block;}
.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;}
.mynav li{ float:left; width:87px; height:32px; line-height:32px; text-align:center;}
.mynav li p{ height:32px; overflow:hidden;}
.mynav li a{ color:#FFF; font-size:16px; display:block;}
.mynav li a span{ display:block;color: #d3001e;}
.mynav 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; }

.pagenav{ padding-top:20px; margin-bottom:40px;text-align: center; font-size: 0;}
.pagenav li{ height:24px; line-height:24px; display:inline-block; padding:0 40px; cursor:pointer; color:#454545; font-size:18px; }
.pagenav li.on, .pagenav li.on:hover, .pagenav li:hover{ color:#fff; font-weight:bold;}
.pagenav li:first-child{ border-radius:6px 0 0 6px; }
.pagenav li a {color:#cfcfcf;}

.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(/public/home/img/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(/public/home/img/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(/public/home/img/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(/public/home/img/team_lac.png) no-repeat; left:-80px;}
.team_r{ background:url(/public/home/img/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:60px; 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;}
.top_cn span b{}

/*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(/public/home/img/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(/public/home/img/contact_cicon1.png) no-repeat;}
.contact_icon2{ background:url(/public/home/img/contact_cicon2.png) no-repeat;}
.contact_icon3{ background:url(/public/home/img/contact_cicon3.png) no-repeat;}
.contact_icon4{ background:url(/public/home/img/contact_cicon4.png) no-repeat;}
.floor7 .contact li:hover{ background:url(/public/home/img/contact_yyho.png) repeat;}
/*.contact li a:hover .contact_icon1{ background:url(/public/home/img/contact_iconho1.png) no-repeat;}
.contact li a:hover .contact_icon2{ background:url(/public/home/img/contact_iconho2.png) no-repeat;}
.contact li a:hover .contact_icon3{ background:url(/public/home/img/contact_iconho3.png) no-repeat;}
.contact li a:hover .contact_icon4{ background:url(/public/home/img/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(/public/home/img/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(/public/home/img/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:-140px; left:-195px; width:188px; height:188px; 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;}


/*案例详情*/

.webtit {
	padding-top: 40px;
	padding-bottom: 30px;
	text-align: center
}

.enfont {
	font-family: 华文细黑;
	letter-spacing: .06em;
	transform: scale(1, 1.1);
	text-transform: uppercase
}

.webtit em {
	display: block;
	line-height: 70px;
	position: relative;
	font-size: 42px;
	color: #3f3f3f;
	font-style: normal;
}

.webtit em i {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 26px;
	height: 2px;
	margin-left: -13px;
	background: #1ec0ff

}

.webtit span {
	line-height: 66px;
	font-size: 24px;
	color: #292828
}

.newspicbo {
	height: 380px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-top: 68px;
}
.newspicbo .webtit {
	padding-top: 130px
}

.newspicbo .webtit em, .newspicbo .webtit span {
	color: #fff
}

.mynewspicbo {
	background: #000 url(/public/home/img/bobanner.jpg) center center no-repeat
}



.hideshow {
	-webkit-transition: -webkit-transform .6s, opacity 1.8s;
	transition: transform .6s, opacity 1.8s;
	-webkit-transform: translate3d(0, 10%, 0) scale(1);
	transform: translate3d(0, 10%, 0) scale(1);
}

.hideshow.on {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0
}
.xi_tel_pac ul.clearfix {
	margin-top: 50px;
	width: 1230px;
}
.xi_host_pac ul.clearfix {
	margin-top: 0;
}
.xi_host_sup ul.clearfix {
	text-align: center;
	width: 1230px;
	margin-top: 65px;
}
.layout {
	width: 1200px;
	margin: 0 auto;
	clear: both
}
.layout {
	width: 1200px;
	margin: 0 auto
}
.xi_doser .layout, .xi_host_sup .layout {
	overflow: hidden;
}

.somelinks {
	padding-top: 30px
}
.somelinks .bgbg {
	background: #676767;
	border-radius: 5px;
	float: right;
	width: 269px;
	height: 125px
}

.somelinks .bgbg .searchbo {
	background: #fff;
	margin-right: 10px;
	margin-top: 40px
}
.clumbo {
	background: #fff;
	border-bottom: 1px solid #eee
}

.clumbo ul {
	float: left
}

.clumbo ul li {
	width: auto;
	line-height: 80px;
	float: left;
	font-size: 17px;
	color: #1a1a1a;
	margin-right: 60px;
	border-bottom: 3px solid #fff
}

.clumbo ul li a {
	display: block;
	color: #1a1a1a
}

.clumbo ul li.on a {
	color: #0095e2
}

.clumbo ul li.on {
	border-color: #0095e2
}

.clumbo ul li a:hover {
	color: #0095e2
}

.clumbo ul li:hover {
	border-color: #0095e2
}

.clumbo .searchbo {
	overflow: hidden;
	font-size: 0;
	float: right;
	width: 246px;
	height: 41px;
	border: 1px solid #e9e9e9;
	margin-top: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.clumbo .searchbo input {
	display: inline-block;
	width: 190px;
	line-height: 41px;
	height: 41px;
	font-size: 14px;
	border: none;
	padding-left: 20px
}

.clumbo .searchbo .submit {
	display: inline-block;
	padding: 0;
	margin: 0;
	background: url(/public/home/img/searchboi.jpg) no-repeat;
	width: 36px;
	height: 22px
}

.clumboBox {
	height: 70px;
	line-height: 70px;
	overflow: hidden
}

.clumboBox h5 {
	font-size: 14px;
	color: #979797;
	float: left
}

.clumboBox i {
	display: block;
	float: left;
	font-size: 12px;
	color: #979797;
	margin: 0 10px
}

.clumboBox h5 a {
	color: #979797
}

.clumboBox h5 a:hover {
	color: #0095e2
}

.clumboBox .sharebox {
	float: right;
	width: 240px
}

.clumboBox .sharebox .bdsharebuttonbox a {
	margin-top: 22px
}

.clumboBox h6 {
	font-size: 14px;
	color: #979797;
	float: left
}

.clumboBox .wechat {
	color: #00ba13;
	width: 25px;
	background: url(/public/home/img/ribo2.jpg);
	height: 25px;
	float: right;
	display: inline-block;
	vertical-align: middle;
	margin-top: 21px
}

.clumboBox .sina {
	width: 25px;
	background: url(/public/home/img/ribo3.jpg);
	height: 25px;
	color: #ef4635;
	float: right;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	margin-top: 21px
}

.allist {
	/*padding: 32px 0 0 0*/
}

.allist-img {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.allist-img p {
	transition: all .25s;
	position: absolute;
	bottom: -53px;
	left: 0;
	width: 100%;
	line-height: 53px;
	background: #000;
	opacity: .5;
	color: #fff;
	text-indent: 15px;
	font-size: 16px
}

.allist li:hover .allist-img p {
	bottom: 0
}

.allist li {
	float: left;
	width: 375px;
	height: 340px;
	position: relative;
	padding-bottom: 2px;
	margin-right: 25px;
	margin-bottom: 31px
}

.allist-wrap {
	padding: 13px
}

.allist-cnt {
	float: left;
	/*width: 263px*/
}

.allist-cnt h5 {
	line-height: 30px;
	font-size: 19px;
	color: #1a1a1a;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.allist-cnt p {
	line-height: 22px;
	font-size: 14px;
	color: #666;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.allist-wrap2 {
	float: right;
	width: 95px;
	/*margin-right: -10px;*/
	margin-top: -24px;
}

.allist-num {
	float: right;
	padding-left: 20px;
	background: url(/public/home/img/al.png) no-repeat left center;
	line-height: 24px;
	color: #999;
	font-style: normal;
}

.allist-btn {
	float: right;
	width: 100%;
	padding-top: 8px
}

.allist-btn a {
	margin-left: 2px;
	float: right;
	width: 21px;
	height: 18px;
	background-position: center;
	background-repeat: no-repeat
}

.allist-btn a.s4 {
	background-image: url(/public/home/img/al2.png)
}

.allist-btn a.s3 {
	background-image: url(/public/home/img/al3.png)
}

.allist-btn a.s2 {
	background-image: url(/public/home/img/al4.png)
}

.allist-btn a.s1 {
	background-image: url(/public/home/img/al5.png)
}

.allist-btn a.hasewm .ewms {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	transition: all .25s;
	transform: scale(0);
	opacity: 0;
	filter: Alpha(opacity=0);
	display: none \9
}

.allist-btn a.hasewm:hover .ewms {
	transform: scale(1);
	opacity: 1;
	filter: Alpha(opacity=100);
	display: block \9
}

.allist-btn a.hasewm .ewms i {
	display: inline-block;
	font-weight: 700;
	font-size: 18px;
	line-height: 40px;
	margin: 0 15px;
	margin-top: -30px;
	vertical-align: top;
	color: #0095e2
}

.allist-btn a.hasewm .ewms canvas {
	border: 8px solid #fff
}

.allist-line {
	position: absolute;
	height: 2px;
	background: #3082d6;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .25s;
	width: 0
}

.allist-line {
	position: absolute;
	height: 2px;
	background: #c70c1f;
	position: absolute;
	bottom: 0;
	left: 30px;
	transition: all .25s;
	width: 0
}

.allist li:hover .allist-line {
	width: 85%
}
.pagebo {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin-bottom: 80px;
	margin-top: 50px
}

.pagebo a {
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #d8d8d8;
	padding: 8px 18px;
	background: #fff;
	color: #8e8e8e;
	font-size: 16px;
	margin-right: 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.pagebo a i {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	margin-right: 5px
}

.pagebo a em {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	margin-left: 5px
}

.pagebo span {
	display: inline-block;
	font-size: 16px;
	color: #8e8e8e;
	vertical-align: middle
}

.pagebo input {
	width: 56px;
	height: 34px;
	display: inline-block;
	background: #fff;
	border: 1px solid #d8d8d8;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.pagebo .submit {
	width: 56px;
	height: 34px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #d8d8d8;
	background: #fff;
	color: #8e8e8e;
	font-size: 16px;
	margin-right: 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 10px
}

.pagebo a.on, .pagebo a:hover {
	border-color: #c70c1f;
	color: #fff;
	background: #c70c1f;
}
.pagebo span{
	border-color: #c70c1f;
	color: #fff;
	background: #c70c1f;
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #d8d8d8;
	padding: 8px 18px;
	font-size: 16px;
	margin-right: 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.somelinks {
	padding-top: 30px
}
.somelinks .bgbg {
	background: #676767;
	border-radius: 5px;
	float: right;
	width: 269px;
	height: 125px
}

.somelinks .bgbg .searchbo {
	background: #fff;
	margin-right: 10px;
	margin-top: 40px
}

.clumbo {
	background: #fff;
	border-bottom: 1px solid #eee
}

.clumbo ul {
	float: left
}

.clumbo ul li {
	width: auto;
	line-height: 80px;
	float: left;
	font-size: 17px;
	color: #1a1a1a;
	margin-right: 60px;
	border-bottom: 3px solid #fff
}

.clumbo ul li a {
	display: block;
	color: #1a1a1a
}

.clumbo ul li.on a {
	color: #0095e2
}

.clumbo ul li.on {
	border-color: #0095e2
}

.clumbo ul li a:hover {
	color: #0095e2
}

.clumbo ul li:hover {
	border-color: #0095e2
}

.clumbo .searchbo {
	overflow: hidden;
	font-size: 0;
	float: right;
	width: 246px;
	height: 41px;
	border: 1px solid #e9e9e9;
	margin-top: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.clumbo .searchbo input {
	display: inline-block;
	width: 190px;
	line-height: 41px;
	height: 41px;
	font-size: 14px;
	border: none;
	padding-left: 20px
}

.clumbo .searchbo .submit {
	display: inline-block;
	padding: 0;
	margin: 0;
	background: url(/public/home/img/searchboi.jpg) no-repeat;
	width: 36px;
	height: 22px
}

.clumboBox {
	height: 70px;
	line-height: 70px;
	overflow: hidden
}

.clumboBox h5 {
	font-size: 14px;
	color: #979797;
	float: left
}

.clumboBox i {
	display: block;
	float: left;
	font-size: 12px;
	color: #979797;
	margin: 0 10px
}

.clumboBox h5 a {
	color: #979797
}

.clumboBox h5 a:hover {
	color: #0095e2
}

.clumboBox .sharebox {
	float: right;
	width: 240px
}

.clumboBox .sharebox .bdsharebuttonbox a {
	margin-top: 22px
}

.clumboBox h6 {
	font-size: 14px;
	color: #979797;
	float: left
}

.clumboBox .wechat {
	color: #00ba13;
	width: 25px;
	background: url(/public/home/img/ribo2.jpg);
	height: 25px;
	float: right;
	display: inline-block;
	vertical-align: middle;
	margin-top: 21px
}

.clumboBox .sina {
	width: 25px;
	background: url(/public/home/img/ribo3.jpg);
	height: 25px;
	color: #ef4635;
	float: right;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	margin-top: 21px
}

.smmenu {
	float: left;
	width: 700px
}

.smmenu li {
	float: left;
	width: 105px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border: 1px solid #d8d8d8;
	border-radius: 1px;
	margin-right: 9px;
	margin-bottom: 10px;
	list-style: none;
}

.smmenu li:hover{
	color: #fff;
	background: #0095e2
}
.smmenu li a:hover {
	color: #fff;
	background: #0095e2
}
.smmenu li a {
	color: #000;
}
.smmenu li.on {
	color: #fff;
	background: #0095e2
}
.somelinks .bgbg {
	/*background: #676767;*/
	border-radius: 5px;
	float: right;
	width: 480px;
	height: 125px;
	margin-right: 20px;
}

/*联系我们页面*/
.contact_banner{ background:url(/public/home/img/contact_banner.jpg) no-repeat center; height:160px; padding-top:80px; text-align:center; font-size:20px; color:#232323; font-weight:bold; width:100%;}
.contact_banner span{ font-size:24px; margin:0 5px;}
.contact_map{ margin: 60px 0 30px 0;text-align:center;}
.contact_lxfs{ width:732px; margin:0 auto; }
.contact_lxfs_top{height:65px; line-height:65px; background-color:#32373d;}
.contact_lxfs_top_left{ width:354px; float:left; background-color:#f3782a; color:#fff; font-size:18px; text-indent:12px;height:65px;}
.contact_lxfs_top_left span{ font-weight:bold; font-size:24px;}
.contact_lxfs_top_right{ width:360px; float:right; padding-top:15px;}
.contact_lxfs_top_right li{float: left;position: relative;}
.contact_lxfs_top_right li .wem{width: 220px;display: none; color: #363636;border: solid 1px #ccc;text-align: center;padding-top: 215px; position: absolute;/*background-color: White;*/background-image: url('/public/home/img/ewm.png');background-repeat: no-repeat;background-position: center 10px;}
.contact_lxfs_top_right li .wem3{left: -70px;top: -220px; border:0;}
.contact_lxfs_top_right li .wem4{left: -80px;top: -220px;border:0;}
.contact_lxfs_top_right img{ margin:0 20px;}
.contact_text{ clear:both; padding:10px 0 40px 0;}
.contact_text p{ font-size:14px; color:#232323; height:30px; line-height:30px;}
.contact_text span{ font-size:14px; /*font-style:italic;*/ margin-right:5px;}
.contact_bus{ width:1040px; margin:0 auto; height:100%; overflow:hidden; margin-bottom:50px; border-top:1px solid #eee;}
.contact_bus h1{ font-size:20px; text-align:center; line-height:45px; padding:30px 0;}
.contact_bus li{ width:250px; float:left; text-align:center;}
.contact_bus img{ margin-bottom:15px;}
.contact_bus h2{ font-size:16px; color:#232323; line-height:35px;}
.contact_bus .jl{ margin:0 130px;}

.contact_bus li .dt1{left: 13%;top: 650px; border:0;}
.contact_bus li .dt {
	width: 400px;
	display: none;
	color: #363636;
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 260px;
	position: absolute;
	background-color: White;
	background-image: url('/public/home/img/dt.png');
	background-repeat: no-repeat;
	background-position: center 0px;
}
.contact_bus li .gj1{left: 36%;top: 650px; border:0;}
.contact_bus li .gj {
	width: 400px;
	display: none;
	color: #363636;
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 260px;
	position: absolute;
	background-color: White;
	background-image: url('/public/home/img/gj.png');
	background-repeat: no-repeat;
	background-position: center 0px;
}
.contact_bus li .xx1{right: 13%;top: 650px; border:0;}
.contact_bus li .xx {
	width: 400px;
	display: none;
	color: #363636;
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 260px;
	position: absolute;
	background-color: White;
	background-image: url('/public/home/img/xx.png');
	background-repeat: no-repeat;
	background-position: center 0px;
}
/*产品内容页*/
.new_banner{ background:url(/public/home/img/new_banner.jpg) no-repeat center; height:160px; width:100%; padding-top:80px; }
.new_banner_center{font-size:28px; width:1200px; margin:0 auto;color:#232323; font-weight:bold;}
.zy_top{ width:100%; height:100px; border-bottom:1px solid #eee;}
.gy{ width:1200px; margin:0 auto; overflow:hidden;}
.zy_top{ width:100%; height:100px; border-bottom:1px solid #eee;/*padding-bottom: 20px;*/}
.zy_top_left{ width:600px; float:left; padding-top:55px;}
.zy_top_left_left{ width:180x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3782a;}
.zy_top_left_right{ width:390px; float:right;}
.zy_top_left_right01{ height:24px; font-size:18px; margin-top:-12px;color:#000;}
.zy_top_left_right02{ /*height:15px;*/ line-height:20px; color:#686868;}

.zy_top_left_left02{ width:220x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left02 span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3782a;}
.zy_top_left_right_mo{ width:380px; float:right;}



.zy_top_left_left03{ width:390x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left03 span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#c70c1f;}
.zy_top_left_right_new{ width:210px; float:right;}


.zy_top_left_left04{ width:410x; float:left; font-family:Arial, Helvetica, sans-serif; font-size:48px; color:#2c2c2c;font-weight:bold; }
.zy_top_left_left04 span{ font-size:48px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f3782a;}
.zy_top_left_right_web{ width:190px; float:right;}

.zy_top_right{ width:600px; float:right;}


.zy_top_left_01{ width:490px; float:left; padding-top:35px;}
.zy_top_left_right_01{ width:280px; float:left; margin-left:10px;}
.zy_top_right_01{ width:706px; float:right;}

.wz{ height:35px; line-height:35px; text-align:right; margin-top:15px;color:#686868;float:left;}
.fa{ height:35px; line-height:35px; text-align:left; margin-top:15px;color:#686868;margin-left: 12%;font-size: 16px;}
.fa img{display: none;}

/*新闻列表页面*/
.new_banner{ background:url(/public/home/img/new_banner.jpg) no-repeat center; height:160px; width:100%; padding-top:80px; }
.new_banner_center{font-size:28px; width:1200px; margin:0 auto;color:#232323; font-weight:bold;height:30px;}
.jg{ clear:both; height:20px;}

/*新闻详情页面*/
.new_show_left{ width:800px; float:left; overflow:hidden;}
.new_show_left_top{ height:70px; border-bottom:1px solid #eee;margin-top: 30px;}

.new_show_left_top .sx02{ width:80px; float:right; padding-top:10px;}

.zy_case_fl{ width:706px; /*margin-left:70px;*/}
.zy_case_fl02{ /*width:440px; margin-left:175px;*/width:664px;/* margin-left:71px;*/}
.zy_case_fl li{ width:94px; height:30px; line-height:30px; text-align:center; background:#32373d; border:1px solid #1d2027; float:left; margin-left:10px;}
.zy_case_fl a{ font-size:14px; color:#fff; display:block;}
.zy_case_fl li:hover{background:#c70c1f; border:1px solid #d85808;}
.zy_case_fl .flon{background:#c70c1f; border:1px solid #d85808;}
.zy_case_list{ clear:both; width:1272px; margin:30px auto 0 auto; height:100%; overflow:hidden; *padding-bottom:30px;}
.zy_case_list li div.cover{width: 100%;height: 100%;top:0;position: absolute;background: #010101;opacity: 0;filter: alpha(opacity=0);font-size: 14px;color: #fff;text-indent: 2em;}
.zy_case_list li div.cover img{width: 85px;height: 85px;padding: 35% 38%; display:block;}
.zy_case_list img{ width:352px;height:281px;}

.zy_case_fl02{ /*width:440px; margin-left:175px;*/width:800px;/* margin-left:71px;*/margin-top: 50px;}
.new_show_left_top img{ margin-left:5px;}
.new_show_left_top h1{ font-size:20px; margin-bottom:10px;}
.new_show_right{ width:350px; float:right; background:url(/public/home/img/new_show_bg.jpg) repeat; padding:15px;margin-top: 20px;}
.new_show_right_top{ font-size:20px; font-weight:bold; margin-bottom:15px;}
.new_show_right h2{ margin-bottom:10px; font-weight:normal; color:#686868;}
.new_show_right p{ height:44px; overflow:hidden;padding-bottom: 10px;}
.new_show_right a{ /*font-size:14px;*/}
.new_show_right a:hover{ text-decoration:none;}
.new_show_text{ margin-top:20px;color:#686868; font-size:14px; line-height:22px;}
.new_show_text p{ margin-bottom:10px; color:#686868; font-size:14px; line-height:22px;}
.new_show_text h1{ line-height:35px; font-size:14px;}
.zy_left_show_sx{ margin-top:20px; border-top:1px solid #eee; padding-top:35px; line-height:40px;margin-bottom: 50px;}
.fanhui{float:right; width:110px;}
.fanhui_left{ width:32px; float:left}
.fanhui_right{ width:78px; float:left; height:32px; background-color:#f4f4f4; line-height:32px; text-align:center; }
.fanhui_rg{ width:78px; float:right; height:32px; background-color:#f4f4f4; line-height:32px; text-align:center; }
.fanhui_right:hover{ background-color:#c70c1f; color:#fff;}
.fanhui_right a{ color:#232323;}
.fanhui_right a:hover{ color:#fff;}
.zy_left_show_sx a{ margin-right:10px;}
.fa_fanhui{line-height: 40px;float: right;margin-top: -7.2%;margin-right: 22%;}
.new_show_right h1 {
	font-size: 16px;
	color: #686868;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.new_show_right li a{color:#000;}

.new_show_right li {
	/*height: 110px;*/
	/*border-bottom: 1px dashed #a7a7a7;*/
	color: #686868;
	margin-bottom: 10px;
	margin-top: 15px;
}
.new_show_right li a:hover{
	color: red;
}
.new-info-r {padding-right: 0px;}
.cloumb-list li {
	margin-bottom: 20px;
	margin-top: 20px;
}
.cloumb-list li h4 {
	overflow: hidden;
	padding: 3px 0;
}
.cloumb-list li .cb-time {
	font-size: 0.8rem;
	color: #999999;
}
.cloumb-list li h4 a {
	width: 85%;
	display: block;
	max-height: 50px;
	/*font-size: 1.4rem;*/
	line-height: 1.8em;
}
.cloumb-list li img {
	float: left;
	width: 82px;
	height: 82px;
	margin-right: 15px;
}
.new-info-r .pic-box {
	padding: 8px 0px 28px 0;
	border-bottom: 1px solid #DCDCDC;
}
.new-info-r h3 {
	font-size: 1rem;
	font-weight: 600;
	padding: 18px 0;
	color: #333333;
}
.artical-list li {
	padding: 8px 0;
}

.artical-list li a {
	float: right;
	display: block;
	width: 91%;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*相关产品*/
/* news related start */
.r {
	float: right;
	display: inline-block;
}
.news-padding {
	margin-top: 3.5%;
}
.newNav dd {
	float: left;
	width: 100%;
	display: block;
	padding: 5px 0px;
	color: #505050;
	line-height: 1.2;
	transition: 0ms;
	-ms-transition: 0ms;
	-webkit-transition: 0ms;
	-moz-transition: 0ms;
	position: relative;
}
.newNav dd .m1 {
	position: absolute;
	background-color: #c70c1f;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 0%;
	transition: 400ms;
	-ms-transition: 400ms;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
}
.newNav dd .name {
	font-size: 24px;
	background: url(/public/home/img/ni1.png) no-repeat scroll left -100%;
	margin-left: 34px;
	padding-left: 50px;
	transition: 400ms;
	-ms-transition: 400ms;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	position: relative;
	z-index: 2;
}
.newNav dd .nt {
	margin: 0px 36px;
	position: relative;
	z-index: 2;
	padding: 2px 0px;
	color: #c8c8c8;
	background: url(/public/home/img/nt1.png) no-repeat scroll center center;
	float: none;
	font: 16px/1 "times new roman";
}
.newNav dd {
	color: #fff;
	text-align: left;
}
.newNav dd .m1 {
	height: 100%;
}
.newNav dd .name {
	background-position: left center;
}
.newNav dd .nt {
	float: right;
	background: url(/public/home/img/nt2.png) no-repeat scroll left center;
	padding-left: 22px;
	margin-top: 5px;
}
.newNav dd .nt a {
	color: #fff;
}
.newsRlist a:link, .newsRlist a:visited {
	color: #787878;
}
.newsRlist a:active, .newsRlist a:hover {
	color: #505050;
}
.newsRlist {
	padding: 20px 0px;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}
.newsRlist ul {
	overflow: hidden;
}
.newsRlist li {
	float: left;
	display: block;
	width: 48%;
	border: 1px solid #e5e5e5;
	margin: 7px 14px 7px 0px;
}
.newsRlist li:nth-child(2n) {
	margin: 7px 0px;
}
.newsRlist .img {
	width: 40%;
	height: 100%;
	overflow: hidden;
	float: left;
}
.newsRlist .img img {
	width: 100%;
	display: block;
	transition: 500ms;
	-ms-transition: 500ms;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
}
.newsRlist .con {
	width: 50%;
	padding: 15px;
	display: block;
	float: left;
}
.newsRlist .t {
	font-size: 16px;
	color: #505050;
	margin-bottom: 3px;
	line-height: 1.4;
	overflow: hidden;
	transition: 300ms;
	-ms-transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	white-space: nowrap;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.newsRlist .c {
	overflow: hidden;
	margin-bottom: 8px;
	font-size: 14px;
	color: #666;
	white-space: nowrap;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.newsRlist li .i {
	font-size: 12px;
	color: #999;
}
.newsRlist li:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.newsRlist li:hover {
	background-color: #ececec;
}
/* news related end */

.serverC {
	background-color: #f9f9f9;
	overflow: hidden;
	padding-top: 78px;
	padding-bottom: 50px
}

.serverC .wrap ul {
	width: 1236px
}

.serverC .wrap ul li {
	position: relative;
	float: left;
	width: 376px;
	margin-right: 36px;
	height: 560px;
	box-sizing: border-box;
	background-color: #fff;
	margin-bottom: 40px;
	line-height: 1;
	padding-top: 16px
}

.serverC .wrap ul li .p1 {
	padding-left: 24px;
	font-size: 24px;
	color: #000;
	font-weight: 700;
	margin-bottom: 6px
}

.serverC .wrap ul li .p1 span {
	color: #0095e2
}

.serverC .wrap ul li .p2 {
	padding-left: 24px;
	text-transform: uppercase;
	font-size: 8px;
	color: #c3c3c3;
	padding-bottom: 16px
}

.serverC .wrap ul li .d1 {
	border-top: 1px solid #ebebeb;
	padding-top: 20px
}

.serverC .wrap ul li .d1 img {
	width: 330px;
	display: block;
	height: auto;
	margin: 0 auto 20px;
	margin-bottom: 10px
}

.serverC .wrap ul li .d1 .p3 {
	margin: 0 auto 10px;
	width: 330px;
	color: #666;
	font-size: 14px;
	line-height: 26px
}

.serverC .wrap ul li .d1 > dl {
	padding-left: 24px
}

.serverC .wrap ul li .d1 > dl dt {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px
}

.serverC .wrap ul li .d1 > dl dt a {
	border: 1px solid #b4b4b4;
	width: 104px;
	line-height: 30px;
	display: block;
	text-align: center;
	font-size: 13px;
	color: #000;
	-webkit-transition: all .6s;
	transition: all .6s;
	border-radius: 4px;
	box-sizing: border-box
}

.serverC .wrap ul li .d1 > dl dt a:hover {
	color: #fff;
	background-color: #c70c1f;
}

.serverC .wrap ul li .d1 .more {
	position: absolute;
	bottom: 0;
	width: 72px;
	height: 32px;
	line-height: 32px;
	background-color: #7f7f7f;
	color: #fff;
	left: 50%;
	margin-left: -36px;
	text-align: center;
	-webkit-transition: all .6s;
	transition: all .6s
}

.serverC .wrap ul li .d1 .more:hover {
	background-color: #c70c1f
}

.serverC .wrap ul li:hover {
	box-shadow: 0 0 14px 0 #ccc
}
.serverC .wrap {
	width: 1200px;
	margin: 0 auto;
}
.fa li{
	float:left;
	padding-right: 10px;
}
.fa li.on a{
	color: #c70c1f;
}
