@charset "UTF-8";
html {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	/*解决chrome浏览器下字体不能小于12px*/
	-webkit-font-smoothing:antialiased;
	background: #eeeeee;
}
body {
	overflow-x: hidden;
	font-size: 0.6rem;
	color: #666;
	font-family: arial,"Microsoft YaHei",-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", sans-serif;
	background: #eeeeee;
}
a {
	outline: none;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	font-size:0.6rem;
}
a:hover {
	text-decoration: none;
}
html {
	zoom: 1;
}
html * {
	outline: 0;
	zoom: 1;
}
html button::-moz-focus-inner {
	border-color: transparent !important;
}
/*设置margin和padding为0*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,a,img,input,select,button,textarea {
	border: 0;
	background:none;
}
address,caption,cite,code,dfn,em,th,var，i {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
em,i {
	font-style: normal;
}
input[type="submit"],input[type="reset"],input[type="button"],input[type=date],button,select,input[type=text] {
	/*去掉苹果的默认UI来渲染按钮 、解决部分手机浏览器对border：none无效办法*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*去掉微信端input-text在ios轻快下的点击出先黑色半透明背景*/
	tap-highlight-color: transparent !important;
}
a,input[type=text],select,input[type=password],textarea {
	/*去掉微信端input-text在ios轻快下的点击出先黑色半透明背景*/
	tap-highlight-color: transparent !important;
}
input::-webkit-input-placeholder {
	color: #aaa;
}
body {
	max-width: 720px;
	margin: 0 auto;
}
.fl {float:left;}
.fr {float:right;}
.clearfix{clear:both;}
img{max-width:100%; vertical-align: middle;}
.wrapper{ margin: 0 0.45rem;}


/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

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

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

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


.header{ padding: 0.5rem 0; background: #FFFFFF; position: relative; z-index: 10;}
.header .logo{ width: 3.1rem; margin: 0 auto;}
.header .lang{ position: absolute; top: 0.7rem; right: 0.5rem; z-index: 100; display: flex; justify-content: space-between; margin-left: 0.5rem;}
.header .lang:after{ content: ''; display: block; position: absolute; top: 0.2rem; left: 1.5rem; width: 0px; height: 0.6rem; border-right: 1px solid #ccc;}
.header .lang a{ display: block; width: 1rem; height: 1rem; line-height: 1rem; border-radius: 50%; text-align: center; border: 1px solid #C3A75E; color: #C3A75E; margin-left: 1rem;}
.header .lang a:first-of-type{ margin: 0px;}
.header .lang a.on{ background: #607880; border: 1px solid #607880; color: #FFFFFF;}

.bant{ position: relative;}
.bant .swiper-button-prev{ background: url(../images/arrow-left.png) no-repeat center center;}
.bant .swiper-button-next{ background: url(../images/arrow-right.png) no-repeat center center;}

.title{ padding: 0.5rem; text-align: center; background: #6e8e98;}
.title p img{ width: 1.9rem;}
.title div{ padding-top: 0.3rem; font-size: 0.58rem; color: #dfd1ac;}

.iatxt{ background: #FFFFFF;}
.iatxt dl dt img{ width: 100%;}
.iatxt dl dd{ padding: 1rem 0.45rem; font-size: 0.49rem; line-height: 0.65rem; text-align: justify;}

.holist{ display: flex; justify-content: space-between; background: #FFFFFF;}
.holist .hoitems{ width: 50%; padding: 0.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.holist .hoitems:first-of-type{ background: #b49238; color: #FFFFFF;}
.holist .hoitems .hotitle{ font-size: 0.53rem; line-height: 0.7rem; min-height: 1.4rem; font-weight: bold;}
.holist .hoitems ul li{ margin-top: 0.5rem; font-size: 0.45rem;}

.banb{ position: relative;}
.banb .swiper-button-prev{ background: url(../images/arrow-left.png) no-repeat center center;}
.banb .swiper-button-next{ background: url(../images/arrow-right.png) no-repeat center center;}
.banb .swiper-slide{ background: #fff;}

.map{ padding: 1rem 0.4rem; text-align: center; background: #FFFFFF;}
.et_pb_text_inner{ padding: 0 0.4rem; font-size: 0.45rem; background: #FFFFFF;}
.et_pb_text_inner p{ padding-bottom: 0.6rem;}
.et_pb_text_inner p a{ color: #c3a75e;}

.footnav{ position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 10000; width: 100%; max-width: 720px; margin: 0 auto; border-bottom: 0.5rem solid #6E8E98; background: #607880; display: flex; justify-content: space-between; align-items: center;}
.footnav ul{ display: flex; width: 13rem; padding: 0.3rem 0;}
.footnav ul li{}
.footnav ul li a{ display: block; height: 1rem; line-height: 1rem; font-size: 0.5rem; padding: 0 0.3rem; text-transform: uppercase; color: #FFFFFF; white-space: nowrap;}
.footnav .fmenu{ margin-right: 0.45rem;}
.footnav .fmenu span{ display: block; width: 1.5rem; cursor: pointer;}

/* 全屏菜单 */
.tnav{ position: fixed; bottom: 2.1rem; left: 0; right: 0px; z-index: 90; width: 100%; max-width: 720px; height: -webkit-calc(100% - 2.1rem); height: -moz-calc(100% - 2.1rem); height: calc(100% - 2.1rem); margin: 0 auto; background: rgba(0,0,0,0.4); overflow: hidden; display: none;}
.tnavlist{ float: right; width: 60%; overflow-x: hidden; padding: 1rem 0; height: 100%; background: #6E8E98; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.tnavlist ul li a{ display: block; line-height: 1.8rem; font-size: 0.5rem; color: #FFFFFF; text-align: center; border-bottom: 1px solid #7999a3;}


.marq{ background: #B49238; font-size: 0.49rem; color: #FFFFFF; height: 1.2rem ; line-height: 1.2rem;}
.downtype{ background: #FFFFFF;}
.downtype ul{ display: flex; justify-content: space-around; text-align: center;}
.downtype ul li{ width: 28%;}
.downtype ul li a{ display: block; height: 1.8rem; line-height: 1.8rem; font-size: 0.53rem; color: #444444;}
.downtype ul li.active a{ border-bottom: 0.1rem solid #6E8E98;}

.down{ position: relative; padding: 1rem 1.2rem 1rem 0; background: #FFFFFF;}
.down .swiper-button-prev{ height: 0.5rem; width: 0.5rem;}
.down .swiper-button-next{ height: 1.5rem; width: 1.2rem; background: url(../images/arrow-r2.png) no-repeat center center;}
.down .swiper-slide{ text-align: center;}


/* 新闻中心 */
.nbanner{ position: relative; z-index: 10;}
.nbanner .bantxt{ position: absolute; top: 0px; left: 0px; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.nbanner .bantxt dl{ position: absolute; top: 0px; left: 0px; width: 100%; height: auto; text-align: center; font-size: 0.83rem; line-height: 1rem; color: #FFFFFF;}
.nbanner .bantxt dl:after{ content: ''; display: block; width: 1rem; margin: 0 auto; height: 0px; border-bottom: 1px solid #b49238; margin-top: 0.3rem;}
.nbanner .bantxt dl dt{ position: relative; z-index: 10;}
.nbanner .bantxt dl dd{ margin-top: -0.5rem; font-family: "arial black"; opacity: 0.15; text-transform: uppercase;}

.xwzxlist{ padding-bottom: 0.45rem;}
.xwzxlist ul li{ margin-top: 0.45rem;}
.xwzxlist ul li a{ display: flex; justify-content: space-between; align-items: center;}
.xwzxlist ul li .xwdate{ width: 2.2rem; padding: 0.3rem 0; display: flex; justify-content: center; align-items: center; background: #6e8e98; color: #FFFFFF; font-family: arial;}
.xwzxlist ul li .xwdate dl{ text-align: center;}
.xwzxlist ul li .xwdate dl dt{ font-size: 1.3rem;}
.xwzxlist ul li .xwdate dl dd{ font-size: 0.45rem;}
.xwzxlist ul li .xwr{ width: 12rem; padding: 0.45rem; background: #FFFFFF;}
.xwzxlist ul li .xwr dl dt{ font-size: 0.53rem; color: #222222; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xwzxlist ul li .xwr dl dd{ padding-top: 0.3rem; color: #888888; font-size: 0.45rem; line-height: 0.65rem; height: 1.3rem; overflow: hidden;}
.xwzxlist ul li .xwr i{ display: flex; justify-content: flex-end; padding-top: 0.3rem;}
.xwzxlist ul li .xwr i img{ width: 1.1rem;}


/* 招贤纳士 */
.zxnslist{ padding-bottom: 0.45rem;}
.zxnslist ul li{ margin-top: 0.45rem;}
.zxnslist ul li dl dt{ position: relative; z-index: 10;}
.zxnslist ul li dl dt .zxnstitle{ position: absolute; bottom: 0px; left: 0px;  width: 90%; padding: 0.15rem 5%; font-size: 0.55rem; color: #FFFFFF; background: rgba(0,0,0,0.5);}
.zxnslist ul li dl dt em{ position: absolute; top: 0px; right: 0px; z-index: 100; width: 1.5rem; height: 1.5rem; background: url(../images/add.png) #6E8E98 no-repeat center center / 0.6rem auto;}
.zxnslist ul li dl dd{ display: none; padding: 0.4rem; font-size: 0.5rem; color: #888888; line-height: 0.9rem; background: #FFFFFF; text-align: justify;}
.zxnslist ul li dl dd b{ color: #333;}
.zxnslist ul li.active dl dt em{ background: url(../images/reduce.png) #6E8E98 no-repeat center center / 0.6rem auto;}

/* 产品中心 */
.cpzxlist{ padding-bottom: 0.45rem;}
.cpzxlist ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.cpzxlist ul li{ float: left; width: 48.5%; margin-top: 3%;}
.cpzxlist ul li a{ display: block;}
.cpzxlist ul li .cpzximg{ height: 5.1rem; overflow: hidden; border: 1px solid #e2e2e2; background: #FFFFFF;}
.cpzxlist ul li p{ display: block; line-height: 1.2rem; font-size: 0.5rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.gsjs{ padding: 0.45rem 0; font-size: 0.5rem; line-height: 0.85rem;}

/* 联系我们 */
.lxwm{ padding: 0.45rem; background: #FFFFFF;}
.lxwmtitle{ padding-top: 1.2rem; color: #000000; font-size: 0.66rem;}
.lxwmlist{ padding-top: 0.5rem;}
.lxwmlist ul li{ margin-top: 0.4rem; display: flex;}
.lxwmlist ul li i{ width: 1rem;}
.lxwmlist ul li em{ font-size: 0.5rem; color: #888888;}
.lxwmlist ul li p{ font-size: 0.5rem; color: #222222;}
.lxwmlist ul li b{ font-size: 0.63rem; color: #6e8e98; font-family: 'dincond-medium-webfont';}

/* 客户留言 */
.khlylist{ padding: 0.45rem; background: #FFFFFF;}
.khlylist ul li{ display: flex; margin-top: 0.4rem; padding: 0 0.45rem; background: #f6f6f6;}
.khlylist ul li span{ width: 1.5rem; height: 1.4rem; line-height: 1.4rem; font-size: 0.5rem; white-space: nowrap;}
.khlylist ul li input{ width: 12.7rem; height: 1.4rem; line-height: 1.4rem; font-size: 0.5rem; color: #666666;}
.khlylist ul li.s2 span,.khlylist ul li.s3 span{ width: 2.8rem;}
.khlylist ul li.s2 input{ width: 11.4rem; background: url(../images/arrow-right2.png) no-repeat right center / auto 0.55rem;}
.khlylist ul li.s2{ position: relative; z-index: 1000;}
.khlylist ul li.s2 dl{ display: none; position: absolute; top: 100%; left: 0px; z-index: 100; width: 100%; background: #dddddd; text-align: center; font-size: 0.5rem; line-height: 1.4rem;}
.khlylist ul li.s2 dl dt{ position: relative; cursor: pointer;}
.khlylist ul li.s2 dl dt:after{ content: ''; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 60%; margin: 0 auto; border-bottom: 1px solid #FFFFFF;}
.khlylist ul li.s2 dl dt:last-of-type:after{ display: none;}
.khlylist ul li.s3 textarea{ width: 11.4rem; padding: 0.4rem 0; resize: none; font-size: 0.5rem; font-family: "微软雅黑"; color: #666666;}
.formsub{ display: block; width: 4.5rem; height: 1.4rem; margin: 1.2rem auto; border-radius: 1.4rem; font-size: 0.625rem; color: #FFFFFF; background: #b49238;}



/*分页*/
.m-page{text-align:center;padding:30px 0; font-size:12px;}
.m-page a{display:inline-block;border:solid 1px #ddd;padding:2px 8px;color:#6e8e98;margin-left:-1px; margin:0 5px;}
.m-page a.first{border-radius:3px 0 0 3px; background-color:#9c9c9c; color:#FFF;}
.m-page a.last{border-radius:0 3px 3px 0; background-color:#9c9c9c; color:#FFF;}
.m-page a.z-crt{background:#6e8e98;color:#fff;border:solid 1px #6e8e98;}


.nr{line-height:30px; min-height:300px; padding:30px 0;}