body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0
}

body {
	font-size: 12px;
	width: 100%
}

img {
	border: 0px
}

table {
	border-collapse: collapse
}

ol,ul,li,dl,dt,dd {
	list-style: none;
	list-style: none;
	margin: 0px;
	padding: 0px
}

abbr,acronym {
	border: 0
}

blockquote {
	color: #666;
	font-style: italic
}

html {
	-webkit-text-size-adjust: none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 12px;
	font-weight: inherit;
	margin: 0px;
	padding: 0px
}

a {
	text-decoration: none;
	color: #000
}

a:link {
	text-decoration: none
}

a:visited {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

a:active {
	text-decoration: none
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: 0px;
	font-size: 0px
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both
}

select::-ms-expand {
	display: none
}

@font-face {
	font-family:'comic';src:url("../fonts/comic.eot");src:url("../fonts/comic.eot#iefix") format("embedded-opentype"),url("../fonts/comic.woff") format("woff"),url("../fonts/comic.woff2") format("woff2"),url("../fonts/comic.ttf") format("truetype"),url("../fonts/comic.svg#comic") format("svg")
}

@font-face {
	font-family:'times';src:url("../fonts/times.eot");src:url("../fonts/times.eot#iefix") format("embedded-opentype"),url("../fonts/times.woff") format("woff"),url("../fonts/times.ttf") format("truetype"),url("../fonts/times.svg#times") format("svg")
}

@font-face {
	font-family:'HelB';src:url("../fonts/HelveticaInseratRomanSemiB.eot");src:url("../fonts/HelveticaInseratRomanSemiB.eot#iefix") format("embedded-opentype"),url("../fonts/HelveticaInseratRomanSemiB.woff") format("woff"),url("../fonts/HelveticaInseratRomanSemiB.woff2") format("woff2"),url("../fonts/HelveticaInseratRomanSemiB.ttf") format("truetype"),url("../fonts/HelveticaInseratRomanSemiB.svg#HelB") format("svg")
}

@font-face {
	font-family:'ROB';src:url("../fonts/ROBOTOCONDENSED.eot");src:url("../fonts/ROBOTOCONDENSED.eot#iefix") format("embedded-opentype"),url("../fonts/ROBOTOCONDENSED.woff") format("woff"),url("../fonts/ROBOTOCONDENSED.woff2") format("woff2"),url("../fonts/ROBOTOCONDENSED.ttf") format("truetype"),url("../fonts/ROBOTOCONDENSED.svg#ROB") format("svg")
}

@font-face {
	font-family:'HELT';src:url("../fonts/HELVETICATHN.eot");src:url("../fonts/HELVETICATHN.eot#iefix") format("embedded-opentype"),url("../fonts/HELVETICATHN.woff") format("woff"),url("../fonts/HELVETICATHN.woff2") format("woff2"),url("../fonts/HELVETICATHN.ttf") format("truetype"),url("../fonts/HELVETICATHN.svg#HELT") format("svg")
}

@font-face {
	font-family:'AVG';src:url("../fonts/AVGARDN.eot");src:url("../fonts/AVGARDN.eot#iefix") format("embedded-opentype"),url("../fonts/AVGARDN.woff") format("woff"),url("../fonts/AVGARDN.woff2") format("woff2"),url("../fonts/AVGARDN.ttf") format("truetype"),url("../fonts/AVGARDN.svg#AVG") format("svg")
}

@font-face {
	font-family:'IMP';src:url("../fonts/impact.eot");src:url("../fonts/impact.eot#iefix") format("embedded-opentype"),url("../fonts/impact.woff") format("woff"),url("../fonts/impact.woff2") format("woff2"),url("../fonts/impact.ttf") format("truetype"),url("../fonts/impact.svg#IMP") format("svg")
}

.table {
	display: table;
	width: 100%;
	height: 100%
}

.table .table-cell {
	display: table-cell;
	vertical-align: middle
}

.w1200 {
	width: 1200px;
	height: auto;
	margin: 0 auto
}

@media (max-width: 1220px) {
	.w1200 {
		width: 94%
	}
}

.w1400 {
	width: 1400px;
	height: auto;
	margin: 0 auto
}

@media (max-width: 1420px) {
	.w1400 {
		width: 94%
	}
}

@media (max-width: 1024px) {
	.is1024 {
		display: none
	}
}

.main {
	width: 100%;
	height: auto;
	overflow: hidden
}

.bocweb-header {
	width: 100%;
	height: auto;
	background: #fff;
	z-index: 30
}

.bocweb-header .header-top {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 34px;
	background: #fafafa;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}

.bocweb-header .header-top .top-new .tits {
	float: left;
	font-size: 12px;
	line-height: 34px;
	color: #666
}

.bocweb-header .header-top .top-new .top-right {
	float: right
}

.bocweb-header .header-top .top-new .top-right a {
	font-size: 12px;
	line-height: 34px;
	color: #666;
	float: left;
	padding-left: 22px;
	transition: color .5s
}

.bocweb-header .header-top .top-new .top-right a:hover {
	color: #ba0006
}

.bocweb-header .header-top .top-new .top-right a.wb {
	background: url(../images/wb.png) left center no-repeat
}

.bocweb-header .header-top .top-new .top-right a.t {
	background: url(../images/top_icon.png) left center no-repeat
}

.bocweb-header .header-top .top-new .top-right span {
	height: 34px;
	width: 1px;
	display: block;
	margin-left: 28px;
	background: url(../images/header_line1.png) center no-repeat;
	float: left;
	margin-right: 8px
}

.bocweb-header .header-center {
	height: 105px;
	background: #fff
}

.bocweb-header .header-center .bocweb-logo {
	width:200px;
	height: 54px;
	float: left;
	display: block;
	margin-top: 37px
}

.bocweb-header .header-center .line {
	width: 1px;
	height: 46px;
	background: url(../images/header_line.png) no-repeat;
	margin-top:32px;
	float: left;
}

.bocweb-header .header-center .tits {
	float: left;
	margin-top: 32px;
	margin-left: 18px
}

.bocweb-header .header-center .tits .t {
	font-size: 20px;
	line-height: 24px;
	color: #e6a655;
	font-weight: bold
}

.bocweb-header .header-center .tits .t1 {
	font-size: 13px;
	line-height: 15px;
	color: #333;
	margin-top: 3px
}

.bocweb-header .header-center .tel {
	float: right;
	background: url(../images/header_tel.png) left center no-repeat;
	padding-left: 50px;
	margin-top:35px;
	height: 39px
}

.bocweb-header .header-center .tel .t {
	font-size: 12px;
	line-height: 14px;
	color: #333
}

.bocweb-header .header-center .tel .t1 {
	font-size: 20px;
	line-height: 24px;
	color: #e6a655;
	font-family: comic;
	font-weight: bold
}

.bocweb-header .header-bottom {
	width: 100%;
	height: 48px;
	border-top: 1px solid #f4f4f5;
	border-bottom: 1px solid #f4f4f5;
	position: relative;
	top: 0;
	left: 0;
	background: #fff
}

.bocweb-header .header-bottom .bocweb-nav ul {
	width: 100%;
	height: auto
}

.bocweb-header .header-bottom .bocweb-nav ul li {
	width: 14.28%;
	float: left;
	height: auto
}

.bocweb-header .header-bottom .bocweb-nav ul li .tits {
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 48px;
	color:#333;
	display: block;
	text-align: center;
	background: url(../images/nav_line.png) right center no-repeat
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav {
	width: 100%;
	height: 278px;
	background: #f1f1f1;
	position: absolute;
	top: 48px;
	left: 0;
	display: none;
	z-index: 100
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new {
	height: 100%
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .con {
	width: 42.5%;
	height: auto;
	float: left
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .con .t1 {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	color: #666;
	padding-top: 32px
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .con .t2 {
	width: 99%;
	padding-left: 1%;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	margin-top: 23px
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .pic {
	width: 25.4%;
	height: auto;
	float: right;
	margin-top: 55px
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .nav {
	width: 15%;
	height: 100%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	float: left;
	padding: 0 2.5%;
	margin-left: 4%
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .nav dl {
	width: 100%;
	height: auto;

	padding-top: 20px
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .nav dl dd {
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 39px;
	border-bottom: 1px solid #fff
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .nav dl dd a {
	display: block;
	width: 100%;
	color: #4a4a4a
}

.bocweb-header .header-bottom .bocweb-nav ul li .mnav .mnav-new .nav dl dd:hover a {
	color: #e6a655
}

.bocweb-header .header-bottom .bocweb-nav ul li:hover .tits {
	background: #e6a655;
	color: #fff
}

.bocweb-header .header-bottom .bocweb-nav ul li.none .tits {
	background: none
}

.bocweb-header .header-bottom .bocweb-nav ul li:last-child .tits {
	background-image: none
}

.bocweb-header .header-bottom .bocweb-nav ul li.on .tits {
	background: #e6a655;
	color: #fff
}

.pa {
	position: fixed !important;
	z-index: 90
}

.bocweb-header-m {
	width: 100%;
	height: 70px;
	background: #fff;
	display: none;
	border-bottom: 1px solid #f4f4f5;
	position: fixed;
	z-index: 30;
	top: 0;
	left: 0
}

.bocweb-header-m .logo {
	width: 170px;
	height: 54px;
	display: block;
	margin-left: 3%;
	padding-top: 8px;
	float: left
}

.bocweb-header-m .nav-click {
	width: 70px;
	height: 100%;
	background-color:#d08f47;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: right
}

.bocweb-header-m .nav-click.on {
	background-image: url(../images/nav_h.png)
}

.bocweb-header-m .mnav {
	width: 220px;
	height: auto;
	background:#d08f47;
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 400;
	display: none
}

.bocweb-header-m .mnav ul {
	width: 100%;
	height: auto
}

.bocweb-header-m .mnav ul li {
	width: 100%;
	height: auto;
	border-top: 1px solid #e09b4f
}

.bocweb-header-m .mnav ul li .tits {
	width: 100%;
	height: 60px;
	background:#d08f47;
	font-size: 16px;
	line-height: 60px;
	display: block;
	color: #fff
}

.bocweb-header-m .mnav ul li .tits span {
	float: left;
	margin-left: 40px
}

.bocweb-header-m .mnav ul li .tits i {
	width: 21px;
	height: 10px;
	display: block;
	float: right;
	background: url(../images/nav_icon1.png) no-repeat;
	margin-right: 30px;
	margin-top: 25px;
	background-size: cover !important
}

.bocweb-header-m .mnav ul li dl {
	width: 100%;
	height: auto;
	display: none
}

.bocweb-header-m .mnav ul li dl dd {
	width: 100%;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	border-top: 1px solid #e09b4f;
	background: #da964b
}

.bocweb-header-m .mnav ul li dl dd a {
	color: #fff;
	padding-left: 40px
}

.bocweb-header-m .mnav ul li.curr .tits i {
	transform: rotate(180deg)
}

@media (max-width: 1024px) {
	.bocweb-header-m {
		display: block
	}
}

@media (max-width: 500px) {
	.bocweb-header-m {
		height: 50px
	}

	.bocweb-header-m .logo {
		width: 120px;
		height: auto;
		padding-top: 6px
	}

	.bocweb-header-m .nav-click {
		width: 50px;
		height: 50px;
		background-size: 45%;
		margin-left: 10px
	}

	.bocweb-header-m .nav-click.on {
		background-size: 35%
	}

	.bocweb-header-m .mnav {
		width: 170px;
		top: 50px
	}

	.bocweb-header-m .mnav ul li .tits {
		font-size: 14px;
		height: 45px;
		line-height: 45px
	}

	.bocweb-header-m .mnav ul li .tits span {
		margin-left: 20px
	}

	.bocweb-header-m .mnav ul li .tits i {
		width: 15px;
		height: 8px;
		margin-right: 15px;
		margin-top: 18px
	}

	.bocweb-header-m .mnav ul li dl dd {
		font-size: 14px;
		line-height: 40px;
		height: 40px
	}

	.bocweb-header-m .mnav ul li dl dd a {
		padding-left: 20px
	}
}

.index-banner {
	width: 100%;
	height: auto;
	position: relative
}

.index-banner ul {
	width: 100%;
	height: auto
}

.index-banner ul li {
	width: 100%;
	height: auto;
	position: relative
}

.index-banner ul li .img {
	width: 100%
}

@media (max-width: 750px) {
	.index-banner ul li .img {
		width: 120%;
		margin-left: -10%
	}
}

.index-banner ul li .con {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0
}

.index-banner ul li .con .pos img {
	display: block;
	transform: translateY(50px);
	opacity: 0;
	transition: all .5s
}

.index-banner ul li .con1 .pos {
	width: 1420px;
	height: auto;
	margin: 12.8% auto 0
}

.index-banner ul li .con1 .pos .img1 {
	width: 18.2%
}

.index-banner ul li .con1 .pos .img2 {
	width: 33.4%;
	margin-bottom: 4px
}

.index-banner ul li .con1 .pos .img3 {
	width: 32%
}

@media (max-width: 1440px) {
	.index-banner ul li .con1 .pos {
		width: 96%;
		margin: 10% auto 0
	}
}

@media (max-width: 750px) {
	.index-banner ul li .con1 .pos .img1 {
		width: 27%
	}

	.index-banner ul li .con1 .pos .img2 {
		width: 50%
	}

	.index-banner ul li .con1 .pos .img3 {
		width: 44%
	}
}

.index-banner ul li .con2 .pos {
	width: 100%;
	height: auto;
	margin: 11% auto 0
}

.index-banner ul li .con2 .pos img {
	margin: 0 auto
}

.index-banner ul li .con2 .pos .img2 {
	margin: 20px auto 0
}

@media (max-width: 600px) {
	.index-banner ul li .con2 .pos .img1 {
		width: 80%
	}

	.index-banner ul li .con2 .pos .img2 {
		width: 60%
	}
}

.index-banner ul li .con3 .pos {
	width: 1120px;
	height: auto;
	margin: 11% auto 0
}

.index-banner ul li .con3 .pos .img1 {
	width: 35%
}

.index-banner ul li .con3 .pos .img2 {
	margin-top: 55px;
	width: 51.4%
}

@media (max-width: 1140px) {
	.index-banner ul li .con3 .pos {
		width: 96%
	}

	.index-banner ul li .con3 .pos .img2 {
		margin-top: 30px
	}
}

@media (max-width: 645px) {
	.index-banner ul li .con3 .pos .img1 {
		width: 52%
	}

	.index-banner ul li .con3 .pos .img2 {
		width: 88%
	}
}

.index-banner ul li .con4 .pos {
	height: auto;
	margin-left: 36.5%;
	margin-top: 15.3%
}

.index-banner ul li .con4 .pos .img2 {
	margin-top: 28px
}

.index-banner ul li .con4 .pos .img3 {
	margin-top: 40px
}

@media (max-width: 1110px) {
	.index-banner ul li .con4 .pos {
		width: 90%;
		margin-left: 5%;
		margin-top: 10%
	}

	.index-banner ul li .con4 .pos img {
		max-width: 100%
	}

	.index-banner ul li .con4 .pos .img1 {
		width: 60%
	}

	.index-banner ul li .con4 .pos .img2 {
		width: 50%;
		margin-top: 15px
	}

	.index-banner ul li .con4 .pos .img3 {
		width: 90%;
		margin-top: 20px
	}
}

.index-banner ul li.swiper-slide-active .con .pos img {
	transform: translateY(0);
	opacity: 1
}

.index-banner .btns {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 10;
	text-align: center
}

.index-banner .btns span {
	width: 12px;
	height: 12px;
	border-radius: 13px;
	background: #fff;
	display: inline-block;
	margin: 0 10px
}

.index-banner .btns span.swiper-pagination-bullet-active {
	background: #e6a655
}

@media (max-width: 1024px) {
	.index-banner .btns {
		bottom: 20px
	}
}

@media (max-width: 600px) {
	.index-banner .btns {
		bottom: 10px
	}

	.index-banner .btns span {
		width: 10px;
		height: 10px;
		border-radius: 10px
	}
}

@media (max-width: 1024px) {
	.index-banner {
		margin-top: 70px !important
	}
}

@media (max-width: 500px) {
	.index-banner {
		margin-top: 50px !important
	}
}

.index {
	width: 100%;
	height: auto
}

.index .index-top {
	height: 50px
}

.index .index-top .hot {
	font-size: 12px;
	font-weight: bold;
	line-height: 50px;
	float: left
}

.index .index-top .hot span {
	color: #ba0006;
	float: left
}

.index .index-top .hot a {
	background: url(../images/header_line1.png) left center no-repeat;
	display: block;
	height: 50px;
	float: left;
	padding-left: 24px;
	margin-left: 20px;
	color: #666;
	transition: color .5s
}

@media (min-width: 1024px) {
	.index .index-top .hot a:hover {
		color: #ba0006
	}
}

.index .index-top .bocweb-search {
	width: 20.6%;
	height: 29px;
	position: relative;
	float: right;
	margin-top: 8px
}

.index .index-top .bocweb-search .text {
	width: 80.2%;
	height: 27px;
	float: left;
	border: 1px solid #bbc1c5;
	background: none;
	font-size: 12px;
	line-height: 27px;
	color: #666;
	padding-left: 4%
}

.index .index-top .bocweb-search .submit {
	width: 15.8%;
	height: 29px;
	float: left;
	background: #a00000 url(../images/search.png) center no-repeat;
	margin-left: -2px
}

@media (max-width: 1024px) {
	.index .index-top .hot {
		display: none
	}

	.index .index-top .bocweb-search {
		width: 60%;
		float: left
	}
}

@media (max-width: 400px) {
	.index .index-top .bocweb-search {
		width: 100%
	}
}

.index .index-about {
	width: 100%;
	height: auto;
	background: url(../images/index_bg1.png) no-repeat;
	background-size: cover !important
}

.index .index-about .about-new {
	padding-top: 56px;
	padding-bottom: 75px
}

.index .index-about .about-new .title {
	width: 100%;
	height: auto;
	text-align: center
}

.index .index-about .about-new .title .tits {
	font-size: 45px;
	line-height: 46px;
	color: #6c6c6c;
	text-transform: uppercase;
	font-family: times
}

.index .index-about .about-new .title .tit {
	font-size: 26px;
	line-height: 28px;
	color: #6c6c6c;
	margin-top: 4px
}

.index .index-about .about-new .tit1 {
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	width: 100%;
	color: #666;
	margin-top: 54px
}

.index .index-about .about-new .tit1 span {
	display: block;
	font-weight: bold;
	font-size: 18px
}

.index .index-about .about-new .list {
	width: 50%;
	height: auto;
	margin: 37px auto 0
}

.index .index-about .about-new .list .item {
	width: 33.3%;
	height: auto;
	float: left;
	text-align: center
}

.index .index-about .about-new .list .item span {
	font-size: 60px;
	line-height: 62px;
	color: #d08f47;
	display: block;
	font-family: HelB
}

.index .index-about .about-new .list .item i {
	font-size: 14px;
	line-height: 16px;
	color: #666;
	display: block;
	margin-top: 2px
}

.index .index-about .about-new .box {
	width: 100%;
	height: auto;
	margin-top: 60px
}

.index .index-about .about-new .box .video {
	width: 24.2%;
	height: auto;
	float: left;
	position: relative;
	cursor: pointer
}

.index .index-about .about-new .box .video .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/index_bg_c.png) no-repeat;
	background-size: cover !important
}

.index .index-about .about-new .box .box-new {
	width: 65.7%;
	height: auto;
	float: left;
	margin-top: 33px;
	margin-left: 2.8%
}

.index .index-about .about-new .box .box-new a {
	width: 25%;
	display: block;
	float: left;
	height: auto;
	transition: all .5s
}

.index .index-about .about-new .box .box-new a .icon {
	width:80px;
	height:89px;
/*	border: 1px solid #c5c5cb;
*/	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
/*	border-radius: 78px;
*/	transition: all .5s
}

.index .index-about .about-new .box .box-new a .i1 {
	background-image: url(../images/serve_one.png)
}

.index .index-about .about-new .box .box-new a .i2 {
	background-image: url(../images/serve_two.png)
}

.index .index-about .about-new .box .box-new a .i3 {
	background-image: url(../images/serve_thr.png)
}

.index .index-about .about-new .box .box-new a .i4 {
	background-image: url(../images/serve_four.png)
}

.index .index-about .about-new .box .box-new a .tits {
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 21px
}

.index .index-about .about-new .box .box-new a .tits .t {
	font-size: 15px;
	color:#d08f47;
	line-height: 22px
}

.index .index-about .about-new .box .box-new a .tits .line {
	width: 9px;
	height: 1px;
	background: #211f2d;
	margin: 8px auto 0
}

.index .index-about .about-new .box .box-new a .tits .t1 {
	font-size: 14px;
	line-height: 22px;
	color: #999;
	text-transform: uppercase;
	font-family: ROB;
	margin-top: 7px
}


@media (max-width: 1150px) {
	.index .index-about .about-new .box .box-new {
		margin-top: 10px
	}
}

@media (max-width: 940px) {
	.index .index-about .about-new {
		padding-top: 40px;
		padding-bottom: 50px
	}

	.index .index-about .about-new .box .box-new {
		margin-top: 0
	}

	.index .index-about .about-new .box .box-new a .tits {
		margin-top: 10px
	}
}

@media (max-width: 750px) {
	.index .index-about .about-new .tit1 {
		margin-top: 20px
	}

	.index .index-about .about-new .list {
		width: 80%
	}

	.index .index-about .about-new .box {
		margin-top: 30px
	}

	.index .index-about .about-new .box .video {
		width: 100%;
		float: none
	}

	.index .index-about .about-new .box .box-new {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 20px
	}
}

@media (max-width: 480px) {
	.index .index-about .about-new .title .tits {
		font-size:28px;
		line-height: 36px
	}

	.index .index-about .about-new .title .tit {
		font-size: 20px;
		line-height: 22px
	}

	.index .index-about .about-new .tit1 span {
		display: inline-block
	}

	.index .index-about .about-new .list {
		width: 100%;
		margin-top: 20px
	}

	.index .index-about .about-new .list .item span {
		font-size: 40px;
		line-height: 42px
	}

	.index .index-about .about-new .box .box-new a {
		width: 50%;
		margin-bottom: 10px
	}
}

.index .index-product {
	padding-top: 3.7%;
	padding-bottom: 5.5%
}

.index .index-product .title {
	width: 100%;
	height: auto;
	text-align: center;
	color: #6c6c6c
}

.index .index-product .title .tits {
	font-size: 45px;
	line-height: 47px;
	font-family: times;
	text-transform: uppercase
}

.index .index-product .title .tit {
	font-size: 26px;
	line-height: 28px;
	margin-top: 3px
}

.index .index-product .list {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: 9%
}

.index .index-product .list ul {
	width: 1000%;
	height: auto
}

.index .index-product .list ul li {
	width: 282px;
	height: auto;
	float: left;
	margin-right: 24px;
	border-bottom: 2px solid #efefef
}

.index .index-product .list ul li a {
	width: 100%;
	height: 100%;
	display: block
}

.index .index-product .list ul li a .pic {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative
}

.index .index-product .list ul li a .pic .bg {
	width: 93%;
	height: 95%;
	position: absolute;
	top: 2.5%;
	left: 3.5%;
	background: url(../images/index_bg2.png) no-repeat;
	background-size: cover !important;
	opacity: 0;
	transition: all .5s
}

.index .index-product .list ul li a .pic .bg .con {
	width: 100%;
	height: auto;
	color: #fff;
	text-align: center;
	padding-top: 30%
}

.index .index-product .list ul li a .pic .bg .con .tits {
	font-size: 28px;
	line-height: 30px;
	transform: translateY(10px);
	transition: all .5s
}

.index .index-product .list ul li a .pic .bg .con .tit {
	width: 61.5%;
	margin: 9.5% auto 0;
	font-size: 16px;
	line-height: 30px;
	transform: translateY(20px);
	transition: all .5s
}

.index .index-product .list ul li a .pic .bg .con .tit1 {
	font-size: 16px;
	line-height: 30px;
	transform: translateY(30px);
	transition: all .5s
}

.index .index-product .list ul li a .pic .bg .con .icon {
	width: 22.5%;
	height: auto;
	margin: 11% auto 0;
	transform: translateY(40px);
	transition: all .5s
}

.index .index-product .list ul li a .txt {
	width: 100%;
	font-size:18px;
	color: #333;
	text-align: center;
	height: 60px;
	line-height: 60px;
	transition: color .5s
}

.index .index-product .list ul li:nth-child(even) {
	border-top: 2px solid #efefef;
	border-bottom: none
}

.index .index-product .list ul li:nth-child(odd) {
	margin-top: 24px
}

@media (min-width: 1024px) {
	.index .index-product .list ul li:hover a .pic .bg {
		opacity: 1
	}

	.index .index-product .list ul li:hover a .pic .bg .con .tits {
		transform: translateY(0)
	}

	.index .index-product .list ul li:hover a .pic .bg .con .tit {
		transform: translateY(0)
	}

	.index .index-product .list ul li:hover a .pic .bg .con .tit1 {
		transform: translateY(0)
	}

	.index .index-product .list ul li:hover a .pic .bg .con .icon {
		transform: translateY(0)
	}

	.index .index-product .list ul li:hover a .txt {
		color:#d08f47
	}
}

.index .index-product .list .a {
	width: 58px;
	height: 58px;
	position: absolute;
	top: 50%;
	margin-top: -29px;
	display: block;
	background-size: cover !important;
	z-index: 10
}

.index .index-product .list .a.prev {
	left: 0;
	background: url(../images/index_prev.png) no-repeat
}

.index .index-product .list .a.next {
	right: 0;
	background: url(../images/index_next.png) no-repeat
}

@media (max-width: 800px) {
	.index .index-product .title .tits {
		font-size: 34px;
		line-height: 36px
	}

	.index .index-product .title .tit {
		font-size: 22px;
		line-height: 24px
	}
}

@media (max-width: 500px) {
	.index .index-product .title .tits {
		font-size: 28px;
		line-height: 30px
	}

	.index .index-product .title .tit {
		font-size: 18px;
		line-height: 20px
	}
}

.index .index-gg {
	width: 100%;
	height: auto
}

.index .index-gg a {
	width: 100%;
	height: auto;
	display: block
}

@media (max-width: 1024px) {
	.index .index-gg a img {
		width: 130%;
		margin-left: -15%
	}
}

@media (max-width: 700px) {
	.index .index-gg a img {
		width: 160%;
		margin-left: -30%
	}
}

.index .index-dz {
    padding-top: 3.5%;
    padding-bottom:3.5%;
}
.index .index-dz .title .tits {
	font-size: 45px;
	line-height: 47px;
	font-family: times;
	text-transform: uppercase
}
.index .index-dz .title {
    width: 100%;
    height: auto;
    text-align: center;
    color: #6c6c6c;
}
.index .index-dz .title .tit {
	font-size: 26px;
	line-height: 28px;
	margin-top: 3px
}


.bclist{margin-top:5%;}
.bclist .list-box { float:left; width: 33.33333%;}
.bclist .item {display: block;margin: 0 20px 10px;}
.bclist .img-box {padding: 10px;background-color: #fff; border: 1px #ddd solid;}
.bclist .img-box .img {position: relative;padding-top: 65.76355%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;}
.bclist .img-box .img img {position: absolute;top: 50%;left: 50%;max-width: 100%;max-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);-webkit-transition: .4s ease all;-moz-transition: .4s ease all;-o-transition: .4s ease all;transition: .4s ease all;}
.bclist .item:hover .img img {-webkit-transform: translate(-50%, -50%) scale(1.05);-moz-transform: translate(-50%, -50%) scale(1.05);-ms-transform: translate(-50%, -50%) scale(1.05);transform: translate(-50%, -50%) scale(1.05);}
.bclist .msg-box {width: 100%;padding: 18px 0;text-align: center;font-size: 16px;color: #666;}


@media (max-width: 800px) {
	.index .index-dz .title .tits {
		font-size: 34px;
		line-height: 36px
	}

	.index .index-dz .title .tit {
		font-size: 22px;
		line-height: 24px
	}
}

@media (max-width: 500px) {
	.index .index-dz .title .tits {
		font-size: 28px;
		line-height: 30px
	}

	.index .index-dz .title .tit {
		font-size: 18px;
		line-height: 20px
	}
}


@media (max-width: 500px) {
    .bclist .list-box { float:left; width:50%;}
    .bclist .item {display: block;margin: 0 3px 3px;}
    .bclist .img-box {padding:5px;}
}



.index .index-advantage {
	width: 100%;
	height: auto;
	background: url(../images/index_bg2.jpg) center no-repeat;
	background-size: cover !important;
	padding-bottom: 6%
}

.index .index-advantage .advantage-new {
	padding-top: 4.7%
}

.index .index-advantage .advantage-new .title {
	width: 100%;
	height: auto;
	text-align: center
}

.index .index-advantage .advantage-new .content {
	width: 100%;
	height: auto;
	margin-top: 4.8%
}

.index .index-advantage .advantage-new .content .box {
	width: 100%;
	height: auto
}

.index .index-advantage .advantage-new .content .box .con {
	width: 51.7%;
	height: auto;
	margin-top: 30px
}

.index .index-advantage .advantage-new .content .box .con .t {
	width: 100%;
	height: auto;
	margin-bottom: 48px
}

.index .index-advantage .advantage-new .content .box .con .t .t1 {
	width: 100%;
	height: auto;
	margin-bottom: 10px
}

.index .index-advantage .advantage-new .content .box .con .t .t1 i {
	width: 32px;
	height: 33px;
	display: block;
	float: left;
	background: url(../images/index_icon6.png) center no-repeat
}

.index .index-advantage .advantage-new .content .box .con .t .t1 span {
	width: 92.7%;
	height: auto;
	display: block;
	float: left;
	font-size: 24px;
	line-height: 33px;
	color:#d08f47;
	font-weight: bold;
	margin-left: 7px
}

.index .index-advantage .advantage-new .content .box .con .t .t2 {
	width: 100%;
	height: auto
}

.index .index-advantage .advantage-new .content .box .con .t .t2 i {
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	background: url(../images/index_icon7.png) center no-repeat
}

.index .index-advantage .advantage-new .content .box .con .t .t2 span {
	font-size: 14px;
	line-height:24px;
	float: left;
	width: 94.4%;
	display: block;
	margin-left: 3px
}

.index .index-advantage .advantage-new .content .box .pic {
	width: 35%;
	height: auto
}

.index .index-advantage .advantage-new .content .box .con1 {
	width: 40.6%;
	margin-top: 6.7%
}

.index .index-advantage .advantage-new .content .box .con1 .t .t1 span {
	width: 86%
}

.index .index-advantage .advantage-new .content .box .con1 .t .t2 span {
	width: 87%
}

.index .index-advantage .advantage-new .content .box .pic1 {
	width: 39.9%;
	margin-top: -40px
}

@media (max-width: 1220px) {
	.index .index-advantage .advantage-new .content .box .con {
		width: 55%
	}

	.index .index-advantage .advantage-new .content .box .con .t .t1 span {
		width: 90%
	}

	.index .index-advantage .advantage-new .content .box .con .t .t2 span {
		width: 92%
	}

	.index .index-advantage .advantage-new .content .box .con1 {
		width: 43%;
		margin-top: 2%
	}

	.index .index-advantage .advantage-new .content .box .con1 .t .t1 span {
		width: 82%
	}

	.index .index-advantage .advantage-new .content .box .con1 .t .t2 span {
		width: 85%
	}
}

@media (max-width: 840px) {
	.index .index-advantage .advantage-new .content .box .con .t {
		margin-bottom: 25px
	}

	.index .index-advantage .advantage-new .content .box .con .t .t1 span {
		width: 85%
	}

	.index .index-advantage .advantage-new .content .box .con .t .t2 span {
		width: 87%
	}

	.index .index-advantage .advantage-new .content .box .con1 .t .t1 span {
		width: 78%
	}

	.index .index-advantage .advantage-new .content .box .con1 .t .t2 span {
		width: 79%
	}

	.index .index-advantage .advantage-new .content .box .pic1 {
		margin-top: -20px
	}
}

@media (max-width: 650px) {
	.index .index-advantage .advantage-new .title img {
		width: 60%
	}

	.index .index-advantage .advantage-new .content .box .pic {
		display: none
	}

	.index .index-advantage .advantage-new .content .box .con {
		width: 100%;
		margin-top: 0
	}

	.index .index-advantage .advantage-new .content .box .con .t .t1 span {
		font-size: 18px
	}

	.index .index-advantage .advantage-new .content .box .con1 {
		float: none;
		margin-top: 0
	}
}

@media (max-width: 450px) {
	.index .index-advantage .advantage-new .title img {
		width: 90%
	}
}

.index .index-news {
	width: 100%;
	height: auto;
	background: #f8f8f8;
	background-size: cover !important
}

.index .index-news .news-new {
	padding-top: 2.7%;
	padding-bottom: 1.8%
}

.index .index-news .news-new .title {
	width: 100%;
	height: auto;
	text-align: center;
	color: #6c6c6c
}

.index .index-news .news-new .title .tits {
	font-size: 45px;
	line-height: 47px;
	text-transform: uppercase;
	font-family: times
}

.index .index-news .news-new .title .tit {
	font-size: 26px;
	line-height: 28px;
	margin-top: 3px
}

.index .index-news .news-new .content {
	width: 100%;
	height: auto;
	margin-top: 4.5%
}

.index-news .content{ margin-bottom:30px;}
.ul-imgtxt03 li{float: left;width: 31.33%; margin:0 1%; background:#fff; }
.ul-imgtxt03 li a{display: block;margin:18px 18px 0 18px;}
.ul-imgtxt03 li .pic{overflow: hidden;position: relative;}
.ul-imgtxt03 li .pic img{display: block;width:350px; height:220px; margin: auto;}
.ul-imgtxt03 li .txt{padding: 20px 0;}
.ul-imgtxt03 li .txt .tit{padding-bottom: 20px;position: relative;border-bottom: 1px solid #ccc;}
.ul-imgtxt03 li:hover .txt .tit{border-bottom: 1px solid #fff;}
.ul-imgtxt03 li .txt .tit:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;
-webkit-transition: .3s;-o-transition: .3s;}
.ul-imgtxt03 li:hover .txt .tit:after{width: 100%;background-color:#d08f47;}
.ul-imgtxt03 li .txt .tit h3{margin-bottom: 15px;font-size: 16px; color:#333;font-weight: 400;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ul-imgtxt03 li:hover .txt .tit h3{color:#d08f47;}
.ul-imgtxt03 li .txt .tit span{font-size: 12px;color: #666;}
.ul-imgtxt03 li .txt p{margin: 20px 0;font-size: 12px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


.index-news .more{ background:#d08f47; line-height:45px; text-align:center;  border-radius:15px; width:140px; height:45px; margin:0 auto}
.index-news .more a{ font-size:15px; color:#fff}





@media (max-width: 500px) {
	.index-news .content{ margin-bottom:2%;}
	.index .index-news .news-new .title .tits {
		font-size: 28px;
		line-height:30px
	}

	.index .index-news .news-new .title .tit {
		font-size: 18px;
		line-height: 20px
	}	
	
  .ul-imgtxt03 li{float: left;width:100%; margin-bottom:2%; margin-left:0; margin-right:0; }
  .index-news .more{ display:none;}
}

.bocweb-footer {
	width: 100%;
	height: auto;
	background: #2c2c2c
}
.bocweb-footer .foot{ padding:3% 0; color:#D8D8D8;}


.footer-c{ width:36%; margin-right:6%}
.footer-c-tit h3{ font-size:20px;}
.footer-c-tit h4{ font-size:15px;}

.footer-c p{ font-size:14px; margin:10px 0;}
.footer-c ul{}
.footer-c ul li{ float:left; margin-right:15px;}

.footer-a{width:16%; }
.footer-a img{ padding-top:15px;}

.footer-d{width:36%; margin-left:6%; }
.footer-d h3{ font-size:16px; margin-bottom:1%;}
.footer-d p{ font-size:14px; line-height:30px;}
.footer-d p a{ color:#D8D8D8}


@media (max-width:500px) {
  .footer-c{ width:100%; margin-bottom:5%}
  .footer-a{width:100%; margin-bottom:5%}
  .footer-d{width:100%; margin-left:0}
}


.banner {
	width: 100%;
	height: auto;
	position: relative
}

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

.banner .pos {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.banner .pos .con {
	padding-top: 7.5%;
	text-align: center
}

.banner .pos .con .tits {
	font-size: 36px;
	line-height: 38px;
	color: #fff
}

.banner .pos .con .tit {
	font-size: 16px;
	line-height: 24px;
	color: #d3d3d3;
	text-transform: uppercase;
	font-family: Arial;
	margin-top: 13px
}

@media (max-width: 1024px) {
	.banner {
		margin-top: 70px
	}

	.banner img {
		width: 120%;
		margin-left: -10%
	}
}

@media (max-width: 600px) {
	.banner img {
		width: 140%;
		margin-left: -20%
	}

	.banner .pos .con {
		padding-top: 10%
	}

	.banner .pos .con .tits {
		font-size: 26px;
		line-height: 28px
	}

	.banner .pos .con .tit {
		margin-top: 5px;
		font-size: 14px;
		line-height: 20px
	}
}

@media (max-width: 500px) {
	.banner {
		margin-top: 50px
	}
}

@media (max-width: 400px) {
	.banner img {
		width: 160%;
		margin-left: -30%
	}
}

.bocweb-subnav {
	width: 100%;
	height: 52px;
	background: #fff;
	border-bottom: 1px solid #d9d9d9
}

.bocweb-subnav .subnav {
	text-align: center
}

.bocweb-subnav .subnav a {
	display: inline-block;
	font-size: 14px;
	line-height: 52px;
	color: #666;
	height: 52px;
	position: relative;
	margin: 0 36px;
	transition: all .5s
}

.bocweb-subnav .subnav a span {
	width: 28px;
	height: 4px;
	background: #9c3222;
	position: absolute;
	left: 50%;
	bottom: -1px;
	margin-left: -14px;
	display: block;
	opacity: 0;
	transition: all .5s
}

.bocweb-subnav .subnav a.on {
	font-weight: bold;
	color: #9c3222
}

.bocweb-subnav .subnav a.on span {
	opacity: 1
}

.bocweb-subnav .subnav a:hover {
	font-weight: bold;
	color: #9c3222
}

.bocweb-subnav .subnav a:hover span {
	opacity: 1
}

.bocweb-subnav-m {
	width: 100%;
	height: auto;
	position: relative;
	display: none
}

.bocweb-subnav-m .tits {
	width: 94%;
	height: 64px;
	padding: 0 3%;
	font-size: 28px;
	color: #3a3939;
	line-height: 64px;
	background: #fff;
	border-bottom: 1px solid #d9d9d9
}

.bocweb-subnav-m .tits span {
	float: left
}

.bocweb-subnav-m .tits i {
	width: 21px;
	height: 100%;
	background: url(../images/m_down1.png) center no-repeat;
	float: right
}

.bocweb-subnav-m dl {
	width: 100%;
	height: auto;
	position: absolute;
	top: 64px;
	left: 0;
	background: #ba0006;
	display: none;
	z-index: 1000
}

.bocweb-subnav-m dl dd {
	width: 100%;
	height: 55px;
	border-top: 1px solid #de7378
}

.bocweb-subnav-m dl dd a {
	width: 94%;
	padding: 0 3%;
	height: 100%;
	display: block;
	font-size: 24px;
	line-height: 50px;
	color: #fff
}

@media (max-width: 1024px) {
	.bocweb-subnav-m {
		display: block
	}
}

@media (max-width: 640px) {
	.bocweb-subnav-m .tits {
		height: 50px;
		line-height: 50px;
		font-size: 22px
	}

	.bocweb-subnav-m dl {
		top: 50px
	}

	.bocweb-subnav-m dl dd {
		height: 45px
	}

	.bocweb-subnav-m dl dd a {
		line-height: 45px;
		font-size: 18px
	}
}

@media (max-width: 374px) {
	.bocweb-subnav-m .tits {
		height: 45px;
		line-height: 45px;
		font-size: 18px
	}

	.bocweb-subnav-m dl {
		top: 45px
	}

	.bocweb-subnav-m dl dd {
		height: 40px
	}

	.bocweb-subnav-m dl dd a {
		line-height: 40px;
		font-size: 16px
	}
}

@media (max-width: 1024px) {
	.bocweb-subnav-m {
		display: block
	}
}


@media (min-width: 1025px) {
	.js-m {
		transform: translateY(50px);
		opacity: 0
	}

	.js-m1 {
		transform: translateX(-50px);
		opacity: 0
	}

	.js-m2 {
		transform: translateX(50px);
		opacity: 0
	}

	.js-m3 {
		transform: translateY(-50px);
		opacity: 0
	}
}
/*# sourceMappingURL=style.css.map */


.banner-box {
  width: 100vw;
  height:430px;
  position: relative;
}
.banner-box .img-box {
  width: 100%;
  height: 100%;
}
.banner-box .img-box img {
  width: 100%;
  height: 100%;
}
.banner-nav {
  padding: 138px 0 38px;
  position: absolute;
  bottom:100px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 700px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.banner-nav h4 {
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1;
}
.banner-nav .link-a {
  float: right;
}
.banner-nav a {
  display: inline-block;
  font-size: 18px;
  color: #EAEAEA;
  line-height: 22px;
  margin-right: 98px;
}
.banner-nav .on {
  color: #FFFFFF;
  font-weight: bold;
}
.banner-nav a:hover {
  color: #FFFFFF;
  font-weight: bold;
}

.mainbox {
    max-width: 1200px !important;
    margin: 0 auto;
}
/*
* 关于我们
*/
.about-main {
  padding-top: 40px;
}
.about-main .title-box {
  margin-bottom: 60px;
}

.title-box {
  margin:20px auto 0;
  text-align: center;
}
.title-box img {
  width: 36px;
  height: 30px;
}
.title-box h2 {
  font-size:36px;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  margin: 20px 0;
}
.title-box p {
  font-size: 36px;
  font-family: Arial;
  font-weight: bold;
  color: #F1F0F0;
}
.about-title {
  margin-bottom: 45px;
}
.about-title h4 {
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 18px;
  line-height: 1;
}
.about-title p {
  font-size: 22px;
  color: #999999;
  line-height: 1;
}
.about-txt p {
  font-size:16px;
  color: #333333;
  line-height:36px;
  margin-bottom:20px
}
.about-img {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: 50px auto 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #E6E6E6;
}
.about-img .img-box {
  max-width: 32%;
  min-width: 32%;
  max-height: 260px;
}
.about-img .img-box img {
  width: 100%;
  height: 100%;
}


@media only screen and (max-width: 500px) {
	.about-main {
    padding: 0 20px;
   }
.about-main .title-box {
    margin-bottom: 40px;
}
  .banner-box {
    height: 200px;
  }
  
 .banner-nav {
    padding: 138px 0 18px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 700px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}  
  
  .banner-nav {
    width: calc(100% - 80px);
  }
  .banner-nav h4 {
    font-size: 14px;
	line-height:24px;
  }
  .banner-nav a {
    font-size: 12px;
    line-height: 14px;
	margin-right: 15px;
  }

.title-box {
    margin: 20px auto;
  }
  .title-box h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .title-box p {
    font-size: 14px;
  }
  .about-title {
    margin-bottom: 40px;
  }
  .about-title h4 {
    font-size: 16px;
  }
  .about-title p {
    font-size: 12px;
  }
  .about-txt p {
    font-size: 14px;
	line-height:30px;

  }
  .about-img {
    margin-top:30px;
    margin-bottom: 10px;
	padding-bottom:30px;
  }
  .about-img .img-box {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 10px;
  }
}
.about-b-txt {
  margin-bottom: 50px;
}
.about-b-txt h5 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  margin-bottom: 10px;
}
.about-b-txt p {
  font-size: 16px;
  color: #333333;
  line-height: 40px;
}
@media only screen and (max-width: 500px) {
	.about-b-txt {
     margin-bottom: 20px;
   }
  .about-b-txt h5 {
    font-size: 16px;
  }
  .about-b-txt p {
  font-size: 14px;
  }
}


.product-list {
  display: flex;
  flex-flow: wrap;
  justify-content: left;
  margin-right: -20px;
  margin-top:80px;
}
.product-list li {
  margin-bottom: 20px;
  max-width:285px;
  min-width:285px;
  margin-right: 20px;
}
.product-list .img-box {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}
.product-list .img-box img {
  width: 100%;
  transition: 500ms;
  transform: scale(1);
}
.product-list p {
  display: block;
  padding: 20px 10px;
  line-height: 1;
  text-align: center;
  font-size: 18px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.product-list a:hover p {
  font-weight: bold;
  color: #e6a655;
}
.product-list li:hover .img-box img {
  transition: 500ms;
  transform: scale(1.05);
}
  
  
@media only screen and (max-width: 500px) {
.product-list {
  margin-right:0px;
  margin-top:40px;
}
.product-list li {
  max-width:42%;
  min-width:42%;
  margin:0 4%;
}
.product-list .img-box {
  width: 100%;
  height:auto;
}
.product-list p {
  font-size: 16px;
}


}
 
 
 
.case-list {
  display: flex;
  flex-flow: wrap;
  justify-content: left;
  margin-right: -20px;
  margin-top:80px;
}
.case-list li {
  margin-bottom: 20px;
  max-width:370px;
  min-width:370px;
  margin-right: 20px;
}
.case-list .img-box {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}
.case-list .img-box img {
  width: 100%;
  transition: 500ms;
  transform: scale(1);
}
.case-list p {
  display: block;
  padding: 20px 10px;
  line-height: 1;
  text-align: center;
  font-size: 18px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.case-list a:hover p {
  font-weight: bold;
  color: #e6a655;
}
.case-list li:hover .img-box img {
  transition: 500ms;
  transform: scale(1.05);
}
  
  
@media only screen and (max-width: 500px) {
.case-list {
  margin-right:0px;
  margin-top:40px;
}
.case-list li {
  max-width:42%;
  min-width:42%;
  margin:0 4%;
}
.case-list .img-box {
  width: 100%;
  height:auto;
}
.case-list p {
  font-size: 16px;
}


}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  
.head-bread {
  padding: 28px 0;
  border-bottom: 1px solid #E6E6E6;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.head-bread a{
  color: #333333;
}
.rich-box {
  padding:50px 0px;
}
.rich-box h3 {
  font-size:24px;
  font-weight: bold;
  color: #333333;
  line-height: 42px;
  text-align:center;
}
.rich-box p {
  margin-top: 66px;
  font-size: 18px;
  color: #333333;
  line-height: 48px;
}
.rich-box h4 {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  margin-top: 66px;
}
.rich-box img {
  display: block;
  margin: 50px auto;
}  
  
  
@media only screen and (max-width: 500px) {
  
.head-bread {
  margin-top:30px;
  padding:0 20px 10px 20px;
  border-bottom: 1px solid #E6E6E6;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
} 
.rich-box {
  padding:50px 20px;
}
.rich-box h3 {
  font-size:20px;
}

.rich-box img {
  display: block;
  margin: 20px auto;
  width:100%;
}   
  
 } 
.news-list {
    display: flex;
    flex-flow: wrap;
    justify-content: left;
    margin-top: 50px;
    margin-right: -30px;
}
.news-list li {
  max-width: 380px;
  min-width: 380px;
  background: #FFFFFF;
  border-radius: 8px;
  margin-bottom: 30px;
  overflow: hidden;
  margin-right: 30px;
}
.news-list a {
  display: block;
  position: relative;
  padding-bottom: 35px;
}
.news-list .img-box {
  width: 100%;
  height: 250px;
} 
.news-list .img-box img {
  width: 100%;
  height: 100%;
}

.news-list h3{
	font-size:16px;
	color:#333;
	font-weight:bold;
	line-height:40px;
	padding:15px 15px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.news-list .time{
	font-size:14px;
	line-height:30px;
	padding: 0 15px ;
}


.news-list p {
  font-size: 14px;
  color: #666;
  line-height: 28px;
  padding: 0 15px;
  margin-top: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

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

.news-list {
	margin-left:20px;
    margin-right:20px;
}
	
.news-list li {
  max-width: 100%;
  min-width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  margin-bottom: 30px;
  overflow: hidden;
   margin-right:0;
}
	

.news-list .img-box {
  width: 100%;
  height: auto;
} 
.news-list .img-box img {
  width: 100%;
  height: auto;
}
	
}
.news-box{ margin:40px 0;}
.news-box .time{ text-align:center;}
.news-box h3 {
  font-size:24px;
  font-weight: bold;
  color: #333333;
  line-height: 42px;
  text-align:center;
}
.news-box p {
  margin-top:20px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}

@media only screen and (max-width: 500px) {
	.news-box{ padding: 0 20px;}
	.news-box h3 {
     font-size:18px;
	}

	.news-box p img{ width:100% !important}

}

 
 .contact-ul {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: 80px auto 50px;
}
.contact-ul li {
  max-width: 21%;
  min-width: 21%;
  padding: 35px 10px;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(59, 59, 59, 0.14);
  border-radius: 8px;
}
.contact-ul span {
  display: block;
  margin: 0 auto 38px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
}
.contact-ul i {
  line-height: 72px;
  color: #ffffff;
  font-size: 42px;
}
.contact-ul h4 {
  font-size:18px;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  margin-bottom: 15px;
}
.contact-ul p {
  font-size: 18px;
  color: #333333;
  line-height: 28px;
}
.contact-pic{ margin-bottom:50px;}
.contact-pic img{ width:100%;}

@media only screen and (max-width: 500px) {
	
 .contact-ul {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin:40px auto 50px;
}

 .contact-ul li {
  max-width: 95%;
  min-width: 95%;
}

.contact-ul p {
  font-size: 15px;
}
}


.advan-list {
  display: flex;
  flex-flow: wrap;
  margin: 158px auto 140px;
}
.advan-list .img-box {
  width: 72px;
  height: 72px;
  margin: 24px auto 50px;
}
.advan-list .img-box img {
  width: 100%;
  height: 100%;
}
.advan-list h4 {
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  line-height: 28px;
  text-align: center;
  margin: 0 auto;
  letter-spacing: 1px;
}
.advan-list li {
  position: relative;
  max-width: 24%;
  min-width: 24%;
}
.advan-list li + li {
  border-left: 1px solid #E6E6E6;
}
.advan-list .limask {
  display: none;
  position: absolute;
  top: -80px;
  left: 0;
  width:79%;
  height:264px;
  background: #C3B6A5;
  box-shadow: 0px 0px 10px 0px rgba(59, 59, 59, 0.14);
  border-radius: 8px;
  padding: 20px 30px;
}
.advan-list h5 {
  font-size: 22px;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 30px;
  text-align: center;
  padding-bottom: 36px;
  line-height: 32px;
  letter-spacing: 1px;
}
.advan-list p {
  padding: 0 4px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 38px;
  letter-spacing: 1px;
}
.advan-list li:last-child h4 {
  max-width: 220px;
}
.advan-list li:hover .limask {
  display: block;
}
.join-policy {
  width: 100%;
  height: 700px;
  position: relative;
  margin-top:30px;

}
.join-policy ul {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 80px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
}
.join-policy li {
  max-width: 32%;
  min-width: 32%;
  height: 240px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 30px;
}
.join-policy p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 240px;
  font-size: 22px;
  font-weight: bold;
  color: #F5F5F5;
}
.join-policy img {
  width: 100%;
  height: 100%;
}
.join-policy li:hover p {
  background-color: rgba(195, 182, 165, 0.9);
}
.join-policy .bg {
  z-index: -1;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.join-form {
  padding: 40px 0 60px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(59, 59, 59, 0.14);
  border-radius: 16px;
  margin-top:60px;
  z-index:9;
}
.join-form .title-box {
  margin-bottom: 100px;
}
.join-form .input-box {
  font-size: 0;
  margin: 0 auto 60px;
  text-align: center;
}
.join-form .input-box span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 29px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  text-align: right;
  width: 70px;
}
.join-form .input-box input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
  max-width: 640px;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  text-align: left;
  font-size: 16px;
  padding: 0 20px;
  color: #333333;
}
.join-form input#commentForm {
  display: block;
  margin: 0 auto;
  width: 90%;
  max-width: 420px;
  height: 60px;
  background: #E83428;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 60px;
  letter-spacing: 10px;
  padding-left: 10px;
  -webkit-box-shadow: none;
}

.home-join .bg {
    width: 100%;
    min-width: 1920px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}



@media only screen and (max-width: 500px) {
	.advan-list {
    display: flex;
    flex-flow: wrap;
    margin: 100px auto 50px;
}
.advan-list li {
  position: relative;
  max-width: 49%;
  min-width: 49%;
  margin-bottom:50px;
}

.advan-list .limask {
  display: none;
  position: absolute;
  top: -80px;
  left: 0;
  width:77%;
  height:264px;
  background: #C3B6A5;
  box-shadow: 0px 0px 10px 0px rgba(59, 59, 59, 0.14);
  border-radius: 8px;
  padding: 20px;
}

.advan-list h5 {
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 26px;
    line-height: 32px;
    letter-spacing: 1px;
}
.advan-list p {
    padding: 0 4px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 26px;
    letter-spacing: 1px;
}


.join-policy li {
    height: 120px;
    margin-bottom: 20px;
}

.home-join p {
    font-size: 14px;
	line-height:120px;
}

.home-join {
    height: 400px;
}
.join-form .title-box {
    margin-bottom: 40px;
}
.join-form {
    margin-top:0px;
    padding-bottom: 60px;
}
.join-form {
    width: calc(100% - 40px);
}
.join-form .input-box {
    margin-bottom: 30px;
}
.join-form .input-box span {
    font-size: 14px;
    margin-right: 14px;
}
.join-form .input-box input {
    width: 50%;
    height: 40px;
}

.join-form input#commentForm {
  display: block;
  margin: 0 auto;
  width:80%;
  max-width: 420px;
  height:50px;
  background: #E83428;
  border-radius: 8px;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height:50px;
  letter-spacing: 10px;
  padding-left: 10px;
  -webkit-box-shadow: none;
}


}

.page_main{ font-size:14px; margin-bottom:30px; text-align: center;}