/* CSS Document */
*{text-overflow: ellipsis;}
body{
	margin: auto; background-color:#F7F7F7;
	font-size: 14px;
	line-height: 1.5;
	font-family: "微软雅黑", "宋体", Arial;
	color: #000000; min-width:1300px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,th,td{margin:0;padding:0;}
table{
border-collapse: collapse;
}
a{
color: #000000;
text-decoration: none;	text-decoration: none;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}
a:hover{
	color: #c10f25;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
.box{
	width:1210px; max-width:96%;
	margin: auto; 
}
.box1{ margin:auto; width:1210px;max-width:100%}
.fl{ float:left}
.fr{ float:right}


.header .logo{margin-top:5px; float:left;}
.app_header{ display:none}


.header{
	width:100%;
	z-index:99;
	z-index:9999;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	float:left;
	/*padding-top: 10px;
	padding-bottom: 10px;*/ background-color:#FFFFFF;
}

.header .box1{
	position: relative;
}
.header .logo{}
/*.header .tell{ margin-top:15px;}*/
.header .tell .tels{ float:left; }
.header .tell .tel{
	float:left;
	clear:both;
	color: #FD0002;
	background-image: url(1_r4_c5.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	font-family: Impact,Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-left:20px;
	white-space: nowrap;
}
#nav{ width:100%; line-height:45px;background-color:#FFFFFF; float:left;
}
#nav ul{ float:left; width:100%; }
#nav ul li{
	float:left;
	width:11.1111%;
	text-align:center;
	position: relative;
	
}
#nav >.box1 >ul >li{border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eeeeee; margin-left:-1px;}
#nav >.box1 >ul{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eeeeee;
}	
#nav >.box1>ul> li:hover>a{	color:#0099FF;}
#nav ul li a{
	font-size:16px;
	display:block;/*border-radius:50px;*/
	position: relative; 
}

#nav >.box1> ul>li:hover>a{ 	color:#0099FF;

	/*display:block;border-radius:50px 50px 0 0;*/

}
#nav >.box1> ul>li:hover>a:after,#nav >.box1> ul>li>a.select:after{
	position: absolute;
	left: 0%;
	bottom: 0px;
	float:left;
	width:100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0099FF; content:'';
}
#nav ul li.nbg>a{border-left-width: 0px;}
#nav >.box1>ul>li:last-child>a{border-right-width:0px;}
#nav ul li ul li a{border-radius:0px; font-size:12px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #ffffff;
	border-bottom-color: #cccccc; padding-top:5px; padding-bottom:5px; 
}
#nav ul li a.select,#nav ul li a:hover{
		color:#0099FF;
}
#nav ul li ul li a:hover{
	background-color: #0099FF; color:#FFFFFF;
}

#nav ul ul{
	display:none;
	line-height:28px;
	float: left;
	width: 120%; 
	position: absolute;
	left:-10%;
	top: 45px; z-index:22; background-color:#eeeeee;background-color:rgba(255,255,255,0.8);
}
#nav ul ul ul{ top:0px; left:100%; margin:auto;}
#nav ul li  ul li{ width:100%;}
/*banner的CSS布局*/
.banner{
	width:100%;
	overflow:hidden;
	position:relative;
	clear:both;
	margin:auto;
	float:left;

}

.banner .hd{ height:20px; overflow:hidden; position:absolute;right:0; left: 0;  margin: 0 auto; bottom:10px;z-index:2; }
.banner .hd ul{ overflow:hidden; zoom:1; text-align:center;}
.banner .hd ul li{ display:inline-block; margin:0 4px;  width:12px; height:12px; line-height:14px; text-align:center; background:rgba(255,255,255,0.6); cursor:pointer;border-radius:100%; }
.banner .hd ul li.on{ background:rgba(255,255,255,1); color:#fff;}

.banner .bd{
	position:relative;
	height:100%;
	z-index:0;
	
	margin: 0px; padding:0px; width:100%; float:left; background-color:#333333
}
.banner .bd li{ zoom:1; vertical-align:middle; width:100%; float:left;margin: 0px; padding:0px; background-color:#999999}
/*.banner .bd li a{ cursor: w-resize;margin: 0px; padding:0px;}*/


.banner .bd li  img{width: 100%;margin: 0px; padding:0px; float:left;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png)-110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}
/*底部*/
.footer2{
	background-color: #2D3236;
	float: left;
	width: 100%; padding-top:10px; padding-bottom:10px;
}
.footer{
	background-color: #23282C;
	text-align: center;
	float: left;
	width: 100%;
	line-height:1.5;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer,.footer a,.footer2,.footer2 a{ color:#999999}
.footer2 .message{
	width:200px;
	float: left;

}
.footer2 .footnav{ width:250px; float:left;}
.footer2 .footnav ul{ float:left; width:100%;}
.footer2 .footnav ul li{ float:left; width:50%; line-height:35px;}
.footer2 .flx{ width:270px; float:left; }
.footer2 .qrcode{ width:250px; float:left}
.footer2 .etitle{
	color:#cccccc;
	font-size: 22px;
	text-align: left;
	line-height: 32px;
}
.footer2 .etitle span{ color:#d4bb56}
.footer2 .econtent{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.footer2 .message .item span{ display:none}
.footer2 .message .item,.footer2 .message .tijiao{
	float:left;
	width:100%;
	clear:both;
	margin-top: 10px; 
}
.footer2 .message input{
	width: 96%;
	border: 0px solid #ddd;
	height: 24px; padding-left:2%; padding-right:2%;
}
.footer2 .message button{
	background-color: #D4BB56;
	width:100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:32px;
	font-size: 16px;
	color: #FFFFFF;
}
.footer2 .footnav .etitle,.footer2 .qrcode  .etitle,.footer2 .flx  .etitle{
	text-align: left;
	text-indent: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx  .econtent{
padding-left:30px; 

}
.footer2 .footnav,.footer2 .qrcode ,.footer2 .flx {

margin-left: 30px;
}
.footer2 .footnav .econtent,.footer2 .qrcode  .econtent,.footer2 .flx2{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666;
min-height:180px;
}



#foot1{
	float: left;
	width: 100%;
	min-height:100px;
	padding-top: 50px;
	padding-bottom: 15px;
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-size:12px;
	text-align: center;

}
#foot1 .footnav{ line-height:30px; text-align:center}
#foot1 .footnav a{
	font-size: 12px;
	color: #666666;
	margin-bottom: 5px;
	margin-right: 10px;
}
#foot1 .copy{ clear:both; padding-top:20px;}
#foot1 .copy,#foot1 .copy a{ color:#999999; font-size:12px;}

.list{
	float: left;margin: 10px;

}
.list .img{ background-color:#FFFFFF;}
.list .img img{ max-width:100%;}
.list div{
	text-align: center;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}
.list div.ntitle{
	line-height:32px;
	float: left;
	width: 98%;

	padding-right: 1%;
	padding-left: 1%;
}
.list a:hover div.ntitle{ color: #c10f25;

}

.links{
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; */background-color:#FFFFFF; clear:both
}
.link{
	background-image: url(link.jpg);
	background-repeat: no-repeat;
	background-position: left 11px; font-size:12px;
	clear: both;
	min-height: 27px;
	padding-left: 110px;
	padding-top:15px;
	padding-bottom:10px;
}
.link .etitle{ display:none}






.link .etitle{ display:none}

.hot{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#ffffff;
	background-image: url(1_r7_c8.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.hot .search{
	background-image: url(gg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	text-indent: 50px;
}
.hot .search,.hot form{ float:left; color:#333333; font-size:14px; line-height:40px;}

.hot form{ margin-left:15px; margin-top:5px;}
.hot form input{
	/*	background-image: url(s.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 26px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	float:left;
	border-right-style: none;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #cccccc;

	padding-left:10px; float:left; width:200px;
}
.hot form button{
	background-image: url(sbtn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	background-color: #E60000;
}
.hot .share{  line-height:28px; color:#666666; font-size:12px;}




.pro,.pro a{ color:#333333}
.pro{
	float:left;
	width:100%;
	margin-top:3px;
	padding-top:0px;
	background-image: url(probg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:15px;
	background-attachment: fixed;
}
.pro .etitle{  text-align:center; font-size:30px; line-height:50px; padding-bottom:0px; text-align:center }
.pro .etitle b{
	font-weight: lighter;
	
	position: relative; display:inline-block;
}
.pro .etitle b i{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color:#DA2419;
	position: absolute;
	left: 50%;
	bottom: 0px;
	width:50px;
	float:left;

	margin-left: -25px;
}
.pro .sort{
	clear: both;
	line-height: 38px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:center;
	margin-right: 10px;
	margin-left: 10px;
}
.pro .sort a{
	background-color:#ffffff;
	display:inline-block;
	padding-left:1%;
	padding-right:1%;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 5px;
	margin-right: 0.5%;
	margin-left:0.5%;
	display:inline-block;
	width: 17%;
	float: left;
}
.pro .sort a i{
	font-style: normal;
}
.pro .sort a:hover{background-color:#DA2419; color:#ffffff;}
/*.pro .etitle i{ color:#12327B; margin-left:10px; margin-right:10px;}
.pro .etitle span{
	font-size:14px;
	color:#999999;
	text-transform: uppercase;
}
*/


.pro .picli {
	float: left;margin: 15px; width:272px;

}
.pro .picli .img{ text-align:center;

	width:100%;
	height:255px;	
	overflow:hidden; float:left; 	padding: 2px;
	border: 1px solid #dddddd; background-color:#FFFFFF; /*-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;*/
}
/*.pro .picli .img img{
	width:100%;
	height:255px;
	float:left;

}*/

.pro .picli{

	margin-bottom:5px;
	text-align:center;
	margin-right: 15px;
	margin-left: 15px;
}
.pro .picli .ntitle{
	display:inline-block;
	cursor:pointer;
	line-height:35px;
	font-size:16px;
	float:left;
	width:100%;
	font-size:14px;
	white-space: nowrap;
	overflow: hidden;
}
.pro .picli a:hover .ntitle{ color:#DA2419}

.pro .econtent{ float:left; width:100%; clear:both; }

.pro .more{ clear:both; text-align:center; line-height:35px; padding-top:5px;}
.pro .more a{
	border: 1px solid #cccccc; color:#999999; display:inline-block; padding-left:25px; padding-right:25px;
}
.pro .more a:hover{ background-color:#DA2419;
	border: 1px solid #DA2419; color:#ffffff; display:inline-block; padding-left:25px; padding-right:25px;
}

.aboutbg{
	background-image: url(aboutbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; float:left; width:100%; padding-bottom:30px;
}

.aboutbg .left{
	float:left;
	width:380px;
	background-image: url(about2.png);
	background-repeat: no-repeat;
	background-position: right 120px;
	padding-right: 130px; padding-top:50px;
}
.aboutbg .left,.aboutbg .left a{ color:#FFFFFF}

.aboutbg .left .title{
	font-size: 38px;
	float: left;
	width: 100%;
	line-height:50px;
	position: relative;
}
.aboutbg .left .title:after{
	position: absolute;
	height: 3px;
	width: 70px;
	left: 0px;
	bottom: -10px; background-color:#FFFF00; content:'';
}
.aboutbg .left .hc{	float: left;
	width: 100%; line-height:2; padding-top:30px; padding-bottom:30px;}
.aboutbg .left .more{ clear:both; padding-bottom:50px; line-height:2;}
.aboutbg .left .more a{
	color: #eeeeee; color:rgba(255,255,255,0.5);
	border: 1px solid #eeeeee;border: 1px solid rgba(255,255,255,0.5); display:inline-block; padding-left:30px; padding-right:30px;
}
.aboutbg .left .more a:hover{ background-color:rgba(255,255,255,0.5);border: 1px solid rgba(255,255,255,0.5); color:#ffffff}
.aboutbg .rights{
	float:right;
	width:540px;
	background-color:rgba(255,255,255,0.6);
	padding:30px;
	padding-right:40px;
	padding-left:40px;
	width:580px;
	margin-top:120px;
	background-size:100%; font-size:16px; 
}
.aboutbg .right{
	float:right;
	background-image: url(yy.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 55px;	
}
.aboutbg .right h2{
	font-size: 24px;
	font-weight: lighter;
	padding-bottom: 15px;
}
.aboutbg .sort{ clear:both}
.aboutbg .sort a{
	background-image: url(about3.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	height: 53px;
	float: left;
	text-align: left;
	text-indent: 53px;
	width: 50%; line-height:53px;
}
.aboutbg .sort a.n2{
	background-image: url(about4.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

.aboutbg .sort a.n3{
	background-position: left bottom;
}

.aboutbg .sort a.n4{
	background-position: left bottom;
}
.aboutbg .sort a i{
	font-size: 18px;
	font-style: normal;
	text-decoration: underline;
}
.aboutbg .sort a:hover{
	color: #FFFF00;
}

.address{
	float:left;
	width:100%;
	background-image: url(lxbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% 100%;
	padding-top: 0px;
	padding-bottom: 10px;
}
.address .item{ float:left; width:25%; text-align:center; color:#666666}
.address .item .ico{
	line-height:60px;
	padding-top: 15px;
	padding-bottom: 15px;	
}
.address .item .ico i{font-size:60px; color:#153e90}
.address .item3 .ico i,.address .item4 .ico i{color:#d32d26}
.address .item4 .ico i{
	font-size: 90px;
	color:#d32d26;
	font-weight: bold;
}
.address .item .title{ font-size:18px; color:#333333; padding-top:10px; padding-bottom:10px;}
.address .item .text{}

.case{ float:left; width:100%;}
.case .title{
	background-color: #233975;
	background-image: url(b/8.jpg);
	background-repeat: no-repeat;
	background-position: 90% bottom; float:left; width:100%;
}
.case .title .img{ float:left; width:33.333333333%}
.case .title .img img{ width:100%;}
.case .title .form{ float:right; width:60%; padding-top:20px; padding-bottom:10px;}
.case .title .form .text{ color:#FFFFFF}
.case .title .form input{
	border: 1px solid rgba(255,255,255,0.2);
	padding-right: 5px;
	padding-left: 5px; background-color:rgba(0,0,0,0.3); height:35px; width:300px; color:#FFFFFF;
}
.case .title .form textarea{	border: 1px solid rgba(255,255,255,0.2);color:#FFFFFF;
	padding-right: 5px;
	padding-left: 5px; background-color:rgba(0,0,0,0.3); height:60px; width:300px;}
.case .title .form button {
	background-color: #ef3125;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; height:35px; width:310px; color:#FFFFFF
}
.case .title .form .item,.case .title .form .tijiao{ float:left; width:100%; padding-top:5px; padding-bottom:5px;}
.case .picli{
	float:left;
	width:33.3333%;
	position: relative;
}
.case .picli .text2{
	position: absolute;
	left: 0px;
	top: 50%;
	text-align: center; float:left; width:100%; color:#FFFFFF; margin-top:-50px; z-index:2;
}
.case .more .text2{margin-top:0px; color:#1c2e70}
.case .picli .bg{
	height:100%;
	width:100%;
	float:left;
	background-color:rgba(0,0,0,0.3);
	position: absolute;
	left: 0px;
	top: 0px; z-index:1;
}
.case .picli a:hover .bg{ display:none}
.case .picli .text2 .h2{ font-size:32px; padding-bottom:10px;}
.case .picli img{ width:100%;}






/*新闻*/
.news{ clear:both; float:left; width:100%; padding-top:10px; background-color:#ffffff;}
.news .etitle{ text-align:center; clear:both}
.news .etitle span{
	text-align:center;
	display:inline-block;
	font-size:30px;
	position: relative;
}
.news .etitle span:after{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #da2419;
	position: absolute;
	height: 35px;
	top: 20px;
	float: left;
	width: 80px;
	content:' ';
	z-index:-1;
	bottom: 0px;
	left: 50%; margin-left:-40px;
	
}
.news .sort{ clear:both; text-align:center;  line-height:38px; padding-top:40px; padding-bottom:40px; float:left; width:100%;}
.news .sort a{ display:inline-block; background-color:#e8edf1; color:#223254;margin-left:10px; padding-left:30px; padding-right:30px; font-size:16px; }
.news .sort a:hover,.news .sort a.hover{ background-color:#004ea2; color:#FFFFFF}
/*.news .econtent{ clear:both; display:none}*/
.news .econtent .picli {
	float:left;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.news .econtent .picli a{
	float:left;
	width:96%;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;	position: relative;
}
.news .econtent .picli .img{ float:left; width:120px;height:80px; overflow:hidden; max-width:100%;}
.news .econtent .picli .img img{ width:100%; height:80px;
	-webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.news .econtent .picli a:hover .img img{
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
        }
		
.news .econtent .picli .right{ float:left; width:950px; margin-left:20px; max-width:100%;}
.news .econtent .picli .right .ntitle{
	float:left;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
}
.news .econtent .picli .right .ntitle{color:#223254; font-size:16px;}
.news .econtent .picli .right .dp{
	color:#888888;
	height:3em;
	overflow:hidden;
	float:left;
	width:100%;
	padding-top:10px;
	position: relative;
}
.news .econtent .picli .right2{ float:right}
.news .econtent .picli .right2 .time{color:#888888; font-size:16px;}
.news .econtent .picli .right2 .more2{
	background-image: url(jt.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	height: 29px;
	width: 38px;
	position: absolute;
	right:20px;
	bottom: 40px;
}

.news .econtent .picli a.hover{
	background-color: #4d5b76;
}
.news .econtent .picli a.hover a{ color:#FFFFFF}
.news .econtent .picli a.hover .right .ntitle{ color:#FFFFFF}
.news .econtent .picli a.hover  .dp,.news .econtent .picli a.hover .time{ color:#FFFFFF}
.news .econtent .picli a.hover  .right2 .more2{background-image: url(jt2.png);}

.news .more{ text-align:center; padding-top:15px; padding-bottom:15px; line-height:32px;}
.news .more a{
	display:inline-block;
	border: 1px solid #efb416; padding-left:25px; padding-right:25px; font-size:14px; color:#ffffff; background-color:#efb416;border-radius:20px;
	
}
.news .more a:hover{background-color: #004ea2; color:#FFFFFF;border: 1px solid #4d5b76;}
/*合作*/

.hezuo{
	clear:both;
	float:left;
	width:100%;
padding-top:10px; padding-bottom:10px;

	background-image: url(hzbg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom; background-size:100% ;
}
.hezuo .etitle{ text-align:left; clear:both}
.hezuo .etitle span{
	text-align:center;
	display:inline-block;
	font-size:30px;
	position: relative;
}
.hezuo .etitle span:after{
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #efb416;
	position: absolute;
	height: 35px;
	top: 20px;
	float: left;
	width: 80px;
	content:' ';
	z-index:-1;
	bottom: 0px;
	left: 50%; margin-left:-40px;
	
}
.hezuo .econtent{ float:right; width:65%; clear:both; padding-top:20px;}
.hezuo .econtent *{ max-width:100%;}
.hezuo .econtent .img{
	float:left;
	width:135px;
	height:75px;
	overflow:hidden;
	border: 1px solid #dddddd; background-color:#FFFFFF;
	margin: 10px;
}

.hezuo .more{ clear:both; text-align:right; padding-top:10px; line-height:32px;}
.hezuo .more a{
	border: 1px solid #cccccc; color:#999999; display:inline-block; margin-right:10px; padding-left:10px; padding-right:10px;
}
.hezuo .more a:hover{background-color: #FF9900; color:#FFFFFF;border: 1px solid #FF9900;}
.foottel{
	text-align: center;
	font-style: italic;
	font-size: 16px;
	font-family: "微软雅黑", "宋体", "Arial Unicode MS"; padding-bottom:20px; color:#eeeeee
}
.foottel span{
	font-family: Impact, Geneva, Arial, Helvetica, sans-serif;
	font-size: 34px;
	margin-left:20px;
	color: #ffe952;
}
/*.hezuo .econtent .img img{ width:135px; height:75px; }*/
.header .tels .item{
	float: left;
	height: 36px;
	width: 36px;
	background-image: url(1_r2_c4.jpg);
	background-position: left top;
	position: relative;
}
.header .tels .item1{background-position: left top;}
.header .tels .item2{background-position: -36px top;}
.header .tels .item3{background-position: -72px top;}
.header .tels .item4{background-position: -108px top; width:32px;}
.header .tels .item5{background-position: -140px top;}
.header .tels .item6{background-position: -172px top; width:42px;}
.header .tels .item7{background-position: -216px top;}
.header .tels .item >div{
	display:none;

	position: absolute; z-index:222;
	left: 50%;
	top: 36px;  margin-left:-130px; float:left; width:240px;
}
.header .tels .item >div>div{
	background-color:#FFFFFF;
	float:left;
	width:100%;
	margin-top: 20px;
	border: 1px solid #dddddd;
	position: relative; padding:10px;
}
/*.header .tels .item5 >div{ margin-left:0px;}*/
/*.header .tels .item6 >div{ margin-left:-200px;}*/
.header .tels .item7 >div{ margin-left:-200px;}

.header .tels .item >div >div *{ max-width:100%;}
.header .tels .item:hover> div{ display:block;}
.header .tels .item div>div>span{
	display:block;
	width:0;
	height:0;
	border-width:0 20px 20px;
	border-style:solid;
	border-color:transparent transparent #dddddd;/*透明 透明  黄*/
	position:absolute;
	top:-20px;
	left:50%;
	float: left;
	margin-left: -20px; float:left
}
.header .tels .item5 div>div>span{margin-left: -15px;}
.header .tels .item6 div>div>span{margin-left: -10px;}
.header .tels .item7 div>div>span{margin-left: 50px;}