@charset "utf-8";

* {

	margin: 0px;

	padding: 0px;

	border: 0px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

}

::-webkit-input-placeholder { /* WebKit browsers */

color: #898888;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color:#ababab;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #898888;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

color: #898888;

}

a {

	outline: none;

	color: #666;

	text-decoration: none;

}

img {

	border: none;

}

body a {

	transition: 0.3s all;

}

body {

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	color: #27282d;

	font-size: 14px;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	smoothing: grayscale;

	-o-smoothing: grayscale;

	font-family: "Microsoft Yahei", Tahoma, Arial, sans-serif;

	overflow-x: hidden;

}

ol, ul {

	list-style: none;

}
.short{
	width: 100%;
    height: 40px;
    background-color: #383838;
    position: relative;
    line-height: 40px;
    border-bottom: 1px solid rgba(96,103,126,0.6);
}


.short_txt{
	width: 100%;
    padding: 0px 20px 0px 20px;
    margin: auto;
    max-width: 1580px;
    color: #fff;
}

/*面包屑代码开始*/

.location {

	width: 100%;

	height: 50px;

	line-height: 50px;

	float: left;

	background-color: #00aeef;

}

.location_list {

	width: 100%;

	padding: 0px 20px 0px 20px;

	margin: auto;

	height: 50px;

	max-width: 1580px;

	color: #fff;

}

.location_list p {

	display: inline-block;

	margin-right: 15px;

}

.location_list a {

	color: #fff;

}

.location_list a:hover {

	color: #960000;

}

/*面包屑代码结束*/

  /* 分页代码开始*/

#page {

	width: 100%;

	text-align: center;

	/*height: 40px;*/

	margin: 90px auto;

	font-size: 0;

	/*font-weight: bold;*/

	font-family: GothamPro, Arial, Helvetica, sans-serif;

	float: left;

	padding: 0 15px;

	overflow: hidden;

}

#page1 {

	margin: auto;

	/*height: 40px;*/

	white-space: nowrap;

	overflow-x: auto;

}

#page1 ul {

	display: inline-block;

	/*float: left;*/

	/*white-space: nowrap;*/

	vertical-align: middle;

}

#page1 li {

    border-radius: 50%;

    margin-left: 10px;

    margin-right: 10px;

     float: left;

    line-height: 50px;

    height: 50px;

    width: 50px;

    display: inline-block;

    font-size: 16px;

}

#page1 li a {

	border-radius: 100%;

	width: 100%;

	height: 100%;

	display: block;

	color: #999;

}

#page1 li.dianji a{

	color: #fff;

}

#page1 li.shang a,

#page1 li.next a{

	padding: 15px;

}

.prev-span{

	display: inline-block;

 	width:0;

    height:0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-right: 14px solid #999;

        vertical-align: middle;

}

.next-span{

	display: inline-block;

 	width:0;

    height:0;

    border-top:10px solid transparent;

    border-bottom:10px solid transparent;

    border-left:14px solid #999;

        vertical-align: middle;

}

/* 左边可以单击的时候开始*/

#page1 li.shang {

	display: block;

	margin-right: 40px;

	font-size: 14px;

}

#page1 li.shang a {

	cursor: pointer;

	color: #666;

}

#page1 li.shang a:hover {

	color: #960000;

}

/* 左边可以单击的时候结束*/

/* 左边不能单击的时候开始*/

.shang1 {

	margin-right: 15px;

	font-size: 14px;

}

.shang1 a {

	cursor: not-allowed;

	color: #666;

}

.shang1 a:hover {

}

/* 左边不能单击的时候结束*/

  /* 右边可以单击的时候开始*/

#page1 li.next {

	margin-left: 40px;

	font-size: 14px;

}

#page1 li.next a {

	cursor: pointer;

	color: #666;

}

#page1 li.next a:hover {

	color: #960000;

}

/* 右边可以单击的时候结束*/

/* 右边不能单击的时候开始*/

.next1 {

	margin-left: 10px;

	font-size: 14px;

}

.next1 a {

	cursor: not-allowed;

	color: #666;

}

/* 右边不能单击的时候结束*/

.disabled a {

	color: #666;

}

.disabled a:hover {

	color: #960000;

}

/*省略代码开始*/

.shen {

	background: none !important;

	float: left;

}

.shen a {

	color: #27282d;

}

/*省略代码结束*/

/* 点击选中的时候开始*/

.dianji {

	display: block;

	background-color: #999;

}

.dianji a {

	cursor: default;

	color: #fff;

}

/* 点击选中的时候结束*/

#page1-1 {

	display: inline-block;

	vertical-align: middle;

	/*float: left;*/

	line-height: 35px;

	margin-left: 20px;

	font-size: 14px;

}

#page1-1-1 {

	display: inline-block;

	color: #666;

}

#page1-1-2 {

	display: inline-block;

	position: relative;

}

#yematiao {

	border-bottom: #666 solid 1px;

	width: 40px;

	height: 20px;

	outline: none;

	color: #666;

	background: none;

	-webkit-transition: color 0.5s;

	transition: color 0.5s;

	float: left;

}

#page1-1-2::before {

 content: '';

 position: absolute;

 height: 1px;

 background-color: #960000;

 bottom: 0px;

 left: 0px;

 width: 0px;

 -webkit-transition: width 0.5s;

 transition: width 0.5s;

}

.chang::before {

 width: 100%!important;

}

/* 分页代码结束*/

/* 头部导航代码开始 */

.headerhua {

	width: 100%;

	height: 70px;

	float: left;

}

.header {

	width: 100%;

	height: 70px;

	background-color: #383838;

	position: relative;

}

.headerxuanzhe {

	width: 100%;

	position: absolute;

	height: 100vh;

	z-index: 1001;

	left: 0px;

	top: 70px;

	background: rgba(0, 0, 0, 0.84);

	transition: all 0.5s;

	visibility: hidden;

	opacity: 0;

}

.headerxuanzhe1 {

	width: 100%;

	color: #fff;

	max-width: 1580px;

	margin: auto;

	margin-top: 20px;

	padding-left: 270px;

}

.headerxuanzhe1-1 {

	display: inline-block;

	float: left;

}

.headerxuanzhe1-2zong {

	display: inline-block;

}

.headerxuanzhe1-2 {

	display: inline-block;

	margin-left: 40px;

	margin-right: 40px;

	float: left;

	cursor: pointer;

}

.headerxuanzhe1-2zong .u-checkbox.z-checked .icon {

	background-image: url(../images/tou1.png)!important;

	cursor: pointer;

}

.headerxuanzhe1-2zong .u-checkbox .icon {

	background: url(../images/tou2.png) center no-repeat!important;

	cursor: pointer;

}

.shoujixuanzhe {

	display: none;

	margin-top: 20px;

	color: #fff;

}

.shoujixuanzhe1 {

	display: inline-block;

}

.shoujixuanzhe2 {

	display: inline-block;

}

.shoujixuanzhe2-1 {

	display: inline-block;

	margin-left: 20px;

	cursor: pointer;

}

.shoujixuanzhe2-1 .u-checkbox.z-checked .icon {

	background-image: url(../images/tou1.png)!important;

	cursor: pointer;

}

.shoujixuanzhe2-1 .u-checkbox .icon {

	background: url(../images/tou2.png) center no-repeat!important;

	cursor: pointer;

}

.xianshi {

/* 	visibility: visible;

opacity: 1; */

}

.headertop {

	width: 100%;

	padding: 0px 20px 0px 20px;

	margin: auto;

	height: 70px;

	max-width: 1580px;

}

.headerlogo{

	width: 156px;

	float: left;

	height: 100%;

	position: relative;

	z-index: 30;

}

.headerlogo a {

	display: inline-block;

	margin-top: 12.5px;

}

.header2 {

	float: left;

	width: 200px;

	margin-left: 45px;

	display: inline-block;

	height: 100%;

}

.header2-1 {

	width: 100%;

	height: 35px;

	line-height: 35px;

	border-radius: 17.5px;

	overflow: hidden;

	background-color: #fff;

	margin-top: 17.5px;

	position: relative;

}

.header2-1-1 {

	cursor: pointer;

	position: absolute;

	z-index: 1;

	right: 16px;

	top: 10px;

}

.header2-1-2 {

	width: 100%;

	float: left;

	height: 100%;

	border-radius: 17.5px;

}

#keyword {

	outline: none;

	width: 100%;

	height: 35px;

	padding: 0px 44px 0px 20px;

}

.header5 {

	float: left;

	height:70px;

	line-height:70px;

	margin-left: 4.3%;

	display:inline-block;

	color:#fff;

}

.navi_list {

	float: right;

	height: 100%;

}

.navi_list-1 {

	display: inline-block;

	height: 100%;

	float: left;

}

.navi_list-1 li {

	float: left;

	/*height: 100%;*/

}

.navi_list-1 li a {

	display: inline-block;

	padding-left: 13px;

	padding-right: 13px;

	line-height: 70px;

	color: #fff;

	text-align: center;

	position: relative;

}

.navi_list-1 li a:hover {

	color: #00aeef;

}

.navi_list-1 li a p{

	display:inline-block;

	margin-right:5px;}

	.navi_list-1 li a span{

		width:10px;display:inline-block;

		height:10px;margin-right:5px;

		border-radius:100%;}

.navi_list-1 li a span.yellow {

	background-color:#fdd000;

}

.navi_list-1 li a span.blue {

	background-color:#1A1AFF;

}

.navi_list-1 li a span.white {

	background-color:#fff;

}

._1lCfv {

	opacity: 1!important;

	-webkit-transform: scale(1) translate(0)!important;

	transform: scale(1) translate(0)!important;

	pointer-events: auto!important;

}

.navi_list-4 {

	display: inline-block;

	height: 100%;

	float: left;

	position: relative;

}

.navi_list-4-1 {

	display: inline-block;

	position: relative;

	height: 100%;

	float: left;

	margin-right: 30px;

	padding-top: 27.5px;

	cursor: pointer;

}

.quan {

	width: 10px;

	height: 10px;

	position: absolute;

	right: 62px;

	top: 22px;

	z-index: 1;

	border-radius: 100%;

	background-color: #e80000;

	-webkit-animation-name: quan;

	animation-name: quan;

	animation-duration: 1s;

	animation-iteration-count: infinite;

}

@keyframes quan {

0% {

transform:scale(1);

}

40% {

transform:scale(.8);

}

80% {

transform:scale(.6);

}

100% {

transform:scale(1);

}

}

.navi_list-4-1-1:before {

	content: "";

	position: absolute;

	width: 0;

	height: 0;

	border: 5px solid transparent;

	right: 25px;

	bottom: 100%;

	border-top-width: 0;

	border-bottom-color: #fff;

}

.navi_list-4-1-1 {

	width: 300px;

	position: absolute;

	z-index: 2;

	right: -20px;

	top: 70px;

	background-color: #fff;

	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.176);

	-webkit-transform: scale(.85);

	transform: scale(.85);

 -webkit-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

 transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

	opacity: 0;

	pointer-events: none;

	font-size: 14px;

}

.navi_list-4-1-1-1 {

	padding: 0px 15px 0px 15px;

	line-height: 55px;

	width: 100%;

	border-bottom: #d3d3d3 solid 1px;

	height: 55px;

}

.navi_list-4-1-1-2 {

	width: 100%;

	color: #666;

	border-bottom: #d3d3d3 solid 1px;

}

.navi_list-4-1-1-2 a {

	color: #666;

	display: inline-block;

	text-align: justify;

	width: 100%;

	padding: 10px 15px 10px 15px;

}

.navi_list-4-1-1-2 a:hover {

	background-color: #222;

	color: #fff;

}

.navi_list-4-1-1-2 a p {

	display: inline-block;

	font-weight: bold;

}

.navi_list-4-1-1-4 {

	width: 100%;

	height: 35px;

	line-height: 35px;

	text-align: center;

}

.navi_list-4-1-1-4 a {

	width: 100%;

	color: #666;

	float: left;

	background-color: #eeeeee;

	cursor: pointer;

}

.navi_list-4-1-1-4 a:hover {

	color: #960000;

}

.navi_list-4-2 {

	display: inline-block;

	float: left;

	position: relative;

	padding-top: 17px;

	height: 100%;

	cursor: pointer;

	z-index: 20;

}

.navi_list-4-2-1 {

	background-color: #fff;

	width: 130px;

	background:rgba(255,255,255,1);

border:1px solid rgba(0,0,0,1);

	padding: 10px 0px 10px 0px;

	position: absolute;

	    left: -45px;

	top: 70px;

	opacity: 0;

	-webkit-transform: scale(.85);

	transform: scale(.85);

 -webkit-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

 transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s ease-in-out;

	pointer-events: none;

}

.navi_list-4-2-1 li {

	width: 100%;

	height: 35px;

	line-height: 35px;

}

.navi_list-4-2-1 li a {

	color: #000;

	display: inline-block;

	width: 100%;

	font-size:12px;

	height: 100%;

	padding: 0px 15px 0px 24px;

}

.navi_list-4-2-1 li a:hover {

	color: #fff;

	background-color: #000;

}

.navi_list-4-2 img {

	display: inline-block;

	border-radius: 100%;

	transition: all 0.5s;

	background: #fff;

}

.navi_list-4-2:hover img {

	transform: rotate(360deg);

}

.menu {

	float: right;

	margin-top: 23px;

	position: relative;

	z-index: 1000;

	display: none;

}

/* 头部导航代码结束*/

/* 底部代码开始*/

.footer {

	width: 100%;

	float: left;

	border-bottom:none;

	padding: 58px 20px;

	font-size: 12px;

	background-color: #313131;

}

.footerzong {

	width: 100%;

	padding: 0px 10px;

	margin: auto;

	max-width: 1580px;

}

.footer1 {

	display: inline-block;

	float: left;

	width: 780px;

}

.footer1-1 {

	width: 100%;

	float: left;

}

.footer1-1 li {

	display: inline-block;

	margin-right: 40px;

}

/* 工单暂时隐藏代码开始*/

.footer1-1 li:nth-child(6) {

 display: none;

}/* 工单暂时隐藏代码结束*/

.footer1-1 li a {

	display: inline-block;

	color: #999;

	/*line-height: 30px;*/

}

.footer1-1 li a:hover {

	color: #fff;

}

.footer1-2 {

	width: 100%;

	float: left;

	color: #999;

}

.footer1-3 {

	width: 100%;

	float: left;

	color: #999;

}

.footer1-4 {

	width: 100%;

	float: left;

	color: #999;

}

.footer1-4 p{

	display:inline-block;}

.footer1-4 a{

	display:inline-block;

	transform: translateY(5px) translateZ(0);

	margin-left:15px;}

.footer2 {

	display: inline-block;

	float: right;

}

.footer2>ul>li{

	display: inline-block;

	padding: 0 5px;

	float: left;

}

.footer3 {

	display: inline-block;

	width:100%;

	margin-top:10px;

	float:left;max-width: 780px;

}

.footer3 p {

	display:inline-block;

	float:left;

	color:#999;

}

.footer3 a {

	display:inline-block;

	margin-right:10px;

	float:left;

	color:#999;

}

.footer3 a:hover {

	color:#f9f9f9;

}

/* 底部代码结束*/

/* 点赞代码开始*/

.dianzan1xuanzhong {

	color: #000!important;

}

.donghua {

 animation: grow-shrink .3s ease 1;

}

@keyframes grow-shrink {

40% {

transform: scale(1.1);

}

75% {

transform: scale(0.9);

}

100% {

transform: scale(1);

}

}

/* 点赞代码结束*/

/* 评论代码开始*/

.huifu {

	width: 100%;

	float: left;

	position: relative;

	min-height: 50px;

}

.huifu1 {

	display: inline-block;

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 1;

	width: 175px;

}

.huifu1 a {

	display: inline-block;

	width: 100%;

	height: 100%;

}

.huifu1 p {

	display: inline-block;

	width: 50px;

	height: 50px;

	float: left;

	border-radius: 100%;

	-webkit-transition: -webkit-transform 0.4s ease-out;

	-moz-transition: -moz-transform 0.4s ease-out;

	transition: transform 0.4s ease-out;

}

.huifu1:hover p {

	-webkit-transform: rotate(360deg);

	-moz-transform: rotate(360deg);

	transform: rotate(360deg);

}

.huifu1 p img {

	display: block;

	height: 50px;

	border-radius: 100%;

	width: 50px;

}

.huifu1 span {

	color: #111111;

	margin-left: 15px;

	font-size: 13px;

	width: 110px;

	line-height: 30px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	display: inline-block;

	float: left;

	position: relative;

}

.huifu1 span i {

	display: inline-block;

	width: 100%;

	height: 1px;

	position: absolute;

	z-index: 1;

	left: 0px;

	bottom: 0px;

	background-color: #333333;

}

.huifu2 {

	margin-left: 200px;

}

.huifu2-1 {

	width: 100%;

	float: left;

	line-height: 30px;

	font-size: 13px;

	color: #666;

}

.huifu2-1 p, .huifu2-1 span, .huifu2-1 div, .huifu2-1 pre {

	background-color:none!important;

}

.shijian {

	width: 100%;

	line-height: 20px;

	text-align: right;

	color: #666;

}

.miaoshu {

	display: inline-block;

	width: 100%;

	float: left;

}

.yiji {

	color: #111;

	margin-top: 15px;

	cursor: pointer;

	float: right;

	display: inline-block;

}

.yiji:hover {

	color: #960000;

}

ul.erji {

	display: inline-block;

	width: 100%;

	border: #333333 solid 1px;

	position: relative;

	min-height: 72px;

	padding: 10px;

	margin-top: 20px;

	float: left;

}

.huifu2-1 ul.erji .huifu1 {

	top: 10px;

	left: 10px;

}

.erji1 {

	margin-left: 210px;

	overflow: hidden;

}

.jieda {

	width: 100%;

	float: left;

	border-top: #333333 solid 1px;

	padding-top: 10px;

	margin-top: 10px;

}

.jiedazong {

	display: inline-block;

	width: 100%;

	position: relative;

	float: left;

}

.biaoqingerji {

	width: 25px;

	height: 25px;

	position: absolute;

	left: 10px;

	bottom: 55px;

	z-index: 5;

	background-image: url(../biaoqing/xiao.svg);

	background-size: 25px 25px;

	cursor: pointer;

}

#wenben {

	width: 100%;

	border: #333 1px solid;

	padding: 10px;

	outline: none;

	height: 140px;

	resize: none;

	background-color: #fff;

}

.jieda1 {

	width: 100%;

	float: left;

	margin-top: 15px;

}

.jieda1 .fenlei1-1 {

	margin-bottom: 0px;

	margin-right: 0px;

}

.jieda1 .fenlei1-1 a {

	cursor: pointer;

}

.jieda1-1 {

	float: right;

	cursor: pointer;

	display: inline-block;

}

.jieda1-1 a {

	display: inline-block;

	color: #111;

}

.jieda1-1 a:hover {

	color: #960000;

}

.gen {

	width: 100%;

	float: left;

	font-size: 22px;

	text-align: center;

	margin-top: 20px;

	line-height: 50px;

}

.gen a {

	color: #27282d;

}

.gen a:hover {

	color: #960000;

}

.pinglun2-1 {

	width: 100%;

	float: left;

	margin-top: 50px;

}

.pinglun2-1-1 {

	display: inline-block;

	width: 100%;

	position: relative;

	float: left;

}

#wenbenzong {

	width: 100%;

	padding: 10px;

	outline: none;

	height: 140px;

	resize: none;

	border: #d3d3d3 solid 1px;

}

.biaoqing {

	width: 25px;

	height: 25px;

	position: absolute;

	left: 10px;

	bottom: 50px;

	z-index: 5;

	background-image: url(../biaoqing/xiao.svg);

	background-size: 25px 25px;

	cursor: pointer;

}

.pinglun2-1 .fenlei1-1 {

	float: right;

	margin-top: 15px;

	margin-bottom: 0px;

	margin-right: 0px;

}

.pinglun2 .neirong2-1:nth-child(1) {

 color: #666;

 font-size: 16px;

 line-height: 30px;

}

.pinglun2 .neirong2-1:nth-child(2) {

 display: none;

}

.fenlei1-1 {

	display: inline-block;

	height: 25px;

	margin-bottom: 10px;

	float: left;

	margin-right: 10px;

}

.fenlei1-1 a {

	display: inline-block;

	width: 100%;

	height: 25px;

	line-height: 25px;

	color: #666;

	position: relative;

	padding: 0px 10px 0px 10px;

	box-shadow: inset 0 0 0 1px #d3d3d3;

}

.fenlei1-1 a:hover {

	color: #fff;

	background-color: #000;

}

.fenleixuanzhong {

	background-color: #000!important;

	color: #fff!important;

}

.fenleixuanzhong::before, .fenleixuanzhong::after {

 display: none;

}

/* 评论代码结束*/

	  /* 客服代码开始*/

.sidebar-box{

    position: fixed;

    right:0;

    bottom:100px;

	width:180px;

	text-align:center;

    z-index:1000;

}

.sidebar-box1{

	width:100%;

	float:left;

	}

.sidebar-box2{

	width:100%;

	float:left;

	}

	.sidebar-box2-1{

	width:100%;color:#fff;

	float:left;	height:35px;

		line-height:35px;

		border-radius:35px;background-color:#44539c;

	}

	.sidebar-box2-2{

	width:100%;

	margin-top:10px;

	margin-bottom:10px;

	float:left;

	}

	.sidebar-box2-2 a{

		display:inline-block;

		width:85px;

		color:#fff;	height:35px;

		line-height:35px;

		border-radius:35px;background-color:#44539c;

		float:left;

		}

		.sidebar-box2-2 a:nth-child(1){

			margin-right:10px;

		}

		.sidebar-box2-2 a:hover{background-color:#000;

		}

	.sidebar-box2-3{

	width:100%;

	float:left;

	}

	.sidebar-box2-3 a{

		background-color:#44539c;color:#fff;

		display:inline-block;

		width:100%;

		float:left;

		height:35px;

		line-height:35px;

		border-radius:35px;

		}

		.sidebar-box2-3 a:hover{

		background-color:#000;

		}

		  /* 客服代码结束*/

 .headernavi {

 	max-width: 100%;

 }

 @media screen and max-width(1500px)  {

  .headernavi {

  	overflow-y: auto;

  	padding-top: 50px;

  	padding-bottom: 30px;

  }

}

@media screen and (min-width:320px) and (max-width:399px) {

/*导航代码开始*/

.headerxuanzhe {

 display: none;

}

.headernavi {

 display: none;

 position: fixed;

 z-index: 1000;

 top: 0px;

 text-align: center;

 left: 0px;

 width: 100%;

 background: rgba(0, 0, 0, 0.9);

 height: 100%;

 padding: 50px 15px 30px;

}

.navigation {

 width: 100%;

 height: 100%;

 display: inline-block;

 position: relative;

 overflow-y: auto;

/* top: 50%;

 transform: translateY(-50%);*/

}

.shoujixuanzhe {

 display: block;

}

.header2 {

 width: 100%;

 margin-left: 0px;

 height: auto;

 float: none;

 max-width: 500px;

}

.header2-1 {

 width: 80%;

 display: inline-block;

}

.navi_list {

 width: 100%;

 height: auto;

}

.navi_list-1 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-1 li {

 width: 100%;

 float: left;

}

.navi_list-1 li a {

 line-height: 50px;

}

.navi_list-3 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-3-1 {

 line-height: 30px;

 float: none;

 width: 55px;

 height: 25px;

 line-height: 25px;

 background-color: #960000;

 text-align: center;

 cursor: pointer;

 border-radius: 5px;

}

.navi_list-3-1:hover {

 color: #fff;

}

.navi_list-3-2 p:hover {

 background-color: #960000;

}

.navi_list-3-2 {

 float: none;

}

.navi_list-3-2 p {

 margin-top: 0px;

}

.menu {

 display: inline-block;

}

.header5 {

 display:none;

}

.footer {

 margin-top: 30px;

}

.footer1 {

 width: 100%;

}

.footer2 {

	float:left;

	margin-top:20px;

}

.footer2>ul>li{

	padding: 0;

	padding-bottom: 10px;

}

/* 底部代码结束*/

		  /*面包屑代码开始*/

.location {

 display: none;

}

/*面包屑代码结束*/

						

	  /*文章分类代码开始*/

.wenzhangfenlei1 {

 display: none;

}

.wenzhangfenlei2 {

 margin-left: 0px;

 width: 100%;

}

/*文章分类代码结束*/

}

@media screen and (min-width: 400px) and (max-width:499px) {

/*导航代码开始*/

.headerxuanzhe {

 display: none;

}

.headernavi {

 display: none;

 position: fixed;

 z-index: 1000;

 top: 0px;

 text-align: center;

 left: 0px;

 width: 100%;

 background: rgba(0, 0, 0, 0.9);

 height: 100%;

 overflow-y: auto;

 padding: 50px 15px 30px;

}

.navigation {

 width: 100%;

 height: 100%;

 overflow-y: auto;

 display: inline-block;

 position: relative;

}

.shoujixuanzhe {

 display: block;

}

.header2 {

 width: 100%;

 margin-left: 0px;

 height: auto;

 float: none;

 max-width: 500px;

}

.header2-1 {

 width: 80%;

 display: inline-block;

}

.navi_list {

 width: 100%;

 height: auto;

}

.navi_list-1 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-1 li {

 width: 100%;

 float: left;

}

.navi_list-1 li a {

 line-height: 50px;

}

.navi_list-3 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-3-1 {

 line-height: 30px;

 float: none;

 width: 55px;

 height: 25px;

 line-height: 25px;

 background-color: #960000;

 text-align: center;

 cursor: pointer;

 border-radius: 5px;

}

.navi_list-3-1:hover {

 color: #fff;

}

.navi_list-3-2 p:hover {

 background-color: #960000;

}

.navi_list-3-2 {

 float: none;

}

.navi_list-3-2 p {

 margin-top: 0px;

}

.menu {

 display: inline-block;

}

 .header5 {

 display:none;

}

/* 导航代码结束*/

		 /* 底部代码开始*/

.footer {

 margin-top: 30px;

}

.footer1 {

 width: 100%;

}

.footer2 {

	transform:translateY(0);

	float:left;

	margin-top:20px;

	}

/* 底部代码结束*/

	

		  /*面包屑代码开始*/

.location {

 display: none;

}

/*面包屑代码结束*/

						

		  /*文章分类代码开始*/

.wenzhangfenlei1 {

 display: none;

}

.wenzhangfenlei2 {

 margin-left: 0px;

 width: 100%;

}

/*文章分类代码结束*/

}

@media screen and (min-width: 500px) and (max-width:639px) {

/*导航代码开始*/

.headerxuanzhe {

 display: none;

}

.headernavi {

 display: none;

 position: fixed;

 z-index: 1000;

 top: 0px;

 text-align: center;

 left: 0px;

 width: 100%;

 background: rgba(0, 0, 0, 0.9);

 height: 100%;

 overflow-y: auto;

 padding: 50px 15px 30px;

}

.navi_list {

 width: 500px;

 height: 100%;

 overflow-y: auto;

 display: inline-block;

 position: relative;

}

.shoujixuanzhe {

 display: block;

}

.header2 {

 width: 100%;

 margin-left: 0px;

 height: auto;

 float: none;

 max-width: 500px;

}

.navi_list {

 width: 100%;

 height: auto;

}

.navi_list-1 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-1 li {

 width: 100%;

 float: left;

}

.navi_list-1 li a {

 line-height: 50px;

}

.navi_list-3 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-3-1 {

 line-height: 30px;

 float: none;

 width: 55px;

 height: 25px;

 line-height: 25px;

 background-color: #960000;

 text-align: center;

 cursor: pointer;

 border-radius: 5px;

}

.navi_list-3-1:hover {

 color: #fff;

}

.navi_list-3-2 p:hover {

 background-color: #960000;

}

.navi_list-3-2 {

 float: none;

}

.navi_list-3-2 p {

 margin-top: 0px;

}

.menu {

 display: inline-block;

}

 .header5 {

 display:none;

}

/* 导航代码结束*/

	/* 分页代码开始*/

#page1-1 {

 display: none;

}

/* 分页代码结束*/

		 /* 底部代码开始*/

.footer {

 margin-top: 30px;

}

.footer1 {

 width: 100%;

}

.footer2 {

	transform:translateY(0);

	float:left;

	margin-top:20px;

	}

/* 底部代码结束*/

	/* 客服代码开始*/

.sidebar-box {

 display: none;

}

/* 客服代码结束*/

		  /*面包屑代码开始*/

.location {

 display: none;

}

/*面包屑代码结束*/

						/* 评论代码开始*/

.huifu1 {

 position: relative;

 width: 100%;

}

.huifu2 {

 margin-left: 0px;

}

.erji1 {

 margin-left: 0px;

}

/* 评论代码结束*/

		  /*文章分类代码开始*/

.wenzhangfenlei1 {

 display: none;

}

.wenzhangfenlei2 {

 margin-left: 0px;

 width: 100%;

}

/*文章分类代码结束*/

}

@media screen and (min-width: 640px) and (max-width:767px) {

/*导航代码开始*/

.headerxuanzhe {

 display: none;

}

.headernavi {

 display: none;

 position: fixed;

 z-index: 1000;

 top: 0px;

 text-align: center;

 left: 0px;

 width: 100%;

 background: rgba(0, 0, 0, 0.9);

 height: 100%;

 overflow-y: auto;

 padding: 50px 15px 30px;

}

.navigation {

 width: 500px;

 height: 100%;

 overflow-y: auto;

 display: inline-block;

 position: relative;

/* top: 50%;

 transform: translateY(-50%);*/

}

.shoujixuanzhe {

 display: block;

}

.header2 {

 width: 100%;

 margin-left: 0px;

 height: auto;

 float: none;

 max-width: 500px;

}

.navi_list {

 width: 100%;

 height: auto;

}

.navi_list-1 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-1 li {

 width: 100%;

 float: left;

}

.navi_list-1 li a {

 line-height: 50px;

}

.navi_list-3 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-3-1 {

 line-height: 30px;

 float: none;

 width: 55px;

 height: 25px;

 line-height: 25px;

 background-color: #960000;

 text-align: center;

 cursor: pointer;

 border-radius: 5px;

}

.navi_list-3-1:hover {

 color: #fff;

}

.navi_list-3-2 p:hover {

 background-color: #960000;

}

.navi_list-3-2 {

 float: none;

}

.navi_list-3-2 p {

 margin-top: 0px;

}

.menu {

 display: inline-block;

}

/* 导航代码结束*/

		/* 底部代码开始*/

.footer {

 margin-top: 30px;

}

.footer1 {

 width: 100%;

}

.footer2 {

	transform:translateY(0);

	float:left;

	margin-top:20px;

	}

/* 底部代码结束*/

	 /* 客服代码开始*/

.sidebar-box {

 display: none;

}

/* 客服代码结束*/

			

				  /*文章分类代码开始*/

.wenzhangfenlei1 {

 display: none;

}

.wenzhangfenlei2 {

 margin-left: 0px;

 width: 100%;

}

/*文章分类代码结束*/

}

@media screen and (min-width: 768px) and (max-width:991px) {

/*导航代码开始*/

.headerxuanzhe {

 display: none;

}

.headernavi {

 display: none;

 position: fixed;

 z-index: 1000;

 top: 0px;

 text-align: center;

 left: 0px;

 width: 100%;

 background: rgba(0, 0, 0, 0.9);

 height: 100%;

 overflow-y: auto;

 padding: 50px 15px 30px;

}

.navigation {

 width: 500px;

 height: 100%;

 overflow-y: auto;

 display: inline-block;

 position: relative;

/* top: 50%;

 transform: translateY(-50%);*/

}

.shoujixuanzhe {

 display: block;

}

.header2 {

 width: 100%;

 margin-left: 0px;

 height: auto;

 float: none;

 max-width: 500px;

}

.navi_list {

 width: 100%;

 height: auto;

}

.navi_list-1 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-1 li {

 width: 100%;

 float: left;

}

.navi_list-1 li a {

 line-height: 50px;

}

.navi_list-3 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-3-1 {

 line-height: 30px;

 float: none;

 width: 55px;

 height: 25px;

 line-height: 25px;

 background-color: #960000;

 text-align: center;

 cursor: pointer;

 border-radius: 5px;

}

.navi_list-3-1:hover {

 color: #fff;

}

.navi_list-3-2 p:hover {

 background-color: #960000;

}

.navi_list-3-2 {

 float: none;

}

.navi_list-3-2 p {

 margin-top: 0px;

}

.menu {

 display: inline-block;

}

/* 导航代码结束*/

	/* 底部代码开始*/

.footer {

 margin-top: 30px;

}

.footer1 {

 width: 100%;

}

.footer2 {

	transform:translateY(0);

	float:left;

	margin-top:20px;

	}

/* 底部代码结束*/

	

		  /*文章分类代码开始*/

.wenzhangfenlei1 {

 display: none;

}

.wenzhangfenlei2 {

 margin-left: 0px;

 width: 100%;

}

/*文章分类代码结束*/

}

@media screen and (min-width: 992px)and (max-width:1199px) {

/*导航代码开始*/

.headerxuanzhe {

 display: none;

}

.headernavi {

 display: none;

 position: fixed;

 z-index: 1000;

 top: 0px;

 text-align: center;

 left: 0px;

 width: 100%;

 background: rgba(0, 0, 0, 0.9);

 height: 100%;

}

.navigation {

 width: 500px;

 height: 100%;

 overflow-y: auto;

 display: inline-block;

 position: relative;

/* top: 50%;

 transform: translateY(-50%);*/

}

.shoujixuanzhe {

 display: block;

}

.header2 {

 width: 100%;

 margin-left: 0px;

 height: auto;

 float: none;

 max-width: 500px;

}

.navi_list {

 width: 100%;

 height: auto;

}

.navi_list-1 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-1 li {

 width: 100%;

 float: left;

}

.navi_list-1 li a {

 line-height: 50px;

}

.navi_list-3 {

 width: 100%;

 margin-top: 20px;

}

.navi_list-3-1 {

 line-height: 30px;

 float: none;

 width: 55px;

 height: 25px;

 line-height: 25px;

 background-color: #960000;

 text-align: center;

 cursor: pointer;

 border-radius: 5px;

}

.navi_list-3-1:hover {

 color: #fff;

}

.navi_list-3-2 p:hover {

 background-color: #960000;

}

.navi_list-3-2 {

 float: none;

}

.navi_list-3-2 p {

 margin-top: 0px;

}

.menu {

 display: inline-block;

}

/* 导航代码结束*/

   /* 底部代码开始*/

.footer {

 margin-top: 30px;

}

.footer2 {

	transform:translateY(0);

	float:left;

	margin-top:20px;

	}

/* 底部代码结束*/

}

.visible-md{

	display: none;

}

@media screen and (max-width: 1366px) and (min-width: 801px){

	.hidden-md{

		display: none;

	}

}

@media screen and (max-width: 1366px) and (min-width: 801px){

	.visible-md{

		display: block;

	}

}

@media screen and (min-width: 1341px)and (max-width:1582px) {

/*.headernavi {

 display: block!important;

}

*/

.header5{

	display:none;}

}

@media screen and (min-width: 1583px) {

.headernavi {

 display: block!important;
 

}

}

@media screen and (max-width: 767px){

	#pagez{

		margin: 20px auto;

	}

	#page1 li{

		width: 30px;

		line-height: 30px;

		height: 30px;

		margin: 0 2px!important;

		font-size: 12px;

	}

	.prev-span{

		border-top: 5px solid transparent;

		border-bottom: 5px solid transparent;

		border-right: 8px solid #999;

	}

	.next-span{

		border-top: 5px solid transparent;

		border-bottom: 5px solid transparent;

		border-left: 8px solid #999;

	}

	#page1 li.shang a, #page1 li.next a {

	    padding: 10px;

	}

}

@media screen and (max-width: 499px){

	#page1 li{

		width: 25px;

		line-height: 25px;

		height: 25px;

		margin: 0 2px!important;

		font-size: 12px;

	}

	#page1 li.shang a, #page1 li.next a {

	    padding: 7px;

	}

}

@media screen and (max-width: 470px){

	#page{

		padding: 0 5px;

	}

	.footer{

		padding: 25px 5px;

	}

	.footer2{

		width: 100%;

	}

}

.block{

	width: 100%;

	margin: auto;

	max-width: 1600px;

	padding: 0 10px;

}

.block img{

	max-width: 100%;

}

.row{

	margin: 0 -10px;

}

.row:before,

.block:before,

.sorts:before{

	content: '';

	clear: both;

}

.row:after,

.block:after,

.sorts:after{

	content: '';

	display: table;

	clear: both;

}

.muban_list{

	padding: 0 10px;

	float: left;

	width: 25%;

}

.foot{

	padding: 0 10px;

	float: left;

	width: 50%;

}

.banner_list-1{

	padding: 0 10px;

	float: left;

	width: 100%;

}

.grid-4-4{

	padding: 0 10px;

	float: left;

	width: 100%;

}

.banner-mobile{

	display: none;

	text-align: center;

	margin-bottom: 20px;

}

.muban_list_top{

	width: 100%;

	max-height: 410px;

	font-size: 14px;

	border: 1px solid #efefef;

	background-color: #fff;

	padding: 10px;

	margin-bottom: 20px;

}

.muban_list_top *{

	box-sizing: border-box;

}

.muban_img{

	cursor: pointer;

	width: 100%;

	position: relative;

	line-height: 25px;

	transition: all 0.8s ease-in-out;

}

.muban-bg{

	/*cursor: pointer;*/

	width: 100%;

	height: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	transition: all 0.2s;

	opacity: 0;

	background:rgba(0,0,0,0.8);

	padding: 20px;

}

.muban_view{

	width: calc(50% - 30px);

	background-color: #fff;

	height: 70px;

	margin: 0 5px;

	position: absolute;

	bottom: 20px;

	right: 20px;

	border-radius: 5px;

}

.muban_detail{

	width: calc(50% - 30px);

	background-color:#00aeef;

	height: 70px;

	margin: 0 5px;

	position: absolute;

	bottom: 20px;

	color: #fff;

	left: 20px;

	color: #fff;

	border-radius: 5px;

}

a.muban-link{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

a.muban-link{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	color: #fff;

}

.muban_detail a{

	color: #fff;

}

.muban_view span,

.muban_detail span{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.muban_view img,

.muban_detail img{

	vertical-align: middle;

}

  .sorts-block{

    margin-bottom: 20px;

  }

  @media screen and (min-width: 801px){

	.sorts-block{

		margin-top: 20px;

	  }

  }

  .sorts{

	margin-bottom: 10px;

  }

  .sorts-type{

  	width: 80px;

  	float: left;

  	line-height: 25px;

  	color: #950000;

  }

  .type-items{

	width: 100%;

  }

  

  .type-items li{

  	width: 98px;

  	text-align: center;

	cursor: pointer;

    display: inline-block;

    color: #333;

    font-size: 14px;

    line-height: 36px;

    transition: linear all .15s;

    background-color: #fff;

    border-radius: 3px;

    margin-bottom: 5px;

   }

   .type-items li.items-on{

   		color: #e50012;

   }

   .type-items li:not(.items-on):hover{

   	color: #333;

   	background-color: #F2F2F2;

   }

@media screen and (max-width: 767px){

    .type-items ul{

  	    white-space: nowrap;

    overflow-x: auto;

  }

	.muban_view,

	.muban_detail{

		display: none;

	}

	.type-items{

		width: 100%;

	}

	 .type-items li{

	 	width: 87px;

	 }

}

.muban_main{

	width: 100%;

	margin-top: 15px;

	margin-bottom: 13px;

}

.muban_main>p{

	display: inline-block;

	width: 250px;

	max-width: calc(100% - 70px);

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.muban_main>span{

	float: right;

}

.muban_main a:hover{

	color: #E50012

}

.prj-designer{

	border-top: 1px solid #efefef;

	padding: 0 10px;

	padding-top: 14px;

	width: calc(100% + 20px);

	margin-left: -10px;

	color: #666666;

	line-height: 18px;

	/*display: none;*/

	position: relative;

}

.prj-designer>a{

	display: block;

}

.prj-designer img{

	margin-right: 5px;

	width: 18px;

	height: 18px;

	vertical-align: bottom;

	border-radius: 50%;

}

.prj-designer p{

	display: inline-block;

	font-family: 'Calibri light';

}

.muban_action{

	width: 100%;

	font-family: 'Calibri light';

    color: #b3b3b3;

    line-height: 25px;

    margin-bottom: 10px;

}

.muban_action>span{

	display: inline-block;

	white-space: nowrap;

	font-size: 12px;

}

.muban_action>span>img{

	display: inline-block;

}

.muban_list_top:hover .muban-bg,

.muban_list_top:hover .lie1-1zhe1-2,

.muban_list_top:hover .lie1-1zhe2{

	opacity: 1;

}

.muban_list_top:hover .lie1-1zhe2 a{

	color: #fff;

}

.muban_action img{

	transform: translateY(-1px);

	vertical-align: middle;

}

.muban_action .price{

	float: right;

	font-weight: bold;

	color: #00aeef;

	font-size: 16px;

}

a.link{

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}

p.designer-description{

	float: right;

	color: #A6A6A6;

	font-size: 12px;

	line-height: 1.8;

}

@media screen and (max-width: 991px){

    

	p.designer-description{

		display: none;

	}

	.type-items ul{

       white-space: nowrap;

    overflow-x: auto;

  }

}

.designer-box{

	position: absolute;

	top: 100%;

	left: 35px;

	width: 380px;

	max-width: 100%;

	min-height: 200px;

	box-shadow:0px 0px 32px 0px rgba(154,154,154,0.38);

	background-color: #fff;

	border-radius:4px;

	padding: 18px;

	z-index: 2;

	display: none;

}

@media screen and (max-width: 1366px){

	.designer-box{

		left: 0;

	}

	.type-items ul{

       white-space: nowrap;

    overflow-x: auto;

  }

}

@media screen and (max-width: 1200px){

	.designer-box{

		display: none!important;

	}

}

.prj-designer:hover .designer-box{

	display: block;

}

.designer-box img{

	width: 48px;

	height: 48px;

}

.designer-rt{

	position: relative;

	padding-left: 60px;

	padding-right: 80px;

	font-size: 12px;

	line-height: 1.6;

	margin-bottom: 10px;

	min-height: 50px;

}

.designer-rt .designer-img{

	position: absolute;

	left: 0;

	top: 0;

}

.designer-rt h2{

	color: #2B2B2B;

	font-weight: 700;

	position: relative;

	/*padding-right: 75px;*/

	font-size: 14px;

	line-height: 2;

}

.designer-rt h2>span{

	white-space: nowrap;

	padding-left: 10px;

	/*position: absolute;*/

	/*right: 0px;*/

	/*top: 50%;*/

	/*transform: translateY(-50%);*/

}

.designer-rt h2 i>img{

	width: 18px;

	height: 18px;

	margin: 0;

	vertical-align: sub;

}

.designer-rt:before{

	content: '';

	clear: both;

}

.designer-rt:after{

	content: '';

	clear: both;

}

.designer-rt .star{

}

.designer-rt .is-website{

	display: block;

	position: absolute;

	right: 0;

	top: 5px;

	padding: 10px 12px;

	color: #fff;

	font-size: 12px;

	background-color: #0057FF;

	border-radius: 6px;

	line-height: 1;

}

.website-group{

	margin: 0 -2px;

	width: calc(100% + 4px);

}

.website-group:before{

	clear: both;

	content: '';

}

.website-group:after{

	clear: both;

	content: '';

	display: table;

}

.website-pic{

	width: 33.333333%;

	height: 90px;

	padding: 0 2px;

	float: left;

}

.website-pic img{

	border-radius: 0;

	width: 100%;

	height: auto;

	margin: auto;

}

@media screen and (max-width: 1366px) and (min-width: 801px){

	.block{

		max-width: 1200px;

	}

	.type-items ul{

       white-space: nowrap;

    overflow-x: auto;

  }

	.foot_list{

		padding: 0 10px;

		float: left;

		width: 100%;

	}

	.muban_show{

		padding: 0 10px;

		float: left;

		width: 33.33333333%;

	}

	.muban_list_top{

		max-height: unset;

	}

}

@media screen and (min-width: 801px) and (max-width: 1200px){

	.muban_list_top{

	}

	.type-items ul{

       white-space: nowrap;

    overflow-x: auto;

  }

}

@media screen and (max-width: 800px){

	.designer-box{

		display: none;

	}

	.muban_list_top{



	}

	.video-grid{

		max-height: unset;

		height: auto!important;

	}

	.block{

		max-width: 800px;

		padding: 0 20px;

	}

	.row{

		margin: 0 -20px;

	}

	.grid-4-4{

		padding: 0 20px;

	}

	.banner-mobile{

		display: block!important;

	}

	.banner-pc{

		display: none!important;

	}

	.muban_sel{

		padding: 0 20px;

		float: left;

		width: 50%;

	}

	.muban_sel:nth-child(2n){

		padding-right: 5px;

	}

	.muban_sel:nth-child(2n+1){

		padding-left: 5px;

	}

	.foot_nav{

		padding: 0 20px;

		float: left;

		width: 100%;

	}

	.muban_list_top{

		margin-bottom: 10px;

	}

}

@media screen and (max-width: 767px){

	.muban_action{

		font-size: 12px;

	}

	.muban_main{

		margin-bottom: 10px;

	}

	.muban_main>p{

		font-size: 12px;

		max-width: unset;

		width: 100%;

		line-height: 35px;

	}

	.muban_main>span{

		float: unset;

		font-size: 12px;

		line-height: 20px;

	}

	.prj-designer{

		font-size: 10px;

		padding-top: 10px;

	}

}

@media screen and (min-width: 471px){

	.show-in-xs{

		display: none!important;

	}

}

@media screen and (max-width: 470px){

	.article_list{

		padding: 0 5px;

	}

	.muban_hidden{

		display: none!important;

	}

	.show-in-xs{

		display: block!important;

	}

	.muban_main{

		margin: 0;

	}

	/*.muban_list_top {

	    height: calc(35.71vw + 144px);

	}*/

	.muban_action .price{

		/*float: unset;*/

		font-size: 14px;

		text-align: right;

	}

	.muban_list_top{

		padding: 5px;

	}

	.prj-designer{

		width: calc(100% + 10px);

		margin-left: -5px;

		padding-top: 5px;

	}

	.muban_main>p,

	.muban_main>p>a{

		    overflow: hidden;

		    white-space: nowrap;

		    text-overflow: ellipsis;

	}

	.muban-bg{

		background: unset;

	}

	.block{

		padding: 0 5px;

	}

	.row{

		margin: 0 -5px;

	}

	.grid-4-4{

		padding: 0 5px;

	}

	.muban_sel{

		padding: 0 5px;

	}

	.foot_nav{

		padding: 0 5px;

	}

}

/*footer style added by Magnetic 2019/9/18*/

footer{

	padding: 58px 0px;

	line-height: 1.9;

	font-size: 12px;

	color: #999;

	background-color: #313131;

}

footer a{

	color: #999;

}

footer a:hover{

	color: #fff;

}

.clearfix::before,

ul.foot_nav_list::before,

dd.links:before{

	content: '';

	clear: both;

}

.clearfix::after,

ul.foot_nav_list::after,

dd.links:after{

	content: '';

	display: table;

	clear: both;

}

ul.foot_nav_list>li{

	width: 80px;

	float: left;

	text-align: left;

}

.footer-qrcode{

	display: table;

	float: right;

}

.footer-qrcode>h4{

	margin-bottom: 10px;

	font-size: 12px;

	text-align: center;

	font-weight: 400;

}

.footer-qrcode>ul{

	text-align: center;

	white-space: nowrap;

}

.footer-qrcode>ul>li{

	display: inline-block;

	padding: 0 5px;

}

dt.links>div{

	width: 50%;

	float: left;

	position: relative;

}

dt.links>div>span{

	position: absolute;

	left: 0;

}

dt.links .scroll-block-1,

dt.links .scroll-block-2{

	position: relative;

	white-space: nowrap;

	width: calc(100% - 72px);

	margin-left: 62px;

	margin-right: 10px;

	overflow: hidden;

	height: 20px;

}

dt.links ul{

	display: table;

	white-space: nowrap;

	position:absolute;left: 0;top: 0;

}

dt.links ul>li{

	display: inline-block;

	padding-right: 10px;

}

dt.links ul>li>a{

	float: left;

}

@media screen and (max-width: 800px){

	footer{

		padding: 20px 0px;

		margin-top: 20px;

	}

	.footer-qrcode{

		float: unset;

		margin-top: 20px;

	}

	.foot_nav_list,

	footer dl{

		padding: 0 10px;

	}

}

/*-------------*/


/*
canvas{

	display: none !important;

}
.service_case em{

            text-decoration: line-through;

            font-size: 14px;

            margin-right: 6px;

            color: #999;

        }
}
*/