.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:#f2c800
}
.cc1 {
	color:#da251c
}
.cc2 {
	color:#ff990a
}
.cd {
	color:#ddd
}
.ce {
	color:#eee
}
.cf {
	color:#fff
}
.bc0 {
	background-color:#000
}
.bcf {
	background-color:#fff
}
.bcc {
	background-color:#f2c800
}
.boc {
	border-color:#f2c800
}
.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 (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
}
.mid {
	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
}
.wrap {
	overflow:hidden
}
.w50 {
	width:50%
}
.w00 {
	width:100%
}
.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:75.5%;
	position:relative;
	overflow:hidden
}
.imWrap img {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:5;
	left:0;
	top:0
}
.imWrap .imgcon {
	position:absolute;
	max-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:translateX(-50%);
	transform:translateZ(0);
transition:.3s transform
}
.big:hover img {
	transform:scale(1.2, 1.2)
}
.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%
}
}
.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
}
.imgDiv+.indlist7_tit {
	margin-top:3vw
}
.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
}
.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:#f2c800;
	color:#fff;
	border-color:#f2c800
}
.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
}
#header {
	background-color:#fff;
	width:100%;
	position:relative;
	height:80px;
	z-index:125;
	border:1px solid #eee
}
@media (max-width:1200px) {
#header .tellNum {
display:none
}
}
@media (max-width:768px) {
#header {
height:48px
}
#header .navbar {
width:100%;
margin:0;
box-sizing:border-box;
position:fixed;
top:0;
left:0;
padding:0 10px;
z-index:25;
height:48px
}
#header .mBtn {
display:inline-block
}
#header .logo h1 {
margin-top:5px
}
}
@media (max-width:480px) {
#header .logo h1 {
margin-top:7px
}
}
.navbar {
	font-size:0;
	background-color:#fff;
	max-width:1600px;
padding:.4rem 0 0
}
.navbar .logo {
	position:relative;
	vertical-align:middle;
	float:left;
	display:inline-block;
	z-index:50
}
.navbar .logo img {
	display:inline-block;
	float:left
}
@media (max-width:768px) {
.navbar .logo img {
max-height:42px;
margin-top:3px
}
}
.navbar .logo h1 {
	display:inline-block;
	font-size:1.25rem;
	color:#222;
	line-height:1.2em;
padding-left:.5rem;
	border-left:1px solid #e2e2e2;
margin-left:.5rem;
	margin-top:10px
}
@media (max-width:768px) {
.navbar .logo h1 {
font-size:1.08695652rem
}
}
.navbar .logo h1 small {
	font-size:15px;
	color:#666;
	display:block;
	font-weight:400;
	padding-top:.2em;
	line-height:1.2em
}
@media (max-width:640px) {
.navbar .logo h1 small {
font-size:1rem
}
}
#Nav {
	text-align:center;
	overflow:visible;
	max-width:1000px;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between
}
#Nav li {
	position:relative;
	flex:1
}
#Nav li a.tarA {
	display:block;
font-size:.8rem;
	color:#333;
	box-sizing:border-box;
	line-height:73px;
	transition:none;
	white-space:nowrap
}
@media (max-width:768px) {
#Nav li a.tarA {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#Nav li a.tarA {
font-size:1rem
}
}
#Nav li .tarA.act, #Nav li:hover .tarA {
	color:#e60012;
	background-image:url(../images/20.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:auto auto
}
#Nav li dl {
	position:absolute;
	text-align:center;
	top:100%;
	left:-100vw;
	display:none;
	background:#e8e8e8;
	width:200vw
}
#Nav li dl dd {
	display:inline-block
}
#Nav li dl a {
	display:inline-block;
	font-size:15px;
	color:#666;
	line-height:3.3em;
	padding:0 2em
}
@media (max-width:640px) {
#Nav li dl a {
font-size:1rem
}
}
#Nav li dl a:hover {
	color:#e60012
}
@media (max-width:768px) {
#Nav {
width:100%;
overflow:hidden;
display:block;
position:absolute;
height:0;
padding-top:0;
visibility:hidden;
background-color:rgba(42, 42, 32, .81);
box-shadow:0 2px 2px #000;
transition:all .5s ease;
-webkit-transition:all .5s ease;
margin-left:-10px;
padding-right:10px;
padding-left:10px;
top:47px;
left:0;
z-index:10
}
#Nav.showH {
height:386px!important;
transition:all .5s ease;
-webkit-transition:all .5s ease;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
margin-bottom:2px;
visibility:visible
}
#Nav li {
display:block;
width:100%;
overflow:hidden;
margin-left:0
}
#Nav li a {
display:block;
color:#fff;
font-size:14px;
padding:0;
height:42px!important;
line-height:43px!important;
transition:none;
border-bottom:1px solid #949393;
background-image:none
}
#Nav li a.act, #Nav li:hover a {
color:#8DC4FF
}
}
@media (max-width:768px) and (max-width:640px) {
#Nav li a {
font-size:13px
}
}
.tellNum {
	float:right;
	font-size:14px;
	color:#444;
margin-top:.4rem
}
@media (max-width:640px) {
.tellNum {
font-size:13px
}
}
.tellNum img {
	float:left;
	width:1.6rem;
	margin-right:5px;
	margin-top:5px
}
.tellNum p {
	overflow:hidden;
	display:block;
	font-weight:400;
	font-size:14px;
	color:#444
}
@media (max-width:640px) {
.tellNum p {
font-size:13px
}
}
.tellNum strong {
	font-size:1.3rem;
	color:#e60012;
	display:block;
	font-family:Arial;
	line-height:1em
}
@media (max-width:768px) {
.tellNum strong {
font-size:1.13043478rem
}
}
@media (max-width:980px) {
.tellNum {
display:none
}
}
.scroll#header {
	width:100%;
	height:80px;
	position:fixed;
	top:0;
	left:0
}
.scroll#header+#ind_banner {
	margin-top:80px;
	z-index:-1
}
.mBtn {
	display:none;
	float:right;
	text-align:center;
	width:10%;
	cursor:pointer;
	margin-top:7px
}
.mBtn img {
	max-width:38px;
	max-height:35px
}
#footer {
	overflow:hidden;
	padding:3vw 0 1vw;
	background:#2a2d37
}
#footer .containe {
	max-width:1600px
}
@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;
	margin-left:4%
}
.ewm .img {
	width:5rem;
padding:.5rem;
	text-align:center
}
.ewm .img p {
	font-size:13px;
	color:#999;
	white-space:nowrap
}
.telNum {
	float:right;
	display:inline-block;
	clear:both;
	font-size:1.5rem;
	color:#f2c800;
	font-family:Arial;
	border:1px solid #FFF;
	padding:0 .5em;
	margin-top:1em
}
@media (max-width:768px) {
.telNum {
font-size:1.2rem
}
}
.telNum img {
	display:inline-block;
	vertical-align:middle;
	margin-right:8px
}
.yq_link {
	clear:both
}
.yq_link h5 {
	font-weight:400;
	color:#eee;
	float:left;
	font-size:14px;
	padding-right:9px
}
@media (max-width:640px) {
.yq_link h5 {
font-size:13px
}
}
.yq_link a {
	display:inline-block;
	color:#fff
}
.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:2.5em
}
@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:#eee;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:1.8em
}
@media (max-width:640px) {
.fotnav dl dd a {
font-size:13px
}
}
.copyright {
	text-align:center;
	background:#21242d
}
.copyright .con {
	font-size:14px;
	color:#eee;
	padding:1.2em 10rem;
	line-height:2em
}
@media (max-width:640px) {
.copyright .con {
font-size:13px
}
}
.copyright .con a {
	color:#888
}
@media (max-width:768px) {
.copyright {
background-color:#f2c800
}
.copyright .con {
padding:1em 0;
color:#fff
}
.copyright .con a {
color:#fff
}
}
.containe {
	max-width:1400px
}
.indlist7_tit {
	font-size:2rem;
	font-weight:700;
	color:#000;
	text-align:center;
	padding-bottom:2vw
}
@media (max-width:768px) {
.indlist7_tit {
font-size:1.33333333rem
}
}
.indlist7_tit span {
	color:#f2c800
}
.indlist7_tit small {
	display:block;
font-size:.85rem;
	font-weight:400;
	color:#777;
	line-height:2em;
	padding:0 1em
}
@media (max-width:768px) {
.indlist7_tit small {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.indlist7_tit small {
font-size:1.0625rem
}
}
.indlist7_1 {
	overflow:hidden;
	width:102%;
	padding:2rem 0
}
.indlist7_1 li {
	box-sizing:border-box;
	float:left;
	position:relative;
	padding:2.5rem 1rem;
	border-radius:3px;
	width:18%;
	margin-right:2%;
	border:1px solid #ddd
}
.indlist7_1 .imgcon {
	display:block;
	height:3rem;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto
}
.indlist7_1 .imgcon img {
	max-height:100%
}
.indlist7_1 h3 {
	font-size:1rem;
	color:#333;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:4em
}
.indlist7_1 .date {
font-size:.8rem;
	font-family:Arial;
	color:#666;
	line-height:2.5em
}
@media (max-width:768px) {
.indlist7_1 .date {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.indlist7_1 .date {
font-size:1rem
}
}
.indlist7_1 p {
	font-size:14px;
	color:#777;
	overflow:hidden;
	text-align:center;
	display:block;
	height:6em;
	line-height:1.7em;
	height:5em
}
@media (max-width:640px) {
.indlist7_1 p {
font-size:13px
}
}
.indlist7_2 {
	overflow:hidden;
	width:103%;
	padding:2rem 0
}
.indlist7_2 li {
	box-sizing:border-box;
	float:left;
	position:relative;
	padding:2.5rem 1rem;
	border-radius:3px;
	width:20%
}
.indlist7_2 li.current {
	background-color:#f2c800
}
.indlist7_2 li.current h3 {
	color:#fff
}
.indlist7_2 .img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%
}
.indlist7_2 h3 {
	font-size:1rem;
	color:#333;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:4em
}
#indlist7_3 {
	background:#333
}
.bgcon .indlist7_tit {
	color:#fff
}
.indlist7_3 {
	width:104%
}
.indlist7_3 li {
	float:left;
	width:46%;
	margin-right:4%;
	margin-bottom:3%
}
.indlist7_3 li.current .imgcon {
	background-color:#f2c800;
	border:none
}
.indlist7_3 li.current .imgcon img {
	filter:brightness(0)
}
.indlist7_3 li.current h3 {
	color:#f2c800
}
.indlist7_3 li.current p {
	color:#fff
}
.indlist7_3 .imgcon {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:4.8rem;
	height:4.8rem;
	border-radius:50%;
	border:1px solid #fff;
	margin-right:1rem
}
.indlist7_3 h3 {
	color:#fff;
	font-size:1rem;
	line-height:2.4em
}
.indlist7_3 p {
	font-size:14px;
	color:#bbb;
	line-height:1.7em
}
@media (max-width:640px) {
.indlist7_3 p {
font-size:13px
}
}
#indlist7_4 {
	position:relative;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto
}
#indlist7_4 .swiper-button-next, #indlist7_4 .swiper-button-prev {
	width:35px;
	height:23px;
	background-image:url(../images/i15.png);
	background-position:0 0;
	background-size:100% 100%
}
#indlist7_4 .swiper-button-prev {
	left:-50px
}
#indlist7_4 .swiper-button-next {
	right:-50px;
	background-image:url(../images/i15r.png)
}
.morebtn {
	border:2px solid #000;
font-size:.8rem;
	color:#333;
	text-align:center;
	line-height:2.4em;
	border-radius:20px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:10em;
	margin-top:3vw
}
@media (max-width:768px) {
.morebtn {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.morebtn {
font-size:1rem
}
}
.morebtn.bg {
	background-color:#f2c800;
	border:none;
font-size:.9rem;
	font-weight:700;
	letter-spacing:1px
}
@media (max-width:768px) {
.morebtn.bg {
font-size:.94444444rem
}
}
#ind_cases {
	overflow:hidden
}
#ind_cases .photo {
	box-sizing:border-box;
	border:1px solid #ddd;
padding:.8rem
}
#ind_cases .swiper-slide {
	display:block
}
#ind_cases p {
font-size:.8rem;
	color:#666;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:center;
	line-height:2.5em
}
@media (max-width:768px) {
#ind_cases p {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#ind_cases p {
font-size:1rem
}
}
#indlist7_5 {
	background-image:url(../images/bg01.jpg);
	background-position:center 0;
	background-size:auto 100%
}
#indlist7_5 ul li {
	text-align:center;
	flex:1;
	min-width:100px;
	margin-bottom:1em
}
#indlist7_5 ul li.current .imgcon {
	border:none
}
#indlist7_5 ul li.current .imgcon img {
	filter:none
}
#indlist7_5 ul .imgcon {
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:6.25rem
}
#indlist7_5 ul .imgcon img {
	filter:brightness(100) grayscale(100%) contrast(175%)
}
#indlist7_5 ul h3 {
	color:#fff;
	font-size:1rem;
	line-height:2.4em;
	margin-top:1em
}
#indlist7_5 ul p {
	font-size:14px;
	color:#bbb;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:1.7em
}
@media (max-width:640px) {
#indlist7_5 ul p {
font-size:13px
}
}
#indlist7_6 .swiper-wrapper {
	margin-bottom:3vw
}
#indlist7_6 .swiper-slide {
	box-sizing:border-box;
padding:.9rem;
	border:1px solid #ddd;
	margin-top:2rem!important
}
#indlist7_6 .imgcon {
	float:left;
	margin-right:1rem;
	width:9rem;
	height:6rem
}
@media (max-width:640px) {
#indlist7_6 .imgcon {
display:none
}
}
#indlist7_6 h3 {
font-size:.8rem;
	font-weight:700;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
@media (max-width:768px) {
#indlist7_6 h3 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#indlist7_6 h3 {
font-size:1rem
}
}
#indlist7_6 p {
	font-size:14px;
	color:#777;
	overflow:hidden;
	height:3.5em;
	margin:.5em 0
}
@media (max-width:640px) {
#indlist7_6 p {
font-size:13px
}
}
#indlist7_6 .tag {
	font-size:13px;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
#indlist7_6 .tag a {
	color:#666;
	display:inline-block;
	margin-right:5px
}
#indlist7_7 {
	background:#3c3e3f
}
.ind_tit {
	font-size:1.9rem;
	font-weight:700;
	color:#000;
	text-align:center;
	padding-bottom:2vw
}
@media (max-width:768px) {
.ind_tit {
font-size:1.31034483rem
}
}
.ind_tit span {
	color:#f2c800
}
.ind_tit small {
	display:block;
font-size:.8rem;
	font-weight:400;
	color:#444;
	margin-left:auto;
	margin-right:auto;
	line-height:1.7em;
	max-width:45em;
	padding:1em 1em 1.5rem
}
@media (max-width:768px) {
.ind_tit small {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.ind_tit small {
font-size:1rem
}
}
.ind_tit .img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:80%
}
#ind_company {
	background:#f5f5f5;
	padding-top:2vw
}
#ind_company dl {
	overflow:hidden;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	margin-top:-3.5rem
}
#ind_company dl .col {
	flex:1
}
#ind_company dd {
	position:relative;
	float:left;
	width:50%;
	background-color:#fff;
	overflow:hidden;
	box-sizing:border-box;
	margin-bottom:2.5rem;
	padding:2.5rem 2rem 2.5rem 0
}
#ind_company dd .img {
	float:left;
	width:10rem;
	height:10rem;
	filter:grayscale(100%) brightness(10)
}
#ind_company dd .img img {
	position:relative;
	top:-50px;
	right:-50px;
	opacity:0;
	transition:1s
}
#ind_company dd .cont {
	display:none;
	width:50%;
	overflow:hidden;
font-size:.85rem;
	color:#666!important
}
@media (max-width:768px) {
#ind_company dd .cont {
font-size:.94444444rem
}
}
@media (max-width:640px) {
#ind_company dd .cont {
font-size:1.0625rem
}
}
#ind_company dd a {
	display:block
}
@media (max-width:768px) {
#ind_company dd {
padding:1rem 1rem 1rem 0
}
}
#ind_company dd.d1 {
	background-color:#ff990a
}
#ind_company dd.d1 .img {
	margin-right:2rem
}
#ind_company dd.d1 .u1 {
	width:100%
}
#ind_company dd.d1 .u1 li {
font-size:.8rem;
	color:#ff990a;
	display:inline-block;
	border:2px solid #ff990a;
	line-height:2em;
	padding:0 1em;
margin-right:.6rem;
margin-bottom:.6rem
}
@media (max-width:768px) {
#ind_company dd.d1 .u1 li {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#ind_company dd.d1 .u1 li {
font-size:1rem
}
}
#ind_company dd.d1 .u1 li:nth-child(2) {
background-color:#ff990a;
color:#fff
}
#ind_company dd.d1 .u1 li:nth-child(4) {
background-color:#ff990a;
color:#fff
}
#ind_company dd.d1 .u1 li:nth-child(6) {
float:left
}
#ind_company dd.d2 {
	background-color:#f2c800
}
#ind_company dd.d3 {
	background-color:#0eacbb
}
#ind_company dd.d4 {
	background-color:#0092df
}
#ind_company .icon {
	position:absolute;
	top:2rem;
	right:2rem
}
#ind_company .arr {
	position:absolute;
	bottom:2vw;
	right:2rem;
	filter:grayscale(100%) brightness(10)
}
#ind_company h3.tit {
	color:#fff;
	font-size:1.8rem;
	overflow:hidden
}
@media (max-width:768px) {
#ind_company h3.tit {
font-size:1.28571429rem
}
}
#ind_company h3.tit small {
	font-size:1rem;
	display:block;
	line-height:2em;
	background-image:url(../images/06.jpg);
	background-repeat:no-repeat;
	background-position:0 top;
	background-size:auto auto
}
#ind_company .move dd img {
	opacity:1;
	right:inherit;
	top:2rem;
	left:-2rem
}
#ind_company .move .d2 img {
transition-delay:.3s
}
#ind_company .move .d3 img {
transition-delay:.6s
}
#ind_company .move .d4 img {
transition-delay:.9s
}
@media (min-width:768px) {
#ind_company dd:hover {
background-color:#fff
}
#ind_company dd:hover .cont {
display:inline-block
}
#ind_company dd:hover .arr, #ind_company dd:hover .img {
filter:none
}
#ind_company dd:hover img {
top:0;
left:1rem;
transition-delay:0
}
#ind_company dd:hover h3 {
display:none
}
#ind_company dd:hover.d2 * {
color:#f2c800
}
#ind_company dd:hover.d3 * {
color:#0eacbb
}
#ind_company dd:hover.d4 * {
color:#0092df
}
}
@media (max-width:1200px) {
#ind_company .arr, #ind_company .icon {
display:none
}
}
@media (max-width:768px) {
#ind_company dd .img {
width:6rem;
height:6rem
}
#ind_company dd .img img {
top:0;
right:0;
opacity:1;
width:70%;
left:10%
}
#ind_company dd.d1 .img {
margin-right:0
}
}
#ind_case {
	padding:3vw 0
}
#ind_case ul {
	width:103%
}
#ind_case li {
	float:left;
	box-sizing:border-box;
	width:30%;
	margin-right:3%;
	margin-bottom:2%
}
#ind_case li .imWrap::after {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:5;
content:"";
background-repeat:no-repeat;
background-position:center;
background-size:auto auto;
opacity:0;
filter:alpha(opacity=0);
transition:all .6s ease-in-out
}
#ind_case li.current, #ind_case li:hover {
	background-image:url(../images/i36.png);
	background-repeat:no-repeat;
	background-position:0 bottom;
	background-size:auto auto
}
#ind_case li.current .imWrap::after, #ind_case li:hover .imWrap::after {
background-color:rgba(0, 0, 0, .4);
opacity:1;
filter:alpha(opacity=100)
}
@media (max-width:640px) {
#ind_case li {
width:47%
}
#ind_case li .con {
background-size:auto 10px!important
}
}
#ind_case li .con {
	text-align:left;
padding:.8rem;
	background-image:url(../images/i35.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:auto auto
}
#ind_case li h5 {
font-size:.9rem;
	color:#333;
	font-weight:400;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:1.4em
}
@media (max-width:768px) {
#ind_case li h5 {
font-size:.94444444rem
}
}
#ind_case li p {
	font-size:14px;
	color:#999
}
@media (max-width:640px) {
#ind_case li p {
font-size:13px
}
}
#ind_intro {
	overflow:hidden;
	background-image:url(../images/03.jpg);
	background-repeat:no-repeat;
	background-position:100% 0;
	background-size:auto 100%
}
#ind_intro .cont {
	width:50%;
	padding:3vw 0;
	overflow:hidden;
	background-color:rgba(255, 255, 255, .85)
}
#ind_intro .cont>.con {
	width:100%;
	max-width:800px;
	float:right;
	overflow:hidden;
	padding-right:2.5rem
}
#ind_intro .ind_tit span {
	font-size:1.9rem;
	color:#333
}
@media (max-width:768px) {
#ind_intro .ind_tit span {
font-size:1.31034483rem
}
}
#ind_intro .ind_tit small {
	padding:0
}
#ind_intro dd {
	overflow:hidden;
	margin-bottom:1rem
}
#ind_intro dd .img {
	float:left;
	margin-right:-2rem
}
#ind_intro dd .wrap {
	border-bottom:1px dashed #f2c800;
	padding-left:3.5rem
}
#ind_intro dd h4 {
	font-size:1.1rem;
	color:#333
}
@media (max-width:768px) {
#ind_intro dd h4 {
font-size:1.04761905rem
}
}
#ind_intro dd p {
font-size:.85rem;
	line-height:1.76em;
	height:3em;
padding:.2rem
}
@media (max-width:768px) {
#ind_intro dd p {
font-size:.94444444rem
}
}
@media (max-width:640px) {
#ind_intro dd p {
font-size:1.0625rem
}
}
@media (max-width:640px) {
#ind_intro {
background-size:auto 50vw
}
#ind_intro .cont {
width:100%;
margin-top:50vw
}
#ind_intro .cont .con {
float:none;
box-sizing:border-box
}
#ind_intro dd .wrap {
padding-bottom:3vw
}
#ind_intro dd .img {
width:14vw
}
}
.ind_corpor {
	padding:3vw 0
}
.ind_corpor ul {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	justify-content:flex-start
}
.ind_corpor ul .col {
	flex:1
}
.ind_corpor li {
	flex:1 1 20%;
	max-width:20%
}
#ind_corpor {
	background-color:#21242d
}
#ind_corpor .ind_tit * {
	color:#fff
}
#ind_corpor li {
	flex:1 1 16%;
	max-width:16%
}
#ind_corpor li .imgcon {
transition:background .6s
}
#ind_corpor li img {
	filter:grayscale(100%) brightness(10)
}
#ind_corpor li.current .imgcon {
	background-color:#fff
}
#ind_corpor li.current img {
	filter:none
}
@media (max-width:768px) {
#ind_corpor li {
flex-basis:26%;
max-width:33%
}
}
#ind_corpor .ind_tit.t2 {
	padding-top:3vw
}
#ind_corpor .ind_tit.t2 * {
	display:block;
	width:100%;
	max-width:100%;
	text-align:left
}
#ind_corpor .ind_tit.t2 span {
	color:#f2c800
}
#ind_news {
	padding:3vw 0;
	background-color:#f5f5f5
}
#ind_news .tabUl {
	max-width:500px;
	margin-left:auto;
	margin-right:auto
}
#ind_news .tabUl li {
	text-align:center;
font-size:.8rem;
	color:#333;
	border:1px solid #bbb;
	line-height:2.4em;
	max-width:10em
}
@media (max-width:768px) {
#ind_news .tabUl li {
font-size:.88888889rem
}
}
@media (max-width:640px) {
#ind_news .tabUl li {
font-size:1rem
}
}
#ind_news .tabUl li.act {
	color:#fff;
	background-color:#f2c800;
	border-color:#f2c800
}
@media (max-width:768px) {
#ind_news .tabUl li {
margin-right:2%;
flex:1 1 8em;
max-width:inherit;
margin-bottom:2%
}
}
#ind_news .tabCon ul {
	width:104%;
	padding-top:2rem;
	padding-left:5px
}
#ind_news .tabCon li {
	box-sizing:border-box;
	float:left;
	box-shadow:2px 2px 7px rgba(70, 70, 70, .2);
	width:30%;
	margin-right:3%;
	margin-bottom:3%
}
#ind_news .tabCon h4 {
font-size:.9rem;
	color:#333;
	font-weight:400;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
@media (max-width:768px) {
#ind_news .tabCon h4 {
font-size:.94444444rem
}
}
#ind_news .tabCon h4 a {
	color:#333
}
#ind_news .tabCon p {
	font-size:15px;
	color:#666;
	overflow:hidden;
	height:3.4em
}
@media (max-width:640px) {
#ind_news .tabCon p {
font-size:1rem
}
}
#ind_news .tabCon .date {
	font-size:14px;
	color:#999
}
@media (max-width:640px) {
#ind_news .tabCon .date {
font-size:13px
}
}
#ind_news .tabCon .tag a {
	font-size:13px;
	color:#999
}
#ind_news .tabCon .tag em {
	font-size:13px;
	display:inline-block;
	margin-right:5px;
	color:#e1ba01
}
#ind_news .tabCon .imgnews {
	padding:2rem 2rem 1rem;
	background-color:#fff
}
#ind_news .tabCon .imgnews .imWrap {
	display:block;
	padding-top:60%;
margin-bottom:.5rem
}
#ind_news .tabCon .imgnews .date {
	float:left;
	border-right:2px solid #ddd;
	line-height:1em;
	padding-right:10px;
	margin-right:10px
}
#ind_news .tabCon .imgnews strong {
	display:block;
	font-size:1.9rem;
	color:#999;
	text-align:center;
	line-height:.9em;
	padding-bottom:5px
}
@media (max-width:768px) {
#ind_news .tabCon .imgnews strong {
font-size:1.31034483rem
}
}
#ind_news .tabCon .newsli {
padding:.5rem 2rem 2em;
	background-color:#fff
}
#ind_news .tabCon .newsli .tag {
	display:inline-block;
	float:right;
margin-top:.9rem
}
#ind_news .tabCon .newsli .date strong {
	font-size:1.5rem;
	display:inline-block;
	padding-right:5px
}
@media (max-width:768px) {
#ind_news .tabCon .newsli .date strong {
font-size:1.2rem
}
}
@media (max-width:768px) {
#ind_news .tabCon ul {
padding-top:0;
display:flex;
flex-flow:wrap
}
#ind_news .tabCon li {
flex:1;
padding:1rem!important;
width:47%!important
}
#ind_news .tabCon .imgnews .date {
display:none
}
#ind_news .tabCon ul>.imgnews:nth-child(2) {
display:none
}
}
.titbar.break {
	text-align:left;
	margin-top:20px;
	height:2.3rem;
padding:.4rem 0 1.1rem;
	margin-bottom:2vw
}
.titbar.break h2 {
	font-size:1.4rem;
	color:#333;
	line-height:2.4em;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
@media (max-width:768px) {
.titbar.break h2 {
font-size:1.16666667rem
}
}
.innernav {
	float:right;
	overflow:hidden;
	max-width:825px
}
.innernav li {
	text-align:center
}
.innernav a {
	display:inline-block;
	padding:0 1em;
font-size:.8rem;
	color:#444;
	line-height:4em
}
@media (max-width:768px) {
.innernav a {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.innernav a {
font-size:1rem
}
}
.innernav a.act {
	border-bottom:2px solid #000
}
.innernav a:hover {
	border-bottom:2px solid #000
}
.breaker {
	white-space:nowrap;
	margin:22px auto 0 17px;
	height:30px;
	line-height:30px;
	color:#666;
	float:right;
	padding-left:2em;
	background-image:url(../images/i012.png);
	background-repeat:no-repeat;
	background-position:0 center
}
.breaker a {
	color:#666
}
.breaker+h2 {
	display:inline-block;
	border-bottom:2px solid #f2c800
}
.breaker+h2:after {
	display:block;
	content:" ";
	height:1px;
	width:100%;
	z-index:5;
	background-color:#ddd;
	position:absolute;
	left:0;
	bottom:-1px
}
@media (max-width:768px) {
overflow: hidden;
h2 {
display:none
}
.breaker {
float:none;
margin-left:0
}
}
.inner_news>ul {
	width:103%
}
.inner_news>ul li {
	float:left;
	position:relative;
	box-sizing:border-box;
	padding:1.5rem;
	width:30%;
	margin-bottom:3%;
	margin-right:3%;
	border:1px solid #ddd
}
.inner_news>ul li * {
transition:all .3s ease-in-out
}
.inner_news>ul li:hover {
	background-color:#f5f5f5;
	box-shadow:2px 2px 7px rgba(70, 70, 70, .2);
	border-color:#f5f5f5
}
.inner_news>ul li:hover .more {
	margin-right:0
}
.inner_news h5 {
font-size:.85rem;
	font-weight:400;
	color:#222;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	padding-top:1em;
	line-height:1.2em
}
@media (max-width:768px) {
.inner_news h5 {
font-size:.94444444rem
}
}
@media (max-width:640px) {
.inner_news h5 {
font-size:1.0625rem
}
}
.inner_news p {
	font-size:15px;
	color:#777;
	overflow:hidden;
	height:3.5em;
	margin:.5em 0
}
@media (max-width:640px) {
.inner_news p {
font-size:1rem
}
}
.inner_news .tag {
	font-size:13px;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.inner_news .tag a {
	color:#666;
	display:inline-block;
	margin-right:5px
}
.inner_news .more {
	font-size:14px;
	color:#333;
	float:right;
	display:inline-block;
	margin-right:1rem
}
@media (max-width:640px) {
.inner_news .more {
font-size:13px
}
}
.contactCon {
	overflow:hidden;
	background-color:#f5f5f5;
	padding-bottom:5vw
}
.sit_add {
	background-color:#fff;
	overflow:hidden;
	position:relative;
	margin-top:3vw
}
.sit_add .map {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0
}
.sit_add .cont {
	width:50%;
	float:right;
	box-sizing:border-box;
	background-color:#fff;
	position:relative;
	padding:1.5rem 3vw;
	z-index:5
}
.sit_add.first .cont {
	background-color:#f2c800
}
.sit_add h4 {
	font-size:1.5rem;
	color:#333;
	margin-bottom:.5em
}
@media (max-width:768px) {
.sit_add h4 {
font-size:1.2rem
}
}
.sit_add p {
font-size:.8rem;
	color:#666;
	line-height:1.8em
}
@media (max-width:768px) {
.sit_add p {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.sit_add p {
font-size:1rem
}
}
.sit_add strong {
	font-size:1.5rem;
	color:#333;
	display:block;
	line-height:1.2em;
	margin-bottom:1em
}
@media (max-width:768px) {
.sit_add strong {
font-size:1.2rem
}
}
.sit_add .img {
	float:right;
	max-width:140px;
	text-align:center
}
.sit_add .img span {
	font-size:14px;
	color:#999;
	line-height:2.4em
}
@media (max-width:640px) {
.sit_add .img span {
font-size:13px
}
}
.indlist8_1 {
	overflow:hidden;
	width:102%;
	padding:2rem 0
}
.indlist8_1 li {
	box-sizing:border-box;
	float:left;
	position:relative;
	background-color:#f5f5f5;
	padding:2.5rem 1rem;
	border-radius:3px;
	width:18%;
	margin-right:2%
}
.indlist8_1 .imgcon {
	display:block;
	height:3rem;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto
}
.indlist8_1 .imgcon img {
	max-height:100%
}
.indlist8_1 h3 {
	font-size:1rem;
	color:#333;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:4em
}
.indlist8_1 .date {
font-size:.8rem;
	font-family:Arial;
	color:#666;
	line-height:2.5em
}
@media (max-width:768px) {
.indlist8_1 .date {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.indlist8_1 .date {
font-size:1rem
}
}
.indlist8_1 p {
	font-size:14px;
	color:#777;
	overflow:hidden;
	text-align:center;
	display:block;
	height:6em;
	line-height:1.7em;
	height:5em
}
@media (max-width:640px) {
.indlist8_1 p {
font-size:13px
}
}
@media (max-width:768px) {
.indlist8_1 {
display:flex;
flex-flow:wrap
}
.indlist8_1 li {
flex:1 1 30%;
margin-bottom:2%
}
}
#indlist8_2 {
	background-color:#333
}
#indlist8_2 ul li {
	text-align:center;
	flex:1;
	min-width:100px;
	margin-bottom:2em
}
#indlist8_2 ul li.current .imgcon {
	opacity:1
}
#indlist8_2 ul li.current h3 {
	color:#f2c800
}
#indlist8_2 ul li.current p {
	color:#fff
}
@media (max-width:768px) {
#indlist8_2 ul li {
flex-basis:30%
}
#indlist8_2 ul li p {
overflow:hidden
}
}
#indlist8_2 ul .imgcon {
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	opacity:.7;
	width:90%;
	max-width:6.25rem
}
#indlist8_2 ul h3 {
	color:#fff;
	font-size:1rem;
	line-height:2.4em;
	margin:1em 0 .5em
}
#indlist8_2 ul p {
	font-size:14px;
	color:#bbb;
	line-height:1.7em;
	height:5em;
	padding:0 1em
}
@media (max-width:640px) {
#indlist8_2 ul p {
font-size:13px
}
}
#indlist8_4 .ban {
	overflow:hidden;
	background-image:url(../images/timg.gif);
	background-color:#f7f7f7;
	background-repeat:no-repeat;
	background-position:20% center;
	background-size:auto auto
}
#indlist8_4 .cont {
	width:50%;
	float:right;
font-size:.85rem;
	color:#fff;
	overflow:hidden;
	background-color:#333;
	padding:6vw 3vw 8vw 4vw;
	line-height:2em
}
@media (max-width:768px) {
#indlist8_4 .cont {
font-size:.94444444rem
}
}
@media (max-width:640px) {
#indlist8_4 .cont {
font-size:1.0625rem
}
}
#indlist8_4 .cont p {
	max-width:600px
}
@media (max-width:640px) {
#indlist8_4 .ban {
background-position:center 0;
background-size:auto 50vw
}
#indlist8_4 .cont {
box-sizing:border-box;
width:100%;
margin-top:50vw
}
}
.indlist9_1 {
	width:104%
}
.indlist9_1 li {
	float:left;
	box-sizing:border-box;
	width:30%;
	margin-bottom:3%;
	margin-right:3%;
	flex:1 1 30%;
	background-color:#fafafa;
	border:1px solid #ddd;
	padding:1rem
}
.indlist9_1 li.current h3 {
	color:#f2c800
}
.indlist9_1 li.current p {
	color:#fff
}
.indlist9_1 .imgcon {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:4.8rem;
	height:4.8rem;
	margin-right:1rem;
margin-top:.8rem
}
.indlist9_1 h3 {
	color:#333;
	font-size:1.2rem;
	line-height:2.4em
}
@media (max-width:768px) {
.indlist9_1 h3 {
font-size:1.09090909rem
}
}
.indlist9_1 p {
	font-size:14px;
	color:#666;
	line-height:1.7em
}
@media (max-width:640px) {
.indlist9_1 p {
font-size:13px
}
}
#indlist9_2 {
	padding:3vw 0;
	background-color:#fafafa
}
#indlist9_2 li {
	float:left;
	position:relative;
	box-sizing:border-box;
	background-color:#fff;
	width:30%;
	margin-bottom:3%;
	margin-right:3%;
	flex:1 1 30%;
	border:1px solid #ddd;
	padding:2rem
}
#indlist9_2 li h3 {
	font-size:1.3rem;
	color:#333;
	text-align:center
}
@media (max-width:768px) {
#indlist9_2 li h3 {
font-size:1.13043478rem
}
}
#indlist9_2 li h3 small {
	display:block;
	font-size:14px;
	color:#333;
	line-height:4em
}
@media (max-width:640px) {
#indlist9_2 li h3 small {
font-size:13px
}
}
#indlist9_2 li dl {
	overflow:hidden;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:1rem 0
}
#indlist9_2 li dl dd {
	float:left;
	font-size:14px;
	color:#777;
	box-sizing:border-box;
	white-space:nowrap;
	width:48%;
	padding-left:1em;
	background-image:url(../images/i60.png);
	background-repeat:no-repeat;
	background-position:0 .8em;
	background-size:auto auto;
	line-height:2em
}
@media (max-width:640px) {
#indlist9_2 li dl dd {
font-size:13px
}
}
#indlist9_2 li dl dd:nth-child(2n-1) {
margin-right:4%
}
#indlist9_2 li .price {
	font-size:14px;
	color:#333;
	text-align:center;
	margin:1rem 0
}
@media (max-width:640px) {
#indlist9_2 li .price {
font-size:13px
}
}
#indlist9_2 li .price em {
	font-size:1.5rem
}
@media (max-width:768px) {
#indlist9_2 li .price em {
font-size:1.2rem
}
}
#indlist9_2 li .btn {
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	color:#333;
	text-align:center;
	width:100%;
	max-width:9rem;
	line-height:2.8em;
	border-color:#ddd;
	border-radius:3px
}
@media (max-width:640px) {
#indlist9_2 li .btn {
font-size:13px
}
}
#indlist9_2 li.current {
	border-color:#f2c800;
	box-shadow:2px 2px 7px rgba(70, 70, 70, .2)
}
#indlist9_2 li.current:after {
	display:block;
	width:100%;
	position:absolute;
	background-color:#f2c800;
	content:" ";
	height:4px;
	z-index:5;
	left:0;
	top:0
}
#indlist9_2 li.current .btn {
	border-color:#f2c800;
	background-color:#f2c800
}
.indlist9_3 {
	width:104%
}
.indlist9_3 ul {
	width:104%
}
.indlist9_3 li {
	float:left;
	box-sizing:border-box;
	width:25%;
	flex:1 1 25%;
	padding-bottom:1.5rem;
	padding-right:10%
}
.indlist9_3 h4 {
	color:#333;
font-size:.9rem;
	font-weight:400;
	line-height:1em;
	border-left:4px solid #f2c800;
	padding-left:.5em;
	margin-bottom:1rem
}
@media (max-width:768px) {
.indlist9_3 h4 {
font-size:.94444444rem
}
}
.indlist9_3 p {
	font-size:14px;
	color:#666;
	line-height:1.7em;
	padding-left:1em
}
@media (max-width:640px) {
.indlist9_3 p {
font-size:13px
}
}
.text_indtro {
	margin-top:3vw
}
.text_indtro p {
font-size:.8rem;
	line-height:2em
}
@media (max-width:768px) {
.text_indtro p {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.text_indtro p {
font-size:1rem
}
}
.text_indtro .d1 {
	overflow:hidden;
	background-image:url(../images/18.jpg);
	background-repeat:no-repeat;
	background-position:100% bottom;
	background-size:auto auto
}
.text_indtro .d1 img {
	float:left
}
.text_indtro .d1 h2 {
	padding-left:2vw;
	font-size:2rem;
	color:#333;
	line-height:1em
}
@media (max-width:768px) {
.text_indtro .d1 h2 {
font-size:1.33333333rem
}
}
.text_indtro .d1 h2 small {
	display:block;
	font-weight:400;
	font-size:1.7rem;
	color:#f2c800;
	text-align:right;
	line-height:2.4em
}
@media (max-width:768px) {
.text_indtro .d1 h2 small {
font-size:1.25925926rem
}
}
.text_indtro .d1 p {
	padding-left:2vw
}
.text_indtro .d1 p.p2 {
	box-sizing:border-box;
	padding:2vw;
	margin-top:2vw;
	background-color:#666;
	color:#fff
}
.text_indtro .d2 {
	clear:both;
	overflow:hidden
}
.text_indtro .d2 .img {
	float:right
}
.text_indtro .d2 .wrap {
	padding-top:4vw;
	padding-right:2vw
}
.text_indtro .d2 p {
	margin-bottom:1rem
}
#text_culture {
	padding:3vw 0;
	text-align:center;
	background-color:#f5f5f5
}
#text_culture dl {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between
}
#text_culture dl .col {
	flex:1
}
#text_culture dl dd {
	box-sizing:border-box;
	background-color:#fff;
	flex:1;
	max-width:220px;
	padding:2rem 0
}
#text_culture dl dd.current {
	background-color:#f2c800
}
#text_culture dl dd.current img {
	filter:brightness(0)
}
#text_culture dl .imgcon {
	height:4rem
}
#text_culture dl h4 {
	font-size:1.3rem;
	color:#333;
	font-weight:400;
	line-height:3em
}
@media (max-width:768px) {
#text_culture dl h4 {
font-size:1.13043478rem
}
}
#text_culture dl p {
	font-size:15px;
	color:#333;
	padding:0 3%
}
@media (max-width:640px) {
#text_culture dl p {
font-size:1rem
}
}
#d3_honor_list {
	float:right;
	width:50%;
	box-sizing:border-box;
	padding:0 1rem;
	height:500px;
	background-image:url(../images/15.jpg);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:auto auto
}
.d3_honor {
	overflow:hidden;
	background-image:url(../images/13.jpg);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:auto auto
}
.d3_honor .imgcon {
	height:100%
}
.d3_honor .swiper-button-next, .d3_honor .swiper-button-prev {
	width:45px;
	height:45px;
	background-image:url(../images/i67.png);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:auto auto
}
.d3_honor .swiper-button-next {
	background-image:url(../images/i68.png)
}
.d4_honor {
	overflow:hidden;
	background-image:url(../images/14.jpg);
	background-repeat:no-repeat;
	background-position:100% center
}
.d4_honor img {
	display:block
}
.gf7 {
	background:#f7f7f7
}
.gf7::after {
display:block;
position:relative;
clear:both;
content:" ";
height:1px;
width:100%;
z-index:5
}
.Rside {
	float:right;
	position:relative;
	width:340px;
	margin-left:2rem
}
.Rside .rtop {
	display:block;
	margin-bottom:1.5rem;
	max-width:100%
}
.Rside h2 {
	font-size:1.2rem;
	color:#333;
	background-color:#fff;
	text-align:left;
	position:relative;
	box-sizing:border-box;
	font-weight:400;
	text-indent:1em;
	line-height:3rem
}
@media (max-width:768px) {
.Rside h2 {
font-size:1.09090909rem
}
}
.Rside h2 small {
	font-size:14px;
	color:#666;
	font-family:Arial;
	text-transform:uppercase;
	float:right;
	margin-right:1rem
}
@media (max-width:640px) {
.Rside h2 small {
font-size:13px
}
}
.Rside h2+ul {
	box-sizing:border-box;
	background-color:#fff;
	margin-bottom:1.5rem
}
.Rside h2+ul li {
	overflow:hidden;
	display:block;
	border-bottom:1px solid #dfdfdf
}
.Rside h2+ul li:last-child {
	border:none
}
.Rside .macode {
	background-color:#fff;
	text-align:center;
	padding:1.5rem 0 1rem;
	margin-bottom:1.5rem;
	border:1px solid #cfcfcf
}
.Rside .macode img {
	display:inline-block
}
.Rside .macode p {
	font-size:14px;
	color:#666;
	line-height:2em
}
@media (max-width:640px) {
.Rside .macode p {
font-size:13px
}
}
.Rside .macode p span {
	color:#333;
	display:block
}
.Rside .macode em {
	font-size:1.5rem;
	color:#333;
	display:block;
	line-height:1.4em
}
@media (max-width:768px) {
.Rside .macode em {
font-size:1.2rem
}
}
.fix {
	width:100%;
transition:all .5s ease-in-out
}
.iauth a {
	padding-left:2rem;
	line-height:3.3em;
	color:#666;
	position:relative;
	display:block
}
.iauth a.act, .iauth a:hover {
	color:#f2c800
}
.news_pre {
	padding:0 1rem
}
.news_pre li {
margin-top:.8rem;
padding-bottom:.5rem
}
.news_pre .imgcon {
	float:left;
margin-right:.8rem;
	width:100px;
	height:75px
}
.news_pre .imgcon img {
	min-height:100%
}
.news_pre h4 {
	font-size:14px;
	color:#333;
	font-weight:400;
	overflow:hidden;
	height:3em;
	line-height:1.5em;
	margin-bottom:.5em
}
@media (max-width:640px) {
.news_pre h4 {
font-size:13px
}
}
.news_pre h4:hover {
	color:#f2c800
}
.news_pre .date {
	font-size:12px;
	color:#666
}
.newscon {
	background-color:#fff;
	box-sizing:border-box;
	padding:1.5rem;
	margin-bottom:4vw
}
#icon1 {
	display:inline-block;
	vertical-align:top
}
.guide {
	border:1px dashed #cecece;
	color:#999;
padding:.5rem .8rem;
	font-size:14px;
	margin:-.5em 0 1rem
}
@media (max-width:640px) {
.guide {
font-size:13px
}
}
.guide .red {
	color:#e60012
}
.guide_bot {
	background:#f7f7f7;
	color:#999;
padding:.5rem;
	font-size:14px;
	margin-top:1.5rem;
	line-height:1.6em
}
@media (max-width:640px) {
.guide_bot {
font-size:13px
}
}
.skip {
	overflow:hidden;
	background:#f7f7f7;
	color:#666;
	padding:.5em 1em;
	margin-top:2rem
}
.skip a {
	color:#333;
	display:inline-block;
	line-height:1.8em
}
.skip a:hover {
	color:#f2c800
}
.skip .half {
	width:50%;
	float:left
}
.skip .half+.half {
	text-align:right
}
.maylike {
	border:1px dashed #ddd;
padding:.7rem 1rem 1rem;
	margin-top:1.5rem
}
.maylike li {
	float:left;
	box-sizing:border-box;
	border-bottom:1px dashed #ddd;
	width:43%;
	margin-right:7%;
	padding-left:20px;
	background-image:url(../images/i26_1.png);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:auto auto
}
.maylike li a {
	color:#555;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.maylike h3 {
	display:inline-block;
	border-bottom:4px dotted #333;
font-size:.95rem;
	color:#555;
margin-bottom:.5rem
}
.articleTit {
	font-size:1.3rem
}
@media (max-width:768px) {
.articleTit {
font-size:1.13043478rem
}
}
.case_top {
	overflow:hidden;
	background-color:#fff;
	border-bottom:1px solid #ddd
}
.case_top .infos {
	float:right;
	padding:1.5rem 2.5rem;
	background-color:#333;
	margin-bottom:-1px
}
.case_top .infos p {
font-size:.8rem;
	color:#fff;
	line-height:1.7em;
	padding:.5em 0
}
@media (max-width:768px) {
.case_top .infos p {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.case_top .infos p {
font-size:1rem
}
}
.case_top .infos .btn {
	background-color:#f2c800;
	border:none;
	color:#333;
	padding:0 1em;
	display:inline-block;
	margin-top:1rem
}
.case_top .wrap {
	padding:1rem 2.5rem
}
.case_top h1 {
	font-size:1.7rem;
	color:#333;
	margin-bottom:1rem
}
@media (max-width:768px) {
.case_top h1 {
font-size:1.25925926rem
}
}
.case_top p.con {
font-size:.8rem;
	color:#666;
	line-height:2em;
	text-indent:1.5em
}
@media (max-width:768px) {
.case_top p.con {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.case_top p.con {
font-size:1rem
}
}
.inner_tit {
	background-color:#fff
}
.inner_tit h3 {
	font-size:1.2rem;
	color:#333
}
@media (max-width:768px) {
.inner_tit h3 {
font-size:1.09090909rem
}
}
.inner_tit small {
	font-size:14px;
	color:#666
}
@media (max-width:640px) {
.inner_tit small {
font-size:13px
}
}
#pro_pre {
	margin-top:1em
}
.articleCase {
	background-color:#fff
}
.articleCase+.skip {
	background-color:#fff;
	border:none
}
.pre_div {
	background-color:#fff;
padding:.5rem 1rem 1rem;
	margin:1.5rem 0 5vw
}
.case_lre {
	padding:10px
}
.case_lre h4 {
font-size:.8rem;
	color:#333;
	font-weight:400;
padding-top:.2rem
}
@media (max-width:768px) {
.case_lre h4 {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.case_lre h4 {
font-size:1rem
}
}
.case_lre span {
	font-size:14px;
	color:#666;
	line-height:2em
}
@media (max-width:640px) {
.case_lre span {
font-size:13px
}
}
.case_lre .date {
	float:right
}
.case_lre li {
padding-bottom:.2rem;
margin-bottom:.9rem;
	border-bottom:1px solid #ddd
}
#pro_pre p {
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#666;
	padding:0 1em;
	line-height:2.5em
}
.tabar {
	margin-top:-3vw;
	margin-bottom:3vw;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb
}
@media (max-width:768px) {
.tabar {
border-bottom:none
}
.tabar>.containe {
margin:0
}
}
.tabar ul {
	width:100%;
	box-sizing:border-box;
	overflow:visible;
	padding:0 2rem
}
@media (max-width:768px) {
.tabar ul {
padding:0
}
.tabar ul li {
overflow:hidden;
flex:1 1 7em;
border-bottom:1px solid #bbb
}
}
.tabar li {
font-size:.8rem;
	color:#222;
	box-sizing:border-box;
	text-align:center;
	position:relative;
	line-height:3em;
	padding:5px;
	border-left:1px solid #bbb
}
@media (max-width:768px) {
.tabar li {
font-size:.88888889rem
}
}
@media (max-width:640px) {
.tabar li {
font-size:1rem
}
}
.tabar li span {
	position:relative;
	z-index:1
}
.tabar li:first-child {
	border:none
}
.tabar li.act {
	font-weight:700
}
.tabar li.act:before {
	display:block;
	content:" ";
	height:0;
	width:100%;
	padding-top:80%;
	z-index:0;
	position:absolute;
	left:0;
	top:0;
	background-image:url(../images/i72.png);
	background-repeat:no-repeat;
	background-position:center 0;
	background-size:auto auto
}
.js_case .swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	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;
transition:.3s;
	transform:scale(1)
}
.js_case .swiper-slide-active, .js_case .swiper-slide-duplicate-active {
	transform:scale(1.5);
	z-index:88
}
.js_case.swiper-container {
	padding:5rem 0 3vw
}
.js_case .swiper-slide {
	display:block;
	box-sizing:border-box;
	background-image:url(../images/i69.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
	padding:18px 54px;
	background-color:transparent;
	filter:brightness(1) grayscale(100%)
}
@media (max-width:1400px) {
.js_case .swiper-slide {
padding:1.3% 3.9% 18px
}
}
.js_case .imWrap {
	display:block;
	padding-top:61%
}
.js_case .swiper-slide p.tit {
	display:block;
	color:transparent;
	font-size:12px;
	text-align:center
}
@media (max-width:640px) {
.js_case .swiper-slide p.tit {
display:none
}
}
.js_case .swiper-slide-active {
	filter:none
}
.js_case .swiper-slide-active p.tit {
	color:#333;
	margin-top:2rem;
	transform:scale(.8)
}
.js_case .swiper-button-next, .js_case .swiper-button-prev {
	width:40px;
	height:40px;
	background-image:url(../images/i70.png);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:100% auto
}
.js_case .swiper-button-prev {
	left:0
}
.js_case .swiper-button-next {
	right:0;
	background-image:url(../images/i71.png)
}