@charset "utf-8";
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {
  font-size: 14px;
  font-family: "微软雅黑","Microsoft YaHei", 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}
a{
	color: #000;
}
a:hover { color:#bb9205;}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}
input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { 
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}

.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
.row:before, .row:after {
    display: table;
    clear: both;
    content: '';
}
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
/* 等比填充 */
*[class*="rect-"]{/* position: relative; */display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

.header {
    /*position: fixed;
    left: 0;
    top: 0;
    z-index: 30;*/
    height: 90px;
    width: 100%;
    box-shadow: 0px 0px 6px #555;
    background-color: #fff;
}
.wrap {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.header .logo {
	float: left;
}
.header .language {
	height: 90px;
	line-height: 90px;
	float: right;
	/*background-color: #e4c64f;*/
	background-image: url(../images/dhtb1.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #bb9205;
	padding-left: 40px;
	font-size: 20px;
}
/*.header .language a {
    width: 24px;
    height: 24px;
    margin: 0 4px;
    display: inline-block;
}*/
.header .nav {
	position: relative;
	z-index: 10;
	width: 55%;
	float: right;
}
.header .nav > ul {}
.header .nav > ul > li {
    /*width: 15%;*/
    float: left;
    position: relative;
}
.header .nav > ul > li > a {
	display: block;
	text-align: center;
	font-size: 15px;
	height: 90px;
	line-height: 90px;
	font-weight: bold;
	color: #000;
	transition: all .5s ease;
	padding-right: 15px;
	padding-left: 15px;
}
.header .nav > ul > li > a:after {
    height: 2px;
    width: 0;
}

.header .nav > ul > li > a:after{content: ""; width: 0; height: 2px; display:block; position: absolute; bottom: 0; background: #bb9205; left: 0; transition: all .3s ease;}
.header .nav > ul > li:hover a:after{width: 100%;}
.header .nav > ul > li:hover a{color: #bb9205}
/*.header .nav > ul > li.cur a:after{width: 100%;}
.header .nav > ul > li.cur a{color: #bb9205}*/
/*首页----banner*/
.banner {
  width: 100%;
}
.promoWD{
	position: relative;
    overflow: hidden;
    z-index: 1;
    min-width: 1000px;
	height: 590px;
	margin: 0 auto; 
}
#main_promo{
	height: 590px;
	width: 1920px;
	margin-left: -960px;
	position: relative;
	top: 0;
	left: 50%;
	overflow: hidden;
	z-index: 0;
}
.slide{display:block; float:left;  width:1920px;}
/*#dots{height:13px; position:absolute; bottom:13px; left:429px; z-index:99;}
#dots li{ width:23px; height:13px; float:left; }
#dots li a{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #bbb;
	margin-right: 10px;
	cursor: pointer;
	font-size: 0px;
}*/
#dots li.act a{
	background-color: #D4B126;
}
#dots{
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
}
#dots span a{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin-right: 10px;
	cursor: pointer;
	background-color: #fff;
}
#dots span.act a{
	background-color: #D4B126;
}


.footer {
	width: 100%;
	background-color: #373d41;
	background-size: cover;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.footer .footer_top {
	padding-bottom: 30px;
	border-bottom: 1px solid #575858;
	color: #b5b9c1;
}
.footer_top .top_l{
	height: 180px;
	padding-left: 30px;
}
.footer_top li.menu {
	float: left;
	width: 12%;
}
.footer_top li.menu h3{
	color: #d7d8d9;
    font-size: 15px;
    height: 18px;
    line-height: 18px;
    font-weight: bolder;
    text-align: left;
}
.footer_top li.menu h3 a {
    color: #fff;
}
.footer_top li.menu .subm{
	padding-top: 10px;
}
.footer_top li.menu .subm li {
	text-align: left;
	padding-top: 8px;
}
.footer_top li.menu .subm li a {
	color: #b5b9c1;
	height: 22px;
	line-height: 22px;
	transition: color .3s;
	font-size: 13px;
	text-decoration: none;
}
.footer_top li.menu .subm li.ewm{
	text-align: center;
}
.footer_bottom{
	line-height: 35px;
    height: 35px;
    font-size: 12px;
    color: #9b9ea0;
    width: 1200px;
    margin: auto;
    text-align: center;
}
.footer_bottom a {
    text-decoration: none;
    color: #9b9ea0;
    font-size: 12px;
}

.matomo-modal {
    display: none;
    position: fixed;
    z-index: 99999 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0,.9);
}
.matomo-modal .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
}
.matomo-modal .close:hover,
.matomo-modal .close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}
.matomo-modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
}



select {  	
  font-size: 16px;
  font-family: "微软雅黑","Microsoft YaHei", 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
}
	




