@charset "utf-8";
html {
	-webkit-text-size-adjust:none;
	word-wrap:break-word;
	word-break:break-all
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0
}

 
 .daohang{
display:none;
}
 
  .daohangtop{
display:none;
}

body {
	margin-top:60px;
	color:#444;
	background-color:#eee;
	font-size:14px;
	font-family:microsoft yahei,Verdana,sans-serif;
	outline:0
}
a {
	color:#444;
	text-decoration:none;
	outline:0
}
a:hover {
	color:#3169b0
}
img {
	border:0
}


div,h1,h2,h3,h4,h5,p,form,ul,label,input,textarea,img,span,dl,dt,dd {
	margin:0;
	padding:0;
	outline:0
}
.container {
	width:1180px;
	margin:0 auto
}


#search {
    float: right;
    margin-top: 18px;
    width: 12%;
}

#search form {
    width: 100%;
    height: 30px;
    overflow: hidden;
    background-color: #F3F0EB;
    border: 1px solid #E6E0DA;
    border-radius: 15px;
    padding-left: 15px;
    -webkit-box-shadow: 1px 1px 0 white;
    box-shadow: 1px 1px 0 white;
}
button, input, select, textarea {
    font-size: 12px;
    outline: none;
    font-family: Microsoft Yahei, Arial;
    margin: 0;
    border: none;
}
input[type="hidden" i] {
    display: none;
    -webkit-appearance: initial;
    background-color: initial;
    cursor: default;
    padding: initial;
    border: initial;
}
#search input#keyboard {
    background: transparent;
    cursor: text;
    font-size: 12px;
    padding-top: 3px;
    float: left;
    height: 24px;
    line-height: 24px;
    width: 70%;
    border: 0;
}
button#search-submit {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: right;
}
button, input, select, textarea {
    font-size: 12px;
    outline: none;
    font-family: Microsoft Yahei, Arial;
    margin: 0;
    border: none;
}
button#search-submit i {
    font-size: 16px;
    color: #C5BBB1;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-search:before {
    content: "\f002";
}






#header {
	height:60px;
	line-height:60px;
	background-color:#292a2c;
	position:fixed;
	top:0;
	z-index:2;
	width:100%
}
.header {
	}
.logo {
	float:left;
	font-size:0;
	width: 140px;
}
.logo img {
	max-height:60px;
	vertical-align:middle;
	width: 140px;
}
.nav {
	float:left;
	margin-left:30px;
	background-color:#292a2c
}
.nav ul {
	list-style:none
}
.nav li {
	float:left;
	font-size:18px;
	position:relative;
	z-index:2
}
.nav li a {
	color:#fff;
	padding:0 15px;
	display:inline-block
}
.nav li:hover>a {
	background-color:#dc1e32
}
.nav li.active>a {
	background-color:#dc1e32
}
.nav ul ul {
	display:none;
	background-color:#3169b0;
	position:absolute;
	top:100%;
	left:0;
	width: 240px;
}
.nav ul li:hover>ul {
	display:block;
	background-color:#dc1e32
}
.nav ul ul li {
	white-space:nowrap;
	line-height:45px
}
.nav ul ul li:hover {
	background-color:#dc1e32
}
.nav ul ul ul {
	top:0;
	left:100%
}
.login {
	float:right
}
.user {
	float:right;
	margin-left:10px;
	position:relative
}
.user .avatar {
	padding:0 5px;
	font-size:0;
	cursor:pointer
}
.user .avatar img {
	width:32px;
	height:32px;
	border-radius:50%;
	vertical-align:middle
}
.user .login {
	display:none;
	position:absolute;
	top:52px;
	right:0;
	white-space:nowrap;
	background-color:#fff;
	border:1px solid #ddd;
	padding:15px;
	line-height:24px;
	color:#333
}
.user .login span {
	display:inline-block
}
.user .login span:first-child {
	margin-right:10px
}
.user .login span a {
	color:#333
}
.user.active .avatar {
	background-color:#285690
}
.search {
	float:right;
	margin-top:15px
}
.search form {
	width:240px;
	height:30px;
	line-height:30px;
	border-radius:30px;
	overflow:hidden;
	color:#ddd
}
.search form input {
	float:left;
	width:75%;
	height:30px;
	line-height:28px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-right:0;
	padding-left:5%
}
.search form button {
	float:left;
	width:25%;
	height:30px;
	line-height:28px;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#fff;
	border:1px solid #ccc;
	border-left:0;
	color:#cbcbcb
}
#main {
	overflow:hidden;
	clear:both;
	padding-top: 10px
}
#main+#main {
	padding-top: 0
}
.main {
	margin-bottom:5px;
	overflow:hidden
}
.hometop {
	margin-bottom:12px;
	overflow:hidden
}
.htleft {
	float:left;
	width:380px;
	height:auto
}
.slider {
	width:100%;
	height:200px;
	background-color:#fff;
	margin-bottom:10px
}
.slider .swiper-container {
	width:100%;
	height:100%
}
.slider .swiper-slide {
	font-size:18px;
	background:#fff;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.slider .swiper-slide a {
	width: 100%;
	height: 100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
}
.slider .swiper-pagination {
	text-align:right
}
.slider .swiper-pagination-bullet {
	background-color:#fafafa;
	width:12px;
	height:12px
}
.slider .swiper-pagination-bullet-active {
	background:#fff
}
.slider .swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background:url(../images/slider-arrow.png) no-repeat
}
.slider .swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background:url(../images/slider-arrow.png) no-repeat;
	transform:rotate(180deg)
}
.slider .swiper-slide:hover {
	filter:alpha(Opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.slider .swiper-slide img {
	width:380px;
	height:214px;
	object-fit:cover;
	overflow:hidden
}
.slider .swiper-slide p {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	color:#fff;
	background-color:rgba(0,0,0,.6);
	height:40px;
	line-height:40px;
	padding-left:3%;
	padding-right:20%;
	overflow:hidden
}
.stuijian {
	width:100%;
	overflow:hidden
}
.stuijian .box {
	float:left;
	width:49%;
	height:100%;
	overflow:hidden;
	position:relative;
	background-color:#fff;
	margin-bottom: 5px;
}
.stuijian .box:hover {
	filter:alpha(Opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.stuijian .box img {
	width:100%;
	height:100%;
	object-fit:cover
}
.stuijian .box p {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:28px;
	line-height:28px;
	background-color:rgba(0,0,0,.6);
	color:#fff;
	padding:0 10px
}
.stuijian .box+.box {
	float:right;
}


.stuijian .box+.box+.box {
	float:left;
}

.stuijian .box+.box+.box+.box {
	float:right;
}


.homenew {
	float:left;
	width:400px;
	overflow:hidden;
	margin-left:20px;
	background-color:#fff;
	padding-top:5px;
	position:relative;
	z-index:0
}
.homenew .box {
	margin:0 15px;
	border-bottom:1px dashed #ddd;
	padding:10px 0
}
.homenew .box h3 {
	height:26px;
	line-height:26px;
	overflow:hidden;
	font-size:18px
}
.homenew .box h3:hover a {
	text-decoration:underline
}
.homenew .box p {
	line-height:32px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#888
}
.homenew .box p a {
	color:#888
}
.homenew ul {
	padding:8px 15px;
	list-style:none
}
.homenew li {
	font-size:15px;
	line-height:32px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.homenew li::before {
	content:"";
	position:absolute;
	width:3px;
	height:3px;
	background-color:#3169b0;
	margin-top:14px
}
.homenew li a {
	padding-left:10px
}
.homenew::after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	margin-left:-10px;
	width:0;
	height:0;
	border-top:40px solid #f65220;
	border-left:40px solid transparent
}
.homenew span {
	position:absolute;
	top:5px;
	right:1px;
	z-index:2;
	color:#fff;
	font-size:12px;
	font-style:normal;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.homehot {
	float:right;
	width:360px;
	background-color:#fff
}
.homehot h5 {
	height:38px;
	line-height:38px;
	padding-left:15px;
	font-size:18px;
	border-bottom:1px solid #eee;
	color:#3169b0;
	font-weight:400
}
.homehot .boxbody {
	width:100%;
	padding:15px 15px 10px;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.homehot .boxbody .box {
	float:left;
	width:49%
}
.homehot .boxbody .box:hover {
	filter:alpha(Opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.homehot .boxbody .box+.box {
	float:right
}
.homehot .boxbody .box .img {
	width:100%;
	height:100%;
	overflow:hidden
}
.homehot .boxbody .box .img img {
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden
}
.homehot .boxbody .box p {
	text-align:center;
	line-height:24px;
	padding:0 10px;
	height:24px;
	overflow:hidden
}
.homehot ul {
	list-style:none;
	padding:20px 0 0 15px;
	overflow-y:scroll;
	width:98%;
	height:255px;
}
.homehot li:first-child {
	border-top:1px solid #efefef
}
.homehot li {
	padding:8px 0;
	overflow:hidden;
	border-bottom:1px solid #efefef
}
.homehot li:hover {
	filter:alpha(Opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.homehot li .img {
	float:left;
	width:90px;
	height:51px;
	overflow:hidden
}
.homehot li .img img {
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden
}
.homehot li .imgr {
	margin-left:100px;
	margin-top:-2px
}
.homehot li .imgr h3 {
	font-weight:400;
	font-size:14px;
	line-height:22px;
	max-height:44px;
	margin-bottom:2px;
	overflow:hidden
}
.homehot li .imgr h3 a {
	color:#3169b0
}
.homehot li .imgr span {
	display:inline-block;
	color:#999;
	font-size:12px;
	margin-right:10px
}
.homehot li .imgr span a {
	color:#999
}
.homehot ul::scrollbar {
	width:.2rem;
	background-color:transparent
}
.homehot ul::scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px transparent;
	border-radius:.2rem;
	background-color:transparent
}
.homehot ul::scrollbar-thumb {
	border-radius:.2rem;
	-webkit-box-shadow:inset 0 0 6px transparent;
	background-color:transparent
}
.homehot ul:hover::scrollbar-thumb {
	background-color:rgba(0,0,0,.3)
}
.homehot ul::-webkit-scrollbar {
	width:.2rem;
	background-color:transparent
}
.homehot ul::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px transparent;
	border-radius:.2rem;
	background-color:transparent
}
.homehot ul::-webkit-scrollbar-thumb {
	border-radius:.2rem;
	-webkit-box-shadow:inset 0 0 6px transparent;
	background-color:transparent
}
.homehot ul:hover::-webkit-scrollbar-thumb {
	background-color:rgba(0,0,0,.3)
}
.homehot ul::-o-scrollbar {
	width:.2rem;
	background-color:transparent
}
.homehot ul::-moz-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px transparent;
	border-radius:.2rem;
	background-color:transparent
}
.homehot ul::-moz-scrollbar-thumb {
	border-radius:.2rem;
	-webkit-box-shadow:inset 0 0 6px transparent;
	background-color:transparent
}
.homehot ul:hover::-moz-scrollbar-thumb {
	background-color:rgba(0,0,0,.3)
}
.himages {
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
	background-color:#fff
}
.himages .swiper-prev,.himages .swiper-next {
	display:block;
	width:25px;
	height:32px;
	background:url(../images/slider-arrow.png) no-repeat;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	position:absolute;
	margin-left:-40px;
	margin-top:90px;
	cursor:pointer
}
.himages .swiper-prev {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg)
}
.himages .swiper-next {
	margin-left:1200px
}
@media screen and (max-width:1180px) {
	.himages .swiper-prev,.himages .swiper-next {
	display:none
}




}.himages .title {
	list-style:none;
	height:42px;
	line-height:42px;
	border-bottom:1px solid #eee;
	overflow:hidden
}
.himages .title h5 {
	display:inline-block;
	font-size:16px;
	padding-left:15px;
	font-weight:400
}
.himages .title h5 a {
	}
.himages .title span {
	margin-right:10px;
	position:absolute;
	margin-left:-100px
}
.himages .title span a {
	color:#3169b0;
	display:inline-block;
	cursor:pointer
}
.himages .title i {
	float:right;
	margin-right:15px;
	color:#999;
	display:inline-block;
	font-style:normal
}
.himages .title i a {
	color:#999
}
.hibody {
	padding:10px 15px;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.hibody .swiper-slide {
	width:180px;
	overflow:hidden;
	margin-right:15px
}
.hibody .swiper-slide:hover {
	filter:alpha(Opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.hibody .swiper-slide .img {
	width:100%;
	height:102px;
	overflow:hidden
}
.hibody .swiper-slide .img img {
	width:100%;
	height:100%;
	object-fit:cover
}
.hibody .swiper-slide p {
	line-height:26px;
	height:26px;
	overflow:hidden;
	padding:0 10px;
	text-align:center
}
.himgs {
	margin-bottom:15px;
	background-color:#fff;
	overflow:hidden
}
.himgs .title {
	height:45px;
	line-height:45px;
	border-bottom:1px solid #eee;
	padding:0 15px
}
.himgs .title h4 {
	display:inline-block;
	font-size:16px;
	font-weight:400
}
.himgs .title i {
	float:right;
	display:inline-block;
	font-style:normal;
	color:#999
}
.himgs .title i a {
	color:#999
}
.himgs .title h4 + i {
	margin-left: auto;
}
.himgs .himgsbody {
	padding:15px;
	overflow:hidden
}
.himgs ul {
	list-style:none;
margin-left: auto;
margin-right: auto
}
.himgs li {
	float:left;
	width:18.5%;
	/*margin-right:10px;
	margin-bottom:10px*/
}
.himgs li a {
	font-size:0;
	display:block
}
.himgs li .img {
	width:100%;
	overflow:hidden;
	position: relative
}
.himgs li .img h9{background: rgba(0, 0, 0, 0); padding: 2px 2px; top: 22px; right: 55px; color: rgb(255, 255, 255); position: absolute; color: #FFFFFF;font-size: 28px;}/* 图片右上角标注*/
.himgs li .img:hover {
	filter:alpha(Opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.himgs li .img img {
	width:100%;
	height:auto
}
.himgs li .img h9{background: rgba(0, 0, 0, 0); padding: 2px 2px; top: 2px; right: 5px; color: rgb(255, 255, 255); position: absolute; color: #FFFFFF;font-size: 14px;}/* 图片右上角标注*/

.himgs li p {
	line-height:20px;
	font-size:14px;
	padding: 0 5px
}
@media screen and (max-width:450px) {
.himgs li p {
line-height:30px;
height:30px;
overflow:hidden
}
.himgs li p.do-hide {
display: none
}
}
@media screen and (max-width:768px) {
	.himgs {
	margin-bottom:10px
}
.himgs .himgsbody {
	padding:5px
}
.himgs ul {
	list-style:none;
	margin-right:-2%
}
.himgs li {
	float:left;
	width:50% !important;
	
}
}.hometab {
	margin-bottom:20px;
	background-color:#fff;
	overflow:hidden
}
.hometab .title {
	list-style:none;
	height:45px;
	line-height:45px;
	border-bottom:1px solid #eee
}
.hometab .title li {
	float:left;
	font-size:16px;
	padding-left:15px
}
.hometab .title li a {
	display:inline-block;
	height:44px;
	line-height:44px
}
.hometab .title li.active a {
	color:#3169b0;
	border-bottom:2px solid #3169b0
}
.hometab .box {
	padding:15px;
	clear:both
}
.hometab .box ul {
	list-style:none;
	overflow:hidden;
	margin-right:-2%
}
.hometab .box li {
	float:left;
	width:48%;
	margin-right:2%;
	margin-bottom:20px
}
.hometab .box li:hover {
	filter:alpha(Opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.hometab .box li .img {
	float:left;
	width:220px;
	height:125px;
	overflow:hidden
}
.hometab .box li .img img {
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden
}
.hometab .box li .imgr {
	margin-left:235px
}
.hometab .box li .imgr h3 {
	font-size:16px;
	height:26px;
	line-height:26px;
	font-weight:400;
	overflow:hidden;
	margin-bottom:10px
}
.hometab .box li .imgr span {
	display:block;
	color:#999;
	font-size:13px;
	margin-bottom:10px
}
.hometab .box li .imgr span i {
	margin-right:4px
}
.hometab .box li .imgr span a {
	color:#3169b0
}
.hometab .box li .imgr p {
	color:#666;
	line-height:22px;
	height:69px;
	overflow:hidden
}
.hometab .box .more {
	text-align:center;
	padding:10px 0
}
.hometab .box .more a {
	border:1px solid #ddd;
	padding:2px 20px;
	border-radius:20px;
	color:#999
}
.homecate3 {
	margin-bottom:10px;
	overflow:hidden;
	margin-right:-10px
}
.homecate3 .box {
	float:left;
	width:585px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#fff
}
.homecate3 .box .title {
	height:45px;
	line-height:45px;
	border-bottom:1px solid #eee;
	padding:0 15px
}
.homecate3 .box .title h4 {
	display:inline-block;
	font-size:16px;
	font-weight:400
}
.homecate3 .box .title i {
	float:right;
	display:inline-block;
	font-style:normal;
	color:#999
}
.homecate3 .box .title i a {
	color:#999
}
.homecate3 .box ul {
	list-style:none;
	padding:10px 15px;
	overflow:hidden
}
.homecate3 .box li {
	margin-bottom:10px;
	overflow:hidden
}
.homecate3 .box li:hover {
	filter:alpha(Opacity=90);
	-moz-opacity:.9;
	opacity:.9
}
.homecate3 .box li .img {
	float:left;
	width:70px;
	height:40px;
	overflow:hidden
}
.homecate3 .box li .img img {
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden
}
.homecate3 .box li .imgr {
	margin-left:80px;
}
.homecate3 .box li .imgr h3 {
	font-weight:400;
	font-size:12px;
	line-height:24px;
	color:#999;
	text-align:right
}
.homecate3 .box li .imgr h3 a {
	float:left;
	text-align:left;
	font-size:14px;
	display:inline-block;
	width:70%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.homecate3 .box li .imgr p {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#999
}
.homecate4 {
	margin-bottom:5px;
	overflow:hidden;
	margin-right:-10px
}
.homecate4 .box {
	float:left;
	width:386.665px;
	margin-right:10px;
	background-color:#fff;
	margin-bottom:10px
}
.homecate4 .box .title {
	height:45px;
	line-height:45px;
	border-bottom:1px solid #eee;
	padding:0 15px
}
.homecate4 .box .title h4 {
	display:inline-block;
	font-size:16px;
	font-weight:400
}
.homecate4 .box .title i {
	float:right;
	display:inline-block;
	font-style:normal;
	color:#999
}
.homecate4 .box .title i a {
	color:#999
}
.homecate4 .box ul {
	list-style:none;
	padding:10px 15px;
	width:100%
}
.homecate4 .box li {
	line-height:30px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.homecate4 .box li::before {
	content:"";
	width:4px;
	height:4px;
	background-color:#3169b0;
	position:absolute;
	margin-top:14px
}
.homecate4 .box li a {
	padding-left:14px
}
.homelink {
	margin-bottom:0;
	overflow:hidden;
	background-color:#fff
}
.homelink .title {
	height:45px;
	line-height:45px;
	border-bottom:1px solid #eee;
	padding:0 15px
}
.homelink .title h4 {
	display:inline-block;
	font-size:16px;
	font-weight:400
}
.homelink ul {
	list-style:none;
	padding:10px 15px;
	overflow:hidden
}
.homelink li {
	float:left;
	margin-right:10px
}
#footer {
	background-color:#292a2c;
	color:#b8bbc0
}
.footer {
	padding:20px 0;
}
.footer a {
	color:#b8bbc0
}
.footer .fnav {
	margin-bottom:15px;
	font-weight: 400;
}

.footer .fnav .active{
	color:red;
}

.footer .fnav a {
	display:inline-block;
    padding: 0 5px
}
.mainl {
	float:left;
	width:900px
}
.list {
	padding:0px 10px 0px 0px;
	background-color:#fff
}
.list .title {
	height:50px;
	line-height:50px;
	padding-left:15px;
	overflow:hidden;
	border-bottom:1px solid #eee
}
.list .title h1 {
	display:inline-block;
	font-size:20px;
	font-weight:400;
	padding: 0 5px;
}
.list .title span {
	display:inline-block;
	margin-left:30px
}
.list .title span a {
	display:inline-block;
	margin-right:10px;
	color:#3169b0
}
.list ul {
	padding:10px 0
}
.list li {
	padding:15px 0;
	border-bottom:1px solid #eee;
	border-top:0px solid #eee;
	overflow:hidden
}
.list li:hover {
	background-color:#f8fcfe;
	transition:all .25s ease 0s
}
/*
.list li .img {
	float:left;
	width:230px;
	height:145px;
	overflow:hidden
}
.list li .img img {
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden
}
*/
.list li .imgr {
	margin-left:10px
}
/*修改电脑板左边图片宽度*/
.list li .imgr h2 {
	font-size:18px;
	line-height:32px;
	margin-bottom:8px;
	font-weight:400;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.list li .imgr p {
	line-height:24px;
	max-height:72px;
	overflow:hidden;
	color:#777;
	margin-bottom:8px
}
.list li .imgr .info {
	line-height:28px;
	color:#999;
	font-size:12px
}
.list li .imgr .info a {
	color:#3169b0
}
.list li .imgr .info span {
	margin-right:10px;
	display:inline-block
}
.list li .imgr .info span i {
	margin-right:4px
}
.list li .imgr .info span.tag {
	float:right
}
.list li .imgr .info span.tag a {
	border:1px solid #eee;
	color:#999;
	padding:1px 4px;
	border-radius:10px;
	margin-left:10px
}
.list2 {
	width:100%;
	background-color:#fff
}
.list2 .title {
	height:50px;
	line-height:50px;
	padding-left:15px;
	overflow:hidden;
	border-bottom:1px solid #eee
}
.list2 .title h1 {
	display:inline-block;
	font-size:20px;
	font-weight:400
}
.list2 .title span {
	display:inline-block;
	margin-left:30px
}
.list2 .title span a {
	display:inline-block;
	margin-right:10px;
	color:#3169b0
}
.list2 ul {
	padding:10px 15px;
	overflow:hidden;
	margin-right:-10px;
	list-style:none
}
.list2 li {
	float:left;
	width:280px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #eee
}
.list2 li:hover {
	background-color:#f8fcfe
}
.list2 li .img {
	width:100%;
	height:220px;
	overflow:hidden;
	position:relative;
	z-index:1
}
.list2 li .img .vbg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:transparent url(../images/play-btn.png) no-repeat center;
	z-index:2;
	opacity:.3;
	filter:alpha(opacity=30);
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.list2 li:hover .img .vbg {
	background:rgba(0,0,0,.3) url(../images/play-btn.png) no-repeat center;
	opacity:1;
	filter:alpha(opacity=100)
}
.list2 li .img img {
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden
}
.list2 li h3 {
	font-size:14px;
	font-weight:400;
	line-height:32px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:0 10px
}
.list2 li span {
	line-height:28px;
	padding:0 10px;
	font-size:12px;
	color:#999
}
.list2 li span i {
	margin-right:4px
}
.pagebar {
	padding:20px 0;
	text-align:center
}
.pagebar span,.pagebar a {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:28px;
	text-align:center;
	border:1px solid #3169b0;
	margin:2px
}
.pagebar a {
	color:#3169b0
}
.pagebar span,.pagebar a:hover {
	background-color:#3169b0;
	color:#fff
}
.post {
	background-color:#fff;
	padding:15px;
	overflow:hidden;
	margin-bottom:20px
}
.post .title {
	overflow:hidden;
	border-bottom:1px solid #eee
}
.post .title h1 {
	font-size:22px;
	font-weight:400;
	line-height:32px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:5px
}
.post .title .info {
	line-height:32px;
	padding-bottom:10px;
	color:#999
}
.post .title .info span {
	margin-right:10px;
	display:inline-block
}
.post .title .info span a {
	color:#3169b0
}
.post .title .info span i {
	margin-right:4px
}
.post .title .info span.tag {
	float:right
}
.post .title .info span.tag a {
	border:1px solid #eee;
	color:#999;
	padding:0 6px;
	border-radius:10px;
	margin-left:10px
}
.post .title .info span.tag a:hover {
	border:1px solid #3169b0;
	color:#fff;
	background-color:#3169b0
}
.article_content {
	padding:10px 0;
	overflow:hidden;
	color:#555;
	font-size:16px;
	line-height:30px;
	word-break:break-all;
	word-wrap:break-word;
	padding-bottom:5px;
	width:100%;
	position:relative
}
.article_content img {
	margin:0px 0px 10px 0px;
	max-width:100%;
	height:auto
}
@media screen and (max-width:980px) {
	.article_content img {
	width:auto
}
}.article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5,.article_content h6 {
	margin-bottom:18px;
	background-color:#fbfbfb;
	color:#333;
	border-left:4px solid #3169b0;
	padding-left:10px;
	margin:10px 0;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	font-weight:400
}
.article_content h2 {
	font-size:24px
}
.article_content h2 {
	font-size:20px
}
.article_content h3 {
	font-size:18px
}
.article_content h4 {
	font-size:16px
}
.article_content h5 {
	font-size:14px
}
.article_content h6 {
	font-size:12px
}
.article_content ul,.article_content ol {
	margin:0 0 18px 50px
}
.article_content ul {
	list-style:disc
}
.article_content ol {
	list-style:decimal
}
.article_content li {
	margin-bottom:6px
}
.article_content p {
	margin:12px 0;
	color:#555;
	line-height:32px;
	word-wrap:break-word
}
.article_content pre {
	word-wrap:break-word
}
.article_content table {
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	width:100%;
	margin-bottom:18px
}
.article_content table th {
	background-color:#f9f9f9;
	text-align:center
}
.article_content table td,.article_content table th {
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
	padding:5px 10px
}
.article_content .alignnone {
	margin:0 auto
}
.article_content .alignleft {
	float:left;
	text-align:left;
	margin-right:10px
}
.article_content .aligncenter {
	margin:0 auto;
	text-align:center;
	display:block
}
.article_content .alignright {
	float:right;
	text-align:right;
	margin-left:10px
}
.article_content a {
	color:#3169b0
}
.article_content a:hover {
	color:#f40;
	text-decoration:underline
}
.article_content pre,.comment pre {
	font-size:12px;
	background:#ededed
}
.article_content blockquote {
	margin:20px 0;
	padding:15px 20px 1px;
	border-left:5px solid #3169b0;
	background-color:#fafafa
}
.article_content blockquote p {
	margin:0;
	padding:0;
	margin-bottom:10px
}
.article_content embed,.article_content video,.article_content iframe {
	width:100%
}
.rights {
	margin:40px 0;
	counter-increment:#999;
	line-height:26px;
	overflow:hidden;
	padding-bottom:30px;
	border-bottom:1px solid #ededed
}
.rights h5 {
	font-weight:400;
	font-size:16px;
	color:#333;
	margin-bottom:20px
}
#share {
	overflow:hidden
}
#share .sharel {
	float:left;
	margin-top:10px
}
#share .sharel p {
	color:#333;
	font-size:16px;
	line-height:42px
}
.sharel .bdsharebuttonbox {
	}
.bdsharebuttonbox a.bds_weixin_icon {
	width:55px;
	height:55px;
	background:url(../images/icon_weixin.png) no-repeat center
}
.bdsharebuttonbox a.bds_tsina_icon {
	width:55px;
	height:55px;
	background:url(../images/icon_weibo.png) no-repeat center
}
.bdsharebuttonbox a.bds_sqq_icon {
	width:55px;
	height:55px;
	background:url(../images/icon_qq.png) no-repeat center
}
.bdsharebuttonbox a.bds_qzone_icon {
	width:55px;
	height:55px;
	background:url(../images/icon_qqzone.png) no-repeat center
}
.bdsharebuttonbox a.bds_more_icon {
	width:55px;
	height:55px;
	background:url(../images/icon_more.png) no-repeat center
}
#share .sharer {
	float:right;
	width:165px
}
.sharer i {
	width:100%;
	height:14px;
	background:url(../images/qrcode-tope.png) no-repeat top;
	display:block
}
.sharer .qrimg {
	border:1px solid #ededed;
	height:175px;
	border-top:0;
	text-align:center;
	position:relative
}
.sharer .qrimg canvas {
	padding-top:12px
}
.sharer .qrimg p {
	position:absolute;
	bottom:5px;
	left:0;
	right:0;
	font-size:12px;
	color:#999
}
@media screen and (max-width:780px) {
	#share {
	display:none
}
}
.related {
	background-color:#fff;
	overflow:hidden;
}
.related,
.related * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.related h4 {
	font-size:16px;
	padding-left:15px;
	border-bottom:1px solid #eee;
	font-weight:400;
	width: 1180px;
	margin: 0 auto;
}

.post .related h4 {
	width: 100%;
}
.related ul {
	list-style:none;
	padding:10px 15px;
	margin-right:-10px;
	overflow:hidden
}
.related li {
	float:left;
	width:210px;
	margin-right:10px;
	overflow:hidden;
	margin-bottom:10px
}
.related li .img {
	width:100%;
	height:160px;
	overflow:hidden
}
.related li .img img {
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden
}
.related li p {
	line-height:32px;
	height:32px;
	overflow:hidden
}









.post_comments {
	overflow:hidden;
	background-color:#fff;
	padding:0 15px
}
#comments {
	border:1px solid #e5e5e5;
	background-color:#fdfdfd;
	position:relative
}
#comment {
	overflow:hidden
}
#comment h4 {
	height:45px;
	line-height:45px;
	font-size:16px;
	border-bottom:1px solid #eee;
	font-weight:400
}
#comment .ping {
	color:#333;
	padding-bottom:10px;
	border-bottom:1px dashed #ededed;
	height:24px;
	line-height:24px;
	font-size:20px;
	font-weight:400
}
#comment .compost {
	margin:20px 0
}
.compost form {
	}
.compost .com_name {
	margin:10px 0;
	overflow:hidden;
	color:#3169b0
}
.compost .com_name a {
	color:#ff5e52
}
.compost .com_box {
	margin:10px 0
}
.compost .com_box textarea {
	width:100%;
	border:1px solid #ddd;
	display:block;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.compost .com_info {
	margin:0;
	overflow:hidden
}
.compost .com_info ul {
	list-style:none
}
.compost .com_info li {
	float:none;
	margin-bottom:8px
}
.compost .com_info li input {
	width:30%;
	height:30px;
	line-height:30px;
	padding-left:4px;
	border:1px solid #ddd
}
@media screen and (max-width:980px) {
	.compost .com_info li input {
	width:60%
}
}.compost .com_info li span {
	margin-left:4px
}
.compost .com_info li span img {
	height:30px;
	line-height:30px;
	display:inline-block;
	vertical-align:top
}
.compost .com_info button {
	float:right;
	background-color:#3169b0;
	border:0;
	border-radius:3px;
	padding:6px 10px;
	color:#fff;
	display:inline-block
}
#comment .comlist {
	margin:10px 0
}
.comlist .title {
	font-size:16px;
	overflow:hidden;
	height:45px;
	line-height:45px
}
.comlist ul {
	list-style:none;
	border-top:1px solid #ededed
}
.comlist .pagebar {
	border-top:1px solid #ededed
}
.comlist ul ul {
	margin-left:3%
}
.comlist li {
	overflow:hidden;
	padding:20px 0
}
.comlist li:hover {
	background-color:#fafafa
}
.comlist li img {
	float:left;
	width:40px;
	height:40px;
	border-radius:50%;
	margin-left:12px
}
.comlist li .clbody {
	margin-left:64px
}
.clbody .cinfo {
	overflow:hidden
}
.clbody .cinfo h5 {
	float:left;
	height:18px;
	line-height:18px;
	color:#3169b0;
	font-size:14px;
	font-weight:400
}
.clbody .cinfo span {
	float:right;
	margin-right:10px
}
.clbody .cinfo span a {
	color:#3169b0
}
.clbody .cinfo span i {
	margin-right:4px
}
.clbody em {
	color:#888;
	height:24px;
	line-height:24px;
	font-size:12px;
	font-style:normal;
	display:block
}
.clbody p {
	line-height:24px;
	color:#4a4a4a;
	overflow:hidden
}
.clbody p a {
	color:#3169b0
}
.bottom_tools {
	position:fixed;
	z-index:999;
	right:20px;
	bottom:20px;
	font-size:38px
}
.bottom_tools a {
	width:50px;
	height:50px;
	line-height:46px;
	display:block;
	background-color:rgba(0,0,0,.6);
	color:#fff;
	text-align:center;
	margin-bottom:4px
}
.bottom_tools a.topcomment {
	margin-bottom:0;
	line-height:50px
}
.bottom_tools a:hover {
	background-color:#3169b0
}
.qr_tool {
	width:50px;
	height:50px;
	line-height:56px;
	text-align:center;
	color:#fff;
	background-color:rgba(0,0,0,.6);
	margin-bottom:4px
}
.qr_tool:hover {
	background-color:#3169b0
}
.bottom_tools .qr_img {
	position:absolute;
	top:0;
	left:-160px;
	width:146px;
	height:146px;
	display:none;
	background-color:#ededed;
	padding:6px
}
.bottom_tools .qr_img img {
	width:146px;
	height:146px
}
.mainr {
	float:right;
	width:260px;
	background-color:#fff
}
.widget {
	padding:0 10px;
	margin-bottom:10px
}
.widget ul {
	list-style:none;
	padding:10px 0;
	overflow:hidden
}
.widget li {
	float:left;
	line-height:26px;
	width:50%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	text-align:left
}
.widget h4 {
	height:35px;
	line-height:35px;
	border-bottom:1px solid #eee;
	font-size:16px;
	font-weight:400;
	position:relative;
	padding-left:8px
}
.widget h4::before {
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:3px;
	height:16px;
	background-color:#3169b0
}
.widget_div {
	padding:10px 0;
	overflow:hidden
}
.widget_catalog ul ul {
	display:none
}
.widget_previous li {
	width:100%
}
.widget_previous li::before {
	content:"";
	width:4px;
	height:4px;
	background-color:#3169b0;
	border-radius:50%;
	position:absolute;
	margin-top:11px
}
.widget_previous li a {
	padding-left:14px
}
.widget_hotpost {
	}
.widget_hotpost ul {
	list-style:none
}
.widget_hotpost li {
	width:100%
}
.widget_hotpost li i {
	color:#999;
	font-size:14px;
	padding-right:10px;
	font-style:italic
}
.widget_hotpost li i.red {
	color:#f65220;
	font-size:16px
}
.widget_tags ul {
	margin-right:-10px
}
.widget_tags li {
	width:auto;
	margin-right:5px;
	margin-bottom:5px
}
.widget_tags li a {
	display:block;
	padding:0 5px;
	color:#fff
}
.widget_tags li.tagbgc0 a {
	background-color:#4a4a4a
}
.widget_tags li.tagbgc1 a {
	background-color:#428bca
}
.widget_tags li.tagbgc2 a {
	background-color:#5cb85c
}
.widget_tags li.tagbgc3 a {
	background-color:#d9534f
}
.widget_tags li.tagbgc4 a {
	background-color:#567e95
}
.widget_tags li.tagbgc5 a {
	background-color:#b433ff
}
.widget_tags li.tagbgc6 a {
	background-color:#00aba9
}
.widget_tags li.tagbgc7 a {
	background-color:#b37333
}
.widget_tags li.tagbgc8 a {
	background-color:#f60
}
.widget_tags li.tagbgc9 a {
	background-color:#d8b303
}
.widget_comments li {
	width:100%;
	margin-bottom:8px;
	overflow:hidden;
	white-space:inherit
}
.widget_comments li img {
	float:left;
	width:40px;
	height:40px;
	border-radius:3px;
	margin-right:10px
}
.widget_comments li p {
	}
.widget_comments li span {
	display:inline-block;
	color:#999;
	font-size:12px
}
.widget_calendar #tbCalendar {
	width:100%;
	text-align:center
}
.widget_calendar caption {
	background-color:#fafafa;
	height:20px;
	line-height:20px
}
.widget_calendar td a {
	display:block;
	margin:0 5px;
	background:#3169b0;
	color:#fff
}
.widget_author {
	padding-top:20px
}
.widget_author .title {
	text-align:center;
	border-bottom:1px solid #eee;
	padding-bottom:10px
}
.widget_author .title img {
	border-radius:50%;
	width:50px;
	height:50px;
	overflow:hidden;
	margin-bottom:5px
}
.widget_author .title h5 {
	font-weight:400;
	font-size:16px
}
.widget_author .title p {
	line-height:24px
}
.widget_author li {
	width:100%;
	overflow:hidden
}
.widget_author li::before {
	content:"";
	width:4px;
	height:4px;
	background-color:#3169b0;
	border-radius:50%;
	position:absolute;
	margin-top:11px
}
.widget_author li a {
	padding-left:14px;
	color:#444;
	line-height:24px
}
.navbad {
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
	clear:both
}
.navbad img {
	max-width:100%
}
.fad {
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
	clear:both
}
.fad img {
	max-width:100%
}
.homead {
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
	clear:both
}
.homead img {
	max-width:100%
}
#mnav,.muser {
	display:none
}
 
@media screen and (max-width:1180px) {
	.container {
	width:98%;
	margin-left:1%;
	margin-right:1%
}




.daohang{
	width:100%;
	height: auto;
	float: left;
	text-align: center;
	background-color: #edf4fa;
	padding: 1% 1%;
	display:block;
	background-color: #292a2c;
	border-top: 1px solid #D20E0E;
}

.daohang ul li{
	float:left;
	width:22%;
	margin: 8px 5px;
	list-style: none;
}
	
	.daohang ul li a{
color:#fff;
}

.daohang .current a{
color:red;
}


.daohangtop{
	width:100%;
	height: auto;
	float: left;
	text-align: center;
	background-color: #D20E0E;
	padding: 1% 1%;
	display:block;
	background-color: #FFFFFF;
	border-top: 0px solid #D20E0E;
	border-bottom: 4px solid #cccccc;
}

.daohangtop ul li{
	float:left;
	width:22%;
	margin: 8px 5px;
	list-style: none;
}
	
	.daohangtop ul li a{
color:#000000;
}

.daohangtop .current a{
color:red;
}




.hibody .swiper-slide .img {
    height: 220px;
}


body {
	margin-top:45px
}
#header {
	width:100%;
	height:45px;
	line-height:45px;
	margin-bottom:0;
	position:fixed;
	z-index:2;
	top:0
}
.logo {
	width:100%;
	float:left;
	margin-left: 10px;
}
.logo img {
	max-height:45px
}
#mnav,#search {
	display:block;
	position:absolute;
	top:0;
	color:#fff;
	cursor:pointer
}
#mnav {
	left:2%
}
#search {
	right:2%
}
.nav {
	display:none;
	margin-left:0;
	width:100%;
	position:absolute;
	top:45px;
	left:0;
	right:0;
	background-color:#285690
}
.nav li {
	float:none;
	width:100%;
	position:static
}
.nav li a {
	padding:0 5px;
	display:block
}
.nav ul ul {
	display:block;
	position:static;
	padding-left:3%;
	overflow:hidden
}
.nav ul ul li {
	line-height:30px;
	float:left;
	margin-right:10px;
	width:auto
}
.nav ul ul ul {
	display:none
}
.nav ul ul li:hover ul {
	display:none
}
.search {
	display:none;
	float:none;
	margin-top:0;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	background-color:#285690
}
.search form {
	width:80%;
	margin:10px auto;
	height:38px;
	line-height:36px
}
.search form input {
	height:38px;
	line-height:36px
}
.search form button {
	height:38px;
	line-height:36px
}
.user {
	display:none
}
.muser {
	display:block;
	position:absolute;
	top:0;
	right:12%;
	font-size:14px
}
.muser a {
	color:#eee;
	display:block
}
#main {
	clear:both
}
.main {
	margin-bottom:10px
}
.hometop {
	margin-bottom:10px
}
.htleft {
	width:100%
}
.slider {
	width:100%;
	height:220px;
	margin-bottom:10px
}
.slider .swiper-slide img {
	width:100%;
	height:100%
}
.stuijian {
	margin-bottom:10px
}
.hometop .homenew {
	float:left;
	width:100%;
	height:auto;
	margin-left:0;
	margin-bottom:10px
}
.hometop .homehot {
	float:right;
	width:100%;
	height:auto
}
.hibody .swiper-slide {
	width:auto;
	overflow:hidden;
	margin-right:0
}
.hometab {
	margin-bottom:10px
}
.hometab .box ul {
	margin-right:0
}
.hometab .box li {
	width:100%;
	margin-right:0;
	margin-bottom:10px
}
.hometab .box li .img {
	width:90px;
	height:72px
}

.hometab .box li .imgr h3 {
    margin-bottom: 5px;
}

.hometab .box li .imgr {
	margin-left:100px;
}
.hometab .box li .imgr h3 {
	height:auto;
	max-height:52px
}
.hometab .box li .imgr p {
	display:none
}
.homecate3 {
	margin-right:0;
	margin-bottom:0
}
.homecate3 .box {
	margin-right:0;
	width:100%
}
.homecate3 .box li .imgr h3 {
	font-size:0
}
.homecate3 .box li .imgr h3 a {
	width:100%
}
.homecate4 {
	margin-bottom:10px;
	margin-right:0
}
.homecate4 .box {
	width:100%;
	margin-right:0
}
.mainl {
	width:100%
}
.list {
	padding:0 5px
}
.list .title {
	padding-left:0;
	height:auto;
	height:auto;
	line-height:50px
}
.list .title h1 {
	display:inline-block;
	font-size:24px
}
.list .title span {
	margin-left:0;
	line-height:24px
}
.list ul {
	padding:0
}
.list li .img {
	width:42%;
	height:100px
}

.list li .imgr {
	margin-left:5%
}
/*修改手机板左边图片宽度*/
.list li .imgr h2 {
	white-space:inherit;
	line-height:28px;
	max-height:56px;
	margin-bottom:0
}
.list li .imgr p {
	display:none
}
.list li .imgr .info {
	line-height:24px
}
.list li .imgr .info span.tag {
	display:none
}
.mainall {
	width:100%;
	margin-top:0
}
.list2 {
	padding:5px
}
.list2 .title {
	padding-left:0;
	height:auto;
	line-height:32px
}
.list2 .title h1 {
	display:block
}
.list2 .title span {
	margin-left:0;
	line-height:24px
}
.list2 ul {
	padding:0;
	margin-right:-2%
}
.list2 li {
	width:48%;
	margin-right:2%
}
.list2 li .img {
	height:120px
}
.article_content embed,.article_content video,.article_content iframe {
	width:100%
}
#share .sharel {
	float:none;
	display:block;
	margin-bottom:20px
}
#share .sharer {
	float:none;
	display:block;
	width:207px;
	margin:0 auto
}
.related ul {
	margin-right:-2%
}
.related li {
	width:48%;
	margin-right:2%
}
.related li .img {
	height:100px
}
.mainr {
	width:100%;
	display:none
}
.navbad,.fad,.homead {
	margin-bottom:10px;
	display:none
}

#search {
    display: none;
}

.classify-select .classify-box {
    width: 98%;
}

.hidden-xs {
    margin-bottom: 10px;
}

}


.met_pager { line-height:35px;margin:10px auto; text-align:center;font-weight: 400;}
.met_pager ul{ margin:10px auto; display:inline-block;}
.met_pager li{padding:0 13px; line-height:37px; display:inline-block; font-size:14px; border:1px solid #ddd; margin-left:-1px;background-color:#FFF;cursor:pointer;}
.met_pager li a{color:#444; }
.met_pager li.thisclass,.met_pager ul li.thisclass a,.met_pager ul li.thisclass a:hover{color:#fff !important; background-color: #3169b0;}

/*单页面*/
.wsingle{width:1200px;margin:40px auto;clear:both;background:#fff url(../images/bg_menu.png) left repeat-y;border:1px solid #ddd;overflow:hidden;}
.wsingle div.left{width:160px;overflow:hidden;float:left;}
.wsingle div.left ul{overflow:hidden;}
.wsingle div.left ul li{height:45px;line-height:45px;font-size:16px;padding-left:30px;border-bottom:1px solid #ddd;width:129px;}
.wsingle div.left ul li a{display:block;text-align:left;}
.wsingle div.left ul .on{background:#3169b0;}
.wsingle div.left ul .on a{color:#fff;}
.wsingle div.right{width:998px;float:left;border-left:none;padding:20px;overflow:hidden;}
.wsingle div.right h1{height:40px;line-height:40px;font-size:18px;font-weight:600;border-bottom:1px solid #ddd;color:#666;}
.wsingle div.right div.content p{font-size:14px;text-indent:28px;line-height:28px;}
.wsingle div.right div.content{margin:10px;}
.wsite{margin-top:20px;}
.wsite a{display:block;}
.wsite div{clear:both;height:30px;line-height:30px;border:1px solid #eee;margin-bottom:10px;width:110px;}
.wsite a:hover{background:#E91839;}
.wsite a:hover h2{color:#fff;}
.wsite div a h2{font-size:16px;font-weight:bold;color:#333;text-align:center;}
.wsite ul{float:left;overflow:hidden;margin-bottom:20px;}
.wsite ul li.cattitle{clear:both;border:none;font-weight:600;font-size:14px;color:#333;}
.wsite ul li{border:1px dotted #ddd;margin-right:10px;width:110px;float:left;margin-bottom:10px;height:30px;line-height:30px;text-align:center;overflow:hidden;}
.wsite ul li:hover{background:#E91839;}
.wsite ul li.cattitle:hover{background:none;}
.wsite ul li:hover h3,.wsite ul li:hover a{color:#fff;}
.wsite ul li a h3{font-size:14px;font-weight:500;}

/*评论
------------*/
.mt1{background-color: #fff; overflow: hidden; width: 100%}
.mt1 .tbox{ width: 100%; padding-left: 15px; padding-top:2%}
.posttitle{ height: 22px; line-height: 22px; font-size:18px; font-weight: normal; border-left: 3px solid #3169b0; padding-left:8px; margin:8px 0px 12px 0; }
.posttitle strong{ color: #3169b0; font-weight: normal;}
.decmt-box2{width:98%;padding:6px 10px 6px 0;margin:0px auto;overflow:hidden;clear:both;}
.decmt-box2 span.fr{float:right;}
.decmt-box2 span.title{float:left;line-height:20px;width:600px;}
.decmt-box2 ul{}
.decmt-box2 ul li{width:100%;border-bottom:1px dashed #ccc;padding-bottom:10px;overflow:hidden;}
.decmt-box2 ul li a.plpic{float:left;width:46px;height:46px;background:#F9FDED;margin-right:5px;overflow:hidden;}
.decmt-box2 ul li a.plpic img{width:40px;height:40px; padding:2px;border:1px solid #DFD9B9;}
.decmt-box2 ul li p{float:left;width:630px;line-height:22px;}
.decmt-box2 .comment_act{float:left;width:630px;line-height:20px;color:#aeaeae;}
.decmt-box2 .comment_act a{color:#aeaeae;}
.decmt-box{width:98%;padding:6px 5px;margin:0px auto;overflow:hidden;clear:both;}
.decmt-box span.fr{float:right;}
.decmt-box span.title{float:left;line-height:20px;width:600px;}
.decmt-box ul{}
.decmt-box ul li{width:100%;border-bottom:1px dashed #ccc;padding-bottom:10px;overflow:hidden;}
.decmt-box ul li a.plpic{float:left;width:40px;height:40px;padding:2px;border:1px solid #DFD9B9;background:#F9FDED;margin-right:5px;overflow:hidden;}
.decmt-box ul li p{float:left;width:630px;line-height:22px;}
.decmt-box .comment_act{float:left;width:630px;line-height:20px;color:#aeaeae;}
.decmt-box .comment_act a{color:#aeaeae;}
.decmt-box1{width:98%;padding:6px 5px;margin:0px auto;overflow:hidden;clear:both;}
.decmt-box1 span.fr{float:right;}
.decmt-box1 span.title{float:left;line-height:20px;width:600px;}
.decmt-box1 ul{}
.decmt-box1 ul li{width:100%;border-bottom:1px dashed #ccc;padding:10px 0;overflow:hidden;}
.decmt-box1 ul li a.plpic{float:left;width:40px;height:40px;padding:2px;border:1px solid #DFD9B9;background:#F9FDED;margin-right:5px;overflow:hidden;}
.decmt-box1 ul li p{float:left;width:880px;line-height:22px;}
.decmt-box1 .comment_act{float:left;width:880px;line-height:20px;color:#aeaeae;}
.decmt-box1 .comment_act a{color:#aeaeae;}
.dede_comment .decmt-box .decmt-title{line-height:19px;color:#999;font-family:Tahoma;}
.dede_comment .decmt-box .decmt-title span{margin-right:2px;vertical-align:middle;}
.dede_comment .decmt-box .decmt-title .moodico{height:18px;width:18px;display:inline-block;}
.dede_comment .decmt-box .decmt-title .username{color:#669;}
.dede_comment .decmt-box .decmt-title .username a{color:#669;}
.dede_comment .decmt-box .decmt-title .username a:hover{text-decoration:none;color:#690;}
.dede_comment .decmt-box .decmt-title .ip{color:#669;font-size:11px;}
.dede_comment .decmt-box .decmt-title .date{color:#555;font-size:11px;}
.dede_comment .decmt-box .decmt-act{float:right;margin-top:-18px;padding-right:10px;position:relative;clear:both;color:#999;}
.dede_comment .decmt-box .decmt-act span{margin-right:7px;}
.dede_comment .decmt-box .decmt-act span a{color:#888;}
.dede_comment .decmt-box .decmt-content{color:#555;line-height:21px;clear:both;width:99%;margin:2px auto 0px;
/*background:url(../images/ico-comment-quote.gif) 0px 4px no-repeat;text-indent:18px;*/}
.dede_comment .decmt-box .decmt-content img{vertical-align:middle;}
.decmt-box,.decmt-content .decmt-box,.dede_comment .decmt-box .decmt-box{background:#FFE;border:1px solid #CCC;margin:6px auto;}
.dede_comment .decmt-box .decmt-box .decmt-title{text-indent:4px;}
.dede_comment .decmt-box .decmt-box .decmt-content{color:#555;}
.nocomment{padding:10px;color:#666;}
.dede_comment_post{padding:5px 0;}
.dcmp-content{padding-top:8px;}
.dcmp-content textarea{  width:97%;  height: 120px; display: block; border: 1px solid #dedede; padding: 4px 8px;line-height: 24px; color: #666;}
.dcmp-content1{/*width:700px;*/padding-top:8px;}
.dcmp-content1 textarea{height:100px;width:700px;float:left;}
 
.dcmp-post{overflow:hidden;clear:both;color:#444;padding:5px 0 10px 0;}
.dcmp-post .dcmp-userinfo{float:left;margin-right:6px; width:100%}
.dcmp-post .dcmp-userinfo input{height:25px;padding-right:0px; border: 1px solid #dedede;}
.dcmp-post .dcmp-userinfo input,.dcmp-post .dcmp-userinfo img{vertical-align:middle;margin:5px;}
.dcmp-post .dcmp-submit{float:left;padding-top:6px; width:100%}
.dcmp-post .dcmp-submit input,.dcmp-post .dcmp-submit button{vertical-align:middle;}
.dcmp-post .dcmp-submit button{background-image:none;height:45px;width:145px;background-color:#3169b0;font-size:16px;color:#fff;text-align:center;line-height:45px;float:left;border:0px;margin:15px 15px 0px 0px;cursor: pointer;}
.dcmp-post .dcmp-submit .comment-sm{height:45px; line-height: 45px; width:400px;display:block; float:left; overflow:hidden;color:#333;margin-top:15px;}



.spiderlink {
    line-height: 18px;
    color: 
    #666;
    font-size: 14px;
    margin: 20px 0 0 1%;
}
.spiderlink a {
    color: 
    #666;
}




/* 2020-01-11 NFTStudio Edit */
.new-image-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.new-image-group * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.new-image-group *:before,
.new-image-group *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.new-image-group > .new-image {
  width: 20%;
  padding-left: 10px;
  padding-top: 0px;
  margin-right: unset;
  margin-bottom: 10px;
  overflow: hidden;
}

.new-image-group > .new-image a {
  width: 100%;
}

.new-image-group > .new-image a img {
  width: 100%;
 height: 100%;
}

.new-image-group > .new-image .img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.new-image-group > .new-image .text-title {
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.1);
  /*! 标题 文字背景*/
}

.new-image-group > .new-image .text-title p {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}

.new-image-group > .new-image .text-title p.do-hide {
  font-size: 12px;
  font-weight: 400;
  height: 32px;
}

.text-box-small {
  /*手机写这*/
  font-size: 10px !important;
  position: absolute;
  bottom: 0;
  top: 0px;
  left: 0;
  padding: 2px 2px 0px 2px;
  line-height: 20px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  /*! 图片左下角 文字背景*/
}

.text-box-big {
  /*电脑写这*/
  font-size: 12px !important;
  position: absolute;
  bottom: 0;
  top: 4px;
  left: 9px;
  padding: 2px 2px 0px 2px;
  line-height: 15px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  /*! 图片左下角 文字背景*/
}


.text-box-small2 {
  /*手机写这*/
  font-size: 10px !important;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2px 2px 0px 2px;
  line-height: 20px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  display:none;
  /*! 图片左下角 文字背景*/
}

.text-box-big2 {
  /*电脑写这*/
  font-size: 12px !important;
  position: absolute;
  top: 2px;
  left: 4px;
  right:0;
  text-align: left;
  padding: 2px 2px 0px 2px;
  line-height: 15px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  /*! 图片左下角 文字背景*/
}

.title-big,
.title-small {
  width: 100%;
}

.title-big {
  /*电脑写这*/
}

.title-small {
  /*手机写这*/
}

.text-box-small,
.title-small {
  display: none;
}

@media screen and (max-width: 1024px) {
.text-box-big2 {
	display:none
}
.text-box-small2 {
  display:block;
}
  .new-image-group > .new-image {
    width: 50%;
  }
  .text-title p.do-hide,
  .title-big,
  .text-box-big {
    display: none;
  }
  .text-box-small,
  .title-small {
    display: block;
  }
}

/* 顶部菜单 */
.classify-select {
  position: relative;
  padding-top: 0px;
}

.classify-select .classify-box {
  margin: 0 auto;
  background: #ffffff;
}

.classify-select .classify-box {
  width: 1180px;
}

.classify-select .classify-select-list {
  *zoom: 1;
  /*margin-left: -10px;
	float: left;*/
  width: 100%;
}

.classify-select .classify-select-list .classify-item,
.classify-select .classify-select-list .self-defined {
  height: 40px;
  line-height: 40px;
  display: block;
}

.classify-select .classify-select-list .classify-item a {
  color: #333;
  font-weight: 400;
}

.classify-select .classify-select-list li {
  padding: 0 10px;
  display: inline-block;
  cursor: pointer;
  float: left;
}

.current a {
  color: red;
}

@media screen and (max-width: 767px) {
  .cover-image {
    height: 180px;
  }
  .classify-select .classify-select-list .classify-item {
    width: 33%;
  }
}

.classify-select .classify-select-list .current a {
  color: red;
}

.nav li.active .a1 {
  background-color: #fff;
  font-size: 18px;
}

/* 重写 */
.classify-select,
.classify-box,
.classify-select-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.classify-select {
  margin-right: -10px;
  margin-left: -10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.classify-select * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.classify-select *:before,
.classify-select *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.classify-select .classify-select-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 10px;
  width: 100%;
}

.classify-select .classify-select-list .classify-select-type {
  width: 100%;
}

.classify-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.met_pager {
  margin-top: 10px;
  text-align: center;
}

.met_pager a {
  border: 1px solid #e4eaec;
  background: #fff;
  padding: 9px 15px;
  text-align: center;
  color: #76838f;
}

.met_pager a:hover {
  background: #f5f5f5;
  text-decoration: none;
}

.met_pager a.NextA {
  border-right: 1px solid #e4eaec;
}

.met_pager .PreSpan,
.met_pager .NextSpan {
  border: 1px solid #e4eaec;
  padding: 9px 15px;
  background: #fff;
  color: #ccd5db;
  cursor: default;
}

.met_pager .firstPage,
.met_pager .lastPage {
  height: 28px;
  line-height: 28px;
  min-width: 40px;
}

.met_pager a.Ahover {
  background: #62a8ea;
  border-color: #62a8ea;
  color: #fff;
  cursor: default;
}

.met_pager a.Ahover:hover {
  background: #62a8ea;
  border-color: #62a8ea;
  color: #fff;
}

.met_pager a {
  text-decoration: none;
}

.met_pager a:active,
.met_pager a:focus,
.met_pager a:hover {
  text-decoration: none;
}

.met_pager .PageText {
  margin-left: 10px;
  color: #aaa;
  display: none;
}

.met_pager input {
  display: none;
}

.met_pager .m {
  background: #ac1e1e;
  color: #fff;
}

.met_pager .m:hover {
  background: #ac1e1e;
  color: #fff;
}

.met-showproduct-head {
  padding-top: 5px;
}

.head-container {
  width: 100%;
  background-color: #ffffff;
  float:left;
}
/*
.row {
  width: 1180px;
  margin: 5px auto -10px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}

.row * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row *:before,
.row *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both
}

.row .col-md-5 {
  width: auto;
  float:left;
}

.row .col-md-5 + .col-md-7 {
  padding-left: 30px;
  float:right;
}

.row .col-md-7 {
  min-width: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.row-head {
  padding: 10px;
  background-color: #fff;
}

.met-showproduct-head {
  margin-bottom: 5px;
}

.tukua {
  max-height: 305px;
  overflow: hidden;
}

.tukua img {
  width: auto;
  height: 100%;
}

.product-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.product-intro > h1,
.product-intro .description {
  width: 100%;
}

.product-intro > h1,
.product-intro .description {
  padding: 0 10px;
  overflow: hidden;
}

.product-intro .para {
  width: 50%;
  padding: 5px 10px;
}

.product-intro .para a {
  margin-left: 5px;
}
*/
.row, .row * {
  box-sizing: border-box;
}
.row {
  width: 1180px;
  margin: 0 auto;
}
.col-md-5 {
  width: 40%;
  padding: 15px 0;
  float: left
}
.col-md-7 {
  width: 55%;
  padding: 15px 0;
  float: right
}
.col-md-7 .description {
  width: 100%;
  float: left;
  padding: 5px 10px
}
.col-md-7 .para {
  width: 50%;
  float: left;
  padding: 10px 10px
}



.himgs .himgsbody ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-right: -5px;
}

.himgs .himgsbody ul li {
  width: 20%;
  margin: unset;
  padding: 0 10px 10px 0;
}

.list > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 15px;
}

.list > ul > li img {
  width: 100%;
  height: 100%;
}

.list > ul > li .img,
.list > ul > li .img a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 230px;
  height: auto;
  overflow: hidden;
}

.list > ul > li .imgr {
  min-width: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.top-bottom h4,
.left-right h4 {
  padding: 10px;
  font-size: 16px;
}

.top-bottom ul,
.left-right ul {
  border-top: 1px solid #efefef;
}

.top-bottom ul li,
.left-right ul li {
  padding: 10px;
}

.top-bottom ul li a,
.top-bottom ul li i,
.left-right ul li a,
.left-right ul li i {
  padding: 5px;
}

.top-bottom ul li i.red,
.left-right ul li i.red {
  color: red;
}

.top-bottom ul li + li,
.left-right ul li + li {
  border-top: 1px solid #efefef;
}

.top-bottom ul {
  list-style: none;
}

.top-bottom ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}

.top-bottom ul li .img,
.top-bottom ul li .img img {
  width: 100%;
}

.top-bottom ul li a {
  display: block;
}

.left-right ul {
  list-style: none;
}

.left-right ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.left-right ul li .img {
  width: 90px;
}

.left-right ul li .img img {
  width: 100%;
}

.left-right ul li .img + .text-box {
  min-width: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.left-right ul li .img + .text-box > a {
  width: 100%;
  overflow: hidden;
}

#search .search-link {
  display: none;
}

.related {
  float:left;
  width: 100%
}
.related h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  margin:0 auto
}

.related h4 a,
.related h4 .active {
  padding-left: 5px;
  padding-right: 5px;
	float:left;
}

.related h4 a + a::before,
.related h4 a + .active::before {
  content: "/ ";
}

.pc-style {
  width: 100%;
}

.sj-style {
  display: none;
}

.himgs .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.himgs .title h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
}

.himgs .title .small-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.himgs .title .small-nav a {
  font-size: 16px;
  padding: 0 5px;
}

.himgs .title .small-nav a.active {
  color: #ac1e1e;
}

.himgs .title .small-nav + i {
  margin-left: 10px;
  font-size: 15px;
}

@media screen and (max-width: 1024px) {
  .himgs .title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
  }
  .himgs .title h4,
  .himgs .title .small-nav {
    width: 100%;
  }
  .himgs .title .small-nav {
    margin-left: unset;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: center;
  }
  .himgs .title .small-nav + i {
    display: none;
  }
  .pc-style {
    display: none;
  }
  .sj-style {
    width: 100%;
    display: block !important;
  }
  #search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0;
    margin-right: 10px;
  }
  #search > form {
    display: none;
  }
  #search .search-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15px;
    color: #fff;
  }
  #search .search-link .fa.fa-search {
    margin-right: 5px;
  }
  .related h4 {
    width: 100%;
  }
  .related h4 .active {
    max-width: 100px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .pageinfo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .met_pager > ul a.n {
    border-right: 1px solid #e4eaec;
  }
  .classify-select .classify-box,
  .classify-select .classify-select-list {
    width: 100%;
  }
  .classify-select .classify-select-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: unset;
  }
  .classify-select .classify-select-list .classify-item {
    width: 25%;
    padding: unset;
    font-size: 14px;
    height: auto;
  }
  .classify-item-type {
    text-align: center;
  }
  .row,
  .row .col-md-5,
  .row .col-md-7,
  .row .col-md-5 img {
    width: 100%;
  }
  .row .col-md-5 img {
    height: auto;
  }
  .row .col-md-5 + .col-md-7 {
    padding-left: unset !important;
  }
  .product-intro .description {
    margin-bottom: 10px;
  }
  .tukua {
    max-height: unset;
  }
  .list > ul > li .img,
  .list > ul > li .img a {
    width: 130px;
  }
}

/* 2.0 小导航 */
.small-nav.nav-bar > a + a::before {
  content: '/ ';
  margin-right: 5px
}

/* 公司荣誉 */
.related.rong-yu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.related.rong-yu * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.related.rong-yu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: unset;
  margin: unset;
}

.related.rong-yu > ul > li {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  margin: unset;
}

.related.rong-yu > ul > li .img {
  height: auto;
}

.related.rong-yu > ul > li .img img {
  height: auto;
  margin: unset;
}

.related.rong-yu > ul > li p {
  margin: unset;
  text-align: center;
}


.foot-nav {
	display: none;
}

/* 搜索 */
.form-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-search #search {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: unset;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  position: static;
}

.form-search #search form {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.form-search #search input#keyboard {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  height: 34px;
  line-height: 34px;
}

.form-search button#search-submit {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

@media screen and (max-width: 1024px) {
  .related.rong-yu > ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .related.rong-yu > ul > li {
    width: 50%;
  }

  /* 修正手机版 不显示 */
  .related {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  /* 手机头部 */
	body {
	  margin-top: unset;
	}

	#header {
	  position: static;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	}

	#header * {
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
	}

	#header .header.container {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: row;
			  flex-direction: row;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -ms-flex-wrap: nowrap;
		  flex-wrap: nowrap;
	}

	#header .header .logo {
	  width: auto;
	  margin-left: unset;
	}

	#header #search {
	  position: static;
	  margin-left: auto;
	}

/* 手机底部菜单 */
body {
  padding-bottom: 60px;
}

#footer {
  display: none;
}

.foot-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #292a2c;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}

.foot-nav > a {
  width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  height: 50px;
  line-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
}

.foot-nav > a .fa,
.foot-nav > a .ico {
  width: 100%;
  height: 20px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
}

.foot-nav > a .ico {
  width: 20px;
}

.foot-nav > a .ico img {
  width: 20px;
  height: 20px;
}

.foot-nav > a .span {
  font-weight: 400;
  width: 100%;
  height: 20px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.foot-nav > a.active {
  color: red;
}

/* 主体搜索 */
  .form-search #search {
    width: 100%;
  }
  .form-search #search form {
    display: block;
    width: 80%;
  }
}


/* 文章列表 - 普通 多图版 */
.article-list,
.article-list .article-item,
.article-list .article-item .article-head,
.article-list .article-item .article-head .article-item-title,
.article-list .article-item .article-body,
.article-list .article-item .article-body a {
  float: left;
}

.article-list,
.article-list *,
.article-list *::before,
.article-list *::after {
  box-sizing: border-box;
}

.article-list,
.article-list .article-item,
.article-list .article-item .article-head,
.article-list .article-item .article-head .article-item-title,
.article-list .article-item .article-body,
.article-list .article-item .article-body a {
  width: 100%;
}

.article-list {
  background-color: #ffffff;
}

.article-list .article-item .article-item-title {
  font-size: 16px;
  padding: 5px 15px;
  line-height: 30px;
  color: #000000;
}

.article-list .article-item .article-description {
  padding: 5px 15px;
}

.article-list .article-item .article-body {
  padding: 5px 15px;
}

.article-list .article-item .article-body .article-images {
  width: 25%;
  padding: 5px;
  float:left;
}

.article-list .article-item .article-body .article-images img {
  width: 100%;
  height: auto;
}

.article-list .article-item + .article-item {
  border-top: 1px solid #efefef;
}

.ul-small {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .article-list {
    width: 100%;
  }
  .article-list .article-item .article-body > .article-images {
    width: 50%;
  }
  .ul-large {
    display: none !important;
  }
  .ul-small {
    display: inline-block !important;
  }
}