@charset "utf-8";
@font-face {
	font-family: clarBTP;
	src: url(../fonts/ClarendonBTP.otf);
	src: url('../fonts/ClarendonBTP.eot'), url('../fonts/ClarendonBTP.woff') format('woff'), url('../fonts/ClarendonBTP.ttf') format('truetype'), url('../fonts/ClarendonBTP.svg') format('svg');
}
@font-face {
  font-family: 'beba';
  src: url("../fonts/BEBAS.eot");
  src: url("../fonts/BEBAS.eot") format("embedded-opentype"), url("../fonts/BEBAS.woff") format("woff"), url("../fonts/BEBAS.ttf") format("truetype"), url("../fonts/BEBAS.svg#BEBAS") format("svg");
}
@font-face {
	font-family: Noedlay;
	src: url(../fonts/NoeDisplay.otf);
	src: url('../fonts/NoeDisplay.eot'), url('../fonts/NoeDisplay.woff') format('woff'), url('../fonts/NoeDisplay.ttf') format('truetype'), url('../fonts/NoeDisplay.svg') format('svg');
}
@font-face {
	font-family: Acrom;
	src: url(../fonts/Northern_Acrom.otf);
	src: url('../fonts/Northern_Acrom.eot'), url('../fonts/Northern_Acrom.woff') format('woff'), url('../fonts/Northern_Acrom.ttf') format('truetype'), url('../fonts/Northern_Acrom.svg') format('svg');
}
@font-face {
	font-family: proxima;
	src: url(../fonts/Proxima.otf);
	src: url('../fonts/Proxima.eot'), url('../fonts/Proxima.woff') format('woff'), url('../fonts/Proxima.ttf') format('truetype'), url('../fonts/Proxima.svg') format('svg');
}
@font-face {
	font-family: proximBold;
	src: url(../fonts/Proximbold.otf);
	src: url('../fonts/Proximbold.eot'), url('../fonts/Proximbold.woff') format('woff'), url('../fonts/Proximbold.ttf') format('truetype'), url('../fonts/Proximbold.svg') format('svg');
}
html {
	font-size: 75px;
}
body {
	background: #fff;
	margin: 0;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
	width: 100%;
	position: relative;
	overflow-x: hidden;
	background-color: #f8f8f8;
}
body, button, input, select, textarea {
	font-size: 14px;
	line-height: 1;
	margin: 0;
	color: #333;
	border: 0;
	outline: none;
	background: none;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
	display: block
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
address, cite, code, em, th, i {
	font-weight: normal;
	font-style: normal;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
	display: block;
	overflow: hidden;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}
a:hover {
	text-decoration: none;
}
.fl {
	float: left
}
.fr {
	float: right
}
input[placeholder], [placeholder], *[placeholder] {
color:#757575;
outline:none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#757575;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#757575;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#757575;
}
button, input {
	outline: none;
	border: none;
}
li, dt, ol {
	list-style: none
}
/*-----大屏电脑1920------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width:1920px) {
html {
	font-size: 100px
}
}
.headBox {
	width: 100%;
	position: relative;
}
.menuBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: url(../images/topMbg.png) repeat-x top;
	background-size: 0.3rem auto;
	;
	box-sizing: border-box;
	z-index: 999;
}
.menu {
	width: 96%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu .logo {
	background: url(../images/logo-w.svg) no-repeat center;
	width: 106px;
	height: 93px;
	padding: 10px 0px;background-origin: content-box
}
.menuBtn {
	list-style: none;
	text-align: center;
	display: block;
	font-size: 0;
}
.menuBtn li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	position: relative;	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.menuBtn li a {
	color: #fff;
	font-size: 16px;
	display: block;
	font-weight: 400;
	height: 93px;
	line-height: 93px;
	padding: 10px 15px;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.menuBtn li:hover a {
	color: #fff !important
}
.menuBtn li a::after {
	content: '';
	width: 0px;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;top:90px
}
.menuBtn li a:hover::after {
	width: 100%;
	background: #407d5c;
	left: 0px; top:90px
}
.menuBtn li .sub a:hover::after {
	width: 100%;
	background: none;
	left: 0px;top:90px
}

.menuBox.fixedlogo .menuBtn li .sub  a{ }
.menuBox.fixedlogo .menuBtn li:hover a {
	color: #407d5c;
}
.menuBox.fixedlogo .menuBtn li:hover .sub a{ }
.menuBox.fixedlogo .menuBtn li:hover .sub {
	position: absolute;
	top: 113px;
	display: block;
	background:rgba(255,255,255,0.9);
	width: 180px
}
.menuBox.fixedlogo .menuBtn li:hover .sub a {
	display: block;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #f0f0f0;
	
}
.menuBox.fixedlogo  .menuBtn li:hover .sub a:hover {
	background: #407d5c;
	color: #fff !important
}

.menuBtn li .sub {
	display: none;
}
.menuBtn li:hover a {
	color: #407d5c;
}
.menuBtn li:hover .sub {
	position: absolute;
	top: 90px;
	display: block;
	background:rgba(64,125,92,1);
	width: 180px; left:-40px;	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.menuBtn li:hover .sub a {
	display: block;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #2c784f;
	color: #FFF !important;
}
.menuBtn li:hover .sub a:hover {
	background: #fff;
	color: #454545 !important
}
.metel {
	text-align: center;
	font-family: din;
	line-height: 93px;
	width: 280px
}
.metel i {
	float: left;
	font-size: 30px;
	color: #CCC;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 23px;
	border: 3px solid #CCC;
	margin-right: 10px
}
.metel p {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	display: block;
	line-height: 40px; font-family:'beba'
}
.lg_en a {
	display: block;
	color: #fff;
	border: 1px #fff solid;
	border-radius: 0.25rem;
	font-weight: lighter;
}
.lg_en a:hover, .lg_en a.set {
	color: #fff;
	border: 1px #976828 solid;
	background: #976828;
}
.menuBox.fixedlogo {
	border-radius: 0px !important;
	background: #ffffff !important;
	box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: fixed;
	top: 0px; z-index:999
}
.menuBox.fixedlogo .logo {
	background: url(../images/logo.svg) no-repeat center;background-origin: content-box
}
.menuBox.fixedlogo .menuBtn li a {
	color: #333;
}
.menuBox.fixedlogo .menuBtn li:hover a{ color:#407d5c !important}
.menuBox.fixedlogo ul {
	margin-right: 2.5%
}
.menuBox.fixedlogo ul li dl {
	top: 100px
}
.menuBox.fixedlogo .metel p {
	color: #407d5c; font-family:'beba'
}
.topWh {
	height: 0.9rem;
}
.wTopMen {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(255,255,255,1);
	border-bottom: 1px #e7e7e7 solid;
	z-index: 999;
}
.wMenu {
	width: 96%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.wMenu .logo {
	width: 0.6rem;
}
.banner .text {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	z-index: 999;
	transform: translate(-50%, -50%)
}
.banner .text h1 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 5px 5px 5px #946429;
}
.banner .text h2 {
	color: #fff;
	font-size: 30px;
	font-family: "Microsoft JhengHei";
	text-shadow: 5px 5px 5px #946429;
	margin-top: 35px;
	line-height: 50px
}
.banner .text h3 {
	width: 110px;
	height: 4px;
	background: #946429;
	margin: 30px auto

}
.banner .text h4 {
	color: #fff;
	font-size: 30px;
	text-shadow: 5px 5px 5px #946429;
}
.banner .text h4 span {
	color: #fff;
	font-weight: bold
}
.wMenuBtn {
	list-style: none;
	text-align: center;
	display: block;
	font-size: 0;
}
.wMenuBtn li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	margin: 0 0.61rem;
	line-height: 0.9rem;
}
.wMenuBtn li a {
	color: #919191;
	font-size: 0.18rem;
	display: block;
	font-weight: 400;
	position: relative;
}
.wMenuBtn li a:hover, .wMenuBtn .on a {
	color: #4b4b4b;
}
.wMenuBtn .on a::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1px;
	transform: translateX(-50%);
	width: 50%;
	height: 1px;
	background: #4b4b4b;
}
.lg_Wen {
	width: 0.9rem;
	height: 0.4rem;
	text-align: center;
	font-family: 'Acrom';
	font-size: 0.16rem;
	line-height: 0.4rem;
}
.lg_Wen a {
	display: block;
	color: #919191;
	border: 1px #919191 solid;
	border-radius: 0.25rem;
	font-weight: lighter;
}
.lg_Wen a:hover, .lg_en a.set {
	color: #976828;
	border: 1px #976828 solid;
}
#banner .swiper-pagination {
	left: auto;
	width: 10px;
	right: 0.55rem;
	top: 62.5%;
	transform: translateY(-50%);
	font-size: 0;
}
#banner .swiper-pagination span {
	display: block;
}
#banner .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	margin: 0.1rem auto;
	opacity: 1;
}
#banner .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: #946429;
}
#banner .bar-next, #banner .bar-prev {
	position: absolute;
	right: 0.5rem;
	width: 20px;
	height: 20px;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: url("../images/bararrow.png") no-repeat center;
	background-size: 100% auto;
}
#banner .bar-next {
	bottom: 40%;
	transform: rotateX(180deg);
}
#banner .bar-prev {
	top: 40%;
}
#barSomePic {
	position: absolute;
	width: 3.5rem;
	right: 0.5rem;
	bottom: 2.5rem;
}
#barSomePic .swiper-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
#barSomePic .swiper-slide-thumb-active {
	visibility: visible;
}
#barSomePic .someName {
	width: 1.6rem;
	overflow: hidden;
}
#barSomePic .someName img {
	border-top-left-radius: 0.17rem;
	border-bottom-right-radius: 0.17rem;
	margin-bottom: 0.1rem;
}
#barSomePic .someName span {
	font-size: 0.16rem;
	color: #fff;
	display: block;
	overflow: hidden;
}
#barSomePic .swiper-slide-next {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
#barSomePic .swiper-wrapper .swiper-slide-thumb-active, #barSomePic .swiper-wrapper .swiper-slide-prev {
	visibility: hidden;
}
.cenBox {
	width: 80%;
	margin: 0 auto;
}
.inproTab {
	background: #efe6dd;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#inproTabBox {
}
#inproTabBox .inPro-next, #inproTabBox .inPro-prev {
	position: absolute;
	top: 40%;
	right: 0.5rem;
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 50%;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: url("../images/arrowr_a.png") no-repeat center #4b4b4b;
	background-size: 0.2rem auto;
}
#inproTabBox .inPro-next {
}
#inproTabBox .inPro-prev {
	left: 0.5rem;
	right: auto;
	transform: rotateY(180deg);
}
#inproTabBox .swiper-button-disabled {
	background: url("../images/arrowr_a.png") no-repeat center #919191;
	background-size: 0.2rem auto;
}
.barNum {
	position: absolute;
	right: 0.5rem;
	top: 30%;
	width: 0.3rem;
	word-wrap: break-word;
	color: #fff;
	text-align: center;
	z-index: 20;
}
.barNum span, .barNum i {
	display: block;
	font-style: normal;
	transform: rotate(-90deg);
	margin: 0 auto;
}
.barNum span {
	font-family: 'clarBTP';
	font-size: 0.16rem;
	width: 0.2rem;
}
.barNum i {
	font-size: 0.24rem;
}
.inproTit {
	width: 96%;
	margin: 0.54rem auto 0;
	position: relative;
	text-align: center;
	padding-top: 0.64rem;
	font-size: 0;
}
.inproTit::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 0.42rem;
	height: 0.42rem;
	background: url("../images/icon1.png") no-repeat top center;
	background-size: 0.42rem auto;
	transform: translateX(-50%);
}
.inproTit h2 {
	position: relative;
	font-family: 'proximBold';
	font-size: 0.34rem;
	color: #4b4b4b;
	display: block;
	margin-bottom: 0.24rem;
	letter-spacing: 0.04rem;
}
.inproTit h2::after, .inproTit h2::before {
	content: '';
	position: absolute;
	top: 50%;
	width: 38%;
	height: 1px;
	background: #bebebe;
}
.inproTit h2::after {
	left: 0
}
.inproTit h2::before {
	right: 0;
}
.inproTit span {
	font-size: 0.18rem;
	font-weight: 400;
	color: #4b4b4b;
	letter-spacing: 0.1rem;
}
.proitem {
	width: 100%;
	position: relative;
	padding-bottom: 3.2rem;
}
.proZidx {
	position: relative;
	z-index: 10;
}
.proTabitem {
	width: 98%;
	padding: 0.3rem 1rem 0.3rem 0.3rem;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0.6rem;
	background: rgba(255,255,255,0.7);
	z-index: 20;
	font-size: 0;
	overflow: hidden;
}
.proTabitem .pagination {
	position: absolute;
	font-family: 'clarBTP';
	left: auto;
	right: 0;
	top: 0;
	width: 0.8rem;
	height: 100%;
	background: #fff;
	font-size: 0.16rem;
	color: #919191;
	text-align: center;
	padding-top: 1.15rem;
	overflow: hidden;
}
.proTabitem .pagination span {
	display: block;
	margin: 0.1rem 0;
}
.proTabitem .swiper-button-next, .proTabitem .swiper-button-prev {
	position: absolute;
	right: 0.18rem;
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 50%;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	outline: none;
}
.proTabitem .swiper-button-next {
	bottom: 8%;
	top: auto;
}
.proTabitem .swiper-button-prev {
	top: 15%;
	left: auto;
}
.proTabitem .swiper-button-next:after, .proTabitem .swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: 0.24rem;
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}
.proTabitem .swiper-button-next:after {
	content: 'next';
	transform: rotate(90deg)
}
.proTabitem .swiper-button-prev:after {
	content: 'prev';
	transform: rotate(90deg)
}
.proSlist {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
}
.proSlist h3 {
	font-size: 0.18rem;
	color: #4b4b4b;
	height: 0.44rem;
	line-height: 0.32rem;
	font-weight: 700;
}
.itemPro {
	border-top-left-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
	padding: 0.18rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0;
}
.itemPro .sProd {
	width: 2.2rem;
	overflow: hidden;
}
.itemPro .sProTxt {
	width: 1.2rem;
	color: #919191;
	font-size: 0.16rem;
	line-height: 0.6rem;
}
.itemPro .sProTxt p {
	display: block;
	margin: 0;
}
.vidPic-Btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	transform: scale(0.5);
	transition: all 0.5s;
}
.playBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.64rem;
	transform: translate(-50%, -50%);
}
.proSlist:hover .vidPic-Btn {
	opacity: 1;
	transform: scale(1);
}
.proTabitem .smTzr {
	font-size: 0.14rem;
	color: #919191;
	text-align: center;
	margin-top: 0.3rem;
}
.proXLlist {
	width: 100%;
	position: relative;
	padding-top: 0.74rem;
	padding-bottom: 1rem;
	background: #fff;
}
.titlmore {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.titTxt {
	width: 84.5%;
	
}
.titTxt h2, .titTxt h3 {
	position: relative;
	font-family: 'Noedlay';
	font-size: 40px;
	font-weight: 700;
	color: #4b4b4b;
	display: block;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.titTxt h2::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 81%;
	height: 1px;
	background: #bebebe;
}
.titTxt h3 img {
	width: 2.74rem;
}
.titTxt span {
	font-size: 20px;
	color: #4b4b4b;
	letter-spacing: 4px;
	font-weight: bold;
}
.moreBtn {
	margin-top: -0.14rem;
	position: relative;
	background: #f1f1f1;
	border-radius: 10px;
	overflow: hidden;
}
.moreBtn a {
	font-family: 'Acrom';
	font-size: 16px;
	;
	width: 160px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #4b4b4b;
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.moreBtn a:hover {
	color: #fff;
}
.moreBtn::after {
	content: '';
	position: absolute;
	left: -1.6rem;
	top: 0;
	background: #4b4b4b;
	width: 1.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	transition: all 0.5s;
}
.moreBtn:hover::after {
	left: 0;
	top: 0;
}
.cpTxt {
	position: absolute;
	top: 50px
}
.proName {
	width: 780px;
	padding-left: 12%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
}
.proName h4 {
	background: url("../images/proline.png") no-repeat bottom left;
	background-size: 100% auto;
	padding-bottom: 0.3rem;
	font-size: 18px;
	padding: 36px 0;
	color: #4b4b4b;
	position: relative;
	z-index: 7
}
.proName span {
	display: inline-block;
	position: absolute;
	 font-family: 'clarBTP';
	left: 20%;
	top: -54px;
	color: #f1f1f1;
	font-size: 120px;
	line-height: 1.5;
	z-index: 6;
}
.proName h2 {
	font-size: 32px;
	color: #333;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px #c2c2c2 solid;
	font-weight: 700;
}
.proName ul {
	padding-top: 20px;
}
.proName ul li {
	font-size: 16px;
	line-height: 32px;
	color: #919191;
	margin-left: 20px;
	list-style: circle
}
#cpPro .cpPro-next, #cpPro .cpPro-prev {
	position: absolute;
	bottom: 0;
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 50%;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: url("../images/arrowr_a.png") no-repeat center #4b4b4b;
	background-size: 0.2rem auto;
}
#cpPro .cpPro-next {
	right: 46.5%;
}
#cpPro .cpPro-prev {
	left: 46.5%;
	transform: rotateY(180deg);
}
#cpPro .swiper-button-disabled {
	background: url("../images/arrowr_a.png") no-repeat center #919191;
	background-size: 0.2rem auto;
}
#somePro {
	position: absolute;
	width: 65%;
	left: 0;
	bottom: 1.8rem;
}
#somePro .swiper-wrapper {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
#somePro .sproNum {
	padding: 0.14rem 0.18rem;
	box-sizing: border-box;
	border: 2px #e0e0e0 solid;
	border-top-left-radius: 0.18rem;
	border-bottom-right-radius: 0.18rem;
	position: relative;
	margin-top: 0.2rem;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#somePro .sproNum img {
	position: absolute;
	top: -0.2rem;
	right: 0.18rem;
	width: 0.74rem;
	display: none;
}
#somePro .sproNum p {
	font-size: 14px;
	line-height: 30px;
	margin: 0;
	color: #333;
	display: block;
	overflow: hidden;
	;
}
#somePro .sproNum .numBox {
	display: flex;
	align-items: flex-start;
	flex-flow: row;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 0.38rem;
}
#somePro .sproNum .numBox span {
	font-family: 'proxima';
	font-size: 16px;
	color: #555;
	display: block;
	font-weight: bold
}
#somePro .sproNum .numBox i {
	font-family: 'proxima';
	font-style: normal;
	font-size: 0.14rem;
	color: #b7b6b6;
	display: block;
	transform: rotate(90deg)
}
#somePro .swiper-slide-thumb-active {
	width: 230px !important;
}
#somePro .swiper-slide-thumb-active .sproNum {
	border: 2px #ffe7ec solid;
	background: #ffe7ec;
	width: 230px!important;
}
#somePro .swiper-slide-thumb-active .sproNum img {
	display: block;
}
#somePro .swiper-slide-thumb-active .sproNum .numBox {
	display: block;
	margin-bottom: 0;
}
#somePro .swiper-slide-thumb-active .sproNum .numBox i {
	font-size: 0.32rem;
	color: #fff;
	width: 100%;
	margin-top: 0.3rem;
	transform: rotate(0deg)
}
.inAbtBox {
	width: 100%;
	background: url("../images/inabg.jpg") no-repeat top;
	padding-top: 30px;
	padding-bottom: 30px;
}
.inabout {
	width: 16rem;
	margin: 0 auto;
	text-align: right;
	position: relative;
}
.leftPic {
	position: absolute;
	left: 0;
	top: 0.78rem;
	width: 8rem;
	border-top-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	overflow: hidden;
	z-index: 10;
}
.rightTxt {
	position: relative;
	float: right;
	background: #fff;
	width: 12.1rem;
	height: 6.2rem;
}
.rightTxt .aboutInfo {
	position: absolute;
	left: 40%;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
	padding-right: 1rem;
}
.rightTxt .aboutInfo .abticon {
	width: 0.36rem;
	margin-top: 0.56rem;
}
.rightTxt .aboutInfo p {
	font-size: 0.15rem;
	color: #4b4b4b;
	padding: 0;
	margin-top: 0.4rem;
	line-height: 0.3rem;
}
.rightTxt .aboutInfo a {
	font-size: 0.15rem;
	width: 1.76rem;
	height: 0.64rem;
	line-height: 0.64rem;
	text-align: center;
	margin-top: 0.7rem;
	border-radius: 0.08rem;
	color: #4b4b4b;
	display: block;
	border: 1px #919191 solid;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.rightTxt .aboutInfo a:hover {
	color: #fff;
}
.rightTxt .aboutInfo a span {
	padding-right: 0.4rem;
	background: url("../images/arrowr.png") no-repeat right center;
	background-size: 0.20rem auto;
}
.rightTxt .aboutInfo a:hover span {
	background: url("../images/arrowr_a.png") no-repeat right center;
	background-size: 0.20rem auto;
}
.rightTxt .aboutInfo a::after {
	content: '';
	position: absolute;
	left: -1.76rem;
	top: 0;
	background: #4b4b4b;
	width: 1.76rem;
	height: 0.64rem;
	line-height: 0.64rem;
	transition: all 0.5s;
	z-index: -1;
}
.rightTxt .aboutInfo a:hover::after {
	left: 0;
	top: 0;
}
.yzpic {
	position: absolute;
	right: 0.2rem;
	top: -0.32rem;
	width: 2.18rem;
	z-index: 10;
}
.zhouPic {
	position: absolute;
	right: -1.1rem;
	bottom: -1.5rem;
	width: 3.96rem;
	overflow: hidden;
	z-index: 10;
}
.brandBox {
}
.brandTit {
	width: 96%;
	margin: 0.54rem auto 0;
	position: relative;
	text-align: center;
	padding-top: 0.64rem;
	font-size: 0;
}
.brandTit::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 0.42rem;
	height: 0.42rem;
	background: url("../images/icon1.png") no-repeat top center;
	background-size: 0.42rem auto;
	transform: translateX(-50%);
}
.brandTit h2 {
	position: relative;
	font-family: 'proximBold';
	font-size: 0.374rem;
	color: #4b4b4b;
	display: block;
	margin-bottom: 0.24rem;
	letter-spacing: 0.04rem;
}
.brandTit span {
	font-size: 0.18rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	color: #4b4b4b;
	position: relative;
	padding-bottom: 0.36rem;
}
.brandTit span::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50%;
	height: 1px;
	background: #bebebe;
	transform: translateX(-50%);
}
.brandText {
	margin-top: 0.4rem;
	overflow: hidden;
	text-align: center;
}
.brandText p {
	font-size: 0.15rem;
	color: #4b4b4b;
	padding: 0;
	margin-top: 0.4rem;
	line-height: 0.3rem;
}
.brandText a {
	font-size: 0.15rem;
	width: 1.76rem;
	height: 0.64rem;
	background: #fff;
	line-height: 0.64rem;
	text-align: center;
	margin: 0.7rem auto 0;
	border-radius: 0.08rem;
	color: #4b4b4b;
	display: block;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.brandText a:hover {
	color: #fff;
}
.brandText a span {
	display: block;
	position: relative;
	z-index: 10;
}
.brandText a::after {
	content: '';
	position: absolute;
	left: -1.76rem;
	top: 0;
	background: #4b4b4b;
	width: 1.76rem;
	height: 0.64rem;
	line-height: 0.64rem;
	transition: all 0.5s;
}
.brandText a:hover::after {
	left: 0;
	top: 0;
}
.prolistTab {
	width: 100%;
	background: #fff;
	padding-bottom: 0.6rem;
}
#prodItem {
	overflow: hidden;
	width: 100%;
}
#prodItem .swiper-slide {
	padding-top: 0.96rem;
	width: 13.1rem !important;
	padding-bottom: 0.86rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.85);
}
#prodItem .swiper-slide-active, .swiper-slide-duplicate-active {
	transform: scale(1);
}
#prodItem .swiper-pagination-bullet-active {
	background: #946429;
}
.prodShow {
	width: 13.1rem;
	margin: 0 auto;
	border-top-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	position: relative;
	padding: 0.66rem 0.64rem;
	box-sizing: border-box;
}
.prodShow .prodMtxt {
	font-size: 0;
}
.prodShow .prodMtxt span {
	display: inline-block;
	background: #9fc9f2;
	font-size: 0.14rem;
	color: #fff;
	border-radius: 0.08rem;
	padding: 0.08rem 0.1rem;
}
.prodShow .prodMtxt h2 {
	font-size: 0.45rem;
	font-weight: 700;
	color: #323232;
	margin-top: 0.3rem;
	margin-bottom: 0.22rem;
}
.prodShow .prodMtxt p {
	font-size: 0.18rem;
	color: #4b4b4b;
	margin: 0;
}
.prodShow .prodPic {
	position: absolute;
	right: 0.34rem;
	bottom: -0.5rem;
	width: 6.34rem;
}
.prodList {
	padding: 80px 0px
}
.prodTit {
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
	font-size: 0;
}
.prodTit h2 {
	position: relative;
	 font-family: 'beba';
	font-size: 32px;
	font-weight: 700;
	color: #4b4b4b;
	display: block;
	margin-bottom: 0.24rem;
	letter-spacing: 0.06rem;
	text-transform: uppercase
}
.prodTit h2::after, .prodTit h2::before {
	content: '';
	position: absolute;
	top: 50%;
	width: 25%;
	height: 1px;
	background: #bebebe;
}
.prodTit h2::after {
	left: 0
}
.prodTit h2::before {
	right: 0;
}
.prodTit h3 {
	position: relative;
	font-family: 'proximBold';
	font-size: 0.34rem;
	color: #4b4b4b;
	display: block;
	margin-bottom: 10px;
	letter-spacing: 0.06rem;
}
.prodTit span {
	font-size: 36px;
	font-weight: 400;
	color: #4b4b4b;
	letter-spacing: 0.1rem; line-height:2
}
.prodTit p{
	font-size: 18px;
	
	color: #4b4b4b;
	
}
.prodClass {
	margin-top: 0.64rem;
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}
.prodClass a {
	background: #fff;
	text-align: center;
	padding: 15px 25px;
	font-weight: 400;
	margin: 0px 10px;
	border-radius: 30px;
	color: #4b4b4b;
	font-size:22px; -webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.prodClass a:hover, .prodClass a.on {
	background: #407d5c;
	color: #fff;
}
.prodLBox {
	list-style: none;
	margin-top: 50px;
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.prodLBox li {
	display: block;
	width: 23.5%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 2%;
}
.prodLBox li:nth-child(4n) {
	margin-right: 0;
}
.prodLBox li a {
	display: block;
	overflow: hidden;
}
.prodLBox li a .prod {
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	overflow: hidden;
}
.prodLBox li a .pName {
	height: 30px;
	overflow: hidden;
	margin: 20px auto;
	text-align: center;
	font-size: 0;
	line-height: 30px;
}
.prodLBox li a .pName h2 {
	display: block;
	color: #323232;
	font-size: 16px;
	height: 30px;
	font-weight: 400;
	margin: 0 auto;
	text-align: center;
	transition: all 0.5s;
}
.prodLBox li a .pName span {
	display: block;
	width: 80px;
	height: 30px;
	border-radius: 0.1rem;
	background: #3c3c3c;
	color: #fff;
	font-size: 0.15rem;
	margin: 0 auto;
	text-align: center;
}
.prodLBox li a:hover .pName h2 {
	margin-top: -30px;
}
.prodLBox li a:hover .prod {
	transform: scale(1.1);
}
.pagesBox {

	display: flex;
	align-items: center;
	justify-content: space-between;
}
.uppage, .downpage {
	width: 0.6rem;
	height: 0.6rem;
}
.uppage a {
	display: block;
	height: 0.6rem;
	width: 0.6rem;
	border-radius: 50%;
	background: url("../images/arrow.png") no-repeat center #4b4b4b;
	background-size: 0.32rem auto;
	text-indent: -99em;
}
.uppage li a:hover {
	background: url("../images/arrow.png") no-repeat center #919191;
	background-size: 0.32rem auto;
}
.downpage li a {
	display: block;
	height: 0.6rem;
	width: 0.6rem;
	border-radius: 50%;
	background: url("../images/arrow.png") no-repeat center #4b4b4b;
	background-size: 0.32rem auto;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	text-indent: -99em;
}
.downpage li a:hover {
	background: url("../images/arrow.png") no-repeat center #919191;
	background-size: 0.32rem auto;
}
.pages {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 0.16rem;
}
.pages li {
	display: inline-block;
	line-height: 30px;
	width:70px;
	;
	font-size: 16px;
	color: #4b4b4b;
	margin: 0 10px;
	background: #efefef;
	padding: 10px 5px;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.pages li:hover, .pages li.active {
	background: #407d5c;
	color: #fff;
}
.pages li a {
	display: block;
	color: #4b4b4b; font-size:16px; font-weight:bold
}
.pages li:hover a, .pages li.active a {
	color: #fff
}
.topProd {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0.7rem;
	min-height: 8.4rem;
}
.prodBpic {
	width: 8rem;
}
.prodabt {
	width: 5.4rem;
	margin-left: 0.8rem;
	font-size: 0;
}
.black {
	font-size: 0.15rem;
	color: #323232;
	background: url(../images/barrow.png) no-repeat no-repeat left center;
	padding-left: 0.4rem;
	background-size: 0.3rem auto;
	margin-left: -0.4rem;
}
.infoTxtBox {
	margin-top: 40px;
}
.infoTxtBox .psTit {
	font-size: 20px;
	;
	color: #919191;
	margin-bottom: 14px;
}
.infoTxtBox h1 {
	font-size: 30px;
	color: #323232;
	font-weight: 700;
	padding-bottom: 30px;
}
.infoTxtBox p {
	font-size: 0.15rem;
	color: #919191;
	line-height: 0.28rem;
	margin-top: 0;
}
.infoTxtBox .dtxt {
	color: #4b4b4b;
	font-size: 0.15rem;
	font-weight: 400;
	margin-bottom: 0.2rem;
	margin-top: 0.3rem;
}
.infoTxtBox .proObj {
	list-style: none;
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.infoTxtBox .proObj li {
	list-style-type: none;
	font-size: 0.15rem;
	color: #919191;
	display: block;
	width: 1.48rem;
	margin-right: 0.3rem;
	margin-bottom: 0.16rem;
}
.infoTxtBox .proObj li:nth-child(3n) {
	margin-right: 0;
}
.infoTxtBox .proObj li:nth-child(3n+1) {
	width: 1.78rem;
}
.infoTxtBox .proObj li span {
	color: #4b4b4b;
	font-size: 0.17rem;
	font-weight: normal;
}
.infoTxtBox .proCon {
	border-top: 1px #c2c2c2 solid;
	margin-top: 0.36rem;
	padding-top: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.telBox, .sherBox {
	color: #4b4b4b;
	font-size: 0.17rem;
}
.prodinfoBox {
	width: 100%;
	margin-top: 0.6rem;
	padding-bottom: 0.6rem;
}
.prodinfo {
	width: 100%;
}
.prodinfo img {
	max-width: 100%;
	margin: 0 auto;
}
/*about*/
.aboutBox, .brandInt {
	background: #f9f9f9;
	width: 100%;
	position: relative;
	max-width: 19.2rem;
	margin: 0 auto;
}
.logoly {
	width: 16rem;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 18%;
	transform: translate(-50%, 0);
}
.logoPic {
	width: 1.38rem;
	margin: 0 auto 0.64rem;
}
.logoen {
	width: 8.3rem;
	margin: 0 auto 0.68rem;
}
.logocn {
	width: 1.42rem;
	margin: 0 auto;
}
.brandInt {
	background: #f8f8f8;
	position: relative;
}
.brandInt::after, .brandInt::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 0.44rem;
	height: 1.34rem;
	background: url("../images/2016.png") no-repeat;
	background-size: 100% auto;
}
.brandInt::after {
	left: 0.5rem
}
.brandInt::before {
	right: 0.5rem;
	transform: rotate(180deg);
	margin-top: -0.67rem;
}
.braInt {
	width: 12rem;
	margin: 0.6rem auto 0;
	padding-bottom: 0.7rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blkTxt {
	width: 6rem;
}
.titName {
	font-size: 0;
	margin-bottom: 0.5rem;
}
.titName h2 {
	font-family: 'proximBold';
	letter-spacing: 0.04rem;
	font-size: 0.34rem;
	color: #4b4b4b;
	display: block;
	margin-bottom: 0.1rem;
}
.titName span {
	font-size: 0.18rem;
	font-weight: 400;
	color: #4b4b4b;
	letter-spacing: 0.1rem;
	position: relative;
	padding-bottom: 0.3rem;
}
.titName span::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60%;
	height: 1px;
	background: #bebebe;
}
.text {
	font-size: 0.16rem;
	color: #4b4b4b;
	line-height: 0.3rem;
}
.abtRpic {
	width: 4.4rem;
	background: url("../images/aboutdot.png") no-repeat right bottom;
	background-size: 1.07rem auto;
	padding-bottom: 0.32rem;
	padding-right: 0.32rem;
	box-sizing: border-box;
}
.braPos, .quAss, .disChaBox {
	width: 100%;
	max-width: 19.2rem;
	margin: 0 auto;
	position: relative;
}
.poslPic {
	position: absolute;
	right: 13.6rem;
	top: 1rem;
	width: 6.36rem;
	z-index: 10;
}
.braPosBg {
	width: 17.8rem;
	background: #fff;
	padding-top: 0.9rem;
	padding-bottom: 0.7rem;
	position: relative;
	float: right;
}
.braPosTxt {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}
.posIcon {
	list-style: none;
	margin-left: 1.23rem;
	margin-top: 2.1rem;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.posIcon li {
	text-align: center;
	margin-right: 0.4rem;
}
.posIcon li:last-child {
	margin-right: 0;
}
.posIcon li img {
	margin: 0 auto;
	width: 0.64rem;
}
.posIcon li span {
	font-size: 0.14rem;
	color: #4b4b4b;
	display: block;
	line-height: 0.26rem;
	margin-top: 0.18rem;
}
.posTxt {
	margin-left: 1.98rem;
	width: 6.7rem;
}
.posTName {
	font-size: 0;
	margin-bottom: 0.5rem;
}
.posTName h2 {
	font-size: 0.34rem;
	font-family: 'proximBold';
	letter-spacing: 0.04rem;
	color: #4b4b4b;
	display: block;
	margin-bottom: 0.1rem;
	position: relative;
}
.posTName h2::before {
	content: '';
	position: absolute;
	bottom: 0.1rem;
	right: 0;
	width: 58%;
	height: 1px;
	background: #bebebe;
}
.posTName span {
	font-size: 0.18rem;
	font-weight: 400;
	color: #4b4b4b;
	letter-spacing: 0.1rem;
	position: relative;
	padding-bottom: 0.3rem;
}
.posRpic {
	position: absolute;
	right: 0;
	bottom: 0.75rem;
	width: 3.69rem;
	z-index: 10;
}
.postext {
	font-size: 0.16rem;
	color: #4b4b4b;
	line-height: 0.3rem;
	padding-left: 0.44rem;
	padding-top: 0.7rem;
	background: url(../images/yhicon.png) no-repeat top left;
	background-size: 0.37rem auto;
}
.quAss {
	padding-top: 1.3rem;
	padding-bottom: 1rem;
}
.quAss .mspic {
	position: absolute;
	right: 0;
	top: 1.24rem;
	width: 2.65rem;
}
.flexBc {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.quAssPic {
	width: 6.3rem;
}
.quAssTxt {
	width: 5.7rem;
	text-align: center;
	margin-left: 1.2rem;
}
.quAssTit {
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 0;
	margin-bottom: 0.5rem;
}
.quAssTit h2 {
	position: relative;
	font-family: 'proximBold';
	letter-spacing: 0.04rem;
	font-size: 0.34rem;
	color: #4b4b4b;
	display: block;
	margin-bottom: 0.24rem;
}
.quAssTit span {
	font-size: 0.18rem;
	display: inline-block;
	font-weight: 400;
	color: #4b4b4b;
	position: relative;
	padding-bottom: 0.24rem;
	letter-spacing: 0.1rem;
}
.quAssTit span::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50%;
	height: 1px;
	background: #bebebe;
	transform: translateX(-50%);
}
.quAssPro {
	width: 14rem;
	margin: 0.94rem auto 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-size: 0;
}
.quAssPro li {
	width: 2.46rem;
	margin-right: 0.4rem;
	background: #fff;
	border-top-left-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
	overflow: hidden;
	padding-bottom: 0.2rem;
}
.quAssPro li:nth-child(5n) {
	margin-right: 0;
}
.prodLBox li a {
	display: block;
}
.quAssPro li .proBox {
	border-bottom-right-radius: 0.3rem;
	text-align: center;
	padding: 0.42rem 0 0.4rem;
}
.quAssPro li .proBox img {
	height: 2.2rem;
	width: auto;
	margin: 0 auto;
}
.quAssPro li a .pName {
	height: 0.3rem;
	overflow: hidden;
	margin: 0.3rem auto 0;
	text-align: center;
	font-size: 0;
	line-height: 0.3rem;
}
.quAssPro li a .pName h2 {
	display: block;
	color: #4b4b4b;
	font-size: 0.16rem;
	height: 0.3rem;
	font-weight: 400;
	margin: 0 auto;
	text-align: center;
	transition: all 0.5s;
}
.quAssPro li a .pName span {
	display: block;
	width: 0.9rem;
	height: 0.3rem;
	border-radius: 0.05rem;
	background: #3c3c3c;
	color: #fff;
	font-size: 0.14rem;
	margin: 0 auto;
	text-align: center;
}
.quAssPro li a:hover .pName h2 {
	margin-top: -0.3rem;
}
.disChaBox {
	background: #fff;
	padding-top: 0.9rem;
	padding-bottom: 0.7rem;
}
.disChaTit {
	width: 96%;
	margin: 0.54rem auto 0;
	position: relative;
	text-align: center;
	padding-top: 0.74rem;
	font-size: 0;
}
.disChaTit::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 0.42rem;
	height: 0.42rem;
	background: url("../images/about_38.png") no-repeat top center;
	background-size: 0.46rem auto;
	transform: translateX(-50%);
}
.disChaTit h2 {
	position: relative;
	font-family: 'proximBold';
	letter-spacing: 0.04rem;
	font-size: 0.34rem;
	color: #4b4b4b;
	display: block;
	margin-bottom: 0.24rem;
}
.disChaTit h2::after, .disChaTit h2::before {
	content: '';
	position: absolute;
	top: -64%;
	width: 45%;
	height: 1px;
	background: #bebebe;
}
.disChaTit h2::after {
	left: 0
}
.disChaTit h2::before {
	right: 0;
}
.disChaTit span {
	font-size: 0.18rem;
	font-weight: 400;
	color: #4b4b4b;
}
.disChalist {
	list-style: none;
	width: 12.5rem;
	margin-top: 0.72rem;
	border: 0.04rem #c2c2c2 solid;
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding-top: 0.6rem;
	background: url("../images/linkx.png") no-repeat center;
}
.disChalist li {
	list-style-type: none;
	width: 1.78rem;
	margin: 0 0.8rem 0.6rem;
}
.disChaLpic {
	position: absolute;
	right: 17.7rem;
	bottom: 1.88rem;
	width: 1.93rem;
	z-index: 10;
}
.disChaRpic {
	position: absolute;
	right: 0;
	bottom: 3.42rem;
	width: 1.98rem;
	z-index: 10;
}
.branEveBox {
	width: 100%;
	background: url("../images/djsbg.jpg") no-repeat top;
	padding-top: 1.12rem;
	padding-bottom: 1.66rem;
}
.branEve {
	width: 12.5rem;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.branEvePic {
	position: absolute;
	left: 0;
	top: 0.78rem;
	width: 5.6rem;
	border-top-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	overflow: hidden;
	z-index: 10;
}
.branEveTxt {
	position: relative;
	float: right;
	background: #fff;
	width: 9.96rem;
	height: 5.36rem;
	padding-left: 4rem;
	box-sizing: border-box;
}
.branEveTxt .branEveInfo {
	position: absolute;
	left: 40%;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
	padding-right: 1rem;
}
.branEveTxt .branEveInfo .bevetext {
	font-size: 0.15rem;
	color: #4b4b4b;
	padding: 0;
	margin-top: 0.4rem;
	line-height: 0.3rem;
}
.branEve .bvYzpic {
	position: absolute;
	right: 0.36rem;
	top: 0.66rem;
	width: 1.63rem;
	z-index: 10;
}
/**/
.footerBox {
	background: #4b4b4b;
	width: 100%;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	position: relative;
	z-index: 10;
}
.footInfo {
	width: 16rem;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.footInfo .flogo {
	width: 0.94rem;
	margin-right: 1.2rem;
}
.footInfo .qklink {
	width: 2.4rem;
	font-size: 0;
}
.footInfo .qklink h4 {
	font-size: 0.18rem;
	font-weight: 700;
	color: #c2c2c2;
	margin-bottom: 0.24rem;
}
.footInfo .qklink a {
	display: block;
	font-size: 0.15rem;
	color: #f1f1f1;
	line-height: 0.3rem;
}
.footInfo .copyright {
	width: 6.18rem;
	font-size: 0;
}
.footInfo .copyright h4 {
	font-size: 0.18rem;
	font-weight: 700;
	color: #c2c2c2;
	margin-bottom: 0.24rem;
}
.footInfo .copyright p {
	display: block;
	font-size: 0.15rem;
	color: #f1f1f1;
	line-height: 0.3rem;
	margin: 0;
}
.footInfo .copyright .copy {
	color: #c2c2c2;
}
.footInfo .copyright .copy a {
	font-size: 0.15rem;
	color: #c2c2c2;
}
.footInfo .ewmBox {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.footInfo .ewmBox .ewmitem {
	width: 1rem;
	margin: 0 0.4rem;
}
.footInfo .ewmBox .ewmitem span {
	display: block;
	font-size: 0.15rem;
	text-align: center;
	color: #f1f1f1;
	margin-top: 0.1rem;
}
/*浮动*/
.rightfixed {
	position: absolute;
	right: 1rem;
	top: 0.5rem;
	width: 0.62rem;
	z-index: 99999;
}
.fixedList {
	list-style: none;
	box-sizing: border-box;
}
.fixedList li {
	list-style-type: none;
	text-align: center;
	width: 100%;
	padding: 0;
	position: relative;
}
.fixedList li a {
	display: table-cell;
	width: 0.62rem;
	height: 0.62rem;
	text-align: center;
	vertical-align: middle;
}
.fixedList li a img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
/*视频弹窗*/
#productVideo.companyVideo {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 1000;
}
#productVideo.companyVideo .videoContent {
	width: 80%;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0.72rem 0 0;
}
#productVideo.companyVideo .videoContent .closeVbtn {
	width: 0.48rem;
	height: 0.48rem;
	position: absolute;
	left: 50%;
	top: 0.12rem;
	cursor: pointer;
}
#productVideo.companyVideo .videoContent .closeVbtn img {
	width: 100%;
}
#productVideo.companyVideo .videoContent video {
	width: 100%;
	vertical-align: middle;
}
.indexPart1 {
	height: 632px;
	overflow: hidden;
}
.indexPart1 .leftDiv {
	width: 50%;
	padding-top: 100px;
	background: #484848;
	height: 532px
}
.indexPart1 .mxfDiv {
	padding: 0 18% 0 24%;
}
.indexPart1 .content {
	font-size: 16px;
	color: #ccc;
	line-height: 36px;
	padding-top: 35px;
	font-family: "Microsoft JhengHei";
}
.indexPart1 .more {
	padding-top: 25px;
}
.indexPart1 .more a {
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #666; font-family:'Acrom'
}
.indexPart1 .more a:hover {
	text-decoration: underline;
}
.indexPart1 .rightDiv {
	width: 50%;
	height: 632px;
	background: #f9f8f5
}
.indexPart1 .numList {
	width: 33.33%;
	background: #f9f8f5;
}
.indexPart1 .list {
	padding-left: 23%;
}
.indexPart1 .list li {
	margin: 53px 0px;
	color: #6c6c6c;
}
.indexPart1 .list li .wen {
	padding-bottom: 10px;
	font-size: 12px;
}
.indexPart1 .list li .num {
	
	overflow: hidden;
	line-height: 50px;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 50px;
	color: #615f5c;  position:relative
}
.indexPart1 .list li .num span {
	font-size: 14px;
	color: #427d5c; position:absolute; top:-10px; margin-left:10px
}
.indexPart1 .list li .LineNum {
	float: left; font-family: 'beba';
}
.indexPart1 .list li .LineNum2 {
	float: left;
}
.indexPart1 .list li .num img {
	display: block;
	float: left;
	padding-left: 10px;
	position: relative;
	top: 10px;
}
.indexPart1 .list li .msg {
	font-size: 14px;
}
.indexPart1 .wzmgDiv {
	width: 66.66%;
	background: #427d5c;
	height: 632px
}
.indexPart1 .mapImg {
	overflow: hidden;
}
.indexPart1 .mapImg .imgDiv {
}
.indexPart1 .mapImg .imgDiv img {
	max-width: 100%
}
.indexPart1 .wenDiv {
	background: #427d5c
}
.indexPart1 .wenDiv a {
	display: block;
	width: 100%;
	height: 100%;
}
.indexPart1 .wenDiv .wen1 {
	padding-left: 27.5%;
	padding-top: 70px;
	color: #fff;
	opacity: 0.8;
	font-size: 12px;
}
.indexPart1 .wenDiv .wen2 {
	padding-left: 27.5%;
	padding-top: 12px;
	line-height: 32px;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}
.indexPart1 .wenDiv .wen3 {
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 27.5%;
	padding-top: 25px;
	line-height: 16px;
	color: #fff;
	opacity: 0.3;
}
.indexPart1 .wenDiv .ico {
	padding-top: 40px;
	padding-left: 27.5%;
}
.indexTxt {
	position: relative;
}
.indexTxt .txt1 {
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	line-height: 22px;
}
.indexTxt .txt1 img {
	padding-left: 9px;
}
.indexTxt .txt2 {
	font-family: 'proximBold';
	font-size: 30px;
	line-height: 30px;
	color: #565656;
	padding-top: 12px;
	text-transform: uppercase;
	font-weight: bold
}
.indexTxt .more {
	position: absolute;
	right: 0px;
	top: 18px;
	font-family: 'proximBold';
}
.indexTxt .more a {
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	display: block;
	width: 60px;
	font-weight: bold;
	font-size: 14px;
	color: #615f5c;
}
.indexTxt .more a:hover {
	text-decoration: underline;
}
.lianmeng {
	background: url(../images/bgfix02.jpg) center / cover no-repeat;
	background-attachment: fixed;
	display: flex;
	width: 100%;
	padding: 98px 0 87px;
}
.liancon {
	margin: 0 auto;
	position: relative;
}
.lianmengle p {
	color: #ffffff;
	font-size: 17px;
	margin-top: 18px;
}
.lmtxt {
	margin: 35px 0 0px;
}
.lmtxt p {
	color: #f4f4f4;
	font-size: 30px;
	font-weight: bold;
	line-height: 45px;
}
.lianmore {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	margin: 0;
}
.liaojieminrido {
	width: 100%;
	background: #f4f4f4;
	padding: 98px 0 100px;
}
.lhuacon {
	width: 1200px;
	margin: 0 auto;
	
}
.biaodan {
	width: 710px;
	height: 59px;
	border: 1px solid #d2d2d2;
	margin: 62px auto 48px;
	position: relative;
}
.lansousuo a {
	width: 185px;
	height: 60px;
	position: absolute;
	top: -1px;
	right: 0;
	background: #434343;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
	font-weight: lighter;
	display: block;
	letter-spacing: 1px;
}
.lhuacon h2 {
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	position: relative;
	letter-spacing: 1px;
}
.lhuacon h2::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 57px;
	height: 2px;
	background: #427d5c;
	top: -37px;
}
.liaowenben p {
	color: #666666;
	font-size: 14px;
	font-weight: lighter;
	text-align: center;
	line-height: 24px;
	letter-spacing: 1px;
}
.footer {
	position: relative;
	z-index: 11;
}
.foorbr {
	background: #313131
}
.ftleft {
	position: relative;
	width: calc(100% - 991px);
	overflow: hidden;
}
.fltxt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 126px;
	z-index: 10;
}
.fltxt h2 {
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 46px;
}
.fltxt p {
	color: #ffffff;
	font-size: 23px;
	font-weight: lighter;
	line-height: 48px;
}
.flshangwenb {
	margin-bottom: 68px;
}
.fltxt .morbann a:hover{ background:#fff; border:1px solid #407d5c}
.fltxt .morbann a:hover i{color:#407d5c}
.ftright {
	width: 991px;
	height: 491px;
	/* padding-bottom:227px;*/
  
	position: relative;
}
.ftright .f_menu {
	padding: 20px 126px 20px 50px;
	overflow: hidden;
	border-bottom: 1px solid #555
}
.ftright .f_menu .f_logo {
}
.ftright .f_menu ul li {
	float: left;
	margin-left:40px;
}
.ftright .f_menu ul li a {
	color: #fff;
	line-height: 45px;
	font-size: 16px;
}
.f_contact {
	padding-left: 20px
}
.f_contact .con-con {
	float: left;
	margin:0px 80px 0px 40px;
	padding-top: 100px
}
.f_contact .con-con p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px; opacity:0.7
}
.f_contact .con-con h2 {
	font-size: 16px;
	font-weight: bold;
	color: #fff
}
.f_contact .con-con h2 span {
	font-size: 30px;
 font-family: 'beba';
}
.f_contact .con-con i {
	font-size: 40px;
	color: #fff;
	display: block;
	margin-bottom: 20px; border:2px solid #fff; width:60px; height:60px; border-radius:30px; text-align:center; line-height:60px
}
.morbann a img {
	width: initial;
}
.morbann {
	margin-top: 78px;
}
.morbann a i{ font-size:30px; color:#fff}
.morbann a {
	display: block;
	width: 70px;
	height: 70px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 70px;
	overflow: hidden;
	position: relative;
	transition: all .3s ease-out 0s;
}
.ser_more a {
	display: block;
	width: 175px;
	height: 56px;
	line-height: 56px;
	border-radius: 30px;
	background: #427d5c;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.ser_more a:hover{ background:#fff; color:#427d5c}
.ser_more a span {
}
.fenxianga {
	position: relative;
	bottom: 0;
	right: 0;
}
.fenxianga .fenicont {
	width: 56px;
}
.fenxianga .l-r-topb {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	position: relative;
	border: none!important;
}
.bshare-custom {
	font-size: 13px;
	line-height: 16px !important;
}
.bshare_box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.bsPromo {
	width: 100%;
	height: 100%;
	display: block !important;
	opacity: 0 !important;
	position: absolute;
	top: 0;
	left: 0;
}
.bshare-custom a {
	padding-left: 19px;
	height: 100%;
	width: 100%;
	text-decoration: none;
	zoom: 1;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	margin-right: 3px;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
}
.bshare-custom a i {
	color: #fff
}
.icon-weixin {
	font-size: 24px;
	color: #767676;
}
.dibushare {
	width: 125px;
	position: absolute;
	bottom: 25px;
	right: 132px;
}
.disharle i {
	color: #fff;
	font-size: 28px
}
.disharle {
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	border: 1px solid #767676;
}
.erweima {
	position: absolute;
}
.yongsy {
	width: 100%;
	height: 90px;
	background: #0b0b0b;
}
.yongsy p {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 1.5;
	color: #999999;
	font-size: 14px;
}
.yongsy p a {
	line-height: 1.5;
	color: #999999;
	font-size: 14px;
}
.yongsy p img {
	margin-left: 10px;
}
#biao {
	width: 100%;
	height: 100%;
	padding: 0 27px;
	line-height: 60px;
}
#biao::-webkit-input-placeholder {
 font-size:16px;
 color:#c5c5c5;
}    /* 使用webkit内核的浏览器 */
#biao:-moz-placeholder {
 font-size:16px;
 color:#c5c5c5;
}                  /* Firefox版本4-18 */
#biao::-moz-placeholder {
 font-size:16px;
 color:#c5c5c5;
}                  /* Firefox版本19+ */
#biao:-ms-input-placeholder {
 font-size:16px;
 color:#c5c5c5;
}
.fnbubu {
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	position: absolute;
	margin-top: 0;
}
.liaowenben {
	width: 900px;
	margin: 0px auto
}
.ftleft >img {
	/*max-width:100%;*/
	height: 491px;
	position: relative;
	/*	width:100%;*/
	z-index: 1;
	max-width: initial;
	left: 50%;
	transform: translateX(-50%);
}
.neirongright img {
	width: 100%;
	transition: all .3s;
	max-width: 100%;
}
.fenicont {
	position: relative;
}
.frnixiatg {
	position: absolute;
	top: -131px;
	left: 50%;
	width: 120px;
	transform: translateX(-50%);
	display: none;
}
.frnixiatg img {
	width: 100%;
}
.frnixiatg.act {
	display: block;
}
.newsbt {
	width: 338px;
}
.newsbt h2 {
	font-size: 110px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: bold;
	color: #e0e2e8;
}
.newsbt h3 {
	font-size: 36px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #e0e2e8;
	text-align: right;
}
.newsbox .newslet {
	width: 50%;
	padding-right: 12px;
}
.newsletaa {
	width: 33.333%;
	margin-bottom: 20px;
}
.newslet {
	margin: 0px -10px 0 0;
}
.newsli {
	padding: 31px 25px;
	position: relative;
}
.nletbt {
	margin-bottom: 55px;
}
.nletbt h2 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-left: 10px;
	position: relative;
}
.nletbt h2::after {
	position: absolute;
	width: 495px;
	height: 1px;
	background: #fff;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: 9px;
}
.newsletaa h3 {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	height: 46px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	line-height: 1.5;
	overflow : hidden;
	text-overflow: ellipsis;/*	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
}
.newsletaa h1 {
	font-family: 'beba';
	color: #333;
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 20px
}
.newsletaa h1 span {
	color: #333;
	font-size: 18px;
	font-weight: lighter;
	margin-left: 20px
}
.newsletaa .more {
	border: 2px solid #427d5c;
	color: #427d5c;
	font-family: 'Acrom';
	font-size: 16px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	padding: 0px 10px
}
.newsletaa .more i{ float:right; font-size:30px}
.newsletaa p {
	color: #666666;
	font-size: 16px;
	line-height: 32px;
	overflow: hidden;
	/*    overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/ margin-bottom: 20px
}
.newsletaabox .newsletaa:hover .memceng {
	opacity: 1;
}
.newsletaabox .newsletaa{-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;}
.memceng {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s; overflow:hidden
}
.memceng img { height:100%
	
}
.inner-ban {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding-top: 22%;
	position: relative;
}
.inner-ban .pad {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.inner-ban .wrap1400 {
	position: relative;
}
.inner-ban .con {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.inner-ban .con p {
	font-size: 16px;
	color: #fcfcfc;
	width: 40%;
	margin-bottom: 10px;
	margin-top: 20px
}
.inner-ban .t2 {
	text-align: center
}
.inner-ban .t2 h3 {
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	line-height: 2;
	color: #fff;
}
.inner-ban .t2 h4 {
	font-size: 14px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 10px
}
.inner-ban .t2 h4 a {
	color: #fff
}
.inner-ban .t2 i {
	color: #407d5c;
	-webkit-animation: trackBallSlide 1.4s linear infinite;
	animation: trackBallSlide 1.4s linear infinite
}
.pro {
	background: #f8f8f8
}
#goodsshow {
	overflow: hidden;
}
#goodsshow img {
	border: 0;
}
#goodsshow .left {
	float: left;
	width: 50%;
}
#goodsshow .right {
	float: right;
	width: 48%;
}
#goodsshow .left .shop_big {
	border: 1px solid #ededed;
	padding: 2px;
	background: #fff;
	cursor: pointer;
}
#goodsshow .left .shop_big img {
	width: 100%
}
#goodsshow .shop_plist {
	clear: both;
	width: 100%;
}
#prolist {
	width: 94%;
	float: left;
	overflow: hidden;
	height: 68px;
	position: relative;
	margin: 10px 0 0 0;
}
#prolist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 20000px;
	position: relative;
}
#prolist ul li {
	float: left;
	cursor: pointer;
	position: relative;
	background: url(../images/pro_none.gif) no-repeat center top;
	height: 68px;
}
#prolist ul li img {
	height: 60px;
	width: 90px;
	margin: 6px 8px 0 8px;
	padding: 0px;
	border: 0;
}
#prolist .hover {
	background: url(../images/pro_bg.gif) no-repeat center top;
	height: 68px;
}
#goodsshow .shop_plist a.prev {
	float: left;
	width: 20px;
	height: 68px;
	display: block;
	outline: none;
	background: url(../images/ico_left.gif) no-repeat center;
	line-height: 68px;
	margin-top: 12px;
}
#goodsshow .shop_plist a.next {
	float: left;
	width: 20px;
	height: 68px;
	display: block;
	outline: none;
	background: url(../images/ico_right.gif) no-repeat center;
	margin-top: 12px;
}
#goodsshow .right {
}
#goodsshow .right .intro {
	color: #999;
	min-height: 80px;
}
#goodsshow .right .sno {
	border-bottom: 1px solid #eee;
	line-height: 35px;
}
#goodsshow .right .price {
	color: #999;
	line-height: 30px;
	padding: 10px 0;
}
#goodsshow .right .price span {
	color: #f60;
	font-size: 16px;
}
.pre {
	color: #333;
	font-size: 16px;
	float: left;
	width: 50%;
	text-align: left
}
.pre a {
	color: #333
}
.next {
	color: #333;
	font-size: 16px;
	float: right;
	width: 50%;
	text-align: right
}
.next a {
	color: #333
}
.pn_z {
	overflow: hidden
}
.clear {
	clear: both
}
.pro_con {
	padding: 80px 0px;
}
.pageBox {
	padding: 80px 0px;
	
}
.pageBox-g {
	padding: 80px 0px;
	background: #f8f8f8
}
.pageTitle .title1 {
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
	color: #407d5c;
	padding-bottom: 15px;
}
.pageTitle .title2 {
	font-size: 14px;
	color: #767676;
	text-transform: uppercase;
}
.research .part1 .leftDiv {
	width: 50%;
}
.research .part1 .content {
	padding-top: 60px;
	font-size: 18px;
	color: #f7f7f7;
	line-height: 36px;
}
.research .part1 .rightImg img {
	width: 768px;
}
.research .part2 .leftDiv {
	padding-top: 35px;
	width:50%; background:#272727
}
.research .part2 .name {
	font-size: 30px;
	color: #fff;
	line-height: 2;
	font-weight: bold;
	padding-bottom: 15px;  padding-left:40px
}
.research .part2 .wen {
	font-size: 40px;
	color: #6c6d70;
	line-height: 48px;
	text-transform: uppercase;padding-left:40px; font-family:'Acrom'
}
.research .part2 .msg {
	font-size: 22px;
	color: #f7f7f7;
	padding: 20px 40px 20px;
}
.research .part2 .content {
	font-size: 16px;
	color: #f7f7f7;
	line-height: 32px;
	 padding:0px 40px
}
.research .part2 .rightImg { width:50%}
.research .part2 .rightImg img {
	max-width: 100%;
}
.research .part3 {
	margin-bottom: 50px;
	border: #2e7950 solid 1px;
	overflow: hidden; background:#407d5c
}
.research .part3 li {
	float: left;
	width: 33.33%;
	height: 398px;
	text-align: center;
}
.research .part3 li .lbox {
	border-right: #2e7950 solid 1px;
	height: 398px;
}
.research .part3 li .ico {
	padding: 10.2px 0 25px;
}
.research .part3 li .ico i {
	font-size: 60px;
	color: #fff;
	border: 1px solid #fff;
	width: 98px;
	height: 98px;
	border-radius: 49px;
	display: block;
	margin: 100px auto 20px auto;
	line-height: 98px;
}
.research .part3 li .msg {
	font-size: 16px;
	color: #f7f7f7;
	position: relative;
	height: 50px;
}
.research .part3 li .msg:after {
	content: '';
	width: 15px;
	height: 3px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
}
.research .part2 { margin-bottom:50px;
	overflow: hidden; background:#272727
}
.research .part4 { margin:0 0 50px;
	overflow: hidden; background:#272727
}
.research .part4 .leftDiv {
	width: 50%;
}
.research .part4 .name {
	font-size: 30px;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	padding-bottom: 15px; margin-top:50px; padding-left:40px
}
.research .part4 .wen {
	font-size: 40px;
	color: #6c6d70;
	line-height: 48px;
	text-transform: uppercase;padding-left:40px;font-family:'Acrom'
}
.research .part4 .msg {
	font-size: 22px;
	color: #f7f7f7;
	padding: 20px 40px 20px;
}
.research .part4 .content {
	font-size: 16px;
	color: #f7f7f7;
	line-height: 32px;
	padding:0px 40px 
}
.research .part4 .rightDiv {
	width: 50%;
}
.research .part4 .rightDiv .imgDiv img {
	width: 100%;
}
.research .part4 .list { padding:40px; overflow:hidden; background:#407d5c
}
.research .part4 .list li {
	float: left;
	width: 33.33%; text-align:center
	
}
.research .part4 .list li .ico {
	padding-bottom: 25px;
}
.research .part4 .list li .ico i {
	font-size: 50px;
	color: #fff;
}
.research .part4 .list li .ico img {
	width: 40px;
}
.research .part4 .list li .E-name {
	font-size: 20px;
	color: #30a465;
	
	text-transform: uppercase; font-family:'Acrom'
}
.research .part4 .list li .C-name {
	padding-top: 15px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.media-box {
	margin-right: 2%;
	margin-bottom:20px;
	width: 32%;
	text-align: left;
	overflow: hidden;
	background: #fff
}
.media-box:nth-child(3n+3) {
	margin-right: 0
}
.media-box:hover .title {
	color: #407d5c
}
.media-box:hover img {
	transform: scale(1.2)
}
.media-box .media-img {
	width: 100%;
	overflow: hidden;
	position: relative
}
.media-box .media-img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 1s
}
.media-box>div {
	position: relative;
	padding: 20px
}
.media-box>div .title {
	color: #333;
	font-size: 18px;
	line-height: 2;
	font-weight: bold;
	margin-bottom: 10px
}
.media-box>div .content {
	box-sizing: content-box;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #888
}
.media-box>div .bottom-box {
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #dcdcdc
}
.media-box>div .bottom-box .time {
	font-size: 14px;
	color: #a5a5a5
}
.media-box>div .bottom-box a {
	cursor: pointer
}
.media-box>div .bottom-box .read-more {
	cursor: pointer;
	float: right;
	display: inline-block;
	color: #a5a5a5
}
.media-centre {
	overflow: hidden
}
.detail-top-box{
	padding-bottom:30px;
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
	margin-bottom: 40px
}
.detail-top-box .detail-title{
	font-size: 26px;
	color: #333;
	padding-bottom: 15px
}
.detail-top-box .detail-extend span {
	position: relative;
	display: inline-block;
	line-height: 15px;
	padding-right: 13px;
	margin-right:13px;
	font-size: 14px;
	color: #888; }
.pageDetail-box{ width:59%; padding:3%; background:#fff}

.media-content p{font-size:16px!important;color:#666!important;line-height:32px!important;text-indent:unset!important; margin-bottom:10px}
.detail-pager .goback{width:150px;height:60px;border-radius:30px;background-color:#fff;cursor:pointer; display:block}
.detail-pager .goback a{ display:block; line-height:60px; text-align:center; color:#333}
.detail-pager .goback:hover{ background:#407d5c;}
.detail-pager .goback:hover a{ color:#fff}
.detail-pager.hasLine{border-top:1px solid #e5e5e5; padding-top:30px}
.sidebar {
  width: 32%;
  float: right;
  background: #fff;
}
.sidebar > div {
  padding: 40px 30px 40px 30px;
  box-sizing: border-box;
}
.sidebar .title {
  line-height: 24px;
  font-size: 20px;
  color: #407d5c;
  padding-left: 14px;
  box-sizing: border-box;
  position: relative; font-weight:bold
}
.sidebar .title::after {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 2;
  background: #407d5c;
}
.media-content p img{ max-width:100%}
.sidebar .case ul {
  margin-top: 10px;
}
.sidebar .case li {
  border-bottom: solid 1px #dedede;
}
.sidebar .case li a {
  display: block;
  padding: 20px 0;
}
.sidebar .case li a:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.sidebar .case li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.sidebar .case li a:hover .tit {
  color: #407d5c;
}
.sidebar .case li .pic {
  width: 136px;
  height: 109px;
  float: left;
  overflow: hidden;
}
.sidebar .case li .pic img {
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}
.sidebar .case li .text {
  padding: 30px 0 0 156px;
}
.sidebar .case li .tit,
.sidebar .case li .date {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.sidebar .case li .tit {
  font-size: 18px;
  color: #333333;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.sidebar .case li .date {
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}
.sidebar .news ul {
  margin-top: 10px; margin-bottom:30px
}
.sidebar .news li {
  border-bottom: solid 1px #dedede;
}
.sidebar .news li a {
  display: block;
  padding: 16px 0;
}
.sidebar .news li a:hover .tit {
  color: #407d5c;
}
.sidebar .news li .tit,
.sidebar .news li .txt {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.sidebar .news li .tit {
  font-size: 16px;
  color: #333333;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.sidebar .news li .txt {
  font-size: 14px;
  color: #999999;
  margin-top: 8px;
}

.sidebar .news p{ font-size:16px; line-height:32px; border-bottom:solid 1px #dedede; padding:10px 0px }
.sidebar .news p i{ margin-right:10px}

.xuweibt h2{
	color:#333333;
	font-weight: lighter;

	font-size:36px;
	text-align: center;
}
.xuweilist{
	width:100%;
	margin:73px 10px 90px;
	position: relative;
    z-index: 11;
}
.xuweilist{
	width:100%;
	margin:73px 10px 90px;
	position: relative;
    z-index: 11;
}
.xuweiitem{
	width:25%;
	padding:0 10px;
	margin-bottom:20px;
}
.xuweiitem a{
	display:block;
	width: 100%;
	
	border:1px solid #e5e5e5;
	background:#fff;
}
.xuweiitem h6{
	color:#999999;
	font-size:14px;	
}
.nianxianshang{
	padding:20px 20px 56px;
}
.nianxianshang p{
	margin-top:30px; overflow:hidden
}
.nianxianshang p img{
	width:19px;
	float:left;
	transform: translateY(5px);
}
.nianxianshang p span{
	color:#333333;
	
	font-size:20px;
	font-weight:bold;
	margin-left:8px;
	display:block;
	width:calc(100% - 30px);
	float:left;
	height:59px;
	line-height: 1.5;
	overflow: hidden;
}
.nianxian{
	padding:17px 20px 20px;
	border-top:1px solid #eeeeee;
}
.nianxian p{
	color:#999999;
	
	font-size:14px;	
	font-weight:lighter;
}
.videolist { overflow:hidden; margin-top:50px}
.videolist video{ height:340px; background:radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.65) 100%)}
.videolist .demo-section{ width:32%; height:340px; float:left; margin-right:2%; margin-bottom:2% }
.videolist .demo-section:nth-child(3n){ margin-right:0}
.videolist h2{ margin-bottom:20px; text-align:center}

.historyBg{ height:72px; padding:0 70px;}
.historyList{ height:72px; background:url(../images/bg4.jpg) left center repeat-x; padding:0 40px;}
.historyList .slick-slide{ text-align:center; height:72px; line-height:72px; font-size:18px; cursor:pointer; color:#5b5b5b; background:url(../images/nimg72_1.png) center top no-repeat;}
.historyList .slickon{ color:#fff; background:url(../images/nimg72_1on.png) center top no-repeat;}
.historyBox .slick-prev{position:absolute; z-index:10; left:0px; top:50%; margin-top:-17px; display:block; background:#fff url(../images/limg34_left.png) left top no-repeat; width:34px; height:34px;}
.historyBox .slick-next{position:absolute; z-index:10; right:0px; top:50%; margin-top:-17px; display:block; background:#fff url(../images/limg34_right.png) right top no-repeat; width:34px; height:34px;}
.historyBox .slick-prev:hover{ background:#fff url(../images/limg34_lefton.png) left top no-repeat;}
.historyBox .slick-next:hover{ background:#fff url(../images/limg34_righton.png) left top no-repeat;}
.historyContent{ display:none;}
.historyContentDiv{ margin-top: 65px; }
.historyBox .contentBox{ background: #fbfbfb; padding: 60px 80px; }
.historyBox .mxfDiv{ padding-left: 60px; background: url(../images/line2.png) 6px top repeat-y; position: relative;}
.historyBox .mxfDiv .ico{ position: absolute; left: 0px; top: 38px; width: 13px; height: 13px; background:  url(../images/ico2.png) no-repeat; }
.historyBox .mxfDiv .wen{ text-transform: uppercase; color: #a9a9a9; font-size: 14px; }
.historyBox .mxfDiv .year{ font-size: 48px; color: #d9b372; font-weight: bold; }
.historyBox .mxfDiv .name{ font-weight: bold; font-family: "Microsoft JhengHei"; font-size: 30px; color: #2f2f2f; line-height: 50px; position: relative; padding: 15px 0 36px;}
.historyBox .mxfDiv .name:before{ content: ''; display: block; position: absolute; left: 0px; bottom: 0px; width: 30px; height: 3px; background: #d9b372; }
.historyBox .mxfDiv .list{ padding-top: 40px; }
.historyBox .mxfDiv .list li{ font-size: 13px; line-height: 36px; color: #777; font-family: "Microsoft JhengHei";}

.about-us h3{ font-size:20px; line-height:60px; font-weight:bold; color:#407d5c}
.about-us p{ color:#777; line-height:32px; font-size:16px; margin-bottom:10px}
.aboutPart2{ height: 496px; background: url(../images/aboutbg.jpg) center no-repeat; background-size: cover; overflow: hidden; margin:80px 0px}
.aboutPart2 .list{ padding-top: 140px; }
.aboutPart2 .list li{ float: left; width: 13.33%; padding-left: 11%; color: #fff; font-size: 12px;}
.aboutPart2 .list li .ico i{ padding-bottom: 28px; font-size:60px; display:block }
.aboutPart2 .list li .wen{ font-size:18px; padding-bottom: 15px; opacity:0.6}
.aboutPart2 .list li .num{ font-size: 60px; font-weight:bold; margin-bottom:20px ; font-family: 'beba';}
.aboutPart2 .list li .num img{ padding-left: 12px; position: relative; top: -10px;}.aboutPart2 .list li .msg{ font-size:16px}
.demo{width:33.33%;float:left; }
.demo a{ margin:0; padding:0; margin:0px 2% 2% 2%!important; margin:2%; display:block; border:3px solid #efefef; }
.demo a:hover{ border:3px solid #fff}
.demo a img{  margin:0; padding:0; margin:0;  width:100%;}

.map{
	width:50%;
	height:450px;
	animation: fadeInRight 1.6s;
}
.page_contact ul { display: inline-block;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); width: 100%; background: #fff;
  }
  .page_contact ul li { float: left;
    text-align: center; padding: 30px 0px;
    width:25%;
  }
 
  .page_contact ul .iconfont {
	color: #407d5c;
	font-size: 40px;
  }
  .page_contact ul h3 {
	font-size:20px; margin:20px 0px

  }
  .page_contact ul p {
	font-size: 16px;

  }
  .page_contact ul p a{  color:#333}
  .contact-b{ background:#fff; }
    .contact-b form{ padding:30px}
  .in_message {
	background: url(../images/in_message_bg.jpg) center top no-repeat
}
.in_message .message_box {

}
.in_message .message_box input {
	outline: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	font-size: 14px; width:100%; line-height:50px
}
.in_message .message_box input:focus {
	background: none;
	border-color: #fff;
	box-shadow: none;
	border-bottom: 1px solid #ccc
}
.in_message .message_box .list {
	float: left;
	width: 32%; margin-right:2%;
}
.in_message .message_box .list:nth-child(3n){ margin-right:0}
.in_message .message_box textarea {
	width: 640px;
	margin-top: 20px;
	outline: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	font-size: 14px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; width:100%
}
.in_message .message_box textarea:focus {
	background: none;
	border-color: #fff;
	box-shadow: none;
	border-bottom: 1px solid #ccc
}
.in_message .message_box .submit {
	display: block;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	text-align: center;
	margin-top: 40px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s; margin-top:10px
}
.in_message .message_box .submit:hover {
	background: #407d5c;
	border-color: #407d5c;
	color: #fff
}

.sea_list li{ background:#f0f0f0; height:60px; line-height:60px; margin:10px 0px; }
.sea_list li a{ padding-left:20px; display:block}

@media screen and (max-width:1630px){
	
	.ftleft {
    	width: calc(100% - 840px);
	}
	
.ftright {
    	width: 840px;
	}	
	.ftright .f_menu ul li{ margin-left:30px}
}
@media screen and (max-width:1288px){
	.prodClass a{ font-size:16px;}
	}
	
@media screen and (max-width:1460px){
	.ftleft {
   	 width: calc(100% - 730px);
	}
	.ftright{
		width:730px;
	}
	.ftright .f_menu ul li{ margin-left:20px}
	}
	@media screen and (max-width:1280px){
		.metel{ display:none}
		.fltxt p{ font-size:18px}
	}
	@media screen and (max-width:1380px){
		.proName ul{ display:none}
	}