a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.main-content {
	width: 100%
}

.content {
	width: 1200px;
	margin: 0 auto
}

.introduce {
	width: 100%;
	height: 700px;
	background-color: #f8f8f8;
	background-image: url(../img/bg.c035d2a8.png)
}

.con-introduce {
	margin: 0 auto;
	width: 1200px;
	height: 450px;
	padding-top: 25px;
	background: transparent
}

.introduce-row {
	width: 1200px
}

.introduce-row,
.introduce-title {
	height: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.introduce-title {
	width: 850px;
	overflow: hidden
}

.copyright-title {
	width: 328px;
	overflow: hidden
}

.copyright-title,
.title {
	height: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.title {
	width: 110px
}

.titleText {
	font-size: 24px;
	color: #333;
	line-height: 24px
}

.title-line {
	width: 6px;
	height: 18px;
	background-color: #a1411b;
	border-radius: 0 4px 4px 0
}

.more {
	height: 24px;
	line-height: 24px
}

.more a {
	text-decoration: none;
	font-size: 16px;
	color: #333
}

.introduce-con {
	margin-top: 23px;
	width: 1200px;
	height: 320px;
	display: flex;
	justify-content: space-between
}

.in-con-left {
	width: 850px;
    height: 320px;
    background-color: #ededed;
    box-shadow: 0 0 12px 0 rgba(4, 0, 0, .04);
    align-items: center;
    padding: 20px;
}
.in-con-left p {
	text-align: left;
    font-size: 16px;
    line-height: 27px;
	color: #333
}
.introduce-cover {
	width: 206px;
	height: 274px;
	background-color: #bfbfbf;
	border-radius: 2px
}

.introduce-cover img {
	width: 100%;
	height: 100%
}

.introduce-text {
	width: 574px;
	height: 274px
}

.introduce-text p {
	font-size: 14px;
	color: #333;
	margin-top: 15px;
	text-align: justify;
	line-height: 22px
}

.in-con-right {
	width: 328px;
	height: 320px;
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(4, 0, 0, .04);
	border-radius: 6px;
	padding: 10px 10px
}

.in-con-right p {
	text-align: left;
    font-size: 14px;
    line-height: 27px;
	color: #333
}

.entrance-item {
	width: 290px;
	height: 65px;
	background-color: #f5f5f5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 30px 0 50px;
	text-decoration: none
}

.entrance-text {
	width: 136px;
	line-height: 22px;
	font-size: 16px;
	color: #333
}

.periodical-title {
	width: 1200px;
	height: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden
}

.periodical {
	margin-top: 25px;
	width: 1200px;
	height: 650px
}

.periodical-con {
	margin-top: 20px;
	width: 1200px;
	height: 600px;
	display: flex;
	flex-wrap: wrap
}

.periodical-item {
	width: 224px;
	height: 280px;
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(4, 0, 0, .04);
	border-radius: 4px;
	margin-bottom: 20px;
	margin-left: 50px
}

.periodiacl-cover {
	width: 224px;
	height: 225px;
	background-color: #f8f8f8;
	display: flex;
	justify-content: center;
	align-items: center
}

.periodiacl-cover img {
	width: 136px;
	height: 185px;
	transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s
}

.periodiacl-cover img:hover {
	transform: scale(1.8)
}

.periodiacl-stage {
	width: 224px;
	height: 55px;
	font-size: 14px;
	color: #252a34;
	text-align: center;
	line-height: 55px
}

.row {
	width: 1200px;
	height: 364px;
	margin-top: 25px;
	display: flex;
	justify-content: space-between
}

.news {
padding-top:15px;	height: 480px
}

.news-top {
	width: 100%;
	height: 44px;
	border-bottom: 2px solid #a1411b;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.news-title {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	line-height: 40px
}

.news-top a {
	text-decoration: none;
	font-size: 14px;
	color: #666
}

.new-item {
	width: 100%;
	height: 40px;
	border-bottom: 1px dashed #c4c4c4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	
white-space: nowrap; 
 overflow: hidden;
 text-overflow: ellipsis;
}

.new-item a {
	color: #333;
	text-decoration: none;
	letter-spacing: 1px
}

.new-item span {
	font-size: 16px;
	color: #999
}

.article-name {
	text-align: right;
	width: 60px;
	font-size: 16px;
	color: #999
}

.article {
	height: 264px
}



body,
html {
	font-family: Microsoft YaHei, SimSun, Arail, Tabhoma, sans-serif;
	box-sizing: border-box
}

.h1 {
	font-size: 36px
}

.head {
	width: 100%;
	height: 155px;
	background-color: #a1411b;
}

.head-con {
	margin: 0 auto;
	width: 1200px;
	height: 155px
}

.head-con,
.head-logo {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.head-logo {
	color:#fff;
	height: 66px;
	font-family: "微软雅黑";
	font-size: 66px;
	font-weight: bold;
	letter-spacing: 8px;
	text-indent: 15px;
}

.head-logo img {
	width: 100%;
	height: 100%
}

.logo-line {
	width: 3px;
	height: 16px;
	background-color: #c00
}

.logoText {
	font-size: 36px;
	font-family: FZDBSJW--GB1-0
}

.logoTexts {
	font-family: SourceHanSansCN-Regular;
	font-size: 18px
}

.logoText-py {
	font-family: ArialMT;
	font-size: 10px;
	letter-spacing: 3px
}

.head-right p {
	font-size: 14px;
	margin-top: 10px;
	color: #fff;
}

.main-nav {
	width: 100%;
	border-top: #bfbfbf 1px solid;
}

.main-nav,
.nav {
	height: 50px;
	
	background-color: #a1411b
}

.nav {
	margin: 0 auto;
	width: 1200px;
	display: flex;
	justify-content: space-between
}

.nav li {
	width: 100px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	position: relative
}

.nav a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
	text-align: center
}

.activel {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0
}

.main-bottom {
	width: 100%
}

.bottom,
.main-bottom {
	height: 100px;
	background-color: #a1411b;
	margin-top: 20px;
}

.bottom {
	margin: 0 auto;
	width: 1200px
}

.btm-nav {
	padding-top: 40px;
	text-align: center
}

.btm-nav-text {
	text-decoration: none
}

.btm-nav-line,
.btm-nav-text {
	font-size: 14px;
	color: #fff;
	line-height: 16px
}

.copyright {
	margin-top: 10px;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	color: #fff
}

.copyright a {
	text-decoration: none;
	color: #fff;
	margin-left: 10px
}

.con-left {
	width: 266px;
	height: 850px;
	margin-top: 24px
}

.con-left-titlebg {
	width: 266px;
	height: 107px;
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(4, 0, 0, .04);
	border-radius: 6px;
	padding: 15px 20px
}

.con-left-title {
	width: 227px;
	height: 77px;
	background-color: #a1411b;
	border-radius: 2px;
	text-align: center;
	padding-top: 20px
}

.con-left-titleText {
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 24px;
	color: #fff
}

.con-left-titleLine {
	margin: 0 auto;
	width: 166px;
	height: 1px;
	margin-top: 4px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAAABCAYAAABUkdUhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU4MjE2RDY1MTRDRTExRUFBRjlCREU0NDE0MTg1MUMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU4MjE2RDY2MTRDRTExRUFBRjlCREU0NDE0MTg1MUMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTgyMTZENjMxNENFMTFFQUFGOUJERTQ0MTQxODUxQzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTgyMTZENjQxNENFMTFFQUFGOUJERTQ0MTQxODUxQzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7e0fDuAAAAaUlEQVR42oyQgQoAIQhDtfL/P/gy74KCIdoVPDZnVMZmVoiIP4qjgiIza1B7v2sB3xLkIhd33i318M6azLVnY8g4UE+0bIF+LLBWyNF3UAV6oJ6ZP6DYy+q/fT3pa3C3Hvw46P6b8QowAKcgUf8xBUv9AAAAAElFTkSuQmCC);
}

.con-left-titleen {
	margin-top: 6px;
	font-size: 10px;
	color: #fff;
	line-height: 10px
}

.con-left-entrance {
	width: 266px;
	height: 270px;
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(4, 0, 0, .04);
	border-radius: 6px;
	padding: 23px 0;
	margin-top: 16px;
	flex-direction: column
}

.con-left-entrance,
.entrance-item {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.entrance-item {
	width: 227px;
	height: 65px;
	background-color: #f5f5f5;
	padding: 0 22px 0 37px;
	text-decoration: none
}

.entrance-text {
	width: 74px;
	line-height: 22px;
	font-size: 16px;
	color: #333
}

.con-left-consultation {
	margin-top: 16px;
	width: 266px;
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(4, 0, 0, .04);
	border-radius: 6px;
	padding: 23px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center
}

.consultation-icon {
	width: 227px;
	height: 65px;
	background-image: url(/Magzine/jyjxlt/images/online-consultation.af897d0c.png)
}

.consultation-item {
	width: 180px;
	height: 42px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: 1px dashed #dbdbdb;
	text-decoration: none
}

.contacts {
	color: #999
}

.contacts,
.QQnumberText {
	font-size: 14px;
	text-decoration: none
}

.QQnumberText {
	color: #333;
	margin-top: 4px
}

.con-right-title {
	width: 864px;
	height: 40px;
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	margin: 0 auto
}

.con-right-titleLine {
	width: 4px;
	height: 18px;
	background-color: #a1411b;
	border-radius: 0 2px 2px 0
}

.con-right-titleText {
	margin-left: 18px;
	font-size: 18px;
	color: #333
}

.change-page {
	margin-left: 714px;
	display: flex;
	width: 40px;
	height: 18px;
	justify-content: space-between
}

.suspension {
	width: 100px;
	height: 480px;
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(4, 0, 0, .04);
	border-radius: 12px;
	position: fixed;
	right: 0;
	top: 184px;
	overflow: hidden
}

.suspension-title {
	width: 100px;
	height: 40px;
	background-color: #a1411b;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #fff;
	font-size: 14px
}

.suspension-item {
	width: 90px;
	height: 35px;
	display: flex;
	align-items: flex-start;
	margin: 0 auto;
	text-decoration: none;
	border-bottom: 1px dashed #dbdbdb;
	margin-top: 27px;
	justify-content: center
}

.suspension-item span {
	text-decoration: none;
	margin-left: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #080808
}

.suspension-btm {
	font-size: 16px;
	color: #999;
	text-align: center;
	line-height: 66px
}

.fd-box {
	position: absolute;
	cursor: pointer;
	left: auto;
	top: 0;
	width: 173px;
	right: 0;
	-webkit-animation: move 15s linear infinite;
	animation: move 15s linear infinite;
	overflow-x: hidden
}

@-webkit-keyframes move {
	0% {
		right: 0
	}

	to {
		right: 100%
	}
}
.r-tougao{float:left;width:328px;margin-right:22px;padding-top:30px;}
.row2{width:48%;}

.news-left{width:100%;float:left;padding-top:20px;}
.news-right{width:100%;float:right;}
.clear{clear:both;}



.periodical{height:auto;}
.periodical-con{height:350px;}
.simply-scroll-container{position:relative;padding-top:50px;}
.simply-scroll-clip{position:relative;overflow:hidden}
.simply-scroll-list{overflow:hidden;margin:0;padding:0;list-style:none}
.simply-scroll-list li{padding:0;margin:0;list-style:none}
.simply-scroll-list li img{border:none;display:block}
.simply-scroll-btn{position:absolute;background-image:url(buttons.png);width:42px;height:44px;z-index:3;cursor:pointer}
.simply-scroll-btn-left{left:6px;bottom:6px;background-position:0 -44px}
.simply-scroll-btn-left.disabled{background-position:0 0!important}
.simply-scroll-btn-left:hover,.simply-scroll-btn-left:focus{background-position:0 -88px}
.simply-scroll-btn-right{right:6px;bottom:6px;background-position:-84px -44px}
.simply-scroll-btn-right.disabled{background-position:-84px 0!important}
.simply-scroll-btn-right:hover,.simply-scroll-btn-right:focus{background-position:-84px -88px}
.simply-scroll-btn-up{right:6px;top:6px;background-position:-126px -44px}
.simply-scroll-btn-up.disabled{background-position:-126px 0!important}
.simply-scroll-btn-up:hover,.simply-scroll-btn-up:focus{background-position:-126px -88px}
.simply-scroll-btn-down{right:6px;bottom:6px;background-position:-42px -44px}
.simply-scroll-btn-down.disabled{background-position:-42px 0!important}
.simply-scroll-btn-down:hover,.simply-scroll-btn-down:focus{background-position:-42px -88px}
.simply-scroll-btn-pause{right:6px;bottom:6px;background-position:-168px -44px}
.simply-scroll-btn-pause:hover,.simply-scroll-btn-pause:focus{background-position:-168px -88px}
.simply-scroll-btn-pause.active{background-position:-84px -44px}
.simply-scroll-btn-pause.active:hover,.simply-scroll-btn-pause.active:focus{background-position:-84px -88px}