@import url("bootstrap-icons.css");
@keyframes zxcp {
	from {
		transform: translateY(-5px)
	}
	to {
		transform: translateY(5px)
	}
}
@keyframes puBanner {
	from {
		transform: translateY(100px);
		opacity: 0
	}
	to {
		transform: translateY(0);
		opacity: 1
	}
}
@keyframes bannerimg {
	from {
		transform: scale(1.2)
	}
	to {
		transform: scale(1)
	}
}
@keyframes jiantoushang {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@keyframes sk-bounce {
	0%,100% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}
@-webkit-keyframes sk-bounce {
	0%,100% {
		-webkit-transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1)
	}
}
@keyframes showNav {
	from {
		left: 100%
	}
	to {
		left: 0
	}
}
@-webkit-keyframes showNav {
	from {
		left: 100%
	}
	to {
		left: 0
	}
}
@-moz-keyframes showNav {
	from {
		left: 100%
	}
	to {
		left: 0
	}
}
@-o-keyframes showNav {
	from {
		left: 100%
	}
	to {
		left: 0
	}
}
@keyframes hideNav {
	from {
		left: 0
	}
	to {
		left: -100%
	}
}
@-webkit-keyframes hideNav {
	from {
		left: 0
	}
	to {
		left: -100%
	}
}
@-moz-keyframes hideNav {
	from {
		left: 0
	}
	to {
		left: -100%
	}
}
@-o-keyframes hideNav {
	from {
		left: 0
	}
	to {
		left: -100%
	}
}
html {
	overflow-x: hidden;
	font-size: 16px
}
body {
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #333;
	font-size: .875rem;
	font-weight: 400;
	background: #fff;
	overflow-x: hidden
}
img,video {
	max-width: 100%;
	height: auto
}
.h-180 {
	max-height: 180px
}
p {
	margin-bottom: 0
}
a {
	color: #666;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
a.nivo-lightbox-close {
	color: #fff
}
a:focus,a:hover {
	color: #666;
	transition: .3s all
}
h1,h2,h3,h4,h5 {
	font-family: Montserrat,sans-serif;
	font-weight: 700
}
ul {
	margin: 0;
	padding: 0
}
ul li {
	list-style: none
}
a:focus,a:hover {
	text-decoration: none;
	outline: 0
}
.clear {
	clear: both
}
.imgopacity{
    -webkit-filter: opacity(0%);
    filter: opacity(0%);
}
.text-truncate-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical
}
.text-truncate-3 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical
}
.jj40 {
	height: 2.5rem;
	display: block
}
.section {
	padding: 0
}
.section-header {
	margin-bottom: 2rem;
	position: relative
}
.section-header .section-title {
	color: #000;
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 3px
}
.section-header .section-subtitle {
	color: #666;
	font-size: 1rem;
	line-height: 2.5rem;
	letter-spacing: 1px;
	text-transform: uppercase
}
.section-header.white .section-subtitle,.section-header.white .section-title {
	color: #fff
}
#header {
	position: relative;
	z-index: 201;
}
.indexheader {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000
}
.headernav {
	padding: .9375rem 0!important;
	background: #000;
	z-index: 101
}
.headerico {
	position: absolute;
	z-index: 10000;
	right: 0;
	top: 0;
	height: 100%;
	width: 150px
}
.headerico.fixedico{
    position: fixed; 
    height: 105px;
}
.navbar-brand {
	height: 4.6875rem;
	line-height: 4.6875rem;
	overflow: hidden;
	margin: 0 0;
	padding-top: 0;
	padding-bottom: 0;
	display: block
}
.navbar-brand span {
	vertical-align: top
}
.navbar-brand img {
	max-height: 4.6875rem;
	margin: 0;
	vertical-align: top
}
.headernav .navbar-nav {
	position: relative
}
.headernav .navbar-nav li.nav-item {
	min-width: 6.4rem;
	position: relative
}
.headernav .navbar-nav li.nav-item.norelative {
	position: static
}
.headernav .navbar-nav li.nav-item.logo {
	min-width: 4.675rem
}
.headernav .navbar-nav .nav-link {
	color: #ccaa7d;
	font-size: 1.25rem;
	line-height: 1;
	margin: .125rem 1.5rem;
	padding: 0 .21875rem;
	text-align: center;
	min-width: 7rem;
	position: relative
}
@media (min-width:0px) and (max-width:578px) {
	.headernav .navbar-nav .nav-link {
		min-width: 0;
		text-align: left;
	}
}
.navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .open>.nav-link {
	color: #ccaa7d
}
.navbar-expand-md .navbar-toggler {
	border-radius: 0;
	margin: 0;
	cursor: pointer;
	float: right;
	position:absolute;
	right: 0;
	margin: 0;
	outline: 0
}
.navbar-toggler:focus .icon-bars,.navbar-toggler:hover .icon-bars {
	background-color: #ababab
}
.navbar-toggler:focus {
	cursor: pointer;
	z-index: 999999
}
.navbar-toggler .icon-bars {
	display: block;
	margin: .375rem 0;
	width: 1.75rem;
	height: .125rem;
	background-color: #ccaa7d;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
	z-index: 999999
}
.navbar-toggler .icon-bars {
	z-index: 999999;
	background-color: #ababab
}
.navbar-toggler .top {
	-webkit-transform: translateY(8px) rotateZ(45deg);
	-moz-transform: translateY(8px) rotateZ(45deg);
	-ms-transform: translateY(8px) rotateZ(45deg);
	-o-transform: translateY(8px) rotateZ(45deg);
	transform: translateY(8px) rotateZ(45deg)
}
.navbar-toggler .bottom {
	-webkit-transform: translateY(-8px) rotateZ(-45deg);
	-moz-transform: translateY(-8px) rotateZ(-45deg);
	-ms-transform: translateY(-8px) rotateZ(-45deg);
	-o-transform: translateY(-8px) rotateZ(-45deg);
	transform: translateY(-8px) rotateZ(-45deg)
}
.navbar-toggler .middle {
	width: 0
}
.navbar-toggler.collapsed .top {
	-webkit-transform: translateY(0) rotateZ(0);
	-moz-transform: translateY(0) rotateZ(0);
	-ms-transform: translateY(0) rotateZ(0g);
	-o-transform: translateY(0) rotateZ(0g);
	transform: translateY(0) rotateZ(0)
}
.navbar-toggler.collapsed .bottom {
	-webkit-transform: translateY(0) rotateZ(0);
	-moz-transform: translateY(0) rotateZ(0);
	-ms-transform: translateY(0) rotateZ(0);
	-o-transform: translateY(0) rotateZ(-45deg);
	transform: translateY(0) rotateZ(0)
}
.navbar-toggler.collapsed .middle {
	width: 100%
}
.dropdown-toggle::after {
	display: none
}
.headernav .dropdown-menu {
	margin: 0 0;
	padding: .9375rem 0!important;
	border: none;
	border-radius: 0;
	background: 0 0;
	width: 100%;
	left: 0
}
.headernav .dropdown-menubg {
	background: rgba(255,255,255,.5);
	padding: 2rem 0
}
.headernav .dropdown-menu li {
	vertical-align: middle;
	line-height: 1.125rem
}
.headernav .dropdown-menu li span {
	line-height: 2.25rem;
	border-left: 1px #333 solid;
	text-indent: -11111px
}
.headernav .dropdown-menu li a.dropdown-item {
	color: #333;
	font-size: .9375rem;
	padding: 0 1.25rem;
	line-height: 1.125rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	position: relative;
}
.headernav .dropdown-menu li a.dropdown-item i{
    position: absolute;
    right: 0.25rem;
    top: 0;
    font-size: .75rem;
}
.headernav .dropdown-menu li a.dropdown-item:hover {
	background: 0 0;
	color: #ccaa7d
}
.headernav .navbar-nav .search {
	position: relative;
	display: block
}
.headernav .navbar-nav .searcha {
	font-weight: 600;
	line-height: 3.75rem;
	display: block;
	color: #fff;
	font-size: 1.5rem
}
#searchbox {
	padding: 2rem;
	display: none;
	position: absolute;
	background: #fff;
	right: 0;
	top: 4.625rem;
	z-index: 10000
}
#searchbox .searchboxnr form {
	position: relative;
	min-width: 250px
}
#searchbox .searchboxnr input[type=text] {
	line-height: 2rem;
	height: 2rem;
	text-indent: 10px;
	color: #2c2c2c;
	float: left;
	display: block;
	min-width: 200px;
	outline: 0;
	border: 0 solid #dbdbdb;
	background-color: #f5f5f5
}
#searchbox .searchboxnr input::-webkit-input-placeholder {
	color: #2c2c2c
}
#searchbox .searchboxnr input::-moz-placeholder {
	color: #2c2c2c
}
#searchbox .searchboxnr input::-ms-input-placeholder {
	color: #2c2c2c
}
#searchbox .searchboxnr button[type=submit] {
	height: 2rem;
	line-height: 2rem;
	background: 0 0;
	border: 0;
	padding: 0 1rem;
	font-size: 1.125rem;
	color: #999;
	cursor: pointer
}
.headertel .top-weixin .content {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}
.headertel .top-weixin span {
	width: 2.25rem;
	height: 2.25rem;
	display: block;
	line-height: 2.25rem;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 1rem;
	color: #fff
}
.headertel .top-tel {
	font-size: 1.125rem;
	color: #fff;
	font-weight: 500;
	margin-left: .5rem
}
.headertel .top-tel span {
	width: 2.25rem;
	height: 2.25rem;
	display: inline-block;
	line-height: 2.25rem;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 10px
}
.headertel .top-tel .content {
	position: relative;
	height: 100%;
	padding: 0;
	font-family: Georgia
}
.invideo {
	background-color: #000
}
#carousel-area {
	overflow: hidden;
	background: #2c3e50;
	position: relative
}
#carousel-area .carousel-item {
	background-size: 100%;
	position: relative
}
#carousel-area .carousel-item .picbox {
	transform: scale(1);
	width: 100%
}
#carousel-area .carousel-item .picbox img {
	animation: bannerimg 2s;
	width: 100%
}
#carousel-area .carousel-item .carousel-caption {
	top: 32%;
	right: 10%;
	left: 12%;
	text-shadow: none;
	padding-top: 0;
	padding-bottom: 0
}
#carousel-area .carousel-item .carousel-caption h3 {
	color: #fff;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 3rem
}
#carousel-area .carousel-item .carousel-caption h2 {
	font-size: 5rem;
	font-weight: 700;
	color: #fff
}
#carousel-area .carousel-item .carousel-caption h4 {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 500;
	margin-bottom: 2rem
}
#carousel-area .carousel-control {
	display: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
#carousel-area:hover .carousel-control {
	display: block;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
#carousel-area .carousel-control-next,#carousel-area .carousel-control-prev {
	opacity: 1;
	width: 5rem
}
#carousel-area .carousel-control-next i,#carousel-area .carousel-control-prev i {
	width: 5rem;
	line-height: 5rem;
	height: 5rem;
	color: rgba(255,255,255,.9);
	font-size: 3.5rem;
	display: inline-block;
	background: 0 0;
	border-radius: 30px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
#carousel-area .carousel-control-next i:hover,#carousel-area .carousel-control-prev i:hover {
	opacity: .9
}
#carousel-area .carousel-indicators {
	bottom: 0;
	margin-bottom: 2rem
}
#carousel-area .carousel-indicators li {
	width: .75rem;
	height: .75rem;
	border-radius: 100%;
	margin: 0 .25rem;
	border-top: none;
	border-bottom: none
}
#carousel-area .carousel-indicators li.active {
	width: .75rem;
	height: .75rem;
	background: #a08b6e
}
#slider-area {
	margin-top: -1px
}
#slider-area .btn {
	margin-right: 1rem
}
#slider-area .large_white {
	color: #fff
}
#slider-area .about-info p {
	color: #333
}
#carousel-area .butn-box {
	display: block;
	width: 58px;
	height: 164px;
	position: absolute;
	left: 50%;
	margin-left: -29px;
	bottom: 0;
	background: url(../images/btn_bg01.png) no-repeat center;
	z-index: 999;
	-webkit-transition: opacity .5s linear 1.8s;
	transition: opacity .5s linear 1.8s
}
#carousel-area .butn-box .butn {
	display: block;
	width: 58px;
	height: 58px;
	text-align: center;
	position: relative;
	cursor: pointer;
	overflow: hidden
}
#carousel-area .butn-box i {
	display: inline-block;
	width: 20px;
	height: 12px;
	position: absolute;
	left: 50%;
	margin-left: -9px;
	top: 23px;
	font-size: 22px;
	color: #fff;
	-webkit-animation: 1.5s linear 1.8s infinite icoDown;
	animation: 1.5s linear 1.8s infinite icoDown
}
@-webkit-keyframes icoDown {
	0% {
		opacity: 0;
		top: 10%
	}
	50% {
		top: 30%;
		opacity: 1
	}
	100% {
		top: 60%;
		opacity: 0
	}
}
@keyframes icoDown {
	0% {
		opacity: 0;
		top: 10%
	}
	50% {
		top: 30%;
		opacity: 1
	}
	100% {
		top: 60%;
		opacity: 0
	}
}
.banners {
	position: relative;
	overflow: hidden
}
.banners .bannerpc {
	position: relative;
	overflow: hidden
}
.banners .bannerpc .picbox {
	width: 100%
}
.banners .bannerpc .picbox img {
	animation: bannerimg 2s;
	width: 100%
}
.banners .bannerwap {
	margin: 0 -50px
}
.banners .bannerwap img {
	animation: bannerimg 2s;
	min-height: 300px
}
.banners .txt {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	color: #fff
}
.banners .txt h3 {
	text-transform: uppercase
}
.banners .txt h4 {
	font-size: .875rem;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	animation: puBanner 3s;
	text-shadow: 0 5px 10px rgba(0,0,0,.2)
}
#inblog {
	padding: 5rem 0;
	background: url(../images/newsbg.png) no-repeat center bottom;
	background-size: 100% auto
}
#inblog .inblog {
	max-width: 1680px;
	margin: 0 auto
}
#inblog .inblogbox {
	transition: all .5s;
	position: relative;
	margin: 0 1.25rem
}
#inblog .inblogbox .pic {
	position: relative;
	z-index: 1;
	overflow: hidden
}
#inblog .inblogbox:hover .pic {
	box-shadow: 0 0 10px #999
}
#inblog .inblogbox .pic img {
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	width: 100%
}
#inblog .inblogbox:hover .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05)
}
#inblog .inblogbox .txt {
	color: #333;
}
.technologypiclist {
	max-width: 1030px;
	margin: 0 auto
}
.technologytxt .info {
	font-size: 1.125rem
}
.technologypic {
	position: relative
}
.technologypic .pic img {
	width: 100%
}
.technologypic .txt {
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 3rem
}
.technologypic .txt h3 {
	line-height: 1.5;
	font-size: 1.5rem;
	font-weight: 400
}
.technologypic .txt p {
	display: none
}
.technology {
	max-width: 1030px;
	margin: 0 auto;
	padding-bottom: 0;
}
.technology .technologybox {
	position: relative
	
}
.technology .technologybox .pic {
	position: relative
}
.technology .technologybox .txt {
	background: rgba(26,26,26,0.95);
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 1px #535353 solid;
}
.technology .technologybox .txt h3 {
	line-height: 10vw;
	margin: 0 0;
	font-size: 1.1rem;
	font-weight: 400;
	color: #fff;
}
.technology .technologybox .txt p {
	display: none;
	color: #fff
}
#inner-page {
	min-height: 60vh
}
#inner-page-service {
	min-height: 60vh;
	background: #e9e9e9
}
.pagetitle {
	text-align: center;
	padding: 2rem 0
}
.weizhi {
	border-bottom: 1px #ccc solid;
	line-height: 2rem;
	position: relative;
	display: none
}
.weizhi i {
	margin-right: 5px
}
.nrbt {
	color: #333;
	line-height: 3rem;
	font-size: 2em
}
.nrothers {
	line-height: 2.5rem;
	color: #9c9c9c;
	border-bottom: 1px #ededed dashed
}
.nrothers span {
	margin-right: 10px
}
.nrothers span i {
	padding: 0 5px
}
.nrothers a {
	color: #ededed
}
.fontZoom,.single,.view {
	padding: 1rem 0
}
.fontZoom img,.single img {
	max-width: 100%
}
.fontZoomtitle {
	background-color: #eee;
	margin-bottom: 1rem
}
.fontZoomtitle h3 {
	line-height: 2rem;
	padding-left: 10px;
	color: #000
}
.productshow,.viewbox {
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 200
}
.productdetail {
	position: relative;
	background: #eaeaec;
	min-height: 80vh
}
.productpic {
	margin: 0;
	width: 50%;
	float: left;
	position: relative;
	z-index: 99
}
.productpiclist {
	margin: 0 50px
}
.productpicbox {
	text-align: right;
	overflow: hidden
}
.productpicboxer {
	max-width: 600px;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	padding: .5rem 0
}
.productpicboxer .pic {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 136.666%;
	overflow: hidden
}
.productpicboxer .pic img {
    max-width: 600px;
    width: 100%;
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all 2s ease .5s*/
}
.productImageNavWrap {
	position: fixed;
	top: 0;
	left: 3rem;
	z-index: 14;
	width: 20px;
	height: 100vh;
	z-index: 2;
	text-align: center;
	opacity: 1;
	transition: opacity .3s cubic-bezier(.77,0,.175,1)
}
.productImageNavWrap.noFixed {
	position: absolute;
	top: inherit;
	bottom: 0;
	height: 100vh;
	opacity: 1
}
.productImageNav {
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	text-align: center;
	display: block
}
.productImageNav .nav-item a {
	display: block;
	background: #cacaca;
	border-radius: 12px;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	position: relative;
	cursor: pointer;
	margin: 22px auto;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: .3s ease-in-out;
	border: 1px #ececee solid
}
.productImageNav .nav-item.active a {
	background: #231816;
	border-color: #fff
}
.productbottom {
	display: block;
	height: 100vh;
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0
}
.productwz {
	padding: 0;
	width: 50%;
	position: fixed;
	z-index: 98;
	right: 0;
	height: 100vh;
	text-align: left;
	bottom: 0;
	opacity: 1
}
.productwz:after {
	content: " ";
	display: block;
	height: 100%;
	width: 1px;
	background: #e5dfd9;
	z-index: 1;
	top: 0;
	position: absolute;
	left: 0
}
.productwz.noFixed {
	position: absolute;
	top: inherit;
	bottom: 0;
	right: 0;
	height: 100vh;
	opacity: 1
}
.productInfo {
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	display: block;
	width: 100%
}
.productInfobox {
	width: 100%;
	display: block;
	max-width: 320px;
	margin-left: 120px
}
.productInfobox .h1,.productInfobox .h2,.productInfobox .h3,.productInfobox .h4,.productInfobox .h5,.productInfobox .h6,.productInfobox h1,.productInfobox h2,.productInfobox h3,.productInfobox h4,.productInfobox h5,.productInfobox h6 {
	margin-bottom: 0
}
.productwztitle {
	position: relative;
	line-height: 2rem
}
.productdes {
	line-height: 2
}
.productline {
	border-bottom: 1px #d1d1d1 solid
}
.detailscontent {
	line-height: 2
}
.detailscontent span:after {
	content: ":";
	margin: 0 5px;
	display: inline-block
}
.productcontent {
	position: relative;
	z-index: 100;
	background: #fff
}
.detailsonline {
	background: #000;
	color: #fff;
	line-height: 2rem
}
.detailsonline a {
	color: #fff
}
.detailsonline span {
	display: inline-block;
	margin: 0 .5rem
}
.detailsonline span i {
	margin-right: .5rem
}
.rightnews .title {
	color: #ccaa7d
}
.rightnews.fixed {
	position: fixed;
	z-index: 1;
	width: 100%;
	right: 0;
	top: 105px
}
.rightnews .title a {
	color: #ccaa7d
}
.enquiry {
	margin-top: 20px
}
.enquiry a {
	display: inline-block;
	line-height: 35px;
	padding: 0 20px;
	background-color: #ae0f0f;
	color: #fff;
	border-radius: 4px
}
.shangxia {
	border-top: 1px #00207f dotted;
	border-bottom: 1px #00207f dotted;
	padding: .5rem 0
}
.shangxia ul li font:after{ 
    content:":";
    display:inline-block; 
    margin:0 0.25rem;
}
.searcharticle {
	max-width: 1370px;
	margin: 0 auto
}
.searcharticlebox {
	position: relative
}
.searcharticlebox .txt {
	transition: all .5s ease;
	position: relative;
	overflow: hidden
}
.searcharticlebox .txt::before {
	content: '';
	position: absolute;
	left: -170px;
	top: -70px;
	width: 140px;
	height: 140px;
	background-image: linear-gradient(to top,#9a754e 0,#a08b6e 100%);
	transform: rotate(45deg);
	transition: all .5s ease
}
.searcharticlebox .txt i {
	color: #fff;
	position: absolute;
	left: .875rem;
	top: .875rem;
	line-height: 1;
	font-size: .875rem;
	font-weight: 600
}
.searcharticlebox .txt a {
	display: block;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	font-size: 1.125rem;
	height: 4.375rem;
	line-height: 4.375rem;
	padding: 0 20%;
	transition: all .5s ease 0s
}
.searcharticlebox .pic {
	position: relative;
	overflow: hidden
}
.searcharticlebox .pic a,.searcharticlebox .pic img {
	transition: all 2s ease .5s
}
.searcharticlebox:hover .pic a,.searcharticlebox:hover .pic img {
	transform: scale(1.1)
}
.searcharticlebox .more {
	line-height: 1.3
}
.searcharticlebox .more a {
	text-align: center;
	font-size: 1rem;
	color: #655148;
	line-height: 1.3;
	display: block
}
.searcharticlebox .more a i {
	transition: all .5s ease
}
.searcharticlebox .more .des,.searcharticlebox .more .title a {
	font-size: 1.125rem
}
.searcharticlebox .more .typename a {
	border: 1px #9c9c9c solid;
	color: #de561c;
	padding: 0 1rem;
	display: inline-block
}
.searcharticlebox .more .line {
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 2px
}
.searcharticlebox .more .line::before {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #a08b6e;
	transition: all .5s ease
}
.searcharticlebox:hover {
	box-shadow: 0 0 20px #ddd
}
.searcharticlebox:hover .txt::before {
	left: -100px
}
.searcharticlebox:hover .more a i {
	margin-left: .25rem
}
.searcharticlebox:hover .more .line::before {
	width: 100%
}

.productpic {
	text-align: center
}
.likearticle .title {
	border-bottom: 1px #11497c solid;
	margin: 15px 0
}
.likearticle .title:after {
	content: "";
	display: table;
	clear: both
}
.likearticle .title h3 {
	color: #333;
	font-size: 1rem
}
.likearticle .title h3 i {
	font-size: 1rem;
	font-style: normal;
	color: #a08b6e;
	padding: 0 5px;
	font-weight: 200
}
.likearticle .title h3 em {
	font-size: 1rem;
	font-style: normal;
	color: #a08b6e;
	text-transform: uppercase;
	font-weight: 200
}
.likearticle .title a {
	float: right
}
.likearticle .title a i {
	font-style: normal
}
.likearticle .title a:hover {
	padding-right: 10px;
	text-decoration: underline;
	color: #14326e
}
.likearticle .likearticlelist ul li {
	line-height: 30px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc
}
.likearticle .likearticlelist ul li span {
	float: right
}
.likearticle .likearticlelist ul li a {
	line-height: 30px
}
.likearticle .likearticlelist ul li a i {
	margin-right: 5px
}
.likearticle .likearticlelist ul li a:hover {
	color: #a08b6e;
	padding-left: 20px
}
.commend .title {
	border-bottom: 1px #11497c solid;
	margin: 15px 0
}
.commend .title:after {
	content: "";
	display: table;
	clear: both
}
.commend .title h3 {
	color: #333;
	font-size: 1rem
}
.commend .title h3 i {
	font-size: 1rem;
	font-style: normal;
	color: #a08b6e;
	padding: 0 5px;
	font-weight: 200
}
.commend .title h3 em {
	font-size: 1rem;
	font-style: normal;
	color: #a08b6e;
	text-transform: uppercase;
	font-weight: 200
}
.commend .title a {
	float: right
}
.commend .title a i {
	font-style: normal
}
.commend .title a:hover {
	padding-right: 10px;
	text-decoration: underline;
	color: #a08b6e
}
.commendbg {
	padding: 30px 0
}
.commend .commendproductbox {
	position: relative;
	-webkit-box-shadow: -4px 0 8px 1px #f0f0f0,0 -4px 8px 1px #f0f0f0,4px 0 8px 1px #f0f0f0,0 4px 8px 1px #f0f0f0;
	box-shadow: -3px 0 6px 1px #f0f0f0,0 -4px 8px 1px #f0f0f0,4px 0 8px 1px #f0f0f0,0 4px 8px 1px #f0f0f0;
	background: #f7f7f7
}
.commend .commendproductbox .pic {
	position: relative
}
.commend .commendproductbox .pic:before {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 10px;
	width: 48px;
	height: 48px;
	background: url(../images/logo.png) no-repeat center;
	z-index: 10;
	background-size: 100% auto
}
.commend .commendproductbox .txt {
	color: #666;
	text-align: center
}
.commend .commendproductbox .txt a {
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	padding: 0 5px;
	display: block
}
.commend .commendproductbox .txt:hover a {
	text-decoration: underline;
	color: #a08b6e
}
.commendnews .commendnewsbox {
	margin: 0 15px 15px
}
.commendnews .commendnewsbox .pic img {
	width: 100%
}
.commendnews .commendnewsbox .txt h3 {
	font-size: 1rem
}
.commendnews .commendnewsbox .txt h3 a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	display: block;
	line-height: 1.5rem;
	padding: 0
}
.commendnews .commendnewsbox .txt h3:hover a {
	color: #333;
	text-decoration: underline;
	padding-left: 10px
}
.commendnews .commendnewsbox .txt p {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 0
}
.commendnews .commendnewsli {
	overflow: hidden;
	border-bottom: 1px #e5e5e5 solid
}
.commendnews .commendnewsli span {
	float: right;
	line-height: 1.5rem;
	display: block;
	padding: 10px 0
}
.commendnews .commendnewsli a {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	display: block;
	line-height: 1.5rem;
	padding: 10px 0
}
.commendnews .commendnewsli a i {
	margin-right: 5px
}
.commendnews .commendnewsli a:hover {
	color: #a08b6e;
	text-decoration: underline;
	margin-left: 10px
}
.leftcategory {
	border-bottom: 1px #ebeae5 solid
}
.crumb {
	margin-bottom: 1rem
}
.crumb .crumbbox {
	padding: .5rem 0;
	line-height: 2rem;
	color: #666
}
.crumb .crumbbox:after {
	content: "";
	display: table;
	clear: both
}
.crumb .crumbbox .crumbwz i {
	margin-right: 5px;
	font-size: 1.2rem;
	line-height: 2rem
}
.crumb .crumbbox .crumbwz:hover i {
	color: #a08b6e
}
.crumb .crumbbox .crumbwz a {
	line-height: 2rem;
	color: #666
}
.sitemaplist {
	padding: 15px 0
}
.sitemaplist ul {
	display: block
}
.sitemaplist ul:after {
	clear: both;
	content: "";
	display: table
}
.sitemaplist ul li {
	padding-left: 10px
}
.sitemaplist ul li a {
	line-height: 36px;
	padding: 0 15px;
	color: #000;
	font-weight: 600;
	font-size: 1.5rem
}
.sitemaplist ul li a:hover {
	text-decoration: underline;
	padding: 0 5px 0 25px;
	color: #14326e
}
.sitemaplist ul li ul li {
	float: left
}
.sitemaplist ul li ul li.xj {
	float: none;
	width: 100%;
	overflow: hidden
}
.sitemaplist ul li ul li a {
	font-weight: 400;
	font-size: 1rem
}
.substation .title {
	position: relative;
	height: 36px;
	padding: 0;
	margin: 15px 0;
	text-align: left;
	font: bold 22px/42px "微软雅黑";
	color: #737372
}
.substation .title a {
	position: absolute;
	right: 10px;
	top: 0;
	height: 36px;
	width: 100px;
	text-align: center;
	display: block;
	background: #eb2830;
	color: #fff;
	line-height: 36px;
	font-size: 14px;
	font-weight: 700
}
.substation .title a:hover {
	text-decoration: none;
	background: #f39c11;
	color: #fff
}
.substation .substationlist {
	border: 1px solid #f4f4f4;
	padding: 15px;
	margin: 15px 0
}
.substation .substationlist dl {
	padding: 10px 0;
	line-height: 24px;
	overflow: hidden;
	border-bottom: 1px dashed #ddd
}
.substation .substationlist dl dt {
	float: left;
	font-family: arial;
	font-weight: 700;
	font-size: 18px;
	width: 35px;
	padding-left: 25px;
	color: #444;
	display: table-cell
}
.substation .substationlist dl dd {
	margin: 0 0 0 55px;
	padding-left: 15px;
	border-left: 1px dashed #b2b2b2
}
.substation .substationlist dl dd a {
	padding: 1px 12px 1px 12px;
	white-space: nowrap;
	float: left;
	display: block;
	line-height: 30px
}
.substation .substationlist dl dd a:hover {
	text-decoration: none;
	background: #eb2830;
	color: #fff
}
.substation .substationfooter {
	text-align: center;
	border-top: 2px solid #eb2830;
	padding-top: 10px
}
.substation .substationfooter .substationfootermenu ul li {
	display: inline-block;
	line-height: 30px
}
.substation .substationfooter .substationfootermenu ul li a {
	display: block;
	padding: 0 15px
}
.substation .substationfooter .copyright {
	text-align: center;
	padding: 10px 0
}
.subcolumn ul {
	overflow: hidden
}
.subcolumn ul li a {
	display: block;
	background: 0 0;
	line-height: 4.5;
	color: #ad9079;
	font-size: 1.25rem;
	padding: 0 2.375rem
}
.subcolumn ul li a:hover,.subcolumn ul li.active a {
	color: #ad9079
}
.leftcategoryright .subcolumn {
	background: #fff
}
.leftcategoryright .subcolumn ul li a {
	display: block;
	background: 0 0;
	line-height: 4.5;
	color: #282828;
	font-size: 1.25rem;
	padding: 0 1.5rem;
	position: relative;
	border-right: 1px #e9e9e9 solid
}
.leftcategoryright .subcolumn ul li:first-child a {
	border-left: 1px #e9e9e9 solid
}
.leftcategoryright .subcolumn ul li.active a:after {
	content: "";
	height: 2px;
	background: #282828;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0
}
.portfoliobox {
	margin-bottom: 6%
}
.portfolio-pic {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}
.portfolio-pic img {
	width: 100%;
	height: 100%;
	-webkit-transition-duration: 4s;
	-o-transition-duration: 4s;
	transition-duration: 4s
}
.portfoliobox:hover .portfolio-pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.portfolio-txt {
	color: #606060;
	font-size: 1.125rem;
	line-height: 3rem;
	position: relative;
	height: 100%
}
.portfolio-txt:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	width: 200%;
	height: 100%;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	border-right: none;
	border: solid #d2d2d2 1px;
	margin-right: -960px
}
.portfolio-txt.portfolio-txts:before {
	border-right: solid 1px #d2d2d2;
	border-left: none;
	margin-right: auto;
	margin-left: -960px
}
.portfoliobox:hover .portfolio-txt:before {
	background-color: #fafafa;
	box-shadow: 8px 12px 18px 0 rgba(0,0,0,.13)
}
.portfolio-txt .portfolio-txtbox {
	padding: 0 0 0 10%;
	position: relative;
	z-index: 2;
	width: 100%
}
.portfolio-txt.portfolio-txts .portfolio-txtbox {
	padding: 0 10% 0 0
}
.blog-item a {
	display: block
}
.blog-item-wrapper {
	background: #fff;
	border: solid 1px #e5e5e5;
	margin-bottom: 40px;
	box-shadow: 0 10px 50px 0 rgba(255,255,255,.15);
	-webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear;
	-moz-transition: transform .2s linear,-moz-box-shadow .2s linear;
	transition: transform .2s linear,box-shadow .2s linear
}
.blog-item-wrapper:hover {
	box-shadow: 0 10px 50px 0 rgba(84,110,122,.35)
}
.blog-item-wrapper:hover .blog-item-img:before {
	opacity: 1
}
.blog-item-img {
	position: relative;
	overflow: hidden
}
.blog-item-img img {
	width: 100%;
	-webkit-transition-duration: 4s;
	-o-transition-duration: 4s;
	transition-duration: 4s
}
.blog-item-wrapper:hover .blog-item-img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.blog-item-text {
	padding: 20px 30px
}
.blog-item-text h3 {
	line-height: 26px;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
	color: #263238
}
.blog-item-text:hover h3 {
	color: #a08b6e
}
.meta-tags {
	margin-top: 10px
}
.meta-tags span {
	color: #999;
	margin-right: 10px
}
.meta-tags span i {
	margin-right: 5px
}
.articlepic {
	max-width: 1500px;
	margin: 0 auto
}
.articlehonor {
	max-width: 1170px;
	margin: 0 auto
}
.articleservice {
	max-width: 1170px;
	margin: 0 auto
}
.articlepicbox {
	position: relative
}
#bigbox1.articlepicbox {
	margin-right: 35px
}
#bigbox2.articlepicbox {
	margin-left: 35px
}
.articlepicbox .txt {
	transition: all .5s ease;
	position: relative;
	overflow: hidden
}
.articlepicbox .txt::before {
	content: '';
	position: absolute;
	left: -170px;
	top: -70px;
	width: 140px;
	height: 140px;
	background-image: linear-gradient(to top,#9a754e 0,#a08b6e 100%);
	transform: rotate(45deg);
	transition: all .5s ease
}
.articlepicbox .txt i {
	color: #fff;
	position: absolute;
	left: .875rem;
	top: .875rem;
	line-height: 1;
	font-size: .875rem;
	font-weight: 600
}
.articlepicbox .txt a {
	display: block;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	font-size: 1.125rem;
	height: 4.375rem;
	line-height: 4.375rem;
	padding: 0 20%;
	transition: all .5s ease 0s
}
.articlepicbox .pic {
	position: relative;
	overflow: hidden
}
.articlepicbox .pic a,.articlepicbox .pic img {
	transition: all 2s ease .5s
}
.articlepicbox:hover .pic a,.articlepicbox:hover .pic img {
	transform: scale(1.1)
}
.articlepicbox .more {
	line-height: 1.3
}
.articlepicbox .more a {
	text-align: center;
	font-size: 1rem;
	color: #655148;
	line-height: 1.3;
	display: block
}
.articlepicbox .more a i {
	transition: all .5s ease
}
.articlepicbox .more .des,.articlepicbox .more .title a {
	font-size: 1.125rem
}
.articlepicbox .more .typename a {
	border: 1px #9c9c9c solid;
	color: #de561c;
	padding: 0 1rem;
	display: inline-block
}
.articlepicbox .more .line {
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 2px
}
.articlepicbox .more .line::before {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #a08b6e;
	transition: all .5s ease
}
.articlepicbox:hover {
	box-shadow: 0 0 20px #ddd
}
.articlepicbox:hover .txt::before {
	left: -100px
}
.articlepicbox:hover .more a i {
	margin-left: .25rem
}
.articlepicbox:hover .more .line::before {
	width: 100%
}
.bigmore {
	height: 13.5rem
}
.smallmore {
	height: 7.875rem
}
.bigpic-scroller {
	margin: 0 5px;
	overflow: hidden
}
.bigpic-scroller .pic {
	position: relative;
	overflow: hidden
}
.bigpic-scroller .pic img,.bigpic-scroller .pic a {
	transition: all 2s ease .5s
}
.bigpic-scroller .pic:hover img,.bigpic-scroller .pic:hover a {
	transform: scale(1.1)
}
.productlist {
	max-width: 1690px;
	margin: 0 auto;
	padding-top: 2.5rem
}
.productlists {
	padding-top: 2.5rem
}
.productlistbox {
	margin-bottom: 1.875rem
}
.bigproduct,.productlistbox,.smallproduct {
	margin: 0 5px
}
.productlistbox .txt {
	transition: all .5s ease;
	position: relative;
	overflow: hidden
}
.productlistbox .txt::before {
	content: '';
	position: absolute;
	left: -170px;
	top: -70px;
	width: 140px;
	height: 140px;
	background-image: linear-gradient(to top,#9a754e 0,#a08b6e 100%);
	transform: rotate(45deg);
	transition: all .5s ease
}
.productlistbox .txt i {
	color: #fff;
	position: absolute;
	left: .875rem;
	top: .875rem;
	line-height: 1;
	font-size: .875rem;
	font-weight: 600
}
.productlistbox .txt a {
	display: block;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	font-size: 1.125rem;
	height: 4.375rem;
	line-height: 4.375rem;
	padding: 0 20%;
	transition: all .5s ease 0s
}
.productlistbox .pic {
	position: relative;
	overflow: hidden
}
.productlistbox .pic a,.productlistbox .pic img {
	transition: all 2s ease .5s
}
.productlistbox:hover .pic a,.productlistbox:hover .pic img {
	transform: scale(1.1)
}
.productlistbox .more {
	line-height: 5rem
}
.productlistbox .more a {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	color: #655148;
	line-height: 5rem;
	display: block
}
.productlistbox .more a i {
	transition: all .5s ease
}
.productlistbox .more .line {
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 2px
}
.productlistbox .more .line::before {
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #a08b6e;
	transition: all .5s ease
}
.productlistbox:hover {
	box-shadow: 0 0 20px #ddd
}
.productlistbox:hover .txt::before {
	left: -100px
}
.productlistbox:hover .more a i {
	margin-left: .25rem
}
.productlistbox:hover .more .line::before {
	width: 100%
}
.liveproduct {
	position: relative
}
.liveproduct .productlistbox {
	margin: 0 1rem
}
.liveproduct .owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	left: -3.5rem;
	top: 40%;
	background: 0 0!important;
	text-align: left
}
.liveproduct .owl-theme .owl-controls .owl-buttons div.owl-next {
	right: -3.5rem;
	left: auto;
	text-align: right
}
.liveproduct .owl-theme .owl-controls .owl-buttons div i {
	font-size: 2rem;
	color: #999
}
.clickloadmore a {
	width: 15rem;
	height: 2.75rem;
	line-height: 2.75rem;
	display: inline-block;
	border: 1px #59514f solid;
	color: #59514f;
	font-size: 1.125rem
}
.pages {
	padding: 15px 0 30px
}
.pages .page-link {
	color: #333
}
.pages .page-item.active .page-link {
	background-color: #a08b6e;
	border-color: #a08b6e
}
.single {
	margin-bottom: 50px
}
#inner-page-map{
	min-height: 60vh;
    background: #e9e9e9;
}
#inner-page-map .container{
	max-width: 1120px;
}
.baidumapbox{
    max-width: 1280px;
    margin: 0 auto;
}
.baidumapbox img{
  max-width: none!important;
}
.mapbox { 
	mini-height: 470px; 
}
#container3 { 
	width: 100%; 
	height: 380px; 
}
.mapcontainer{
	border: 5px solid #fff;
}
.maplist{
max-width: 280px;
display: block;
margin: 0 auto;
}
.maplist ul li {
	color: #282828;
}
.maplist ul li .title a{
font-weight: 600; 
color: #282828;
}
.maplist ul li .address{

}
.maplist ul li .telephone{
	
}

.form-group {
	position: relative
}
.content-form .content-form-title h3 {
	font-size: 1.5rem;
	font-weight: lighter;
	letter-spacing: -3px;
	text-transform: uppercase
}
.content-form .content-form-title p {
	line-height: 2rem
}
#inmessage .content-form .content-form-title h3,#inmessage .content-form .content-form-title p {
	color: #fff
}
.content-form .form-group {
	border-bottom: solid 1px #666
}
.content-form .form-group label {
	display: none
}
.content-form .form-group .form-control {
	border: none;
	background: 0 0;
	margin-bottom: 0;
	color: #666;
	font-size: .875rem
}
.content-form .form-submit button {
	width: 100%
}
.contactbox {
	max-width: 1690px;
	margin: 0 auto
}
.contactrow {
	background: #fff
}
.contactline {
	border-right: 2px #e9e9e9 solid
}
.contactrow .contactboxer {
	padding: 3rem
}
.contactrow .contactboxer .title {
	margin-bottom: 2rem
}
.contactrow .contactboxer .contactli {
	text-align: center;
	border: 1px #efeeea solid;
	line-height: 3;
	font-weight: 400;
	margin-bottom: 1rem
}
.contactrow .contactboxer .contactli.noborder {
	border: 1px solid transparent
}
.contactrow .contactboxer .contactli img {
	max-height: 1.5rem;
	vertical-align: middle;
	margin-right: .5rem
}
.form-control {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid transparent;
	background: #f5f5f5;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.form-control:focus {
	border: 1px solid #a08b6e;
	outline: 0;
	box-shadow: none
}
.btn.disabled,.btn:disabled {
	opacity: 1
}
textarea {
	border-radius: 4px!important
}
.selectarea dl dt {
	padding: 0 .5rem
}
.selectarea select {
	border: none;
	outline: 0;
	text-align: center;
	background: 0 0
}
.right_bar {
	position: fixed;
	top: 300px;
	right: 0;
	width: 50px;
	height: 203px;
	z-index: 101
}
.right_bar li {
	width: 62px;
	height: 50px;
	z-index: 20;
	color: #fff;
	line-height: 50px
}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4 {
	position: absolute;
	left: 0
}
.right_bar li.rtbar_li1 {
	top: 0;
	width: 292px
}
.right_bar li.rtbar_li2 {
	position: absolute;
	top: 102px;
	left: 0
}
.right_bar li.rtbar_li3 {
	position: absolute;
	top: 51px;
	left: 0;
	width: 292px
}
.right_bar li.rtbar_li4 {
	top: 153px
}
.rtbar_li4 {
	position: absolute;
	top: 153px;
	left: 0
}
.right_bar li a {
	display: block;
	color: #fff;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	background-color: #39424b;
	opacity: .8;
	border-radius: 6px
}
.right_bar li a img {
	display: block;
	float: left;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin: 12px 12px 14px 14px
}
.right_bar li a:hover {
	background-image: linear-gradient(to top,#9a754e 0,#a08b6e 100%);
	opacity: 1
}
.rtbar_shwx {
	display: none;
	position: absolute;
	top: -120px;
	left: -180px;
	max-width: 180px;
	padding-bottom: 9px
}
.rtbar_shwx img {
	padding: 14px;
	background-color: #fff
}
.right_bar {
	display: none
}
.rtbar_shwx {
	top: -50px;
	background: #fff
}
.followus {
	background: #ecebe9
}
.followtitle {
	font-size: 1.5rem
}
.followbtn a {
	max-width: 14rem;
	margin: 0 auto;
	background: #231816;
	color: #fff;
	display: block
}
.followa a {
	display: inline-block
}
.followa a img {
	max-width: 2.5rem
}
footer {
	color: #fff;
	line-height: 2rem;
	background: #000;
	position: relative;
	z-index: 101
}
footer a {
	color: #fff
}
.footermenu dl {
	line-height: 2rem
}
.footermenu dl dt,.footermenu dl dt a {
	color: #7e7e7e
}
.footercontact {
	line-height: 2rem
}
.footercontact dl dt,.footercontact dl dt a {
	color: #7e7e7e
}
.footercontact dl dd img {
	max-height: 1rem;
	margin-right: .5rem
}
.rotate {
	-webkit-animation: 2s infinite linear;
	-moz-animation: 2s infinite linear;
	-ms-animation: 2s infinite linear;
	animation: 2s infinite linear
}
.rotate:hover {
	-webkit-animation-name: a-rotate;
	-moz-animation-name: a-rotate;
	-ms-animation-name: a-rotate;
	animation-name: a-rotate
}
@-webkit-keyframes a-rotate {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(359deg)
	}
}
@-moz-keyframes a-rotate {
	0% {
		-moz-transform: rotate(0)
	}
	100% {
		-moz-transform: rotate(359deg)
	}
}
@-ms-keyframes a-rotate {
	0% {
		-ms-transform: rotate(0)
	}
	100% {
		-ms-transform: rotate(359deg)
	}
}
@keyframes a-rotate {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(359deg)
	}
}
.site-info {
	border-top: 1px #1b1b1b solid
}
.footersupply {
	margin-left: .5rem
}
#friendlink {
	padding: 15px 0;
	color: #eee
}
#friendlink .friendlinktitle {
	line-height: 1.5rem;
	display: inline-block
}
#friendlink .friendlinkwz a {
	line-height: 1.5rem;
	color: #eee;
	margin: 0 .5rem;
	padding: 0 .5rem;
	display: inline-block
}
#baiduditubox img,.google-maps img {
	max-width: none!important
}
#baiduditubox label {
	max-width: none!important
}
@media (min-width:0px) and (max-width:578px) {
	#header {
		position: relative;
		top:0;
		left: 0;
		width: 100%;
	}
	.headerlogo {
		padding-left: 15px
	}
	.navbar-brand {
		height: 2rem;
		line-height: 2rem;
		margin: 0.75rem 0;
	}
	.navbar-brand img {
		max-width: 15rem;
		max-height: 2rem
	}
	.headernav{
	     background:#1a1a1a;
	     padding:0 0!important;
	}
	.navbar-expand-md .navbar-toggler{ 
	    margin-top:0.75rem
	}
	.navbar-nav .dropdown-menu{
        position: absolute;
        top:0;
        left: 100%;
        width: 100%;
        padding:0 0!important;
        transition: left 2s;
        -webkit-transition: left 2s; /* Safari */
    }
    .navbar-nav .dropdown-menu.show{ 
        left:0;
    }
    .headermenu{
        background: rgba(0,0,0,1);
    }
    .headernav .dropdown-menubg {
    	background: rgba(0,0,0,1);
    	padding:0 0
    } 
    .headernav .dropdown-menu li a.dropdown-item { 
        text-align:left;
        color: #fff; 
        line-height: 3rem;
        margin: 0 0.5rem;
		padding: 0 .5rem;
        font-size: 1rem;
        font-weight: 300;
        border-bottom: 1px solid #575757;
    }
	.headernav .navbar-nav {
		padding: 1rem 0
	}
	.headernav .navbar-nav .nav-link {
		line-height: 3rem;
		font-size: 1rem;
		margin: 0 0.5rem;
		padding: 0 .5rem;
		font-weight: 300;
		border-bottom: 1px solid #575757;
		color: #fff;
		position: relative
	}
	.headernav .navbar-nav .nav-link.nav-links {
		margin: 0 0;
		padding: 0 1rem;
	}
	.navbar-expand-md .navbar-nav .nav-link:before {
		display: none!important
	}
	.dropdown-toggle::after,.headernav .navbar-nav li.nav-item::before {
		display: none
	}
	.headernav .navbar-nav .nav-link i {
		position: absolute;
		right: .25rem;
		top: 0;
		font-size: .75rem
	}
	.headernav .navbar-nav .nav-link.nav-links  i{ 
	    border-right:1px #575757 solid;
	    width: 3rem; text-align: center;
	}
	.navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .open>.nav-link {
		color: #ccaa7d
	}
	.headernav ul.dropdown-menu.show {
		display: block!important
	}
	.headernav ul.dropdown-menu li{
	    
	}
	.headernav ul.dropdown-menu li a.dropdown-item {
		font-size: 1rem;
		margin: 0 0.5rem;
		padding: 0 .5rem;
		font-weight: 300;
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	.headernav ul.dropdown-menu li a.dropdown-item i {
		float: left
	}
	.headernav .navbar-nav .searcha {
		display: none
	}
	.banners,.bannerwap{
	   margin-top:0;
	}
	#searchbox {
		display: block;
		position: relative;
		top: 0;
		padding: .5rem
	}
	#carousel-area .carousel-indicators{
	   margin-bottom: 0.5rem;
	}
	#carousel-area .carousel-control-next,#carousel-area .carousel-control-prev {
		opacity: 0
	}
	#blog,#inabout,#inblog,#inproduct,#portfolios {
		padding: 1rem 0
	}
	#bigbox1.articlepicbox {
	margin-right: 0
    }
    #bigbox2.articlepicbox {
    	margin-left: 0
    }
	.content-form .content-form-title,.content-form .form-group {
		margin: .5rem 0
	}
	.section-header {
		margin-bottom: 1rem
	}
	.lefttitle {
		background-color: #a08b6e
	}
	.lefttitle h3 {
		line-height: 2.5rem;
		margin: 0;
		padding: 0 10px;
		color: #fff;
		font-size: 1rem
	}
	.lefttitle i {
		float: right;
		line-height: 2.5rem;
		font-size: 1rem;
		color: #fff;
		margin-right: .5rem;
		cursor: pointer
	}
	.subcolumn {
		padding: 0 0;
		display: none
	}
	 .subcolumn ul li a,.leftcategoryright .subcolumn ul li a {
        line-height: 2;
        font-size: 1rem;
	}
	.maplist{
	    max-width: none; 
	    padding-top: 1rem;
	}
	#inabout .txt .title h3,#inabout .txt .title h4,.content-form .content-form-title h3,.section-header .section-title {
		font-size: 1.5rem;
		line-height: 1.5;
		letter-spacing: 0
	}
	.productlist{
		padding-top: 1.5rem;
	}
	.productlists{
		padding-top:0;
	}
	.caselist .bigtxt a {
		padding: .25rem 0;
		display: block;
		line-height: 1.5rem;
		font-size: 1rem
	}
	.technology {
	    padding-bottom: 10vw;
	    margin: 0 -15px;
	    background: rgba(26,26,26,1);
	    
	}
	.technology .technologybox{ 
	}
	.gongyiinfo .technologytxt .info{
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 6;
		line-clamp: 6;
		-webkit-box-orient: vertical;
	}
	.gongyiinfo .technologytxt .info.show{
	    display: block;
	    -webkit-line-clamp: none;
		line-clamp: none;
	}
	.moreinfo a{
	    color: #c3a37d;
	}
	.moreinfo a i{
	    font-style: normal;
	}
	.moreinfo.show{ display:none!important;}
	#blog .nav li div.lia a,.content-form .content-form-title p,.counterupnum p,.inaboutbox .txt dd,.inaboutbox .txt dt,.joinbox5 ul li .boxer .txt h3 {
		font-size: .875rem
	}
	.portfolio-txt {
		font-size: .875rem;
		line-height: 1.875rem
	}
	.blog-item-text,.portfolio-txt .portfolio-txtbox {
		padding: 2%
	}
	.bigmore,.smallmore {
		height: auto
	}
	.productpicboxer {
		padding: 0 0
	}
	.productInfobox {
		margin-left: 0;
		max-width: none;
	}
	.ProductZoomtitle,.detailscontent{ 
	    max-width:60%; 
	    margin:0 auto;
	}
	.technologytxt .title h2{
	    font-size: 1.5rem;
	}
	.productlistbox .more a {
		line-height: 2
	}
	.productpic {
		width: 100%;
		float: none
	}
	.productpiclist {
		margin: 0 0
	}
	.productImageNavWrap {
		display: none
	}
	.productwz,.productwz.noFixed {
		position: relative;
		height: auto;
		width: 100%
	}
	.productInfo {
		-webkit-transform: translateY(0) translateX(0);
		transform: translateY(0) translateX(0);
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		display: block;
		width: 100%;
		padding: 1rem 0
	}
	.moreproductinfo_wap.show{
	    display:none;
	}
	.moreproductinfo_wap a{
	    color: #c3a37d;
	    font-size: 1rem;
	}
	.moreproductinfo_wap a i{
	    font-style: normal;
	}
	.productinfo_wap{
	    display: none;
	}
	.productinfo_wap.show{
	    display: block;
	}
	.leibie {
		display: none
	}
	.productshow,.viewbox {
		padding: 0;
		margin-top: 0;
		position: relative;
		z-index: 2
	}
	footer {
		padding: 0 0
	}
	.contact_wap{
	    line-height: 2.5rem;
	}
	.contact_wap .title{
	    margin-bottom: 0;
	    border-bottom: 1px solid #666;
	}
	.contact_wap .title,.contact_wap .title a {
	    color: #7e7e7e
    }
	.contact_wap .title{ 
	    background: #1a1a1a;
	    padding: 0.5rem 15px;
	    margin: 0 -15px;
	    
	}
	.contact_wap .title a{ 
	   position:relative; 
	   display: block;
	}
	.contact_wap .title i,.contact_wap .title em{
        position: absolute;
        right: 0;
        line-height: 2.5rem;
        color: #808080;
        font-size: 1rem;
    }
    .contact_wap ul li{
        margin-bottom: 0;
    }
    .contact_wap ul li img {
	    max-height: 1rem;
    	margin-right: .5rem
    }
    .contact_wap ul li a {
    	position: relative;
    	display: block;
    	border-bottom: 1px solid #666;
    }
    .contact_wap ul li a i,.contact_wap ul li a em{
        position: absolute;
        right: 0;
        line-height: 2.5rem;
    }
    .contact_wap ul li a i:before,.contact_wap ul li a em:before{
        font-size: .75rem;
    }
    .site-info{
        background: #1a1a1a;
    }
	.footerquicklink {
		background: #000;
		text-align: center;
		line-height: 3rem;
		height: 3rem;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9990;
		overflow: hidden
	}
	.footerquicklink a {
		display: block;
		text-align: center;
		color: #fff;
		line-height: 3rem;
		width: 25%;
		float: left;
		font-size: .875rem
	}
	.footerquicklink a i {
		font-size: 1.25rem;
		padding-right: .5rem;
		display: inline-block;
		vertical-align: top;
		color: #bc9f71
	}
}
.inpic .inpicbox {
	height: 100vh;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.inpic .inpicbox .pic {
	position: relative;
	z-index: 2;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}
.inpic .inpicbox .pic .videboxer{
    height: 100%;position: relative;
}
.inpic .inpicbox .pic::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg.png) repeat-x center bottom
}
.inpic .inpicbox .pic img {
	opacity: 0
}
.inpic .inpicbox .txt {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
}
.inpic .inpicbox .txt .title {
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 700
}
.inpic .inpicbox .txt .more a {
	display: inline-block;
	/*background: #000;*/
	border: 1px #fff solid;
	margin-right: 1rem;
	font-size: 1.25rem;
	text-align: center;
	line-height: 3rem;
	min-width: 17rem;
	color: #fff
}
/*.inpic .inpicbox .txt .more a.active,*/
.inpic .inpicbox .txt .more a:hover {
	background: #fff;
	border-color: rgba(255,255,255,255,0.75);
	color: #000;
}
@media (min-width:0px) and (max-width:578px) {
	.inpic .inpicbox {
		/*height: auto;*/
		position: relative
	}
	.inpic .inpicbox .txt {
		/*padding-left: 1rem;*/
		padding-bottom: 10vw;
		
	}
	.inpic .inpicbox .txt .container{
	    max-width: 80%;
	}
	.inpic .inpicbox .pic {
		height: auto
	}
	.inpic .inpicbox .pic::before{
	    display: none;
	}
	.inpic .inpicbox .pic img {
		/*height: auto;
		opacity: 100*/
		opacity: 0
	}
	.inpic .inpicbox .txt .title {
		font-size: 1.5rem;
		text-align: center;
		/*text-align: justify;*/
	}
	
    .inpic .inpicbox .txt .title:after{
        display: inline-block ; 
        content: ''; 
        padding-left: 100%; 
    }
	.inpic .inpicbox .txt .more a {
		font-size: 1rem;
		min-width: 5.4rem;
		display:block;
		margin: 0.5rem 0;
		line-height:10vw;
		padding: 0 0;
	}
	.technology .technologybox .txt .title {
		margin-bottom: 4rem
	}
	.technology .technologybox .txt .title h5 {
		font-size: 1.5rem;
		min-width: 7.5rem
	}
	.technology .technologybox .txt .des {
		font-size: .875rem;
		padding: 0 1rem
	}
	.headernav.fixed-top{ 
	    position:relative!important;
	}
}
@media (min-width:769px) and (max-width:992px) {
	.inpic .inpicbox .txt {
		padding-left: 2rem;
		padding-bottom: 2rem
	}
	.inpic .inpicbox .txt .title {
		font-size: 1.25rem
	}
	.inpic .inpicbox .txt .more a {
		font-size: 1rem;
		line-height: 2.5rem;
		min-width: 9rem
	}
	.technology .technologybox .txt .title {
		margin-bottom: 4rem
	}
	.technology .technologybox .txt .title h5 {
		font-size: 2.6rem;
		line-height: 3.75rem;
		min-width: 7.5rem
	}
	.technology .technologybox .txt .des {
		font-size: 1rem;
		padding: 0 1rem
	}
}
@media (min-width:991px) and (max-width:1440px) {
	.inpic .inpicbox .txt {
		padding-left: 3rem;
		padding-bottom: 3rem
	}
	.inpic .inpicbox .txt .title {
		font-size: 1.5rem
	}
	.inpic .inpicbox .txt .more a {
		font-size: 1rem;
		line-height: 2.25rem;
		min-width: 13.5rem
	}
	.technology .technologybox .txt .title {
		margin-bottom: 4rem
	}
	.technology .technologybox .txt .title h5 {
		font-size: 4rem;
		line-height: 5.25rem;
		min-width: 10.5rem;
		border: 2px #fff solid
	}
	.technology .technologybox .txt .des {
		font-size: 1.5rem;
		padding: 0 1rem
	}
}
@media (min-width:1441px) {
	.inpic .inpicbox .txt {
		padding-left: 4rem;
		padding-bottom: 4rem
	}
	.inpic .inpicbox .txt .title {
		font-size: 2rem
	}
	.inpic .inpicbox .txt .more a {
		font-size: 1.25rem;
		line-height: 3rem;
		min-width: 18rem
	}
	.technology .technologybox .txt .title {
		margin-bottom: 4rem
	}
	.technology .technologybox .txt .title h5 {
		font-size: 5.25rem;
		line-height: 7.5rem;
		min-width: 15rem;
		border: 2px #fff solid
	}
	.technology .technologybox .txt .des {
		font-size: 2rem;
		padding: 0 1rem
	}
}