.c0 {

	color:#000

}

.c1 {

	color:#111

}

.c2 {

	color:#222

}

.c3 {

	color:#333

}

.c4 {

	color:#444

}

.c5 {

	color:#555

}

.c6 {

	color:#666

}

.c7 {

	color:#777

}

.c8 {

	color:#888

}

.c9 {

	color:#999

}

.ca {

	color:#aaa

}

.cb {

	color:#bbb

}

.clr {

	clear:both

}

.cc {

	color:#0f58d6

}

.cc1 {

	color:#24407e

}

.cc2 {

	color:#da251c

}

.cd {

	color:#ddd

}

.ce {

	color:#eee

}

.cf {

	color:#fff

}

.bc0 {

	background-color:#000

}

.bcf {

	background-color:#fff

}

.bcc {

	background-color:#0f58d6

}

.boc {

	border-color:#0f58d6

}

.bn {

	border:none

}

.bor {

	border:1px solid #bbb

}

.bt {

	border-top:1px solid #bbb

}

.bl {

	border-left:1px solid #bbb

}

.br {

	border-right:1px solid #bbb

}

.f0 {

	font-size:0

}

.f12 {

	font-size:12px

}

.f13 {

	font-size:13px

}

.f14 {

	font-size:14px

}



@media (min-width:1440px) {

.ind_tit {

	text-align:left;

	margin-bottom:2rem;

	padding-left:50px

	

}}

@media (max-width:640px) {

.f14 {

font-size:13px

}

}

.f15 {

	font-size:15px

}

@media (max-width:640px) {

.f15 {

font-size:1rem

}

}

.f16 {

font-size:.8rem

}

@media (max-width:768px) {

.f16 {

font-size:.88888889rem

}

}

@media (max-width:640px) {

.f16 {

font-size:1rem

}

}

.f17 {

font-size:.85rem

}

@media (max-width:768px) {

.f17 {

font-size:.94444444rem

}

}

@media (max-width:640px) {

.f17 {

font-size:1.0625rem

}

}

.f18 {

font-size:.9rem

}

@media (max-width:768px) {

.f18 {

font-size:.94444444rem

}

}

.f19 {

font-size:.95rem

}

.f20 {

	font-size:1rem

}

.f21 {

	font-size:1.05rem

}

@media (max-width:768px) {

.f21 {

font-size:1rem

}

}

.f22 {

	font-size:1.1rem

}

@media (max-width:768px) {

.f22 {

font-size:1.04761905rem

}

}

.f23 {

	font-size:1.15rem

}

@media (max-width:768px) {

.f23 {

font-size:1.04545455rem

}

}

.f24 {

	font-size:1.2rem

}

@media (max-width:768px) {

.f24 {

font-size:1.09090909rem

}

}

.f25 {

	font-size:1.25rem

}

@media (max-width:768px) {

.f25 {

font-size:1.08695652rem

}

}

.f26 {

	font-size:1.3rem

}

@media (max-width:768px) {

.f26 {

font-size:1.13043478rem

}

}

.f27 {

	font-size:1.35rem

}

@media (max-width:768px) {

.f27 {

font-size:1.125rem

}

}

.f28 {

	font-size:1.4rem

}

@media (max-width:768px) {

.f28 {

font-size:1.16666667rem

}

}

.f29 {

	font-size:1.45rem

}

@media (max-width:768px) {

.f29 {

font-size:1.16rem

}

}

.f30 {

	font-size:1.5rem

}

@media (max-width:768px) {

.f30 {

font-size:1.2rem

}

}

.f31 {

	font-size:1.55rem

}

@media (max-width:768px) {

.f31 {

font-size:1.19230769rem

}

}

.f32 {

	font-size:1.6rem

}

@media (max-width:768px) {

.f32 {

font-size:1.23076923rem

}

}

.f33 {

	font-size:1.65rem

}

@media (max-width:768px) {

.f33 {

font-size:1.22222222rem

}

}

.f34 {

	font-size:1.7rem

}

@media (max-width:768px) {

.f34 {

font-size:1.25925926rem

}

}

.f35 {

	font-size:1.75rem

}

@media (max-width:768px) {

.f35 {

font-size:1.25rem

}

}

.f36 {

	font-size:1.8rem

}

@media (max-width:768px) {

.f36 {

font-size:1.28571429rem

}

}

.f37 {

	font-size:1.85rem

}

@media (max-width:768px) {

.f37 {

font-size:1.27586207rem

}

}

.f38 {

	font-size:1.9rem

}

@media (max-width:768px) {

.f38 {

font-size:1.31034483rem

}

}

.f39 {

	font-size:1.95rem

}

@media (max-width:768px) {

.f39 {

font-size:1.3rem

}

}

.f40 {

	font-size:2rem

}

@media (max-width:768px) {

.f40 {

font-size:1.33333333rem

}

}

.f41 {

	font-size:2.05rem

}

@media (max-width:768px) {

.f41 {

font-size:1.32258065rem

}

}

.f42 {

	font-size:2.1rem

}

@media (max-width:768px) {

.f42 {

font-size:1.35483871rem

}

}

.f45 {

	font-size:2.25rem

}

@media (max-width:768px) {

.f45 {

font-size:1.36363636rem

}

}

.f48 {

	font-size:2.4rem

}

@media (max-width:768px) {

.f48 {

font-size:1.45454545rem

}

}

.f50 {

	font-size:2.5rem

}

@media (max-width:768px) {

.f50 {

font-size:1.51515152rem

}

}

.f54 {

	font-size:2.7rem

}

@media (max-width:768px) {

.f54 {

font-size:1.58823529rem

}

}

.f60 {

	font-size:3rem

}

@media (max-width:768px) {

.f60 {

font-size:1.57894737rem

}

}

.f64 {

	font-size:2.3rem

}

@media (max-width:768px) {

.f64 {

font-size:1.42857143rem

}

}

.f88 {

	font-size:4.4rem

}

@media (max-width:1200px) {

.f88 {

font-size:4vw

}

}

@media (max-width:768px) {

.f88 {

font-size:1.45454545rem

}

}

.fal {

	font-family:Arial

}

.fyl {

	font-family:FontBlar

}

.fs {

	font-family:'宋体'

}

.fh {

	font-family:'黑体'

}

.fn {

	font-weight:400

}

.fb {

	font-weight:700

}

.fi {

	font-style:italic

}

.fl {

	float:left

}

.fr {

	float:right

}

.db {

	display:block

}

.dib {

	display:inline-block

}

.dt {

	display:table

}

.dtc {

	display:table-cell

}

.dn {

	display:none

}

.bn {

	border:none

}

.tl {

	text-align:left

}

.tc {

	text-align:center

}

.tr {

	text-align:right

}

.tu {

	text-transform:uppercase

}

.vt {

	vertical-align:top

}

.vm {

	vertical-align:middle

}

.vb {

	vertical-align:bottom

}

.over {

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis

}

.box {

	box-sizing:border-box

}

.ma {

	margin-left:auto;

	margin-right:auto

}

.c50 {

	left:50%;

	transform:translateX(-50%)

}

.m0 {

	margin:0

}

.p0 {

	padding:0

}

.yy {

	box-shadow:0 0 12px rgba(70, 70, 70, .5)

}

.yy2 {

	box-shadow:2px 2px 7px rgba(70, 70, 70, .2)

}

.pz {

	padding-left:15px;

	margin-left:-15px

}

.pr {

	position:relative

}

.pa {

	position:absolute

}

.oh {

	overflow:hidden

}

.ov {

	overflow:visible

}

.wrap {

	overflow:hidden

}

.w50 {

	width:50%;

	float:left

}

.w0 {

	width:0

}

.w00 {

	width:100%

}

.h0 {

	height:0

}

.h00 {

	height:100%

}

.ma00 {

	max-width:100%

}

.mh00 {

	max-height:100%

}

.wa {

	width:auto

}

.ha {

	height:auto

}

.abs {

	position:absolute;

	width:100%;

	height:100%;

	z-index:5;

	left:0;

	top:0

}

.imWrap {

	width:100%;

	padding-top:100%;

	position:relative;

	overflow:hidden

}

.imWrap img {

	display:block;

	position:absolute;

	width:100%;

	min-height:100%;

	z-index:5;

	left:0;

	top:0

}

.imWrap .imgcon {

	position:absolute;

	width:100%;

	height:100%;

	z-index:5;

	left:0;

	top:0

}

.imWrap .imgcon img {

	position:relative;

	display:inline-block;

	width:auto;

	max-width:100%

}

.big {

	overflow:hidden

}

.big img {

	width:100%;

	display:block;

	transform:translateZ(0);

transition:1.5s transform .2s

}

.big:hover img {

	transform:scale(1.5, 1.5)

}

.big .imgcon img {

	width:auto;

	min-height:auto

}

.imgDiv {

	position:relative;

	width:100%;

	overflow:hidden

}

.imgDiv img {

	position:relative;

	display:block;

	left:50%;

	max-width:100%;

	transform:translateX(-50%)

}

@media (max-width:768px) {

.imgDiv img {

width:150%;

max-width:initial

}

}

.imgDiv .abs {

	text-align:center

}

.imgDiv .abs::after {

display:inline-block;

font-size:0;

height:100%;

vertical-align:middle;

content:".";

clear:both;

width:0

}

.imgDiv .ind_tit {

	display:inline-block;

	vertical-align:middle;

	margin:0

}

.imgcon {

	text-align:center;

	font-size:0;

	overflow:hidden

}

.imgcon img {

	display:inline-block;

	vertical-align:middle;

	max-width:100%

}

.imgcon:after {

	display:inline-block;

	vertical-align:middle;

	height:100%;

	color:#bbb;

	content:"";

	width:0

}

.m3w {

	margin-top:30px;

	margin-top:3vw

}

.m2w {

	margin:2vw 0

}

.p2w {

	padding:2vw 0

}

.p3w {

	padding:3vw 0

}

.poi {

	cursor:pointer

}

.btn {

	display:inline-block;

	color:#333;

	font-size:14px;

	text-align:center;

	line-height:1.6rem;

	border:1px solid #333

}

@media (max-width:640px) {

.btn {

font-size:13px

}

}

.btn.bg {

	background-color:#0f58d6;

	color:#fff;

	border-color:#0f58d6

}

.tabCon .con {

	display:none

}

.tabCon .con.act {

	display:block

}

.row {

	display:flex;

	flex-flow:row wrap;

	justify-content:space-between

}

.row .col {

	flex:1

}

.tabUl {

	display:flex;

	flex-flow:row wrap;

	justify-content:space-between

}

.tabUl li {

	flex:1;

	cursor:pointer

}

.gradient_linear {

	background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#49d), to(#5571b4));

	-webkit-background-clip:text;

	-webkit-text-fill-color:transparent

}

.bgcon {

	overflow:hidden;

	background-color:#fff;

	padding-bottom:3vw;

	background-repeat:no-repeat;

	background-position:center top;

	background-size:auto auto

}

.btnact {

	color:#fff;

	background-color:#0f58d6;

	background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#e60012), to(#bb0917));

	box-shadow:1px 1px 10px rgba(0, 0, 0, .2)

}

.containe {

	max-width:95%

}

#header {

	width:100%

}

#header .topr {

	float:right;

	display:block;

	white-space:nowrap;

	margin-top:22px

}

#header .topr .iconfont {

	color:#0f58d6;

	float:left;

	font-size:1.6rem;

	margin-right:9px;

	line-height:1.4

}

@media (max-width:768px) {

#header .topr .iconfont {

font-size:1.23076923rem

}

}

#header .topr h5 {

	font-size:15px;

	color:#333;

	font-weight:400;

	display:inline-block;

	line-height:3.1

}

@media (max-width:640px) {

#header .topr h5 {

font-size:1rem

}

}

#header .topr h5 em {

	color:#000;

	font-size:1rem;

	font-family:Arial;

	font-weight:700;

	display:inline-block;

	vertical-align:middle;

	letter-spacing:1px;

	line-height:1;

	margin-top:-3px

}

#header.scroll {

	position:fixed

}

.navbar {

	font-size:0;

	background-color:#fff

}

.navbar .logo {

	position:relative;

	float:left;

	display:inline-block;

	z-index:5;

	padding:15px 0;

	white-space:nowrap;

	padding-right:2vw

}

.navbar .logo img {

	display:inline-block;

	vertical-align:middle;

	margin-right:1.5rem

}

@media (max-width:768px) {

.navbar .logo img {

max-height:42px;

margin-top:3px

}

}

.navbar .logo h1 {

	font-size:0;

	display:none

}

.navbar .logo .slogan {

	display:none;

	vertical-align:bottom;

font-size:.9rem;

	color:#485a64;

	line-height:1.5;

	margin-bottom:-4px

}

@media (max-width:768px) {

.navbar .logo .slogan {

font-size:.94444444rem

}

}

.mBtn {

	display:none;

	float:right;

	text-align:center;

	width:10%;

	cursor:pointer;

	margin-top:7px

}

.mBtn img {

	max-width:38px;

	max-height:35px

}

#Nav {

	display:block;

	text-align:center;

	overflow:visible;

	display:flex;

	flex-flow:row nowrap;

	justify-content:space-between

}

#Nav a {

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis

}

#Nav li {

	position:relative;

	flex:1;

	padding-right:15px

}

#Nav li .tarA {

	display:block;

font-size:.8rem;

	font-weight:700;

	box-sizing:border-box;

	color:#222;

	line-height:92px;

	white-space:nowrap

}

@media (max-width:768px) {

#Nav li .tarA {

font-size:.88888889rem

}

}

@media (max-width:640px) {

#Nav li .tarA {

font-size:1rem

}

}

#Nav li .tarA.act {

	color:#0f58d6

}

#Nav li a:hover {

	color:#0f58d6

}

#Nav dl {

	text-align:left;

	display:none;

	background-color:#fff;

	position:absolute;

	min-width:74px;

	z-index:50;

	top:81%;

	left:50%;

	transform:translateX(-50%);

padding:.5rem 1rem;

	border:1px solid #ddd

}

#Nav dl dd {

	display:block;

	font-size:14px;

	line-height:2.3

}

@media (max-width:640px) {

#Nav dl dd {

font-size:13px

}

}

#Nav dl dd a {

	display:inline-block;

	color:#333;

line-height:.7rem;

padding-right:.3rem;

margin-right:.3rem

}

#Nav dl::before {

display:block;

position:absolute;

content:" ";

z-index:5;

left:10px;

top:-15px;

width:16px;

height:15px;

background-image:url(../images/t8.png);

background-repeat:no-repeat;

background-position:0 center;

background-size:auto

}

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

body {

padding-top:53px

}

#header {

position:absolute;

height:48px;

top:0;

left:0

}

.logo {

padding:2px 0!important

}

.logo img {

height:43px

}

.mBtn {

display:inline-block

}

#Nav {

display:none

}

}

#footer {

	overflow:hidden;

	padding:2vw 0;

	clear:both;

	background:#555;

	margin-top:3vw

}

@media (max-width:1200px) {

#footer .flogo {

display:none

}

}

@media (max-width:960px) {

#footer .ewm {

display:none

}

}

@media (max-width:768px) {

#footer {

display:none

}

}

.ewm {

	float:right;

padding-top:.5rem;

	display:inline-block; 

	padding-right:100px

}

.ewm .img {

	width:5rem;

padding:.5rem

}

.ewm .img p {

	font-size:13px;

	color:#ddd;

	white-space:nowrap

}

.fotnav {

	overflow:hidden;

	display:flex;

	flex-flow:wrap

}

.fotnav dl {

	flex:5em

}

.fotnav dl dt a {

font-size:.8rem;

	display:block;

	color:#fff;

	position:relative;

	line-height:1.5em;

padding-bottom:.7rem

}

@media (max-width:768px) {

.fotnav dl dt a {

font-size:.88888889rem

}

}

@media (max-width:640px) {

.fotnav dl dt a {

font-size:1rem

}

}

.fotnav dl dd a {

	font-size:14px;

	color:#ddd;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	line-height:2

}

@media (max-width:640px) {

.fotnav dl dd a {

font-size:13px

}

}

.fotnav dl:nth-child(n-2) {

max-width:300px

}

.copyright {

	text-align:left;

	color:#ddd;

	background-color:#1e1e1e;

	padding:1rem

}

.copyright a {

	color:#ddd

}

.copyright .con {

	font-size:14px;

	color:#ddd;

	overflow:hidden

}

@media (max-width:640px) {

.copyright .con {

font-size:13px

}

}

@media (max-width:768px) {

.copyright {

padding:0 0 60px!important;

margin-top:30px;

margin-top:3vw

}

.copyright .con {

padding:1em 0

}

.copyright .fr {

display:none

}

}

.spot {

	text-align:center;

	display:none;

	padding:10px 0

}

.spot .dot, .spot li {

	display:inline-block;

	padding:0;

	background-color:#000;

	width:8px;

	height:8px;

	border-radius:100%;

	opacity:.2;

	margin:2px

}

.spot .dot.on, .spot li.on {

	background:#c53b55;

	opacity:1

}

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

.spot {

display:block

}

}

.innernav {

	font-size:0;

	text-align:right;

	width:100%;

	overflow:hidden;

	padding-bottom:1rem

}

.innernav a.nava {

	display:inline-block;

font-size:.8rem;

	color:#333;

	line-height:2rem;

	padding:0 2em;

	border-radius:1rem;

	margin:1rem

}

@media (max-width:768px) {

.innernav a.nava {

font-size:.88888889rem

}

}

@media (max-width:640px) {

.innernav a.nava {

font-size:1rem

}

}

.innernav a.nava.act, .innernav a.nava:hover {

	background-color:#0f58d6;

	border-color:#0f58d6;

	position:relative;

	z-index:8;

	color:#fff

}

.innernav .path {

	float:left;

	font-size:14px;

	text-align:left;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	margin-top:1.5rem;

	max-width:400px

}

@media (max-width:640px) {

.innernav .path {

font-size:13px

}

}

.innernav .path a {

	color:#666

}

.innernav .path i {

	color:#aaa;

	padding-right:5px

}

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

.innernav .path {

margin-top:1rem

}

.innernav .searDiv, .innernav a.nava {

display:none

}

}

.flow.right_side {

	position:fixed;

	width:60px;

	height:275px;

	right:0;

	top:50%;

	transform:translateY(-50%);

	z-index:400

}

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

.flow.right_side {

display:none

}

}

.flow ul {

	overflow:visible

}

.flow ul li {

	width:60px;

	height:60px;

	float:left;

	position:relative;

	margin-bottom:2px

}

.flow ul li .sidebox {

	position:absolute;

	border-radius:18px;

	width:60px;

	height:60px;

	top:0;

	right:0;

transition:all .3s;

	background:rgba(37, 58, 135, .8);

	color:#fff;

	font:15px/60px;

	overflow:hidden

}

.flow ul li .sidetop, .flow ul li .sign, .flow ul li .wx {

	width:60px;

	height:60px;

	border-radius:18px;

	display:block;

	background:rgba(37, 58, 135, .8);

transition:all .3s

}

.flow ul li i {

	display:inline-block;

	width:60px;

	line-height:60px;

	color:#fff;

	font-size:30px;

	text-align:center;

	vertical-align:middle

}

.flow .wx {

	position:relative

}

.flow .wx .wx_code {

	position:absolute;

	width:120px;

	height:120px;

	background:rgba(37, 58, 135, .8);

	padding:4px;

	left:-130px;

	top:50%;

	display:none;

	transform:translateY(-50%)

}

.flow .wx .wx_code img {

	max-width:100%

}

.flow .wx:hover, .flow ul li .sidebox:hover, .flow ul li .sidetop:hover {

	background:rgba(37, 58, 135, .8)

}

div.digg {

	text-align:center

}

div.digg .active * {

	background-color:#0f58d6;

	border-color:#0f58d6;

	color:#fff

}

.pre_news li {

	overflow:hidden;

	line-height:2.6rem;

	border-bottom:1px dashed #ddd

}

.pre_news i {

	color:#0f58d6;

font-size:.9rem;

	padding-right:10px

}

@media (max-width:768px) {

.pre_news i {

font-size:.94444444rem

}

}

.pre_news a {

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	font-size:14px;

	color:#333;

	display:block

}

@media (max-width:640px) {

.pre_news a {

font-size:13px

}

}

.pre_news a:hover {

	font-size:14px;

	color:#333

}

@media (max-width:640px) {

.pre_news a:hover {

font-size:13px

}

}

.zxun {

	background-color:#0f58d6;

	display:inline-block;

	color:#fff;

	line-height:2rem;

margin:.8rem 0

}

.zxun img {

	border-right:1px solid #fff;

	display:inline-block;

	vertical-align:middle;

padding:.5rem;

	margin-right:1em

}

.zxun i {

	margin:0 1em

}

.lside {

	float:left;

	position:relative;

	width:14rem;

	margin-right:2rem;

	z-index:300

}

.lside h2 {

	font-size:1.2rem;

	color:#fff;

	background-color:#0f58d6;

	text-align:left;

	box-sizing:border-box;

	font-weight:700;

	line-height:3.4;

	text-indent:1em;

	background-image:url(../images/t5.png);

	background-repeat:no-repeat;

	background-position:80% center;

	background-size:auto auto

}

@media (max-width:768px) {

.lside h2 {

font-size:1.09090909rem

}

}

.lside .iauth {

	box-sizing:border-box;

	border:1px solid #ddd;

	border-top:none

}

.lside .iauth li {

	position:relative;

	border-bottom:1px solid #ddd

}

.lside .iauth li:last-child {

	border:none

}

.lside .iauth a {

	text-align:left;

font-size:.9rem;

	color:#333;

	display:block;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	line-height:3.2;

	text-indent:1.2em;

	padding-right:1em

}

@media (max-width:768px) {

.lside .iauth a {

font-size:.94444444rem

}

}

.lside .iauth a::after {

display:block;

font-family:'宋体';

font-weight:700;

content:">";

z-index:5;

position:absolute;

right:10px;

top:0

}

.lside .iauth a.act, .lside .iauth a:hover {

	color:#0f58d6;

	background-color:#f6f6f6;

	border-left:4px solid #0f58d6

}

.lside .bdiv {

	border:1px solid #ddd;

	margin-top:2rem;

padding:0 .8rem .8rem

}

.lside h3 {

	font-size:1.2rem;

	color:#0f58d6;

	font-weight:700;

	line-height:2.6;

	border-bottom:1px solid #ddd

}

@media (max-width:768px) {

.lside h3 {

font-size:1.09090909rem

}

}

.lside .contact_l {

	padding-top:1em;

	line-height:2;

	padding-left:5px

}

@media (max-width:768px) {

.lside {

width:100%;

float:none

}

.lside>* {

display:none

}

.lside .iauth {

display:none;

flex-flow:row wrap;

justify-content:space-between;

width:100%

}

.lside .iauth li {

flex:1;

flex:1 1 8em;

text-align:center;

margin-right:3%

}

.lside .iauth a {

padding:0;

line-height:2.7em

}

.lside .iauth a:after {

display:none

}

}

.listit {

	border-bottom:1px solid #ddd;

	overflow:visible;

	margin-bottom:2rem;

	text-align:center

}

.listit h2 {

	font-size:1.2rem;

	font-weight:700;

	color:#000;

	display:inline-block;

	position:relative;

	background-color:#fff;

	margin-bottom:-2px;

	line-height:3.4

}

@media (max-width:768px) {

.listit h2 {

font-size:1.09090909rem

}

}

.listit h2::after {

display:block;

background-color:#0f58d6;

content:" ";

height:3px;

width:60%;

z-index:5;

position:absolute;

left:20%;

bottom:0

}

.wrap .ind_prolist {

	box-sizing:border-box;

	width:103%

}

.wrap .ind_prolist li {

	float:left;

	width:30.3%;

	margin-right:3%;

	margin-bottom:3.5%

}

.wrap .ind_prolist li .big {

	border:1px solid #ddd

}

.wrap .ind_prolist li .imWrap {

	padding-top:100%

}

.wrap .ind_prolist li .con {

	text-align:center

}

.wrap .ind_prolist li .tit {

font-size:.8rem;

	color:#333;

	text-align:center;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	line-height:3.4;

	display:block

}

@media (max-width:768px) {

.wrap .ind_prolist li .tit {

font-size:.88888889rem

}

}

@media (max-width:640px) {

.wrap .ind_prolist li .tit {

font-size:1rem

}

}

.wrap .ind_prolist li span {

	display:inline-block;

	color:#fff;

	background-color:#0f58d6;

	border-radius:1rem;

	padding:0 2em;

	line-height:2.4

}

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

.wrap .ind_prolist li {

width:47.7%;

margin-left:0;

margin-right:2.3%

}

.titDiv{ overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;}

}

.articleTit {

	font-size:1.5rem;

	color:#333;

	text-align:center;

	font-weight:400;

	line-height:2;

margin-bottom:.5rem

}

@media (max-width:768px) {

.articleTit {

font-size:1.2rem

}

}

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

.articleTit {

line-height:1.6

}

}

.backbtn {

	font-size:14px;

	cursor:pointer;

	color:#fff;

	float:right;

	background-color:#0f58d6;

	line-height:2.5;

	padding-left:1em;

	border-radius:3px

}

@media (max-width:640px) {

.backbtn {

font-size:13px

}

}

.backbtn i {

	display:inline-block;

	vertical-align:middle;

	font-size:1rem;

	margin-left:8px;

	width:1.4rem;

	line-height:1.4rem

}

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

.backbtn {

display:none

}

}

#toolbar {

	display:none;

	width:100%;

	background-color:#fff;

	height:55px;

	position:fixed;

	z-index:999;

	bottom:0;

	left:0;

	border-top:1px solid #E5E9F2

}

@media (max-width:767px) {

#toolbar {

display:block

}

}

#toolbar ul li {

	float:left;

	position:relative;

	text-align:center;

	width:25%

}

#toolbar ul li a {

	width:100%;

	position:relative;

	color:#1b2c42;

	line-height:23px;

	padding-top:7px

}

#toolbar ul li a.iconfont {

	font-size:22px

}

#toolbar ul li a span {

	font-size:13px;

	display:block

}

#toolbar ul li:nth-child(2)::after {

left:initial;

right:0

}

#toolbar ul li ul li {

	width:100%;

	border-bottom:1px solid #fff

}

#toolbar ul li ul li a {

	width:100%;

	padding:0;

	height:28px;

	line-height:28px

}

#toolbar ul li:hover a {

	color:#0f58d6

}

#toolbar ul li:hover a::after {

display:block;

background-color:#0f58d6;

position:absolute;

content:'';

height:2px;

border-radius:0 0 10px 10px;

left:0;

top:0;

right:0

}

.m_nav {

	height:100%;

	background-color:#fff;

	position:fixed;

	top:0;

	right:0;

	width:80%;

	box-shadow:0 15px 27px 0 rgba(167, 165, 165, .38);

	z-index:-1;

	opacity:1;

	visibility:visible;

	margin-top:0;

	transform:translateX(100%);

transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .overly {

	position:absolute;

	height:100%;

	width:102vw;

	right:0;

	z-index:0;

	top:0

}

.m_nav .ul li .dropdown_menu {

	display:none;

	transition:none

}

.m_nav .ul li .dropdown_menu a {

	display:block;

	box-sizing:border-box;

	position:relative;

	height:50px;

	line-height:50px;

	padding:0 40px;

	border-bottom:1px solid #f5f5f5

}

.m_nav .ul li .dropdown_menu a:last-child {

	border:none

}

.m_nav .ul li .dropdown_menu a .icon-arright {

	font-size:13px;

	margin-left:-20px;

	margin-right:10px

}

.m_nav .ul li .icon-xialajiantou {

transition:all .5s ease 0s;

	font-size:8px;

	color:#666;

	font-weight:700;

	position:absolute;

	right:5px;

	top:0;

	z-index:20;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center;

	cursor:pointer;

	border:7px solid #fff;

	border-radius:50%

}

.m_nav .ul li:hover .icon-xialajiantou {

	background:#f5f5f5

}

.m_nav .ul li:first-child .icon-xialajiantou {

	display:none

}

.m_nav .ul li .icon-xialajiantou.up {

	transform:rotate(180deg)

}

.m_nav.open {

	z-index:1000;

	transform:translateX(0)

}

.m_nav .top {

	height:60px;

	padding:20px;

	box-sizing:border-box

}

.m_nav .top .closed {

	width:30px;

	height:30px;

	vertical-align:middle;

	float:right;

	cursor:pointer

}

.m_nav .mlogo {

	width:100%;

	margin:0 auto

}

.m_nav .mlogo img {

	height:50px;

	display:block;

	margin:10px auto

}

.m_nav .ul {

	margin-top:20px;

	height:calc(100vh - 180px);

	overflow-y:auto

}

.m_nav .ul li {

	padding:0 20px;

	border-bottom:1px solid #f5f5f5;

	transform:translateY(0);

	-webkit-transform:translateY(100%);

	transform:translateY(100%);

-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;

	opacity:0

}

.m_nav.open .ul li {

	opacity:1;

	-webkit-transform:translateY(0);

	transform:translateY(0)

}

.m_nav .ul li:nth-child(1) {

-webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all .2s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .ul li:nth-child(2) {

-webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all .4s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .ul li:nth-child(3) {

-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all .6s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .ul li:nth-child(4) {

-webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all .8s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .ul li:nth-child(5) {

-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all 1s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .ul li:nth-child(6) {

-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .ul li:nth-child(7) {

-webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .ul li:nth-child(8) {

-webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0s;

transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0s

}

.m_nav .ul li a {

	display:block;

	text-decoration:none;

	color:#333;

	font-size:16px;

	height:50px;

	line-height:50px;

	width:100%

}

.m_nav .ul li a.leve1 {

	display:block;

	width:auto;

	margin-right:3em

}

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

.m_nav .ul li a {

display:inline-block;

width:auto

}

.header #navToggle {

height:100%;

padding:9px 10px;

display:inline-block;

float:right

}

.header #navToggle span {

position:relative;

width:25px;

height:1px;

margin-top:19px

}

.header #navToggle span:after, .header #navToggle span:before {

content:'';

position:relative;

width:100%;

height:1px;

left:0

}

.header #navToggle span, .header #navToggle span:after, .header #navToggle span:before {

-webkit-transition:.3s;

-moz-transition:.3s;

-o-transition:.3s;

transition:.3s;

display:block;

background:#4f4f4f

}

.header #navToggle span:before {

top:8px

}

.header #navToggle span:after {

bottom:10px

}

.header #navToggle.open span:before {

top:10px;

-webkit-transform:translateY(-11px) rotate(-45deg);

-moz-transform:translateY(-11px) rotate(-45deg);

-ms-transform:translateY(-11px) rotate(-45deg);

-o-transform:translateY(-11px) rotate(-45deg);

transform:translateY(-11px) rotate(-45deg)

}

.header #navToggle.open span:after {

bottom:12px;

-webkit-transform:translateY(10px) rotate(45deg);

-moz-transform:translateY(10px) rotate(45deg);

-ms-transform:translateY(10px) rotate(45deg);

-o-transform:translateY(10px) rotate(45deg);

transform:translateY(10px) rotate(45deg)

}

.header #navToggle.open span {

background:0 0

}

.header #navToggle.open span:after, .header #navToggle.open span:before {

background:#4f4f4f

}

}

.skip {

	overflow:hidden;

	margin-top:50px;

	margin-bottom:30px;

	background:#f6f6f6;

	padding:5px

}

.skip>div {

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	width:46%;

	line-height:30px;

	height:30px;

	text-indent:10px

}

.skip a {

	color:#666

}

.skip a:hover {

	color:#0f58d6

}

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

.skip>div {

width:100%;

float:none;

padding:5px;

margin-left:-5px

}

.skip .fl {

border-bottom:8px solid #fff

}

}

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

#ind_banner .swiper-slide {

overflow:hidden

}

#ind_banner .swiper-slide img {

max-width:130%;

margin-left:-15%

}

}

#ind_products {

	padding:3vw 0;

	border-bottom:3px solid #0f58d6;

	margin-bottom:1rem

}

#ind_products .big {

	position:relative;

	border:1px solid #ddd

}

#ind_products .big:hover {

	border-color:#0f58d6

}

#ind_products .titDiv {

	position:relative;

font-size:.9rem;

	font-weight:700;

	color:#222;

	line-height:2.6;

	margin-bottom:5%

}

@media (max-width:768px) {

#ind_products .titDiv {

font-size:.94444444rem

}

}

#ind_products .titDiv::before {

display:block;

float:right;

font-family:'宋体';

color:#bbb;

font-size:1.2rem;

padding:0 .5em;

line-height:2;

content:">";

z-index:5;

transition:all ease-out .5s;

-webkit-transition:all ease-out .5s

}

@media (max-width:768px) {

#ind_products .titDiv::before {

font-size:1.09090909rem

}

}

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

#ind_products .titDiv {

margin:5px 0

}

}

#ind_products .onePro {

	float:left;

	display:block;

	width:26.5%; 

	

}

#ind_products .onePro .imWrap {

	padding-top:126.7%

}

#ind_products .onePro .imWrap img {

	width:auto;

	max-width:100%;

	display:block;

	min-height:inherit;

	top:50%;

	left:50%;

	transform:translateX(-50%) translateY(-40%)

}

#ind_products .onePro .big::after {

position:absolute;

width:100%;

height:100%;

z-index:5;

left:0;

top:0;

content:"";

background-image:url(../images/hot.png);

background-repeat:no-repeat;

background-position:0 0;

background-size:100% auto;

z-index:20

}

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

#ind_products .onePro {

width:100%;

float:none

}

#ind_products .onePro .imWrap {

padding-top:90%

}

}

#ind_products .onePro:hover .titDiv {

	color:#0f58d6

}

#ind_products .onePro:hover .titDiv::before {

color:#0f58d6;

padding-right:0

}

#ind_products .ind_prolist li {

	float:left;

	width:30.3%;

	margin-left:2.3%

}

#ind_products .ind_prolist li .imWrap {

	padding-top:64.7%

}

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

#ind_products .ind_prolist li {

width:47.7%;

margin-left:0;

margin-right:2.3%

}

}

#ind_products .ind_prolist li.lastone {

	background-color:#4c6069

}

#ind_products .ind_prolist li.lastone .imWrap {

	padding-top:80%

}

#ind_products .ind_prolist li.lastone .abs {

	box-sizing:border-box;

	padding:15% 15% 0;

transition:all ease-out .5s;

-webkit-transition:all ease-out .5s

}

#ind_products .ind_prolist li.lastone p {

font-size:.9rem;

	color:#fff

}

@media (max-width:768px) {

#ind_products .ind_prolist li.lastone p {

font-size:.94444444rem

}

}

#ind_products .ind_prolist li.lastone a {

	font-size:14px;

	color:#fff;

	display:block;

	margin-top:18%

}

@media (max-width:640px) {

#ind_products .ind_prolist li.lastone a {

font-size:13px

}

}

#ind_products .ind_prolist li.lastone:hover .abs {

	transform:scale(1.1, 1.1)

}

#ind_products .ind_prolist li:hover .titDiv {

	color:#0f58d6

}

#ind_products .ind_prolist li:hover .titDiv::before {

color:#0f58d6;

padding-right:0

}

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

#ind_products .ind_prolist {

width:102.3%

}

}

.ind_tit {

	text-align:left;

	margin-bottom:2rem;

	

	

}

.ind_tit h2 {

	display:inline-block;

	font-size:1.5rem;

	font-weight:700;

	color:#222

}

@media (max-width:768px) {

.ind_tit h2 {

font-size:1.2rem

}

}

.ind_tit small {

	font-size:14px;

	font-weight:400;

	display:inline-block;

	text-indent:.5em;

	color:#485a64

}

@media (max-width:640px) {

.ind_tit small {

font-size:13px

}

}

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

.ind_tit {

margin-bottom:1rem

}

}

#ind_about {

	overflow:hidden;

	flex-flow:row wrap;

	justify-content:space-around;

	background-color:#4c6069; 

}

#ind_about .big {

	float:left;

	width:39%;

border-right:.5rem solid #fff

}

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

#ind_about .big {

height:26rem

}

#ind_about .big img {

width:auto;

height:100%;

max-width:inherit

}

}

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

#ind_about .big {

width:100%;

height:auto;

float:none

}

#ind_about .big img {

max-width:100%;

height:auto

}

}

#ind_about .cont {

	padding:10% 10% 0

}

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

#ind_about .cont {

padding:8% 2% 8% 6%

}

}

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

#ind_about .cont {

padding-bottom:8%

}

}

#ind_about h2 {

	font-size:1.6rem;

	color:#fff;

	font-weight:400;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	letter-spacing:4px;

	line-height:2;

	margin-bottom:1.5rem

}

@media (max-width:768px) {

#ind_about h2 {

font-size:1.28571429rem

}

}

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

#ind_about h2 {

margin-bottom:.5rem

}

}

#ind_about .con {

	font-size:15px;

	color:#fff;

	overflow:hidden;

	height:14em;

	line-height:2

}

@media (max-width:640px) {

#ind_about .con {

font-size:1rem

}

}

#ind_about .btns {

	margin-top:2.5rem

}

#ind_about .btns .btn {

	color:#fff;

	font-size:13px;

	display:inline-block;

	border-color:#fff;

	border-radius:5px;

	line-height:3;

	padding:0 2.5em;

	margin-right:5%

}

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

#ind_about .btns .btn {

line-height:2.4;

padding:0 1.5rem

}

}

#ind_supply {

	background-color:#0f58d6;

	box-sizing:border-box;

	padding:2rem;

margin-top:.5rem

}

#ind_supply h3 {

	float:left;

	font-size:1.8rem;

	color:#fff;

	display:inline-block;

	font-weight:700;

	line-height:2.2;

	border-bottom:2px solid #fff;

	margin:0 1.5rem

}





#ind_supply h4 {

	float:left;

	font-size:0.8rem;

	color:#fff;

	display:inline ;

	font-weight:700;

	line-height:2.2;

 white-space:nowrap;

	margin-left:600px;

	 

}

#ind_supply h4  a{color:#fff;}

@media (max-width:768px) {

#ind_supply h3 {

font-size:1.28571429rem

}

}

#ind_supply li {

	float:left;

	color:#fff;

	text-align:center;

font-size:.9rem;

	font-weight:700;

	width:20%;

	line-height:3

}

@media (max-width:768px) {

#ind_supply li {

font-size:.94444444rem

}

}

#ind_supply li img {

	display:block;

	margin-left:auto;

	margin-right:auto;

transition:all ease-out .5s;

-webkit-transition:all ease-out .5s

}

#ind_supply li:hover img {

	transform:rotate(360deg)

}

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

#ind_supply {

display:none

}

}

#ind_news {

	padding-top:3vw

}

#ind_news .ind_newsli {

	width:103%;

	margin-top:1.5%

}

#ind_news .ind_newsli li {

	float:left;

	width:22%;

	margin-right:3%;

	line-height:2.2

}

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

#ind_news .ind_newsli li {

width:97%

}

}

#ind_news .ind_newsli .date {

	float:right;

	font-size:13px;

	color:#666;

	padding-left:8px

}

#ind_news .ind_newsli a {

	display:block;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	color:#333

}

#ind_news .ind_newsli a i {

	color:#0f58d6;

	padding-right:7px

}

.ind_newslist {

	padding-left:15px;

	margin-left:-15px

}

.ind_newslist li {

	float:left;

	box-sizing:border-box;

	border-radius:9px;

	width:22%;

	margin-right:3%;

	background-color:#f5f5f5;

	padding:1rem

}

.ind_newslist li:hover {

	box-shadow:2px 2px 7px rgba(70, 70, 70, .2)

}

.ind_newslist li:hover .tit, .ind_newslist li:hover .top * {

	color:#0f58d6

}

.ind_newslist li:nth-child(n+5) {

display:none

}

.ind_newslist .swiper-slide {

	border-bottom:3px solid #0f58d6;

padding-bottom:.6rem

}

.ind_newslist .imWrap {

	padding-top:61.5%

}

.ind_newslist .tit {

font-size:.9rem;

	color:#333;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	font-weight:700;

	line-height:3

}

@media (max-width:768px) {

.ind_newslist .tit {

font-size:.94444444rem

}

}

.ind_newslist .tagdiv {

	font-size:13px;

	color:#666;

	line-height:.9

}

.ind_newslist .tagdiv span {

	margin-right:4%

}

.ind_newslist .con {

	font-size:14px;

	color:#666;

	overflow:hidden;

	display:block;

	line-height:1.7;

	height:3.4em;

	margin:1em 0 .5em

}

@media (max-width:640px) {

.ind_newslist .con {

font-size:13px

}

}

.ind_newslist .more {

	font-size:14px;

	color:#666

}

@media (max-width:640px) {

.ind_newslist .more {

font-size:13px

}

}

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

.ind_newslist {

width:98%

}

.ind_newslist li {

width:100%;

margin-right:0;

margin-bottom:10px

}

}

.searDiv {

	float:right;

	overflow:hidden;

	position:relative;

	display:inline-block;

	box-sizing:border-box;

	margin-top:1.2rem;

	max-width:430px;

	width:215px;

	height:36px;

	border:1px solid #ddd;

	background:0 0;

	border-radius:18px

}

.searDiv .fa {

	position:absolute;

font-size:.9rem;

	z-index:5;

	top:7px;

	right:11px;

	padding-left:6px;

	border-left:1px solid #ddd

}

@media (max-width:768px) {

.searDiv .fa {

font-size:.94444444rem

}

}

#searcher {

	float:right;

	display:block;

	font-size:13px;

	color:#333;

	border:none;

	position:relative;

	height:34px;

	width:160px;

	padding:0 2px;

	margin-right:4px;

	z-index:10;

	text-indent:7px

}

#searchglass {

	float:right;

	display:block;

	overflow:hidden;

	border:none;

	width:36px;

	height:36px;

	cursor:pointer;

	background-repeat:no-repeat;

	background-position:3px center;

	text-indent:-99em;

	background-color:transparent

}

.ditucon {

	float:right;

	width:35rem;

	margin-left:3%

}

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

.ditucon {

display:none;

margin-left:0

}

.ditucon+.wrap {

display:inline-block;

text-align:left

}

}

.inner_new {

	margin-top:-1.5rem

}

.inner_new li {

	padding:1.5rem 0;

	border-bottom:1px solid #ddd

}

.inner_new li .item3 {

	position:relative

}

.inner_new li .item3 a {

	display:block;

	overflow:hidden

}

.inner_new li .date {

	color:#666;

	text-align:center;

	float:left;

	display:inline-block;

	font-size:1.05rem;

	background-color:#ebebeb;

	margin-right:1.5rem;

padding:.8rem .5rem .3rem

}

@media (max-width:768px) {

.inner_new li .date {

font-size:1rem

}

}

.inner_new li .date .big-date {

	position:relative;

	font-weight:400;

	font-size:1.5rem;

	color:#666;

	font-family:'宋体';

	display:block;

	line-height:.8

}

@media (max-width:768px) {

.inner_new li .date .big-date {

font-size:1.2rem

}

}

.inner_new li .date .small-date {

	font-size:12px;

	color:#666;

	display:inline-block;

	background-color:#fff;

	padding:0 7px

}

.inner_new li .big {

	width:10rem;

	float:left;

	margin-right:2.5vw

}

.inner_new li .imWrap {

	padding-top:67%

}

.inner_new li .text-wrap {

	position:relative;

	overflow:hidden;

	padding-right:10%

}

.inner_new li .text-wrap .title {

	font-size:1rem;

	color:#333;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	line-height:1.5;

padding-bottom:.5rem

}

.inner_new li .text-wrap p {

	overflow:hidden;

	color:#666;

	display:block;

	font-size:14px;

	line-height:2;

	padding-top:5px;

	height:6em

}

@media (max-width:640px) {

.inner_new li .text-wrap p {

font-size:13px

}

}

.inner_new li:hover .title {

	color:#0f58d6

}

.inner_new li:hover .fa {

	color:#0f58d6;

	border-color:#0f58d6

}

.inner_new li.first {

	position:relative

}

.inner_new li.first .date {

	position:absolute;

	background-color:#0f58d6;

	top:0;

	left:0;

	z-index:55

}

.inner_new li.first .date .big-date {

	color:#fff

}

.inner_new li.first .date .small-date {

	color:#0f58d6

}

.inner_new li.first .big {

	width:24rem

}

.inner_new li.first .title {

	margin-bottom:2vw

}

.inner_new li.first .more {

	background-color:#0f58d6;

	color:#fff;

	display:inline-block;

	padding:0 1.5em;

	line-height:2.6;

	margin-top:3vw

}

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

.inner_new li {

padding:.6em;

margin-bottom:.5em

}

.inner_new li.first .big {

width:100%;

margin-right:0;

float:none;

margin-bottom:1em

}

.inner_new li.first .title {

margin-bottom:0

}

.inner_new li .date {

display:none

}

.inner_new li .big {

border:none;

padding-left:0;

width:8rem

}

.inner_new li .text-wrap .title {

font-size:15px;

padding-bottom:0

}

.inner_new li .text-wrap p {

height:4em

}

}

.skyDiv {

	position:relative;

	float:left;

	width:50%

}

.skyDiv .fangda {

	position:absolute;

	text-align:center;

	cursor:pointer;

	top:0;

	right:0;

	background:#eee;

	width:45px;

	height:45px;

	z-index:48

}

.skyDiv .fangda .fa {

	color:#0f58d6;

	font-size:1.5rem;

	font-weight:400;

	line-height:45px

}

@media (max-width:768px) {

.skyDiv .fangda .fa {

font-size:1.2rem

}

}

.skyDiv .swiper-slide {

	background-repeat:no-repeat;

	background-position:center

}

.skyDiv .gallery-top {

	height:21rem;

	box-sizing:border-box;

	border-right:1px solid #ddd

}

.skyDiv .gallery-top img {

	opacity:0;

	filter:alpha(opacity=0)

}

.skyDiv .swiper-button-white {

	width:2.25rem;

	height:2.25rem;

	background-color:#ccc;

	background-size:20px 20px

}

.skyDiv .swiper-button-white.swiper-button-next {

	right:0

}

.skyDiv .swiper-button-white.swiper-button-prev {

	left:0

}

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

.skyDiv {

width:100%;

margin:0;

float:none;

border-bottom:1px solid #ddd

}

.skyDiv .fangda {

display:none

}

.skyDiv .gallery-top {

border-right:0

}

}

.telline {

	color:#000;

	font-size:1.2rem

}

@media (max-width:768px) {

.telline {

font-size:1.09090909rem

}

}

.telline img {

margin-right:.4rem;

	display:inline-block;

	vertical-align:text-bottom

}

.protop {

	overflow:hidden;

	position:relative;

	border:1px solid #ddd

}

.protop>.wrap {

	padding:1rem 1.5rem

}

.protop h1 {

	font-size:1rem;

	font-weight:700;

	color:#333;

	line-height:1.5;

	border-bottom:1px solid #ddd;

padding:.6rem 0;

	margin-bottom:1.4rem

}

.protop .prodes {

	height:10em;

	line-height:1.76

}

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

.protop .prodes {

height:auto;

margin-bottom:3vw

}

}

.protop .pro_zx {

	display:inline-block;

	color:#fff;

	border-color:#0f58d6;

font-size:.8rem;

	text-align:left;

	background-color:#0f58d6;

	text-indent:2em;

	line-height:2rem;

	border-radius:2rem;

	margin:1.5rem 0

}

@media (max-width:768px) {

.protop .pro_zx {

font-size:.88888889rem

}

}

@media (max-width:640px) {

.protop .pro_zx {

font-size:1rem

}

}

.protop .pro_zx i {

	font-size:1rem;

	float:right;

	display:block;

	text-align:center;

	line-height:2rem;

	text-indent:1em;

	padding-right:1em

}

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

.protop {

overflow:hidden;

clear:both

}

.protop h1 {

padding-top:1em

}

.protop .pro_zx {

margin-top:3vw;

display:none

}

}

.products_cont {

	border:1px solid #ddd;

	border-top:none;

	padding:1rem 1.1rem 2rem

}

.products_cont .tabUL {

	font-size:0;

	border-bottom:1px solid #ddd;

	margin-bottom:1.5rem

}

.products_cont .tabUL li {

	display:inline-block;

	font-size:14px;

	color:#333;

	cursor:pointer;

	padding:0 2em;

	line-height:3;

	border:1px solid #ddd;

	border-bottom:none

}

@media (max-width:640px) {

.products_cont .tabUL li {

font-size:13px

}

}

.products_cont .tabUL li.act {

	background-color:#0f58d6;

	color:#fff;

	position:relative;

	border-color:#0f58d6;

	z-index:5;

	margin-right:-1px

}

.bord_cont {

	border:1px solid #ddd;

	padding:1rem 1.1rem;

	margin-top:2rem

}

.bord_cont .pre_news {

	width:102%;

padding-top:.8rem

}

.bord_cont .pre_news li {

	width:48%;

	margin-right:2%;

	float:left;

	border:none;

	line-height:2.2

}

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

.bord_cont .pre_news li {

width:100%

}

.bord_cont .pre_news li li {

width:100%;

margin-right:0

}

}

.bord_cont.article_cont {

	margin:0

}

.bord_cont.article_cont .listit {

	margin-top:-1rem

}

.bord_cont.card {

	background-color:#f5f5f5

}

.bord_cont.card>img {

	float:left;

	margin-right:2%

}

.bord_cont.card .wrap {

	padding:0 5%

}

.bord_cont.card h3 {

	font-size:1.2rem;

	font-weight:400;

	color:#0f58d6;

	line-height:2.6

}

@media (max-width:768px) {

.bord_cont.card h3 {

font-size:1.09090909rem

}

}

.bord_cont.card small {

	font-size:14px;

	color:#333;

	display:block

}

@media (max-width:640px) {

.bord_cont.card small {

font-size:13px

}

}

.bord_cont.card .telline {

	display:inline-block;

	vertical-align:middle;

	padding-left:5%

}

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

.bord_cont.card {

display:none

}

}

.titbar {

	border-bottom:1px solid #ddd

}

.titbar .more {

	float:right;

	color:#666;

	margin-right:10px

}

.titbar h2 {

font-size:.9rem;

	color:#0f58d6;

	font-weight:700;

	display:inline-block;

	padding-left:.5em;

	margin-top:-1px;

	margin-left:-1px;

	line-height:2.6

}

@media (max-width:768px) {

.titbar h2 {

font-size:.94444444rem

}

}

.news_pre {

	width:103%

}

.news_pre li {

	float:left;

	width:47%;

	margin-right:3%;

	border-bottom:1px dashed #ccc;

	line-height:38px

}

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

.news_pre {

width:100%

}

.news_pre li {

width:100%;

margin-right:0

}

}

.news_pre span.date {

	float:right;

	font-size:13px;

	color:#666

}

.news_pre a {

	font-size:14px;

	color:#333;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	display:block

}

@media (max-width:640px) {

.news_pre a {

font-size:13px

}

}

.news_pre a::before {

display:inline-block;

vertical-align:middle;

content:"•";

z-index:5;

padding-right:10px

}

#pro_pre {

	margin-top:1.2rem

}

#pro_pre .swiper-slide a {

	display:block

}

#pro_pre .swiper-slide .big {

	height:10rem;

	border:1px solid #bbb

}

#pro_pre .swiper-slide .big img {

	min-height:100%

}

#pro_pre .swiper-slide p {

	color:#333;

	overflow:hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	display:block;

	text-align:center;

	line-height:40px

}

.tagspan {

	display:block;

	width:100%;

	height:31px;

	padding-bottom:20px;

	margin-top:1rem

}

.tagspan em {

	font-size:14px;

	color:#000;

	display:inline-block;

	line-height:2;

	padding:0 .5em 0 1em;

	border:1px solid #000;

	border-radius:3px

}

@media (max-width:640px) {

.tagspan em {

font-size:13px

}

}

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

.tagspan {

display:none

}

}

.tagspan a {

	display:inline-block;

	color:#666;

margin-left:.5rem;

	line-height:2

}

.yuangongmask {

	width:100%;

	height:100%;

	display:none;

	background:rgba(0, 0, 0, .5);

	position:fixed;

	left:0;

	top:0;

	z-index:500

}

.bigimgovflow {

	position:relative;

	background-color:#fff;

	box-sizing:border-box;

	height:100%;

	padding:11px

}

.bigimgfloat {

	position:relative;

	overflow:hidden;

	margin-left:auto;

	margin-right:auto;

	height:100%

}

.bigimgcont {

	display:none;

	background-color:#fff;

	width:700px;

	height:64%;

	position:fixed;

	top:50%;

	left:50%;

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

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

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

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

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

	z-index:501

}

.bigimgfloat img {

	display:block;

	width:auto;

	max-width:100%;

	max-height:100%;

	margin-left:auto;

	margin-right:auto;

	background:#f2f2f2

}

.closebtn, .closeyuangong {

	display:block;

	position:absolute;

	overflow:hidden;

	width:1.5rem;

	height:1.5rem;

	background:url(../images/wwimg39.png) no-repeat;

	top:-16px;

	right:-10px;

	z-index:9;

	-moz-background-size:100% 100%;

	-o-background-size:100% 100%;

	background-size:100% 100%

}

#lytable {

	display:none;

	overflow:hidden;

	position:absolute;

	background-color:#fff;

	border-radius:8px;

	z-index:1000;

	bottom:-216px;

	right:75px;

	width:350px;

	border:1px solid #ddd

}

#lytable .icon-guanbidanchuang {

	position:absolute;

	font-size:1rem;

	top:0;

	right:0

}

#lytable .top1 {

	text-indent:18px;

	height:60px;

	background:#253a87

}

#lytable .top1 i {

	font-size:30px;

	color:#fff;

	line-height:60px

}

#lytable .title {

	height:39px;

	text-align:center;

	color:#fff;

	line-height:23px;

	background:#253a87;

	font-size:15px

}

#lytable .topAlign {

	width:154px;

	float:left;

	text-transform : uppercase;

}

#lytable .indexcode {

	float:right;

	width:115px

}

.formFrame {

	border:1px solid #e4e4e4;

	border-radius:3px;

	padding:16px 15px 0;

	margin:20px 20px 0

}

.formFrame input {

	box-shadow:none;

	height:42px;

	border-style:solid;

	margin-bottom:11px;

	border-color:#d0d0d0;

	box-sizing:border-box;

	display:inline-block;

	padding-left:11px;

	border-width:2px;

	color:#656565;

	font-weight:700;

	border-radius:5px;

	width:100%

}

.formFrame textarea {

	box-shadow:none;

	border-style:solid;

	margin-bottom:11px;

	border-color:#d0d0d0;

	box-sizing:border-box;

	display:inline-block;

	padding-left:11px;

	border-width:2px;

	color:#656565;

	font-weight:700;

	border-radius:5px;

	width:100%

}

.formFrame input.tijiao {

	background:#253a87;

	color:#fff;

	border-color:#253a87;

	margin:-4px 0 18px

}

.formFrame+.subtxt {

	display:block;

	text-align:center;

	line-height:2.5;

	padding-bottom:8px

}

.pagebar {

	padding:20px;

	overflow:hidden

}

.pagebar .pagination {

	display: flex;

	justify-content: center;

	margin-top: 10px;

}

.pagination a {

	background: #fff;

	border: 1px solid #ccc;

	color: #333;

	font-size: 12px;

	padding: 5px 10px;

	margin: 0 2px;

	border-radius: 3px;

}

.pagination span {

	color: #333;

	font-size: 12px;

	padding: 7px 2px;

	margin: 0 2px;

	border-radius: 3px;

}

.pagination a:hover {

	color: #337ab7;

	border: 1px solid #337ab7;

}

.pagination a.page-num-current {

	color: #fff;

	background: #337ab7;

	border: 1px solid #337ab7;

}

.pagination .st {

	font-family:宋体

}

.text-secondary {

	text-align:center;

	padding:20px 0

}