@charset "utf-8";
/* CSS Document */
html,body,ul,li,p,input,form,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0; padding:0;}
ul,li{ list-style:none;}
body{ font-size:12px; color:#666; line-height:23px; font-family:"microsoft yahei"; margin:0px; padding:0px;}
img{ border:none;}
form{ margin:0px; padding:0px;}
.clear{ clear:both;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#ff0000; text-decoration:underline;}
.fl {float:left;}
.fr {float:right}
.clear{clear:both;}


/*头部样式*/
.header{width: 100%; min-width: 1000px; overflow: hidden;}
.header_t{width:100%; min-width: 1000px; background:url(../img/top_bg.gif) no-repeat center; height:35px; overflow:hidden; }
.conter{width: 1000px; margin: 0 auto; overflow: hidden;}
.top_l{width:387px;  float: right;height:15px; line-height:15px;margin-top:10px;}
.top_l a{padding:0 13px; border-left:1px dotted #407ebc; color:#fff; float:left;}
.top_l .first{border-left:none ;padding-left:0;}


/*logo样式*/
.frlogo{width: 1000px; margin: 0 auto;  overflow: hidden;}
.frlogo_l{width: 605px; height: 120px; overflow: hidden;}
.frlogo_l img{width: 288px; height: 121px; float: left;}
.frlogo_l span{width: 316px; height: 65px; float:right;line-height: 121px;padding-top:26px;}
.frlogo_l span i{font-style: normal; display: block; font-family: "microsoft yahei";font-size: 30px; font-weight: bold;color:#065bd0;line-height: 40px;}
.frlogo_l span em{font-style: normal; display: block; font-family: "microsoft yahei";font-size: 20px; color:#000;line-height: 22px;}
.frlogo_r{width: 395px; height: 121px;}
.frlogo_r h3{float:right; background:url(../img/ioc1.gif) no-repeat right center; font-size:24px; color:#065bd0; padding-right:48px; text-align:right;  padding-left:25px;margin-top:30px;}
.frlogo_r h3 p{font-size:14px; color:#343434; font-weight: normal;}

/*nav样式开始*/
.frnav{width: 100%;min-width: 1000px; height: 54px;background: #065bd0; }
.frnav ul{width: 1000px; margin: 0 auto; overflow: hidden;}
.frnav ul li{float:left; line-height: 54px;background: url("../img/nav-i.png")no-repeat right center; padding-right: 13px; margin-right: 13px; }
.frnav ul .on{background: no-repeat; padding-right: 0;margin-right: 0;}
.frnav ul li a{color: #fff;font-size: 14px;display: block;padding:0 16px;}
.frnav ul li.avi a,.frnav ul li a:hover{background:#fa5d00;color:#fff;text-decoration: none;}
.frnav ul li.last{background: none; margin-right: 0; padding-right: 0;}


/*banner样式*/
#flashs{ position:relative; height:420px; overflow:hidden; min-width: 1000px;}
#flashs .hd{
	position: absolute;
	bottom: 20px;
	left: 47%;
	z-index: 1;
}
#flashs .hd li{
	display: inline-block;
	padding: 5px;
	margin-right: 10px;
	background: #ccc;
	width: 15px;
	height: 6px;
	text-indent: -9999px;
	opacity: 0.7;
}
#flashs .hd li:hover{
	opacity: 0.9;
	cursor: pointer;
}
#flashs .hd .on{
	background: #f44;
	opacity: 0.9;
	box-shadow: 0 0 3px #333;
}
#flashs .prev, #flashs .next {
    background: rgba(0, 0, 0, 0) url("../img/slider-arrow.png") no-repeat scroll -110px 5px;
    display: block;
    height: 40px;
    left: 5%;
    margin-top: -25px;
    opacity: 0.5;
    position: absolute;
    top: 45%;
    width: 32px;
}
#flashs .next {
    background-position: 8px 5px;
    left: auto;
    right: 5%;
}
#flashs .prev:hover, #flashs .next:hover {
    opacity: 1;
}
#flashs .prevStop {
    display: none;
}
#flashs .nextStop {
    display: none;
}



/*合作客户样式*/
.fshz{width: 100%;min-width: 1000px; height: 300px;}
.fshz_m{width: 1000px; margin: 0 auto;height: 250px; overflow: hidden;}
.fshz_b{width: 1000px;overflow: hidden;}
.fshz_t {width: 1000px; margin: 0 auto;}
.fshz_t span{text-align: center;display: block; font-size: 24px; font-weight: bold;line-height: 34px;}
.fshz_t .dttab{ overflow: hidden;display: block; text-align: center;width: 238px; margin: 0 auto;padding-top:20px;}
.fshz_t .dttab li{ float: left; margin-right: 15px; height: 32px; line-height: 32px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fshz_t .dttab li a{ display: inline-block; text-decoration: none; height: 32px; font-size: 16px; color: #666666; padding: 0px 15px;}
.fshz_t .dttab li a:hover{ background: #327eec; color: #fff;}
.fshz_t .dttab li.cur a{ background: #327eec; color: #fff;}
.fshz .par01{ width:100%; position:relative;  height: 200px; }
.fshz .par01 em{ display:block; width:40px; height:40px; cursor:pointer; position:absolute; top:20px;}
.fshz .par01 .parLt{ background:url(../img/parter_anlt.png) no-repeat center top; left:0px;top:25%;} 
.fshz .par01 .parRt{ background:url(../img/parter_anrt.png) no-repeat center top; right:0px;top:25%;}  
.fshz .par01 em:hover{ background-position:bottom;} 
.fshz .par02{ overflow:hidden; width:880px;height:200px; position:relative; margin:0 auto; margin-top:20px; }
.fshz .list{position:absolute; top:0;left;0; width:100%;}
.fshz .list li{ width:208px; height:200px; padding:0 6px; float:left;}
.fshz .list li a{width: 206px; height: 138px;display:block; }
.fshz .list li img{ display:block; border:1px solid #e3e3e3;width: 206px; height: 138px;}
.fshz .list li span{ display:block; text-align:center; font-size:13px; color:#333333; margin-top:15px;}


/*产品样式*/
.fscp{width: 100%;min-width: 1000px; padding-top:30px;}
.fscp_m{width: 1000px; margin: 0 auto; overflow: hidden;}
.fscp_l{width: 257px; height: auto;}
.fscp_l h3{ width:257px; height:75px; line-height:75px; text-align:center; background:url(../img/product_00.png) no-repeat 58px center; font-size:20px; background-color:#065bd0; font-weight:normal; border-top:2px #fa5d00 solid;}
.fscp_l h3 a{color: #fff;}
.fscp_b{width: 257px;}
.fscp_b ul{overflow: hidden; margin: 0 auto;width: 220px; padding:15px 0;}
.fscp_b ul li{width: 220px; float: left; line-height: 50px; border-bottom: 1px #dfdfdf dashed;}
.fscp_b ul li a {display:block; background:url(../img/ioc2.gif) no-repeat 2px center; padding-left:20px; font-size:16px; font-weight: bold; line-height:50px; color:#5e5e5e;}
.fscp_l dl{display: block;width: 257px; height: 110px; background: #065bd0;}
.fscp_l dl h2{float:left; background:url(../img/iphone.png) no-repeat left center; font-size:24px; color:#fff; text-align:left; padding-left:40px;margin-top:40px; font-family: impact;line-height: 26px; margin-left: 30px;}
.fscp_l dl h2 p{font-size:14px; color:#fff; font-weight: normal; font-family: "microsoft yahei";line-height: 16px;}

/*产品推荐*/
.fscp_r{width: 723px;}
.fscp_r_t{width: 723px; height: 48px; overflow: hidden;}
.fscp_r_t a {float: right;color: #757575; display: block;width: 60px; height: 25px; border: 1px #ccc dashed; text-align: center; line-height: 25px;}
.fscp_r_t a.mor{margin-top:10px; margin-right: 10px;}
.fscp_r_t span{ font-size:18px; margin-left:10px; margin-top:10px;width: 150px; float: left;line-height: 18px;font-weight: bold;}
.fscp_r_t span p{width:121px; height:14px; background:url(../img/cp_t_l.png) no-repeat center}
.fscp_r_b{
	position: relative;
	width: 723px;
	height: 850px;
}
.fscp_r_b ul{
	position: absolute;
	width: 110%;
	top: 0;
	left: 0;
	overflow: hidden;
	padding:10px;
}
.fscp_r_b ul li {float: left; height: 240px;width: 205px; margin-right: 40px; margin-bottom: 20px;}
.fscp_r_b .fscp_r_b_l2{margin-right: 0;}
.fscp_r_b ul li a{display: block;}
.fscp_r_b ul li a img{width:100%; height: 205px; border: 3px #d2d2d2 solid;}
.fscp_r_b ul li a img:hover{border: 3px #065bd0 solid;}
.fscp_r_b ul li a strong{display: block;text-align: center;padding-top: 3px; font-size: 14px;}



/*对比样式*/
.fshg{width: 100%;height: 580px; min-width: 1000px;}
.fshg_m{width: 1000px; margin: 0 auto;}
.fshg_m_t{width: 1000px; height: 76px;padding-top:40px;}
.fshg_m_t span{width: 411px; margin: 0 auto; font-size: 36px; color: #333; font-weight: bold;text-align: center;display: block;line-height: 45px;}
.fshg_m_t span i{font-style: normal;color: #065bd0;line-height: 45px;}
.fshg_m_t span em{font-style: normal;color: #fa7234;line-height: 45px;} 
.fshg_m_t p{font-size: 14px; font-family: "microsoft yahei";line-height:26px; text-align: center;display: block;}
.fshg_m_b{width: 1000px; margin: 0 auto;position:relative;height: 420px;}
.fshg_m_b_w{overflow:hidden; width:100%; margin-top:30px; margin-bottom:10px;}
.fshg_m_b_w .ysDl{width:250px;}
.fshg_m_b_w .ysDl dt{ width:50px; float:left;}
.fshg_m_b_w .ysDl dd{ width:190px; float:right;}
.fshg_m_b_w .ysDl dd h3{ font-size:18px; color:#fa5d00}
.fshg_m_b_w .ysDl dd h2{ font-size:18px; color:#065bd0}
.fshg_m_b_w .ysDl dd p{ line-height:22px; font-size:13px; color:#666; margin-top:5px;}
.fshg_m_b .tup{ position:absolute; width:490px; height:385px; left:28%;  top:-10px;}
.fshg_m_b .tup img{ display:block; position:absolute; z-index:5}
.fshg_m_b .tup img.tu01{top:10px;left:0px;}
.fshg_m_b .tup img.tu02{top:15px; right:13px;}
.fshg_m_b .tup img.tu03{top:219px; left:-10px;}
.fshg_m_b .tup img.tu04{top:280px;right:30px;z-index: 9999;}
.fshg_m_b .tup img.tu05{top:97px; right:145px;}
.fshg_m_b .tup img.yuan{top:0px; left:30px; z-index:0; animation: quan 60s linear infinite; }
@-webkit-keyframes quan{
	0%{ transform:rotate(0deg);}
	50%{ transform:rotate(180deg);}
	100%{ transform:rotate(360deg);} }


/*四大优势样式*/
.ys_t{width: 100%; min-width: 1000px; height: 246px; background:url(../img/ys_t.jpg) no-repeat center;}
.ys_t_t{width: 1000px; margin: 0 auto; text-align: center;padding-top:30px;}
.ys_t_t span{ font-size: 40px; font-weight: bold; color: #fa5d00; line-height: 43px;}
.ys_t_t p{font-size: 20px; font-weight: normal;color: #d8d8d8; font-family: arial;}
.ys_t_t h2{font-size: 30px;color: #fff;padding-top:28px;line-height: 35px;}
.ys_b{width: 100%; min-width: 1000px;height: 1316px;  background:url(../img/ys_bj.jpg) no-repeat center; }
.ys_b_m{width:1000px; margin: 0 auto;position:relative;}
.ys1{width: 430px; height: 210px;position:absolute; left: 100px;top:35px;}
.ys1 span{width:430px;}
.ys1 span dd{font-size: 26px; color: #3478d6;line-height: 45px;}
.ys1 span dt{font-size: 20px;line-height: 35px;}
.ys1 p{line-height: 35px; font-size: 14px; padding-top:30px;}

.ys2{width: 420px; height: 210px;position:absolute; right: 0;top:380px;}
.ys2 span{width:420px;}
.ys2 span dd{font-size: 26px; color: #3478d6;line-height: 45px;}
.ys2 span dt{font-size: 20px;line-height: 35px;text-indent: 10px;}
.ys2 p{line-height: 30px; font-size: 14px; padding-top:10px;}

.ys3{width: 430px; height: 210px;position:absolute; left: 85px;top:725px;}
.ys3 span{width:430px;}
.ys3 span dd{font-size: 26px; color: #3478d6;line-height: 45px;}
.ys3 span dt{font-size: 20px;line-height: 35px;}
.ys3 p{line-height: 35px; font-size: 14px; padding-top:30px;}

.ys4{width: 420px; height: 210px;position:absolute; right: 0;top:1080px;}
.ys4 span{width:420px;}
.ys4 span dd{font-size: 26px; color: #3478d6;line-height: 45px; text-indent: 10px;_text-indent: -10px;}
.ys4 span dt{font-size: 20px;line-height: 35px;text-indent: 20px;}
.ys4 p{line-height: 30px; font-size: 14px; padding-top:20px;}


/*广告样式*/
.fsgg{width: 100%; height: 187px; min-width: 1000px; background: url(../img/guanggao.jpg) no-repeat center;}
.fsgg_m{width: 1000px; margin: 0 auto; overflow: hidden;}
.fsgg_m_l{width: 682px; position:relative; height: 187px;}
.fsgg_m_l span{font-size: 32px;  height:50px; width:650px;font-weight: bold;color: #fff; position:absolute; line-height: 40px;top:40px; left: 50px;display:block;}
.fsgg_m_l i{font-size: 26px; color: #fff; font-style: normal; position:absolute; top:115px; left: 65px;}
.fsgg_m_r{width: 318px; height: 187px;}
.fsgg_m_r h2{float:left; background:url(../img/iphone.png) no-repeat left center; font-size:24px; color:#fff; text-align:left; padding-left:40px;margin-top:80px; font-family: impact;line-height: 26px; margin-left:110px;}
.fsgg_m_r h2 p{font-size:14px; color:#fff; font-weight: normal; font-family: "microsoft yahei";line-height: 16px;}

/*经典案例*/
.fscase{width: 100%;min-width: 1000px;padding-top:20px;}
.fscase_m{width: 1000px; margin: 0 auto; overflow: hidden;}
.fscase_m_t{width:1000px; height: 81px; margin: 0 auto;}
.fscase_m_t_l{width: 256px; height: 81px;margin-top: 10px;} 
.fscase_m_t_l span{font-size: 26px; font-weight: bold;width: 256px; text-align: left;display: block;line-height: 32px; color: #222;}
.fscase_m_t_l i{font-size: 14px;width: 256px; font-style: normal; text-align: left; line-height: 18px;}
.fscase_m_t_r a.smore{ margin-right: 10px;float: right;color: #757575; display: block;width: 60px; height: 25px; border: 1px #ccc dashed; text-align: center; line-height: 25px; margin-top:20px;}
.fscase_b{width:1000px; margin: 0 auto; overflow: hidden;}
.fscase_b_l{width: 256px; background: #065bd0;}
.fscase_b_l ul{overflow: hidden;}
.fscase_b_l ul li{width:256px; line-height:53px; text-align:left; background:#065bd0; position:relative;border-bottom:1px solid #fff;}
.fscase_b_l ul li a {color: #fff; font-size: 14px;background:url(../img/icon4.png) 10px 50% no-repeat; padding-left:25px;}
.fscase_b_l span{width: 256px; height: 40px; display: block; text-align: center;line-height: 40px;}
.fscase_b_l span a{color: #fff;}
.tabs2 .aci,.tabs2 .aci a:hover{ display:block; width:256px; height:53px; background:#fa5d00; border-bottom:1px solid #fa5d00;}
.fscase_b_r{width: 730px; }
.fscase_b_r ul{overflow: hidden;}
.fscase_b_r ul li{float: left;padding:0 10px;}
.fscase_b_r ul li img{width: 337px; height: 264px; border: 3px #ccc solid;}
.fscase_b_r ul li img:hover{border: 3px #065bd0 solid;}
.fscase_b_r ul li span{width: 337px; height: 40px; display: block;text-align: center; line-height: 40px;}
.fscase_b_r ul li span a{color: #333;}
.tab_con{ display:none;}



/*about样式*/
.fsabout{width: 100%;min-width: 1000px; padding-top:30px;}
.fsabout_m{width: 1000px;margin: 0 auto;}
.fsabout_t{height: 110px; padding-top:20px;}
.fsabout_t span {margin: 0 auto;width: 1000px;display: block;text-align: center;}
.fsabout_t span img{width: 136px; height: 30px;}
.fsabout_t h2{text-align: center; font-size: 22px; font-weight: bold;color: #222; padding-top:10px;}
.fsabout_b{width: 1000px;margin: 0 auto; overflow: hidden;}
.fsabout_b_l{ overflow:hidden; width:400px; height:260px; background:url(../img/about_yy.png) no-repeat center bottom; float:left}
.fsabout_b_l span img{overflow:hidden; width:100%; height:100%;}
.fsabout_b_r{overflow:hidden; width:540px; float:right; height:325px;}
.fsabout_b_r h2{font-size:22px;  margin-bottom:10px;color:#065bd0; font-weight: normal; font-weight: bold;}
.fsabout_b_r p{ font-size:14px; color:#777; line-height:30px; height:160px; margin-bottom:20px; overflow:hidden;}
.fsabout_b_r .menu{ overflow:hidden; width:514px; height:38px; background-color:#fff;}
.fsabout_b_r .menu li{ float:left; width:110px; height:38px; background-color:#d7d7d7; text-align:center; line-height:38px; font-size:13px; margin-right:6px;}
.fsabout_b_r .menu li a{ color:#000;}
.fsabout_b_r .menu li.last{ margin-right:0}
.fsabout_b_r .menu li:hover{ background-color:#065bd0;}
.fsabout_b_r .menu li:hover a{ color:#fff;}


/*公司环境*/
.fshj{width: 100%;min-width: 1000px;}
.fshj_m{width: 1000px; margin: 0 auto;}
.fshj_t {width: 1000px; height: 50px;}
.fshj_t span{font-size: 24px;font-weight: bold; color: #222; background:url(../img/hj.png) no-repeat bottom;text-align: center;display: block; }
.fshj_t dd{font-size: 12px;text-align: center;}
.fshj_b{width:1000px; overflow: hidden;}
.fshj_b .par03{ width:100%; position:relative;  height: 200px; }
.fshj_b .par03 em{ display:block; width:40px; height:40px; cursor:pointer; position:absolute; top:20px;}
.fshj_b .par03 .parLt{ background:url(../img/parter_anlt.png) no-repeat center top; left:0px;top:25%;} 
.fshj_b .par03 .parRt{ background:url(../img/parter_anrt.png) no-repeat center top; right:0px;top:25%;}  
.fshj_b .par03 em:hover{ background-position:bottom;} 
.fshj_b .par04{ overflow:hidden; width:880px;height:200px; position:relative; margin:0 auto; margin-top:20px; }
.fshj_b .list{position:absolute; top:0;left;0; width:200%;}
.fshj_b .list li{ width:224px; height:240px; padding:0 2px; float:left;}
.fshj_b .list li a{width: 224px; height: 147px;display:block; }
.fshj_b .list li img{ display:block; border:1px solid #e3e3e3;width: 220px; height: 145px;}
.fshj_b .list li span{ display:block; text-align:center; font-size:13px; color:#333333; margin-top:15px;}

/*新闻常见*/
.fsxc{border-top: 2px solid #eee;
    margin-top: 40px;
    min-width: 1000px;
    padding-top: 50px;
    width: 100%;}
.fsxc_m{width: 1000px; margin: 0 auto;overflow: hidden;}
/*新闻样式*/
.fsxw{width: 615px; height:400px; overflow: hidden;}
.fsxw_t{ height: 33px; width: 100%; overflow: hidden; padding-top: 10px;}
.fsxw_t a.smore{ margin-right: 10px;float: right;color: #757575; display: block;width: 60px; height: 25px; border: 1px #ccc dashed; text-align: center; line-height: 25px;}

.fsxw_t .dttab{ float: left; overflow: hidden;}
.fsxw_t .dttab li{ float: left; margin-right: 15px; height: 32px; line-height: 32px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fsxw_t .dttab li a{ display: inline-block; text-decoration: none; height: 32px; font-size: 16px; color: #666666; padding: 0px 15px;}
.fsxw_t .dttab li a:hover{ background: #327eec; color: #fff;}
.fsxw_t .dttab li.cur a{ background: #327eec; color: #fff;}
.fsxw_b{ overflow: hidden; margin-top: 10px;}

.fsxw_b .fstext{}
.fstext-t{
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}
.fstext-t h3{font-size: 16px;padding-bottom: 5px;}
.fsxw_b .fstext ul li{ height: 43px; line-height: 43px; background:url(../img/sd.png) no-repeat left center; float: left; margin-right: 24px;width: 614px; border-bottom: 1px #ccc dashed;}
.fsxw_b .fstext ul li a{ font-size: 13px; padding-left: 15px; color: #666666; float: left;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fsxw_b .fstext ul li span{font-size: 13px; color: #666666; float: right;}

/*常见样式*/
.fscj{width: 330px;overflow: hidden;}
.fscj_t{height: 30px;}
.fscj_t span{float: left; border-left: 3px solid #327eec; padding-left: 10px; font-size: 16px;line-height: 30px;}
.fscj_t a{float: right;}
.fscj_b{width: 330px;height: 350px; overflow: hidden;margin-top:20px; border-bottom: 1px dashed #ccc;}
.fscj_b li{ overflow: hidden; margin-bottom: 19px;}
.fscj_b li a{display: block; height: 30px; line-height: 28px; font-weight: bold; font-size: 16px; margin-bottom: 5px; background:url(../img/wen.png) no-repeat left 2px; padding-left: 27px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fscj_b li p{ height: 60px; line-height: 20px; font-size: 13px; color: #888; background:url(../img/da.png) no-repeat left 0px; padding-left: 27px;}

/*友情链接*/
.fslinks{width: 100%; min-width: 1000px;margin:40px 0;}
.fslinks_m{width: 1000px; margin: 0 auto; overflow: hidden;}
.fslinks_m span{float: left;}
.fslinks_m span img{width: 87px; height: 48px;}
.fslinks_r{width: 900px; height: 48px;}
.fslinks_r ul {overflow: hidden;}
.fslinks_r ul li {float: left; padding:0 10px;}
.fslinks_r ul li a {font-size: 14px; color: #666;}


/*底部导航*/
.fsdnav{width: 100%; height: 55px;min-width: 1000px; background-color:#065bd0;}
.fsdnav ul {overflow: hidden; width: 880px; margin: 0 auto;}
.fsdnav ul li{float:left; background:url(../img/nav-i.png) no-repeat right center; font-size:14px; padding:0 10px;line-height: 55px; margin-right: 20px;}
.fsdnav ul li a {color: #fff;}
.fsdnav ul li.last{ background:none;}

/*底部版权*/
.fsbq{width:100%; min-width: 1000px; background: #fff;}
.fsbq_m{width: 1000px; margin: 0 auto; overflow: hidden;}
.fsbq_m img{width: 328px; height: 182px; float: left;}
.fsbq_m p{float:left;margin-top:40px; margin-left: 20px; font-size: 14px; width: 650px;}
.fsbq_m p a{color:#333;}


/*地图样式*/
.content_api{}
.content_api_title{
	border-top:1px solid #ececec;
	padding: 0 20px;
	margin-top:10px;
	line-height:36px;
	color:#1152cb;
	font-size:14px;	
}




/*右浮动*/
.suspension {
    bottom: 20px;
    height: 204px;
    position: fixed;
    right: 10px;
    width: 80px;
    z-index: 55;
}
.suspension-box {
    float: right;
    position: relative;
}
.suspension-box a.a {
    background-color: #024d74;
    cursor: pointer;
    display: block;
    height: 50px;
    margin-bottom: 1px;
    width: 50px;
}
.suspension-box a.qq:hover, .suspension-box a.tel:hover, .suspension-box a.code:hover {
    opacity: 0.8;
}
.suspension-box div.tencent {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    display: none;
    height: 85px;
    left: -187px;
    position: absolute;
    top: 0;
    width: 177px;
}
.suspension-box div.tencent p.tencent-p {
    color: #333;
    float: right;
    font-size: 16px;
    margin-right: 18px;
    margin-top: 18px;
    width: 75px;
}
.suspension-box div.tencent i.tencent-i {
    background-repeat: no-repeat;
    height: 15px;
    position: absolute;
    right: -8px;
    text-indent: -9999px;
    top: 20px;
    width: 8px;
}
.suspension-box div.tencent b.tencent-b {
    background-repeat: no-repeat;
    height: 64px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 62px;
}
.suspension-box div.tencent span.tencent-span {
    border-radius: 22px;
    height: 48px;
    left: 8px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 45px;
    z-index: 99;
}
.suspension-box div.tencent .tencent-qq {
    height: 45px;
    left: 3px;
    position: absolute;
    top: 0;
    width: 39px;
}
.suspension-box div.tel {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    display: none;
    height: 85px;
    left: -187px;
    position: absolute;
    top: 32px;
    width: 177px;
}
.suspension-box div.tel i {
    background-repeat: no-repeat;
    height: 15px;
    position: absolute;
    right: -8px;
    top: 35px;
    width: 8px;
}
.suspension-box div.tel strong {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-left: 17px;
    margin-top: 16px;
}
.suspension-box div.tel p {
    color: #ff0000;
    font-family: arial;
    font-size: 23px;
    margin-left: 17px;
}
.suspension-box div.code {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    display: none;
    height: 191px;
    left: -185px;
    padding: 10px 10px 0;
    position: absolute;
    top: 0;
    width: 155px;
}
.suspension-box div.code img {
    width: 100%;
}
.suspension-box div.code p {
    font-size: 14px;
    margin-top: 0;
    padding-left: 6px;
    width: 155px;
}
.suspension-box div.code i {
    background-repeat: no-repeat;
    height: 15px;
    position: absolute;
    right: -8px;
    top: 118px;
    width: 8px;
}