﻿@charset "utf-8";
#footer {
	width: 100%;
	overflow: hidden;
	margin-top: 35px;
	position: relative;
	z-index: 1;
}
#footer .con {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
#footer .foot_link {
	width: 100%;
	height: 70px;
	background: #4c4d4e;
	border-top: 0px solid #f0555c;
	border-bottom: 1px solid #5e5e5e;
}
#footer .foot_link .logo {
	position: absolute;
	top: 20px;
	left: 0;
}
#footer .foot_link .link {
	position: relative;
	float: right;
	margin-top: 23px;
}
#footer .foot_link .link a.taml {
	display: block;
	float: left;
	background: url(../images/foot_link.png) left top;
	height: 26px;
	width: 140px;
	text-indent: -9999em;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#footer .foot_link .link a.taml:hover {
	background: url(../images/foot_link.png) left bottom;
}
#footer .foot_link .link a.jd {
	float: left;
	display: block;
	background: url(../images/foot_link.png) 225px top;
	height: 26px;
	width: 130px;
	text-indent: -9999em;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#footer .foot_link .link a.jd:hover {
	background: url(../images/foot_link.png) 225px bottom;
}
#footer .foot_link .link a.sn {
	float: left;
	display: block;
	background: url(../images/foot_link.png) right top;
	height: 26px;
	width: 95px;
	text-indent: -9999em;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#footer .foot_link .link a.sn:hover {
	background: url(../images/foot_link.png) right bottom;
}
#footer .foot_menu {
	width: 100%;
	overflow: hidden;
	background: #4c4d4e;
	border-bottom: 0px solid #f58f94;
}
#footer .foot_menu .menu ul {
	cursor: pointer;
}
#footer .foot_menu .menu ul li {
	float: left;
	list-style-type: none;
	margin: 20px 0;
	width: 15%;
	overflow: hidden;
	padding-left: 0px;
	color: #dddddd;
	font-size: 14px;
}
#footer .foot_menu .menu ul li a {
	color: #dddddd;
	font-size: 14px;
}
#footer .foot_menu .menu .panel-01 {
	position: relative;
	width: 100%;
	/*overflow: hidden;*/
	height: 215px;
	display: none;
}

#footer .foot_menu .menu .panel-01 ul {
	width: 15%;
	display: block;
	float: left;
}
#footer .foot_menu .menu .panel-01 ul h4{
	padding-bottom: 4px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
	font-size: 15px;
	color: #fff;
}
#footer .foot_menu .menu .panel-01 ul li {
	list-style-type: none;
	margin: 0;
	width: 100%;
}
#footer .foot_menu .menu .panel-01 ul li a {
	padding-left: 2px;
	color: #dddddd;
	font-size: 12px;
	line-height: 24px;
}
#footer .foot_menu .menu .panel-01 ul li a:hover {
	color: #fff
}
#footer .foot_menu .menu .panel-01 ul.panel-01-link {
	width: 180px;
	margin-left: 150px;
}
#footer .foot_menu .sub_menu {
	display: none;
}
#footer .foot_menu .menu ul .share {
	position: absolute;
	top: 11px;
	right: 0;
}

#footer .foot_menu .menu ul .online_service {
	position: absolute;
	top: 11px;
	right: 200px;
}

#footer .foot_menu .menu ul .share .t ,#footer .foot_menu .menu ul .online_service .t{
	float: left;
	line-height: 42px;
	color: #dddddd;
} 

#footer .foot_menu .menu ul .share .bdsharebuttonbox,#footer .foot_menu .menu ul .online_service .bdsharebuttonbox {
	overflow: hidden;
}
#footer .foot_menu .menu ul .share .bdsharebuttonbox a,#footer .foot_menu .menu ul .online_service .bdsharebuttonbox a {
	margin: 12px 0 0 5px;
	float: left;
}

  



#footer .foot_cop {
	padding: 20px 0;
	overflow: hidden;
	background-color: #383838;
}
#footer .foot_cop .foot_cop_left {
	float: left;
}
#footer .foot_cop .foot_cop_left .foot_cop_link {
	color: #999;
}
#footer .foot_cop .foot_cop_left .foot_cop_link a {
	color: #999999;
}
#footer .foot_cop .foot_cop_left .foot_cop_link a:hover {
	color: #fff;
}
#footer .foot_cop .foot_cop_left i {
	color: #878787;
	display: block;
	padding-bottom: 8px;
	font-style: normal;
}
#footer .foot_cop .foot_QRcode {
	float: right;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
#footer .foot_cop .foot_QRcode h4 {
	padding-top: 5px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}


@media screen and (min-width: 40.01em) and (max-width: 73.70em) {
	#footer .con{ width: 100%;}
	/*#footer .foot_menu .menu ul li {width: 150px;	}
	#footer .foot_menu .menu ul li:last-child{display: none;}*/
	#footer .foot_menu .menu ul .share{right: 36px;}
	
}


@media screen and (max-width: 768px) {
	#footer {
		width: 100%;
		overflow: hidden;
		margin-top: 35px;
		position: relative;
		z-index: 1;
	}
	#footer .con {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	#footer .foot_link {
		display: none;
	}
	#footer .foot_menu {
		display: none;
	}
	#footer .foot_cop {
		padding: 20px 0;
		overflow: hidden;
		background-color: #383838;
		padding-bottom: 70px;
	}
	#footer .foot_cop .foot_cop_left {
		    width: 90%;
            margin: 0 auto;
            float: none;
	}
	#footer .foot_cop .foot_cop_left .foot_cop_link {
		text-align: center;
		color: #999;
	}
	#footer .foot_cop .foot_cop_left .foot_cop_link a {
		color: #999999;
	}
	#footer .foot_cop .foot_cop_left .foot_cop_link a:hover {
		color: #fff;
	}
	#footer .foot_cop .foot_cop_left i {
		text-align: center;
		font-size: 10px;
		color: #878787;
		display: block;
		padding-top: 10px;
		padding-bottom: 8px;
		font-style: normal;
	}
	#footer .foot_cop .foot_cop_left img{
		display: none;
	}
	#footer .foot_cop .foot_QRcode {
		display: none;
		float: right;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
	}
	#footer .foot_cop .foot_QRcode h4 {
		padding-top: 5px;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
	}

}

/* 手机端底部浮动按钮 */
/* .jc_shop{display: none;}
@media screen and (max-width: 768px) {
  
   .jc_shop{
      display: block;
      z-index: 9999;
      /* height:60px; * /
   }
	.jc_shop ul,.jc_shop li{
		 padding-left:0; list-style-type:none;
	}
   .jc_shop ul{
      position:fixed;
      z-index:200;
      bottom:0;
      left:0;
      width:100%;
      lin
   }
   .jc_shop li{
      border:1px solid rgba(190,190,190,1);
      height:60px;
      border-bottom:0;
      border-right:0;
      position:relative;
      -webkit-box-shadow:inset 0 0 3px #fff;
      float:left;
      width:33.26%;
   }
   .jc_shop li:nth-of-type(1){border-left;0;}
   .jc_shop li>a{
      font-size:15px;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      /*border:1px solid #f9f8f9;* /
      -webkit-tap-highlight-color:rgba(0,0,0,0);
      border-bottom:0;
      display:block;
      line-height:60px;
      text-align:center;
      background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );
   }
   .jc_shop li>a:only-child span{
      background:none;
      padding-left:0;
   }
   .jc_shop li>a.on + dl{
      display: block;
   }
   .jc_shop li>a span{
      color: #4f4d4f;
      display: inline-block;
      padding-left: 15px;
      background: url(imgs/1.svg#2) no-repeat 4px 18px;
      -webkit-background-size: 9px auto;
      text-shadow:0px 1px 0px #ffffff;
   }
} */


.jc_shop{display: none;}
@media screen and (max-width: 768px) {
  
   .jc_shop{
      display: block;
      z-index: 9999;
      /* height:60px; */
   }
	.jc_shop ul,.jc_shop li{
		 padding-left:0; list-style-type:none;
	}
   .jc_shop ul{
      position:fixed;
      z-index:200;
      bottom:0;
      left:0;
      width:100%;
	  margin-bottom: 0;
	  padding: 0;
   }

   .jc_shop li{
      border: 1px solid #ffffff;
      height:60px;
      border-bottom:0;
      border-right:0;
      position:relative;
      float:left;
      width:33.3%;
   }
    
   .jc_shop li:nth-of-type(1){border-left:0;}
   .jc_shop li>a{
      font-size:15px;
      /* -webkit-box-sizing:border-box; */
      /* box-sizing:border-box; */
      /*border:1px solid #f9f8f9;*/
      /* -webkit-tap-highlight-color:rgba(0,0,0,0); */
      border-bottom:0;
      display:block;
      line-height:60px;
      text-align:center;
      background: #005bac;
   }
   .jc_shop li>a:only-child span{
      background:none;
      padding-left:0;
   }
   .jc_shop li>a.on + dl{
      display: block;
   }
   .jc_shop li>a span{
      color: #ffffff;
      display: inline-block;
      padding-left: 15px;
      -webkit-background-size: 9px auto;
      font-weight:bold;
   }
}

@media screen and (min-width: 1200px) {
	.syj{display: none !important}
	.suspension{position:fixed;z-index:55;right:2%;bottom:205px;width:70px;}
	.suspension-box{position:relative;float:right;}
	.suspension .a{display:block;width:60px;height:60px;background-color:#0054a7;margin-bottom:4px;cursor:pointer;outline:none;border-radius: 5px}
	.suspension .a.active,
	.suspension .a:hover{background:#0054a7;}
	.suspension .a svg{float:left;width:35px;height:35px;margin-left: 14px; margin-top: 11px;}
	/* .suspension .a-service .i{background-position:0 0;} */
	.suspension .a-top{background:#555;display:none;}
	.suspension .a-top:hover{background:#0054a7;}
	.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:0px;}
	.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/side_con_icon01.png) 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:10px 0;}
	.suspension .d-qrcode p{font-size:16px;color:#93959c;}
}
@media screen and (max-width: 1199px) {
	.suspension{display: none}
}