@charset "utf-8";
.clearjs {
	width: 100%;
	clear: both;
	line-height: 0;
	display: block;
	overflow: hidden;
	zoom: 1;
	font-size: 0;
	content: '.'
}
*, *:before, *:after {
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
html, body {
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	width: 100%
}
body {
	font-size: 14px;
	color: #111;
	line-height: normal;
	font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	font-weight: 400
}
a {
	color: #111;
	text-decoration: none;
	cursor: pointer;
	transition: all .6s
}
a:hover {
	color: #E7161C
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}
em, i {
	font-style: normal
}
img {
	vertical-align: middle;
	transition: all 1s
}
input, select, textarea {
	font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
	font-size: 14px
}
textarea {
	overflow: auto
}
input:focus, textarea:focus, button:focus, select:focus {
	outline: 0
}
input::-ms-clear {
display:none
}
input[type="text"], input[type="button"], input[type="submit"], textarea {
	-webkit-appearance: none
}
.clearfix:after {
	width: 100%;
	clear: both;
	line-height: 0;
	display: block;
	overflow: hidden;
	zoom: 1;
	font-size: 0;
	content: '.'
}
.main2 img {
	max-width: 100%;
}
.container {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px
}
.container.w1400 {
	max-width: 1420px
}
.container.w1600 {
	max-width: 1620px
}
.pc {
	display: block
}
.wap {
	display: none
}
header {
	background: #000000
}
header .container {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 60px;
	position: relative;
	z-index: 9999
}
header .logo img {
	height: 39px;
	width: auto;
	transition: all .6s
}
header .logo img:hover {
	transform: rotateX(360deg)
}
header .welcome {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: #ffffff
}
header .btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}
header .btn li {
	position: relative
}
header .btn li i {
	display: block;
	overflow: hidden;
	font-size: 18px;
	color: #808080;
	padding: 5px 12px;
	cursor: pointer
}
header .btn li input {
	width: 160px;
	padding: 0 10px;
	border: 0;
	background: #ccc;
	height: 30px;
	float: left;
	transition: all .3s
}
header .btn li button {
	background: #E7161C;
	height: 30px;
	border: 0
}
header .btn li button i {
	color: #fff
}
header .btn li .hide {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	box-shadow: 2px 2px 5px #ccc;
	border-radius: 5px;
	background: #fff;
	padding: 5px;
	font-size: 20px;
	color: #E7161C;
	white-space: nowrap
}
header .btn li .hide img {
	height: 130px;
	width: auto
}
header .btn li .tel {
	padding: 10px 15px
}
header .btn li form {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}
header .btn li:hover i {
	color: #d1a77a
}
header .navbut {
	display: none
}
nav {
	display: block
}
nav .container {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	max-width: 1100px
}
nav .container li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	text-align: center;
	position: relative;
	z-index: 8888;
	padding: 30px 0;
}
nav .container li>a {
	display: block;
	overflow: hidden;
	line-height: 30px;
	font-size: 20px;
	position: relative
}
nav .container li>a:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	height: 2px;
	background: #E7161C;
	width: 0;
	transition: all .6s
}
nav .container li .iconfont {
	display: none
}
nav .container li .sub {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100%;
	top: 100%;
	background-color: rgba(17,17,17,0.7);
	line-height: 30px;
	white-space: nowrap
}
nav .container li .sub a {
	padding: 0 15px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
	border-bottom: 1px solid rgba(17,17,17,0.4)
}
nav .container li .sub a:hover {
	background-color: rgba(17,17,17,0.5)
}
nav .container li:hover>a:before {
	width: 100%
}
nav .container li.on>a {
	color: #E7161C
}
footer {
	background: #1a1a1a;
	color: #868686;
	padding: 70px 0 30px 0
}
footer a {
	color: #868686
}
footer a:hover {
	color: #fff
}
footer .container {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap
}
footer .tit {
	line-height: 1;
	margin-bottom: 25px
}
footer .tit span {
	font-size: 18px;
	color: #fff
}
footer .tit em {
	font-size: 12px;
	text-transform: capitalize;
	display: block;
	margin: 10px 0 20px 0
}
footer .tit:after {
	display: block;
	overflow: hidden;
	width: 14px;
	height: 1px;
	background: #E7161C;
	content: ''
}
footer .logo {
	max-width: 180px;
	margin-top: 15px
}
footer .logo img {
	width: 100%;
	height: auto
}
footer .nav ul {
	line-height: 32px
}
footer .cont .text {
	line-height: 32px
}
footer .ewm {
	max-width: 182px
}
footer .ewm img {
	width: 100%;
	height: auto
}
footer .copy {
	margin-top: 40px;
	text-align: center;
	overflow: hidden;
	width: 100%
}
.banner .swiper-slide img {
	width: 100%;
	height: auto
}
.banner .banner-num {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	z-index: 5
}
.banner .banner-num .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: #fff;
	cursor: pointer;
	opacity: .7;
	margin: 0 6px;
	transition: all .6s
}
.banner .banner-num .swiper-pagination-bullet-active {
	width: 65px;
	opacity: 1
}
.banner .banner-next, .banner .banner-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	border-radius: 3px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1;
	background-color: rgba(0,0,0,0.5);
	font-size: 20px;
	padding: 20px 0;
	color: #fff;
	z-index: 5;
	cursor: pointer;
	opacity: 0;
	transition: all .6s
}
.banner .banner-next:hover, .banner .banner-prev:hover {
	background-color: rgba(231,22,28,0.5)
}
.banner .banner-next {
	right: 10px
}
.banner .banner-prev {
	left: 10px
}
.banner:hover .banner-next, .banner:hover .banner-prev {
	opacity: 1
}
.nbanner {
	width: 100%;
	height: 420px;
	overflow: hidden;
	background-image: url(../img/tu16.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	line-height: 1
}
.nbanner .bt {
	font-size: 45px;
	margin-bottom: 25px
}
.nbanner i {
	font-size: 46px
}
.web-cate {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	flex-wrap: wrap;
	position: relative
}
.web-cate:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #d8d8d8
}
.web-cate .swiper-slide {
	position: relative;
	width: auto;
	z-index: 1
}
.web-cate .swiper-slide a {
	display: block;
	overflow: hidden;
	font-size: 18px;
	padding: 0 10px;
	line-height: 65px;
	border-bottom: 2px solid transparent
}
.web-cate .on a {
	border-bottom-color: #000
}
.web-zixun {
	height: 90px;
	width: 90px;
	border-radius: 50%;
	background: #666666;
	font-size: 20px;
	color: #fff;
	display: block;
	overflow: hidden;
	margin: -45px auto 0 auto;
	position: relative;
	z-index: 111;
	text-align: center;
	padding: 17px 20px 0 20px
}
.web-zixun:hover {
	background: #E7161C;
	color: #fff
}
.web-tit {
	text-align: center;
	overflow: hidden;
	line-height: 1;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px
}
.web-tit:after {
	content: '';
	display: block;
	overflow: hidden;
	margin: 20px auto 0 auto;
	width: 30px;
	height: 2px;
	background: #000
}
.main {
	background: #f0f0f0;
	padding: 25px 0 50px 0
}
.main .position {
	overflow: hidden;
	margin-bottom: 30px
}
.main .position .r {
	float: right;
	border-left: 10px solid #4d4d4d;
	line-height: 20px;
	padding: 0 0 0 12px;
	color: #666666
}
.main .position .r a {
	color: #666666
}
.main .position .r a:hover {
	color: #E7161C
}
.in-hrefive {
	background: #f5f5f5;
	padding: 30px 0
}
.in-hrefive ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.in-hrefive ul li {
	text-align: center;
	line-height: 1;
	width: 220px
}
.in-hrefive ul li a {
	padding: 25px 30px;
	display: block;
	overflow: hidden;
	border-radius: 15px
}
.in-hrefive ul li .ico {
	width: 88px;
	height: 88px;
	border: 1px solid #dbdbdb;
	font-size: 50px;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	transition: all .6s;
	overflow: hidden
}
.in-hrefive ul li .ico i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	transition: all .6s
}
.in-hrefive ul li .ico i:nth-child(2) {
	top: -100%
}
.in-hrefive ul li span {
	display: block;
	padding: 20px 0 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #292929;
	transition: all .6s
}
.in-hrefive ul li p {
	font-size: 18px;
	font-weight: 200;
	color: #292929;
	transition: all .6s
}
.in-hrefive ul li:hover a {
	background: #2e2e2e;
	color: #fff
}
.in-hrefive ul li:hover .ico {
	background: #fff
}
.in-hrefive ul li:hover .ico i {
	top: 100%;
	color: #e50012
}
.in-hrefive ul li:hover .ico i:nth-child(2) {
	top: 0px
}
.in-hrefive ul li:hover span {
	color: #fff
}
.in-hrefive ul li:hover p {
	color: #fff
}
.in-box {
	padding: 80px 0
}
.in-tit {
	text-align: center;
	margin-bottom: 40px
}
.in-tit .t1 {
	font-size: 36px;
	line-height: 1
}
.in-tit .t2 {
	font-size: 18px;
	margin-top: 10px;
	color: #666
}
.in-tab {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: -20px -5px -35px -5px;
	margin-bottom: 40px;
	overflow: hidden
}
.in-tab li {
	margin: 5px;
	line-height: 36px;
	padding: 0 20px;
	font-size: 18px;
	border-radius: 4px;
	border: 1px solid transparent;
	cursor: pointer
}
.in-tab li.on {
	border-color: #000000
}
.in-more {
	text-align: center;
	margin-top: 40px;
	overflow: hidden
}
.in-more a {
	display: inline-block;
	width: 210px;
	line-height: 42px;
	border: 2px solid #999999;
	font-size: 16px;
	color: #545454
}
.in-more a:hover {
	background: #E7161C;
	color: #fff;
	border-color: #E7161C
}
.in-pro {
	margin: -20px;
	overflow: hidden
}
.in-pro li {
	width: 33.33333333%;
	padding: 20px;
	float: left;
	position: relative
}
.in-pro li>a {
	position: relative;
	display: block;
	overflow: hidden
}
.in-pro li>a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	transition: all .6s;
	z-index: 1
}
.in-pro li>a:after {
	content: '';
	position: absolute;
	left: -100%;
	bottom: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(17,17,17,0.3);
	transition: all .6s;
	z-index: 1
}
.in-pro li img {
	width: 100%;
	height: auto;
	transition: all .6s
}
.in-pro li .fd {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 30px;
	color: #fff;
	line-height: 1;
	z-index: 2
}
.in-pro li .fd i {
	font-size: 40px;
	display: inline-block;
	transition: all .6s
}
.in-pro li .fd span {
	margin-top: 15px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 28px;
	font-weight: bold
}
.in-pro li .cp {
	position: absolute;
	right: 30px;
	top: 40px;
	width: 60%;
	z-index: 5;
	opacity: 0;
	transition: all 1s
}
.in-pro li .cp a {
	width: 50%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
	position: relative;
	float: left;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	padding: 0 10px
}
.in-pro li .cp a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	transition: all .6s;
	background-color: rgba(0,0,0,0.5);
	z-index: -1
}
.in-pro li .cp a:hover:after {
	width: 100%
}
.in-pro li:hover a:before {
	left: 100%;
	bottom: 100%
}
.in-pro li:hover a:after {
	left: 0;
	bottom: 0
}
.in-pro li:hover img {
	transform: scale(1.05)
}
.in-pro li:hover .fd i {
	transform: rotate(360deg)
}
.in-pro li:hover .cp {
	opacity: 1
}
.in-liyou .bj {
	background: #000000;
	padding: 66px 0
}
.in-liyou ul {
	overflow: hidden
}
.in-liyou ul li {
	width: 25%;
	float: left;
	position: relative;
	overflow: hidden
}
.in-liyou ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	transition: all .6s;
	z-index: 1
}
.in-liyou ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(17,17,17,0.3);
	transition: all .6s;
	z-index: 1
}
.in-liyou ul li img {
	width: 100%;
	height: auto;
	transition: all .6s
}
.in-liyou ul li .fd {
	position: absolute;
	left: 35px;
	top: 45px;
	right: 35px;
	bottom: 45px;
	color: #fff;
	z-index: 2
}
.in-liyou ul li .fd .bt {
	font-size: 24px;
	font-weight: bold
}
.in-liyou ul li .fd .text {
	font-size: 16px;
	line-height: 38px;
	font-weight: 200;
	margin-top: 10px
}
.in-liyou ul li .fd:before {
	content: '';
	position: absolute;
	width: 0;
	height: 3px;
	background: #d1a77a;
	left: 0;
	bottom: 0;
	transition: all .6s
}
.in-liyou ul li .fd:after {
	content: '';
	position: absolute;
	width: 62px;
	height: 3px;
	background: #fff;
	left: 0;
	bottom: 0;
	transition: all .6s
}
.in-liyou ul li:hover:before {
	top: 100%;
	background-color: rgba(0,0,0,0.5)
}
.in-liyou ul li:hover:after {
	top: 0
}
.in-liyou ul li:hover img {
	transform: scale(1.05)
}
.in-liyou ul li:hover .fd:before {
	width: 8%
}
.in-liyou ul li:hover .fd:after {
	left: 10%;
	width: 38%
}
.in-case a {
	display: block;
	overflow: hidden;
	box-shadow: 0 5px 10px #666;
	border-radius: 15px;
	margin-bottom: 15px;
	position: relative
}
.in-case a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	border-radius: 15px
}
.in-case a img {
	width: 100%;
	height: auto
}
.in-case a span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 60px;
	padding: 0 10px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	display: none
}
.in-case .swiper-slide {
	width: 45%
}
.in-case .swiper-slide-active a:before {
	display: none
}
.in-case .swiper-slide-active a span {
	display: block
}
.in-case .case-next, .in-case .case-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
	font-size: 40px;
	padding: 10px;
	color: #fff;
	z-index: 5;
	cursor: pointer;
	transition: all .6s;
	outline: 0
}
.in-case .case-next:hover, .in-case .case-prev:hover {
	color: #E7161C
}
.in-case .case-next {
	right: 15%
}
.in-case .case-prev {
	left: 15%
}
.in-about {
	background: #f5f5f5 url(../img/bj_about.jpg) center bottom no-repeat
}
.in-about .container {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.in-about .left {
	width: 50%;
	position: relative
}
.in-about .left .tit {
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 36px;
	text-align: right
}
.in-about .left .tit:after {
	display: block;
	overflow: hidden;
	width: 43px;
	height: 5px;
	content: '';
	background: #000000;
	float: right;
	margin-top: 25px
}
.in-about .left .tit b {
	display: block
}
.in-about .left img {
	width: 100%;
	height: auto;
	box-shadow: 3px 3px 5px #444
}
.in-about .left .p1 {
	width: 50%;
	padding: 0 0 50px 0
}
.in-about .left .p2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 76%;
	z-index: 1
}
.in-about .left .p3 {
	position: absolute;
	left: 24%;
	bottom: 38%;
	width: 20%;
	transform: translateX(-50%);
	z-index: 2
}
.in-about .right {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	margin-left: 5%
}
.in-about .bt {
	text-align: right;
	font-size: 32px;
	font-weight: bold
}
.in-about .text {
	font-size: 18px;
	line-height: 35px;
	padding: 20px 0;
	overflow: hidden
}
.in-about .text p {
	padding: 5px 0;
	text-indent: 2em
}
.in-about .href {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 20px 0 60px 0
}
.in-about .href li {
	line-height: 1;
	margin-left: 50px
}
.in-about .href li a {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}
.in-about .href li .ico {
	width: 74px;
	height: 74px;
	border: 1px solid #6b6b6b;
	font-size: 40px;
	border-radius: 50%;
	position: relative;
	transition: all .6s;
	overflow: hidden;
	color: #6b6b6b;
	margin-right: 20px
}
.in-about .href li .ico i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	transition: all .6s
}
.in-about .href li .ico i:nth-child(2) {
	top: -100%
}
.in-about .href li p {
	font-size: 20px;
	color: #333
}
.in-about .href li p em {
	display: block;
	text-transform: capitalize;
	color: #888;
	font-size: 14px;
	margin-top: 10px
}
.in-about .href li:first-child {
	margin-left: 0
}
.in-about .href li:hover .ico {
	background: #E7161C;
	border-color: #E7161C
}
.in-about .href li:hover .ico i {
	top: 100%;
	color: #fff
}
.in-about .href li:hover .ico i:nth-child(2) {
	top: 0
}
.in-about .href li:hover p {
	color: #E7161C
}
.in-about .but {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}
.in-about .but a {
	border: 1px solid #a8aaac;
	width: 138px;
	height: 42px;
	border: 1px solid #a9abad;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1;
	font-size: 16px;
	color: #666
}
.in-about .but a i {
	margin-left: 5px
}
.in-about .but a:first-child, .in-about .but a:hover {
	margin-right: 10px;
	background: #d1a77a;
	color: #fff;
	border-color: #d1a77a
}
.in-news .li {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.in-news .li ul {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	margin-top: -32px
}
.in-news .li ul li {
	width: 50%;
	float: left;
	padding: 0 0 0 50px
}
.in-news .li ul li a {
	display: block;
	position: relative;
	padding: 38px 0 38px 75px;
	border-bottom: 1px solid #d8d8d8
}
.in-news .li ul li a:before, .in-news .li ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 0;
	height: 1px;
	z-index: 1;
	transition: all .6s
}
.in-news .li ul li a:before {
	left: 0;
	background: #000
}
.in-news .li ul li a:after {
	right: 0;
	background: #E7161C
}
.in-news .li ul li .date {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #555555;
	line-height: 1;
	text-align: center
}
.in-news .li ul li .date em {
	display: block;
	font-size: 42px;
	margin-bottom: 10px
}
.in-news .li ul li span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #111111
}
.in-news .li ul li p {
	display: block;
	overflow: hidden;
	color: #7b7b7b;
	line-height: 26px;
	height: 52px;
	margin-top: 8px
}
.in-news .li ul li:hover a {
	border-bottom-color: transparent
}
.in-news .li ul li:hover a:before {
	width: 10%
}
.in-news .li ul li:hover a:after {
	width: 88%
}
.in-news .swiper-container {
	width: 500px
}
.in-news .swiper-container .pic {
	overflow: hidden
}
.in-news .swiper-container .pic img {
	width: 100%;
	height: auto;
	transition: all .6s
}
.in-news .swiper-container .pic img:hover {
	transform: scale(1.05)
}
.in-news .swiper-container .kj {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	padding: 20px 0
}
.in-news .swiper-container .box {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	margin-right: 30px
}
.in-news .swiper-container .box span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #111;
	transition: all .6s
}
.in-news .swiper-container .box span:hover {
	color: #E7161C
}
.in-news .swiper-container .box p {
	line-height: 26px;
	height: 52px;
	display: block;
	overflow: hidden;
	color: #727272;
	margin-top: 10px;
	font-size: 16px
}
.in-news .swiper-container .date {
	background: #E7161C;
	color: #fff;
	width: 112px;
	height: 95px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 1;
	text-align: center
}
.in-news .swiper-container .date em {
	font-size: 48px;
	display: block;
	padding: 10px 0
}
.in-news .news-num {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	z-index: 5
}
.in-news .news-num .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #4e4e4e;
	cursor: pointer;
	opacity: 1;
	margin: 0 6px 0 0;
	transition: all .6s
}
.in-news .news-num .swiper-pagination-bullet-active {
	background: #E7161C
}
.list-case {
	margin: -15px;
	overflow: hidden
}
.list-case li {
	float: left;
	width: 33.33333333%;
	padding: 15px;
	position: relative
}
.list-case li a {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 6px
}
.list-case li img {
	width: 100%;
	height: auto;
	transition: all .6s
}
.list-case li span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 36px;
	padding: 0 10px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	text-align: center;
	transition: all .6s
}
.list-case li .fd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../img/video.png) center center no-repeat;
	cursor: pointer
}
.list-case li:hover img {
	transform: scale(1.05)
}
.list-case li:hover span {
	background-color: rgba(231,22,28,0.7)
}
.list-pro {
	margin: -15px;
	overflow: hidden
}
.list-pro li {
	float: left;
	width: 33.33333333%;
	padding: 15px;
	transition: all .6s
}
.list-pro li a {
	display: block;
	overflow: hidden;
	position: relative
}
.list-pro li .tip {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 20px;
	line-height: 30px;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	z-index: 1
}
.list-pro li .pic {
	overflow: hidden
}
.list-pro li .pic img {
	width: 100%;
	height: auto;
	transition: all .6s
}
.list-pro li .pic img:hover {
	transform: scale(1.05)
}
.list-pro li .box {
	padding: 15px 10px 35px 10px;
	position: relative;
	overflow: hidden;
	background: #fff;
	text-align: center
}
.list-pro li .box span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #111;
	transition: all .6s;
	font-size: 16px
}
.list-pro li .box span:hover {
	color: #E7161C
}
.list-pro li .box p {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #888;
	margin-top: 5px
}
.list-pro li .box:after {
	position: absolute;
	right: 5px;
	bottom: 0;
	line-height: 20px;
	color: #e50012;
	text-transform: uppercase
}
.list-pro li .more {
	width: 125px;
	line-height: 38px;
	background: #333333;
	color: #fff;
	margin: -19px auto 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 2;
	font-size: 16px;
	text-align: center;
	transition: all .6s
}
.list-pro li .more:hover {
	background: #E7161C
}
.list-pro li.hot .box:after {
	content: 'HOT'
}
.list-pro li.new .box:after {
	content: 'NEW'
}
.list-pro li:hover {
	transform: translateY(-5px)
}
.list-news li {
	margin-top: 30px
}
.list-news li a {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	padding: 15px 20px 15px 140px;
	border: 1px solid #e5e5e5;
	background: #ffffff;
	color: #888
}
.list-news li a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 0;
	transition: all .6s;
	background: #000000
}
.list-news li a:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 73px;
	height: 73px;
	background-size: 100% 100%;
	z-index: 5
}
.list-news li .date {
	background: #4d4d4d;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 120px;
	border-right: 1px solid #e5e5e5;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	transition: all .6s
}
.list-news li .date em {
	font-size: 50px;
	display: block;
	margin: 60px 0 15px 0
}
.list-news li .pic {
	width: 275px;
	height: 185px;
	overflow: hidden
}
.list-news li .pic img {
	width: 100%;
	height: auto;
	transition: all .6s
}
.list-news li .pic img:hover {
	transform: scale(1.05)
}
.list-news li .box {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	padding: 0 0 0 20px
}
.list-news li .box span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
	color: #111;
	transition: all .6s;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 12px 0
}
.list-news li .box span:hover {
	color: #E7161C
}
.list-news li .box .cs {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1;
	padding: 16px 0 12px 0
}
.list-news li .box .cs i {
	margin-left: 10px;
	margin-right: 5px
}
.list-news li .box .cs i:first-child {
	margin-left: 0
}
.list-news li .box p {
	display: block;
	overflow: hidden;
	line-height: 20px;
	height: 60px
}
.list-news li .box .icon-rights {
	float: right;
	font-size: 40px;
	line-height: 1;
	transition: all .6s
}
.list-news li .box .icon-rights:hover {
	color: #E7161C
}
.list-news li:first-child {
	margin-top: 0
}
.list-news li.hot a:before {
	background-image: url(../img/icon_tuij.png)
}
.list-news li:hover a:after {
	width: 100%
}
.list-news li:hover .date {
	background: #000000
}
.list-proindex {
	overflow: hidden
}
.list-proindex a {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	margin-top: 30px;
	padding: 0 0 0 220px
}
.list-proindex .bp {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 220px;
	overflow: hidden
}
.list-proindex .bp img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: auto;
	min-width: 100%
}
.list-proindex .x {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	padding: 0 0 0 10px;
	overflow: hidden
}
.list-proindex ul {
	margin: -5px;
	overflow: hidden
}
.list-proindex ul li {
	float: left;
	padding: 5px;
	width: 25%
}
.list-proindex ul li .box {
	position: relative
}
.list-proindex ul li .box img {
	width: 100%;
	height: auto;
	transition: all .6s
}
.list-proindex ul li .hide {
	transition: all .6s;
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	color: #fff;
	text-align: center
}
.list-proindex ul li .hide span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	font-size: 18px
}
.list-proindex ul li .hide span:after {
	content: '';
	width: 60%;
	height: 1px;
	background-color: rgba(255,255,255,0.7);
	display: block;
	overflow: hidden;
	margin: 10px auto 0 auto
}
.list-proindex ul li .hide em {
	position: absolute;
	right: 10px;
	bottom: 10px;
	opacity: .8
}
.list-proindex ul li:hover .hide {
	opacity: 1
}
.list-proindex a:first-child {
	margin-top: 0
}
.list-proindex a:nth-child(even) {
	padding: 0 220px 0 0
}
.list-proindex a:nth-child(even) .bp {
	left: auto;
	right: 0
}
.list-proindex a:nth-child(even) .x {
	padding: 0 10px 0 0
}
.box-page {
	padding: 50px 50px 70px 50px;
	overflow: hidden;
	background: #fff
}
.box-page .tit {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 30px;
	line-height: 1
}
.box-page .tit span {
	position: relative;
	padding: 0 30px;
	font-size: 28px
}
.box-page .tit span:after, .box-page .tit span:before {
	position: absolute;
	content: '';
	top: 50%;
	height: 1px;
	background: #cccccc;
	width: 100px
}
.box-page .tit span:after {
	left: 100%
}
.box-page .tit span:before {
	right: 100%
}
.box-contact {
	padding: 80px 0 100px 0
}
.box-contact .cont {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.box-contact .cont li {
	width: 32%;
	box-shadow: 0 5px 20px #eee;
	border-top: 3px solid #000;
	height: 220px;
	padding: 20px 20px 0 20px;
	font-size: 18px;
	text-align: center
}
.box-contact .cont li i {
	font-size: 50px
}
.box-contact .cont li span {
	font-weight: bold;
	display: block;
	padding: 15px 0
}
.box-contact .cont li .text {
	line-height: 30px
}
.box-contact .cont .ewm {
	padding-top: 0
}
.box-contact .cont .ewm dl {
	height: 220px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-weight: bold
}
.box-contact .cont .ewm dl dd {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	margin-left: 15px
}
.box-contact .cont .ewm dl dd img {
	width: 100%;
	height: auto
}
.box-contact .flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 40px
}
.box-contact .mess {
	width: 38%
}
.box-contact .mess .tit {
	overflow: hidden;
	line-height: 1;
	font-size: 24px;
	font-weight: bold
}
.box-contact .mess .tit:after {
	content: '';
	display: block;
	overflow: hidden;
	margin: 20px 0 0 0;
	width: 4em;
	height: 1px;
	background: #000
}
.box-contact .mess .tips {
	padding: 20px 0 30px 0
}
.box-contact .mess ul li {
	position: relative;
	overflow: hidden;
	margin-top: 20px
}
.box-contact .mess ul li i {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 60px;
	width: 60px;
	text-align: center;
	z-index: 1;
	color: #cfcfcf;
	font-size: 20px
}
.box-contact .mess ul li input[type='text'], .box-contact .mess ul li textarea {
	width: 100%;
	height: 60px;
	border: 1px solid #e5e5e5;
	padding: 0 60px 0 20px;
	float: left;
	font-size: 16px
}
.box-contact .mess ul li textarea {
	height: 100px;
	padding: 15px 60px 15px 20px
}
.box-contact .mess ul li input[type='submit'] {
	width: 100%;
	height: 60px;
	background: #505050;
	border: 0;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	transition: all .6s
}
.box-contact .mess ul li input[type='submit']:hover {
	background: #E7161C
}
.box-contact .mess ul li:first-child {
	margin-top: 0
}
.box-contact #bdmap {
	margin-left: 70px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	height: 460px;
	font-size: 12px;
	line-height: 24px
}
.box-contact #bdmap h4 {
	color: #E7161C;
	border-bottom: 1px solid #eee;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 16px
}

.box-contact #bdmap img {
	transition: all 0s
}
.box-about {
	padding: 100px 0
}
.box-about .about {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-direction: row-reverse
}
.box-about .about .box {
	max-width: 720px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	margin-right: 20px
}
.box-about .about .box .tit {
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 10px;
	margin-bottom: 20px
}
.box-about .about .box .text {
	font-size: 18px;
	line-height: 50px;
	color: #333333
}
.box-about .about .box .text p {
	padding: 10px 0
}
.box-about .about .pic {
	width: 44%
}
.box-about .about .pic img {
	width: 100%;
	height: auto
}
.box-about .jiazhi {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 70px 0;
	background: #000000
}
.box-about .jiazhi .pic {
	width: 52%
}
.box-about .jiazhi .pic img {
	width: 100%;
	height: auto
}
.box-about .jiazhi .box {
	padding: 20px 30px 20px 60px;
	color: #fff;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0
}
.box-about .jiazhi .box .tit {
	font-size: 30px;
	font-weight: bold;
	line-height: 1
}
.box-about .jiazhi .box .tit:after {
	content: '';
	width: 31px;
	height: 1px;
	background: #fff;
	margin: 25px 0;
	display: block;
	overflow: hidden
}
.box-about .jiazhi .box .text {
	font-size: 16px;
	line-height: 40px;
	opacity: .9;
	text-align: justify
}
.box-about .jiagou {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 70px
}
.box-about .jiagou .tit {
	font-size: 36px;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	letter-spacing: 5px
}
.box-about .jiagou .tit em {
	font-weight: bold
}
.box-about .jiagou .pic {
	width: 68%;
	max-width: 1100px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0
}
.box-about .jiagou .pic img {
	width: 100%;
	height: auto
}
.box-about .web-tit {
	margin: 20px 0;
	clear: both;
}
.box-about .cen-text {
	text-align: center;
	overflow: hidden;
	max-width: 930px;
	color: #666;
	margin: 0 auto;
	width: 100%;
	font-size: 18px;
	line-height: 38px
}
.box-about .rongyu {
	margin-top: 35px;
	box-shadow: 0 0 20px #ddd;
	position: relative;
	padding: 30px 30px 30px 430px
}
.box-about .rongyu .bp {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 400px;
	overflow: hidden
}
.box-about .rongyu .bp img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: auto;
	min-width: 100%
}
.box-about .rongyu .swiper-slide img {
	width: 100%;
	height: auto;
	cursor: pointer
}
.box-about .ppll {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 15px auto 55px;
	overflow: hidden;
	max-width:1300px;
	
}
.ppll .ppf {
	width: 25%;
	background: #000;
}
.ppll .ppf img {
	width: 100%;
}
.ppll .pptext {
	color: #fff;
	padding: 90px 50px 50px;
	line-height: 38px;
	height: 330px;
}
.ppll .pptext h3 {
	font-size: 28px;
	padding-bottom: 15px;
	text-align: center;
}
.ppll .pptext p {
	font-size: 18px;
}
.view-more {
	background: #fff;
	margin: 20px 0 15px 0;
	overflow: hidden
}
.view-more li {
	width: 33.33333333%;
	float: left;
	text-align: center;
	padding: 0 15px;
	font-size: 16px;
	line-height: 1
}
.view-more li a {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 60px
}
.view-more li i {
	margin-right: 10px
}
.view-more li:nth-child(2) {
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5
}
.view-xgcase {
	background: #fff;
	overflow: hidden;
	padding: 30px
}
.view-xgcase .tit {
	font-size: 24px;
	margin-bottom: 20px;
	line-height: 1
}
.view-xgcase .pic {
	overflow: hidden
}
.view-xgcase .pic img {
	width: 100%;
	height: auto;
	transition: all .6s
}
.view-xgcase .pic img:hover {
	transform: scale(1.05)
}
.view-xgcase span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px 10px 0 10px;
	text-align: center;
	font-size: 16px
}
.view-xgnews {
	padding: 20px 0
}
.view-xgnews .tits {
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 1;
	color: #666666
}
.view-xgnews ul {
	margin: 0 -10px;
	overflow: hidden
}
.view-xgnews ul li {
	width: 50%;
	padding: 0 10px;
	float: left
}
.view-xgnews ul li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	padding: 0 0 0 18px;
	font-size: 16px;
	color: #666;
	line-height: 34px
}
.view-xgnews ul li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background: #cccccc
}
.view-xgnews ul li a:hover {
	color: #E7161C
}
.view-case {
	padding: 0 90px 20px 90px;
	overflow: hidden;
	position: relative;
	background: #fff
}
.view-case .swiper-slide {
	text-align: center
}
.view-case .swiper-slide img {
	width: 100%;
	max-width: 600px;
	height: auto;
}
.view-case .swiper-slide span {
	padding: 15px 0 20px 0;
	font-size: 20px;
	display: block
}
.view-case .case-next, .view-case .case-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 90px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	line-height: 1;
	font-size: 60px;
	padding: 20px 0;
	z-index: 5;
	cursor: pointer;
	outline: 0;
	transition: all .6s
}
.view-case .case-next:hover, .view-case .case-prev:hover {
	color: #E7161C
}
.view-case .case-next {
	right: 0
}
.view-case .case-prev {
	left: 0
}
.view-news {
	background: #fff;
	padding: 25px 25px 80px 25px
}
.view-news .btit {
	position: relative;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px
}
.view-news .btit .bt {
	font-size: 22px
}
.view-news .btit ul {
	padding: 10px 0 15px 0;
	overflow: hidden;
	color: #888;
	font-size: 12px;
	line-height: 1
}
.view-news .btit ul li {
	float: left;
	margin-left: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}
.view-news .btit ul li:first-child {
	margin-left: 0
}
.view-news .btit ul li i {
	margin-right: 5px;
	font-size: 16px
}
.view-news .btit .ewm {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	font-size: 12px;
	color: #888;
	border: 1px solid #eee;
	padding: 5px 10px 5px 5px;
	border-bottom: 0;
	line-height: 1.5
}
.view-news .btit .ewm #ewm_code {
	height: 100%;
	margin-right: 8px
}
.view-news .btit .ewm canvas {
	height: 100%;
	width: auto
}
.view-news .share {
	overflow: hidden;
	margin-top: 15px
}
.view-news .share .bdsharebuttonbox {
	float: right
}
.view-news .shengming {
	background: #f0f0f0;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	padding: 10px;
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	text-align: center
}
.view-news .view-xgnews {
	margin: 30px 0
}
.view-pro {
	background: #fff;
	padding: 25px 25px 50px 25px
}
.view-pro .flex-box {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.view-pro .flex-box .l {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	margin-right: 20px;
	max-width: 400px
}
.view-pro .flex-box .l .ewm {
	margin-bottom: 20px;
	font-weight: bold;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	line-height: 1;
	position: relative;
	z-index: 1;
	float: left;
	cursor: pointer
}
.view-pro .flex-box .l .ewm em {
	color: #e50012
}
.view-pro .flex-box .l .ewm i {
	font-size: 20px;
	font-weight: normal;
	margin-left: 10px
}
.view-pro .flex-box .l .ewm .hide {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	box-shadow: 0 0 5px #ccc;
	padding: 10px
}
.view-pro .flex-box .l .ewm .hide img {
	width: 100px;
	height: auto
}
.view-pro .flex-box .l .ewm:hover .hide {
	display: block
}
.view-pro .flex-box .l .bt {
	width: 100%;
	overflow: hidden;
	border-left: 1px solid #000;
	padding: 20px 0 20px 20px;
	font-size: 24px
}
.view-pro .flex-box .l .bt span {
	font-size: 38px
}
.view-pro .flex-box .l .bt p {
	color: #565656;
	display: block;
	margin-top: 15px
}
.view-pro .flex-box .l .text {
	padding: 20px 0 20px 20px;
	font-size: 16px;
	color: #666666;
	line-height: 30px
}
.view-pro .flex-box .l .but {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}
.view-pro .flex-box .l .but li {
	position: relative;
	margin-left: 15px
}
.view-pro .flex-box .l .but li a {
	background: #666666;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	color: #fff;
	display: block;
	overflow: hidden;
	font-size: 16px;
	padding: 14px 14px 0 14px;
	text-align: center;
	position: relative;
	z-index: 2
}
.view-pro .flex-box .l .but li .hide {
	position: absolute;
	background: #000;
	left: 90%;
	top: 50%;
	width: 0;
	transform: translateY(-50%);
	color: #fff;
	padding: 0;
	font-size: 18px;
	white-space: nowrap;
	line-height: 40px;
	transition: all .6s;
	overflow: hidden
}
.view-pro .flex-box .l .but li:first-child {
	margin-left: 0
}
.view-pro .flex-box .l .but li:hover a {
	background: #000
}
.view-pro .flex-box .l .but li:hover .hide {
	width: 160px;
	padding: 0 15px
}
.view-pro .flex-box .r {
	width: 50%;
	padding-top: 28px
}
.view-pro .flex-box .r .pic, .view-pro .flex-box .r .video {
	overflow: hidden;
	position: relative;
	cursor: pointer
}
.view-pro .flex-box .r .pic img, .view-pro .flex-box .r .video img {
	width: 100%;
	height: auto
}
.view-pro .flex-box .r .pic i, .view-pro .flex-box .r .video i {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #000;
	font-size: 40px;
	opacity: .5
}
.view-pro .tit {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: url(../img/icon_tit.png) left center no-repeat;
	height: 30px;
	line-height: 1;
	margin-top: 40px
}
.view-pro .tit span {
	margin: 0 10px 0 20px;
	font-size: 30px
}
.view-pro .tit p {
	color: #888
}
.view-pro .tit em {
	display: block;
	font-size: 12px;
	margin-top: 2px
}
.view-pro .web-body {
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	margin-bottom: 30px
}
.videobody {
	padding-top: 15px;
	padding-bottom: 35px
}
.web-body {
	color: #333;
	overflow: hidden;
	line-height: 2;
	text-align: justify
}
.web-body .tit {
	margin-top: 20px;
	background-size: auto 20px
}
.web-body .tit span {
	margin: 0 5px 0 10px;
	font-size: 20px
}
.web-body .tit p {
	display: none
}
.web-body h2 {
	font-size: 18px;
	color: #e50012
}
.web-body img {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;

	margin: 0 auto
}
.pagination {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 40px 0 0 0
}
.pagination li {
	padding: 0 5px
}
.pagination li a, .pagination li span {
	display: block;
	overflow: hidden;
	padding: 0 12px;
	line-height: 32px;
	background: #fff;
	box-shadow: 0 0 5px #eee;
	color: #666
}
.pagination li a:hover {
	background: #e50012;
	color: #fff;
	border-color: #e50012
}
.pagination li.active span {
	cursor: default;
	background: #000000;
	color: #fff
}
.pagination li.disabled span {
	background: #ddd;
	color: #888;
	cursor: not-allowed
}
.artvideo {
	max-width: 680px;
	margin: 0 auto
}
.indexcon {
	padding: 100px 0;
	text-align: center
}
.indexcon .tit {
	font-size: 36px;
	line-height: 1
}
.indexcon .text {
	font-size: 18px;
	margin-top: 10px;
	color: #666
}
.view-pro .ppic {
	max-width: 580px;
	overflow: hidden;
	margin: 30px auto 0
}
.view-pro .ppic .probanbig {
	overflow: hidden;
	position: relative
}
.view-pro .ppic .probanbig .iconfont {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 30px;
	z-index: 1;
	color: #ddd
}
.view-pro .ppic .probanbig img {
	width: 100%;
	height: auto;
	cursor: pointer
}
.view-pro .ppic .probansmall {
	margin-top: 20px;
	overflow: hidden;
	position: relative;
	padding: 0 20px
}
.view-pro .ppic .probansmall .swiper-slide {
	width: 33.33333333%;
	cursor: pointer;
	padding: 0 5px
}
.view-pro .ppic .probansmall .swiper-slide img {
	width: 100%;
	height: auto;
	border: 1px solid #d4d4d4;
	padding: 1px;
	opacity: .8
}
.view-pro .ppic .probansmall .active-nav img {
	border: 1px solid #3b4b56;
	opacity: 1
}
.view-pro .ppic .probansmall .arrow-left, .view-pro .ppic .probansmall .arrow-right {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 30px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	cursor: pointer
}
.view-pro .ppic .probansmall .arrow-left:hover, .view-pro .ppic .probansmall .arrow-right:hover {
	color: #3b4b56
}
.view-pro .ppic .probansmall .arrow-left {
	left: -8px
}
.view-pro .ppic .probansmall .arrow-right {
	right: -8px
}
.bgwhite {
	padding: 0 10px 20px 10px;
	background: #fff
}
.view-pro .procs {
	height: 100%;
	overflow: hidden;
	padding: 30px;
	border-bottom: 1px solid #eee
}
.view-pro .procs .tit2 {
	font-size: 16px;
	font-weight: bold;
	color: #333
}
.view-pro .procs .xun {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 15px 0 0 0
}
.view-pro .procs .xun ul {
	width: 49%;
	margin: -5px 0;
	overflow: hidden
}
.view-pro .procs .xun ul li {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	line-height: 1.8;
	padding: 5px 0
}
.view-pro .procs .xun ul li .bt {
	font-weight: bold
}
.view-pro .procs .xun ul li .text {
	color: #888;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.tan_box video, .tan_box iframe {
	width: 100%;
	height: 100%;
	float: left
}
.videourl, .videourl iframe {
	width: 100% !important;
	max-width: 600px !important;
	height: 450px !important;
	display: block;
	overflow: hidden;
	margin: 0 auto 12px;
	background: #000
}
.vvideourl, .vvideourl iframe {
	width: 100% !important;
	max-width: 1200px !important;
	height: 600px !important;
	display: block;
	overflow: hidden;
	margin: 0 auto 12px;
	background: #000
}
.count {
	line-height: 20px;
	text-align: right;
	overflow: hidden;
	color: #666;
	margin-bottom: 25px
}
.count em {
	color: #000;
	font-weight: bold
}
.miaoshu {
	background: #ebebeb;
	position: relative;
	color: #666666;
	line-height: 24px;
	padding: 20px 50px 15px 50px;
	margin-bottom: 15px
}
.miaoshu em {
	position: absolute;
	left: 0px;
	top: -13px;
	background: #000;
	color: #fff;
	padding: 0 15px;
	line-height: 26px;
	text-align: center
}
.miaoshu em:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 4px solid #000;
	border-bottom: 4px solid transparent
}
.view-pro .flex-box .left {
	width: 100%
}
.view-pro .flex-box .left .ico {
	width: 86px;
	height: 80px
}
.view-pro .flex-box .left .small {
	margin-top: 5px
}
.casetit {
	background: #fff;
	font-size: 24px;
	text-align: center;
	padding: 35px 0
}
.tabak {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-top: -32px;
	padding: 50px
}
.tabak p {
	float: left;
	width: 50%;
	line-height: 30px;
	height: 30px;
	overflow: hidden
}
.list-pro li {
	width: 33.33333%;
	float: left;
	overflow: hidden;
	padding: 10px;
	text-align: center
}
.list-pro li img {
	width: 100%;
	height: auto;
	padding-bottom: 5px
}
.yile-link {
	padding: 20px 0
}
.yile-link h3 {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #000;
	padding-bottom: 15px
}
.yile-link h3 small {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #999
}
.yile-link ul {
	margin-left: -20px
}
.yile-link li {
	float: left;
	margin-left: 20px;
	margin-top: 8px
}
nav .container li>a span {
	font-size: 14px;
	display: block;
	color: #666;
}
nav .container li>a:hover span {
	color: #E7161C
}
footer .ewm p {
	text-align: center;
	padding-top: 5px;
}
.pptitle {
	text-align: right;
	color: #666;
	font-size: 14px;
	font-weight: normal;
	padding-right: 30px;
}
#bdmap {
	border: 3px solid #ddd;
}
.case_box {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 20px;
	background: #fff;
	padding: 15px;
}
.case_box .pic {
	width: 40%;
	text-align: center;
	padding-left: 30px;
}
.case1 .pic, .case3 .pic, .case5 .pic, .case7 .pic, .case9 .pic, .case11 .pic, .case13 .pic {
	order: 1;
	padding-right: 30px;
	padding-left: 0;
}
.case_box .pic img {
	width: 100%;
}
.case_box .box {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	padding: 10px 0;
	position: relative
}
.case_box .box .bt {
	font-size: 30px;
	color: #333
}
.case_box .box .text {
	font-size: 16px;
	line-height: 30px;
	padding: 20px 0 25px 0
}
.case_box .box .but {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 150px;
	text-align: center;
	line-height: 44px;
	background: #333;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
}
.case1 .but, .case3 .but, .case5 .but, .case7 .but, .case9 .but, .case11 .but, .case13 .but {
	left: none;
	right: 0 !important;
}
.case_box .box .but:hover {
	background: #E7161C
}