@charset "utf-8";
/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	display: block;
	background-color: #fff;
	font-family: "思源黑体 CN Regular", "Arial Unicode MS", Arial;
	
}
*{margin:0;padding:0;}
li,dl,dd{list-style:none;}
a{
	text-decoration:none;
	color: #5e5e5e;
	font-style: normal;
}
img{border:none 0;}
.clear{ clear:both;}
a:hover{
	color:#813621;
}
em,i{ font-style:normal;}
.tong{width:1200px; margin:0 auto;}



/*home start*/


/*huo_top2*/
.nav{ height:102px;}
.nav span{width:260px; display:block; float:left; margin-top:15px;}
.nav ul{display:block; width:840px; float:right; position:relative;}
.nav ul li{float:left;width:120px; display:block;}
.nav ul li:first-child a{ background-image:none;}
.nav ul li a{ font-size:16px; color:#363637; text-align:center; width:120px; display:block; line-height:102px;background-image:url(../images/nav_line.jpg); background-repeat:no-repeat; background-position:left center;}
.nav ul li a:hover{ color:#0462cc; font-weight:bold;}

.nav ul li ul { position:absolute; z-index:9999; width:120px;  background-image:url(../images/nav_jiao.png);background-position:center top; background-repeat:no-repeat; top:92px; padding-top:10px;}
.nav ul li:hover{background-image:url(../images/nav_line2.jpg); background-repeat:no-repeat; background-position:center 72px;}
.nav ul li ul li{float:none;border-right:none; text-align:center; width:100%; height:45px;display:block; background-image:none; background-color:rgba(4,99,205,.76);}
.nav ul li ul li a{ color:#ffffff; display:block;  height:45px; font-size:14px;line-height:45px; background-image:url(../images/nav_line.png); background-repeat:no-repeat; background-position:top center;  }
.nav ul li ul li:first-child a{ background-image:none;} 
.nav ul li ul li a:hover{ color:#fff;}
.nav ul li .subnav{ display:none;}
/*huo_banner*/

.huo_banner{width:100%;margin-left:auto;margin-right:auto; height:689px; position:relative; z-index:30; overflow:hidden;}
#full-screen-slider {
	width:100%;
	height:689px;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:689px; list-style:none; padding:0; margin:0; position:relative;z-index:15;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:600px; z-index:220;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; border-radius:8px; background:#fff;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background-color:#0487f4;}

/*huo_about*/
.about_bg{ width:100%;height:727px;  margin:0 auto; background-color:#f8f7f7; }
.about_con{ width:1200px; margin:0 auto; background-color:rgba(255,255,255,1.00); position:relative;  z-index:35; top:-53px; margin-bottom:-53px; }
.about1{ height:333px; overflow:hidden;}
.about1 span{ width:480px; height:273px; float:left; display:block; padding:30px 60px;}
.about1 span img{ margin-left:60px; margin-top:245px;}
.about1 span em{
	display:block;
	color:#080808;
	font-size:22px;
	letter-spacing:8px;
	line-height:60px;
	height:60px;
	margin-top:15px;
	background-image:url(../images/about_line.png); background-repeat:no-repeat; background-position:left bottom;
	}
.about1 span i{ display:block; color:#505050; font-size:16px; margin-top:35px; line-height:24px; height:72px; overflow:hidden;}
.about1 span a{ display:block; font-size:12px; color:#FFFFFF; margin-top:20px; height:30px; width:121px; border-radius:15px; background-color:#0463cd; line-height:30px; text-align:center;}
.about_con p{ width:600px; height:333px; float:right; display:block; background-image:url(../images/about.png); background-repeat:no-repeat; background-position:center center;}
.about_con ul{ display:block; }
.about_con ul li{ display:block; width:400px; float:left; height:391px; overflow:hidden;}
.about_con ul li a{ position:relative;width:400px;height:391px; display:block;}
.about_con ul li a img{width:400px;height:391px; display:block;}
.about_con ul li a span{width:174px; height:44px; border:1px solid #ffffff; display:block; position:absolute; top:204px; left:36px; line-height:44px; font-size:16px; color:#fff; text-align:center; }
.about_con ul li a span em{ width:51px; display:block; float:left; border-right:1px solid #fff; height:44px;background-image:url(../images/icon_01.png); background-repeat:no-repeat; background-position:center center;}
.about_con ul li:first-child+li a span em{background-image:url(../images/icon_02.png);}
.about_con ul li:first-child+li+li a span em{background-image:url(../images/icon_03.png);}


/*huo_product*/
.product_con{height:710px;}
.pro1 {height:195px; display:block; }
.pro1 em{
	display:block;
	color:#242424;
	font-size:22px;
	letter-spacing:8px;
	line-height:29px;
	height:47px;
	padding-top:70px;
	text-align:center;
	background-image:url(../images/line.png); background-repeat:no-repeat; background-position:center bottom;
	 font-weight:bold;
	}
.pro1 i{ display:block; color:#949699; font-size:13px; margin-top:15px; text-align:center;}
.pro ul{ display:block; }
.pro ul li{ width:399px; height:485px; display:block; float:left; background-color:#f5f5f5; margin-left:1px; overflow:hidden;}
.pro ul li a{ width:369px; height:455px; display:block; padding:15px; position:relative;}
.pro ul li a img{ width:369px; height:369px; display:block; }
.pro ul li a p{ width:320px; height:1px; background-color:#e0e0e0; margin:0 auto; margin-top:25px;}
.pro ul li a em{ width:352px; display:block; color:#131313; font-size:16px; margin-top:26px; text-align:center;}
.pro ul li a span{width:0px; transition:0.5s; padding:30px;}
.pro ul li a:hover span{width:339px; height:435px; display:block; background-color:rgba(39,167,221,.75); position:absolute; top:0; left:0;}
.pro ul li a span em{ text-align:left; color:#ffffff; font-size:18px; line-height:60px; display: block; margin-bottom:15px;}
.pro ul li a span i{ font-size:14px; line-height:25px; color:rgba(255,255,255,.8); display: block; height:75px; overflow:hidden; margin-bottom:60px;}
.pro ul li a span b{display:block; font-size:12px; color:#27a7dd; margin-top:20px; height:30px; width:121px; border-radius:15px; background-color:#fff; line-height:30px; text-align:center;}
#demo1 {	width: 100%; overflow: hidden}
#indemo1 {width: 800%; float: left}
#demoa1 {float: left}
#demob1 {float: left}


/*huo_case*/
.case_top{ width:100%; height:550px;  margin:0 auto; background-image:url(../images/case_top.png); background-repeat:no-repeat; background-position:center top;background-color:#f5f5f5; padding-top:75px; padding-bottom:97px;}
.case_top span{ height:80px; text-align:center; display:block; margin-bottom:70px;}
.case_top span em{
	display:block; 
	color:#FFFFFF; 
	font-size:21px; 
	letter-spacing:8px;
	height:47px;
	font-weight:bold;
	background-image:url(../images/case_line.png); background-repeat:no-repeat; background-position:center bottom;
	}
.case_top span em h1{ color:#FFFFFF; font-size:21px; display:inline;}
.case_top span i{ display:block; color:#FFFFFF; font-size:12px; margin-top:13px; letter-spacing:normal; text-align:center;}
.case_con{ width:1430px; height:453px; margin:0 auto;}
.case_con .LeftBotton{ height:38px; width:38px; float:left; cursor:pointer; background-image:url(../images/case_t1.png); background-repeat:no-repeat; background-position:0px center; margin-top:175px;}

.case_mu{ width:1200px; height:453px; float:left; margin-left:77px; overflow:hidden;}
.case_mu .Cont {
	width:1200px;
	float:left;

	height: 453px;
	 overflow:hidden;
}
.case_mu .ScrCont{width:10000000px; padding:0; float:left;}
.case_mu #List1, #pro_con #List2 {float:left; padding:0px; margin:0px;}
.case_mu ul{ display:block;}
.case_mu ul li{ width:290px; height:453px; display:block; background-color:#0867d5; float:left; margin-left:8px; overflow:hidden;}
.case_mu ul li a{ width:290px; height:451px; display:block; background-color:#FFFFFF; position:relative;}
.case_mu ul li a img{ width:275px; height:275px; margin-left:7px; margin-top:10px;}
.case_mu ul li a p{ width:243px; height:4px; background-color:#e6e7e8; margin-left:23px; margin-top:12px;} 
.case_mu ul li a em{ display:block; color:#171717; font-size:16px; font-weight:bold; letter-spacing:4px; margin-top:25px; margin-left:43px; }
.case_mu ul li a em i{
	 display:block;
	 color:#2c2b2b;
	 font-size:14px;
	 font-weight:normal;
	 letter-spacing:normal;
	 margin-top:15px;
	 height:70px;
	 background-image:url(../images/case_tubiao.png); background-repeat:no-repeat; background-position:left bottom;
	 }
.case_mu ul li a font{ width:0px; transition:0.5s; text-align:center;}
.case_mu ul li a:hover font{ width:290px; height:451px; display:block; background-color:rgba(39,167,221,.75); position:absolute; top:0; left:0;} 
.case_mu ul li a font em{ color:#FFFFFF; font-size:14px; display:block; line-height:25px; margin-top:210px; margin-left:0px;}
.case_mu ul li a font i{ color:#FFFFFF; font-size:12px; display:block; line-height:20px;}
.case_mu ul li a font b{display:block; font-size:12px; color:#27a7dd; margin:0 auto; margin-top:30px; height:30px; width:121px; border-radius:15px; background-color:#fff; line-height:30px; text-align:center;}
.case_con .RightBotton{ height:38px; width:38px; float:right; cursor:pointer; background-image:url(../images/case_t2.png); background-repeat:no-repeat; background-position:0px center; margin-top:175px;}

/*huo_news*/
.news_con{ margin-bottom:50px;}
.news_title{  height:186px; display:block;}
.news_title em{
	display:block; 
	color:242424; 
	font-size:21px; 
	letter-spacing:8px;
	height:47px;
	padding-top:80px;
	text-align:center;
	font-weight:bold;
	background-image:url(../images/line.png); background-repeat:no-repeat; background-position:center bottom;
	}
.news_title i{ display:block; color:#949699; font-size:12px; margin-top:13px; letter-spacing:normal; text-align:center;}
.news{ width:1200px; height:385px; margin:0 auto; background-color:#f5f5f5;}
.news ul{ display:block;}
.news ul li{ width:385px; height:355px; display:block; background-color:#FFFFFF; float:left; margin-left:11px; margin-top:15px;}
.news ul li a{width:325px; height:295px; display:block; padding:60px 30px;}
.news ul li a b{ display:block; color:#1c1b1b; font-size:22px;}
.news ul li a b p{ display:block; color:#b8b8b8; font-size:12px; font-weight:normal;}
.news ul li a em{ display:block; color:#1c1b1b; font-size:16px; margin-top:30px;  }
.news ul li a em i{ display:block; color:#b8b8b8; font-size:14px; margin-top:35px;line-height:21px; height:42px;}
.news ul li a ins{ display:block; font-size:12px; color:#1c1b1b; margin-top:45px; height:30px; width:121px; border-radius:15px;-moz-border-radius: 15px;
-webkit-border-radius: 15px; background-color:#f7f4f4; line-height:30px; text-align:center; text-decoration:none;}

.news ul li a:hover b{ color:#000b6f;}
.news ul li a:hover p{ color:#5f6d94;}
.news ul li a:hover em{ color:#000b6f;}
.news ul li a:hover i{ color:#1a4d9b;}
.news ul li a:hover ins{color:#FFFFFF; background-color:#0463cd;}
.news ul li a:hover{}

#demo2 {	width: 100%; overflow: hidden}
#indemo2 {width: 800%; float: left}
#demoa2 {float: left}
#demob2 {float: left}


/* link */
.link_tgb {
	line-height:42px;
	padding:0;
	height:42px;
	font-family:"微软雅黑";
	background:url(../images/lins.png) no-repeat;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size:14px;
	margin-top:10px;
}
.link_tgb a{ padding-right:20px; float: right; }
.link_tgb span {padding-left:10px; font-size:14px}
.link_tgb .t1 {color:#fff; cursor:pointer;padding:4px 40px;font-style: normal;}
.link_tgb .t2 {color: #fff; cursor: pointer;padding:4px 35px;font-style: normal;}

.links {
	color:#fff;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 0px;
margin-bottom:20px;}
.links a {padding:0 5px; line-height:21px;font-size:14px; }
.links a:hover{color: #c21b31;}
.links .hidden { display:none;}

/*huo_bottom*/
.bottom_bg{ width:100%;  background-color:#1c6aba; padding-top:60px; padding-bottom:50px;}
.bottom_con{ width:1200px;  display:block; margin:0 auto;}

.contact{ width:390px; display:block; float:left; margin-left:140px;}
.sp1{ color:#fff; font-size:18px; height:45px; line-height:45px;}
.contact p{ display:block;font-size:14px; color:#FFFFFF; background-image:url(../images/add.png); background-repeat:no-repeat; background-position:left center; padding-left:30px; line-height:35px;}
.contact p:first-of-type+p{ background-image:url(../images/zip.png);}
.contact p:first-of-type+p+p{ background-image:url(../images/tel.png);}
.contact p:first-of-type+p+p+p{ background-image:url(../images/tax.png);}
.contact p:first-of-type+p+p+p+p{ background-image:url(../images/email.png);}
.contact p:first-of-type+p+p+p+p+p{ background-image:url(../images/url.png);}

.logo{width:390px; height:250px; display:block; float:left; background-image:url(../images/logo_footer.png); background-repeat:no-repeat; background-position:left center;}

.scan{ width:180px; display:block; float:right;color:#fff; font-size:16px;  line-height:45px; }
.scan img{ width:160px; height:160px; border:10px solid #ffffff; display:block;}
.city a{ font-size:14px; line-height:25px; color:#FFFFFF; display:block; }
.city a:hover{ color:#3AB0D4;}

.footer{ width:100%; margin:0 auto; background-color:#15589c;  line-height:25px; }
.footer p{ width:1200px; margin:0 auto;font-size:14px; color:#fff; display:block;}
.footer em{ width:1200px; margin:0 auto;font-size:14px; color:#fff; display:block;}
.footer em a{ color:#fff;}
.footer em a:hover{ color:#27a7dd;}

/*about_banner*/
.about_banner{ width:100%; height:450px; display:block; margin:0 auto; background-image:url(../images/banner_about.jpg); background-repeat:no-repeat; background-position:center center}


/*about_main*/
.about_main{ width:1200px; margin:0 auto; margin-top:20px; display:block; padding-bottom:20px;}
/*left*/
.about_left{ width:310px; float:left; }
/*left_about_list*/
.about_list{ border:1px solid #ddd; }
.about_list p{ padding-left:40px; font-size:22px; color:#FFFFFF; line-height:50px; display:block; background-color:#0463cd; }
.about_list p em{ margin-left:5px; color:#c7d5f0; font-size:16px;}
.about_list ul{ padding:0 10px; display:block;}
.about_list ul li{ border-bottom:1px dashed #ddd; display:block;}
.about_list ul li:last-child{border:none;}
.about_list ul li a{ padding-left:28px; line-height:20px; padding-top:14px; padding-bottom:12px; font-size:16px; display:block;  background-image:url(../images/22.png); background-repeat:no-repeat; background-position:left center; color:#121212;}
.about_list ul li a:hover{ color:#277fd8;}
.about_list ul li ul{ }
.about_list ul li ul li{ border-top:1px dashed #ddd;  }
.about_list ul li ul li a{ display:block; line-height:20px; font-size:16px; color:#4A4A4A; background-image:url(../images/left_list_tb.png); background-repeat:no-repeat; background-position:left center;}
.about_list ul li ul li a:hover{ color:#277fd8;}

/*left_contact*/
.contact_list{ border:1px solid #ddd; display:block; margin-top:20px; }
.sp_contact{ padding-left:40px; font-size:22px; color:#FFFFFF; line-height:50px; display:block; background-color:#0463cd;}
.sp_contact em{ margin-left:5px; font-size:16px; color:#c7d5f0;}
.contact_list p{ padding:10px; line-height:40px; color:#4D4D4D; font-size:14px; display:block;}
.contact_list p strong{ color:#535353;}
/*right*/
.about_right{ width:860px; float:right;}
/*right_nav*/
.about_nav{ height:40px; display:block; border-bottom:1px solid #f1f0f0; background-image:url(../images/location.png); background-repeat:no-repeat; background-position:10px center; padding-left:40px; font-size:20px; color:#030303; line-height:40px; display:block;}
.about_nav em{ margin-left:5px; font-size:16px; color:#4D4D4D;}
.about_nav p{ font-size:12px; color:#4D4D4D; line-height:40px; display:block; float:right; }
/*right_con*/
.about_content{ font-size:14px; line-height:30px; color:#4D4D4D; display:block; margin-top:20px; display:block;}

/*pro_con_right*/
.pro_ul{ display:block; margin-top:20px;}
.pro_ul li{ width:276px; margin-right:15px; float:left;}
.pro_ul li:nth-child(3n){ margin-right:0;}
.pro_ul li:first-child+li+li{ margin-right:0;}
.pro_ul li:first-child+li+li+li+li+li{ margin-right:0;}
.pro_ul li:first-child+li+li+li+li+li+li+li+li{ margin-right:0;}
.pro_ul li a{width:276px; display:block; }
.pro_ul li a img{ width:274px; height:274px; border:1px solid #f7f6f6;}
.pro_ul li a em{line-height:20px; font-size:14px; text-align:center; display:block; padding-top:6px; padding-bottom:6px; height:52px; overflow:hidden;}
.pro_ul li a:hover em{ color:#0463cd;}
/*pro_con_right_page*/
.page{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
}
.page a{
	margin-right: 3px;
	margin-left: 3px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 4px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 4px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 4px; /* Webkit浏览器的私有属性 */ 
	 background: #999;
	 color:#fff;
}
.page a:hover{
	color: #FFF; background-color:#0463cd;
	text-decoration: none;
}

/*news_con_right*/
.news_ul{ display:block; margin-top:20px; }
.news_ul li{ height:100px; margin-bottom:15px; border-bottom:1px dashed #ddd;}
.news_ul li:last-child{ border:none;}
.news_ul li a{ display:block; width:860px; height:100px;}
.sp_news_con{ width:100px; background:#fff; float:left; font-size:12px; line-height:50px; text-align:center; font-family: baskerville, georgia, arial, serif; display:block;}
.sp_news_con em{ height:50px; font-size:40px; text-align:center; color:#FFFFFF; background:#0463cd; display:block;}
.news_ul li a p{ width:730px; line-height:30px; font-size:16px; float:right; color:#0E0E0E; display:block;}
.news_ul li a p em{ line-height:24px; color:#9b9a9a; display:block; font-size:14px; height:48px; overflow:hidden;}
.news_ul li a:hover p{ color:#0463cd;}
.news_ul li a:hover p em{ color:#e5e6e6;}

/*product_con_desc*/
.product_content{ margin-top:20px; line-height:30px; display:block;}
.product_content h1{ height:30px; color:#0463cd; text-align:center; font-size:18px;}
.product_content h2{ text-align:center; color:#3f3f3f; font-size:14px; font-weight:normal; border-bottom:1px dotted #ddd; margin-bottom:10px;}
.pro_pic{ text-align:center; display:block;}
.pro_pic img{}
.pro_desc{ line-height:25px; font-size:14px; display:block;}
.page_nr{ line-height:25px; text-align:right; font-size:14px; color:#1F1F1F; margin-bottom:20px;}
.page_nr a{ color:#606060;}
.page_nr a:hover{ color:#ADACAC;}

/*order*/
.order{margin-bottom:10px;width:49%; font-size:14px; float:right;}
.order input{height:35px; line-height:35px; margin-bottom:10px;}
.submit5{
	background-color: #0463cd;
	color: #FFF;
	width: 70px;
	height: 35px;
	line-height: 35px;
	border: 0;
	margin: 4px 0 0 10px;
}
.reset5{background-color: #0463cd;
	color: #FFF;
width:70px;height:35px;line-height:35px;border:0;margin:4px 0 0 10px;}
input{heeight:30px; line-height:30px; margin-bottom:10px;}
.span4{
	line-height: 30px;
	height: 30px;
	border-bottom:2px solid #0463cd;
	display: block;
	margin-bottom: 10px;
	font-size:12px;
}
.span4 em{
	height:30px;
	width: 70px;
	border-radius: 5px 5px 0px 0px;
	background-color:#0463cd;
	font-size:16px;
	line-height:30px; 
	color:#FFFFFF; 
	text-align:center;
	display: block;
}

.relation{  margin-top:20px;}
.sp_rel{ height:30px; line-height:30px; border-bottom:2px solid #0463cd; font-size:12px; margin-bottom:10px; display:block;}
.sp_rel em{height:30px; width:70px; border-radius:5px 5px 0px 0px; background-color:#0463cd; font-size:16px; line-height:30px; color:#FFFFFF; text-align:center; display:block;}
.sp_rel em a {color:#FFFFFF;}
.relation a{ height:25px; margin-right:10px; font-size:14px; line-height:25px; display:block;}
.relation a:hover{color:#0463cd;}


.relation_pro{ width:49%; float:left;}
.rel_pro { display:block;}
.rel_pro li{ width:130px; height:130px; display:block; margin-right:10px; float:left; }
.rel_pro li:nth-child(3n){margin-right:0;}
.rel_pro li:first-child+li+li{margin-right:0;}
.rel_pro li:first-child+li+li+li+li+li{margin-right:0;}
.rel_pro li:first-child+li+li+li+li+li+li+li+li{margin-right:0;}
.rel_pro li a{}
.rel_pro li a img{ width:130px; height:130px; }
.rel_pro li a i{ line-height:30px; font-size:14px; text-align:center; display:block;}

/*news_content*/
.news_content{ margin-top:20px; display:block; font-size:14px; line-height:25px;}
.news_content h1{ height:30px; color:#0463cd; text-align:center; font-size:18px; }
.p_title{ font-size:12px; color:#626262; text-align:right; border-bottom:1px dotted #ddd; margin-bottom:10px;}

/*rel_news*/
.relation_news{ width:49%; float:right;}
.rel_news{ display:block;}
.rel_news li{ height:25px; line-height:25px; border-bottom:1px dotted #ddd; display:block; }
.rel_news li a{ line-height:25px; color:#1F1F1F; padding-left:15px; background-image:url(../images/tb2.jpg); background-repeat:no-repeat; background-position:left center;}
.rel_news li a span{ float:right; line-height:25px; color:#626262;}
.rel_news li a:hover{background-image:url(../images/tb1.jpg); color:#0463cd;}

/*message_con*/
.message_con{ margin-top:20px; line-height:30px; font-size:14px;}
.mess{ text-align:left; color:#777; font-size:14px; margin-bottom:20px;  }
.mess b{ color:#0463cd; font-size:18px;} 
.message_con  table{  margin-bottom:15px; font-size:14px; margin-left:100px;}
.message_con .input{ border:1px solid #ccc; padding:8px 0px; background-color:#ffffff; }
.message_con  textarea{ margin:0; padding:0;background:#f9f9f9; border:1px solid #ccc;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#114377;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/tb2.jpg) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}