@charset "utf-8";
html, body, div, span, object, iframe, table, tr, th, td, em, img, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, li, form, label { border: 0 none; font-family: inherit; font-style: inherit; margin: 0; padding: 0;}
body {color: #202020; background:#ffffff; font-size: 14px;line-height: 30px; font-family:"微软雅黑"; min-width:1400px; max-width:1840px; margin:0 auto;}
input, select {font-size: 12px;line-height: 16px;}
img { border: 0 none; vertical-align:top;}
ul, li {list-style-type: none;}
.clear{clear:both;height:1px; margin-top:-1px; width:100%;}
a { text-decoration: none;}
iframe{display:block;border:0;}
p{text-align:justify;text-indent:0; }
.mid{width:1200px; height:100%; margin:0 auto; display:block;}

/*indexChoice*/
.indexChoice { width:1470px; height:250px;margin:0 auto; background:#fff; overflow: hidden;padding-top:40px;}
.quote-slider { width:1850px;}
.owl-carousel .owl-item{ width:220px;float: left;}
/* fade */
.prev-quote{z-index:99999;background-image:url(/dbhd/templets/images/banner_pre.png);background-repeat:no-repeat;width:35px;height:63px;background-size:35px 63px;position:absolute;left:0px;margin-top:30%; margin-left:8%;}
.next-quote{z-index:99999;background-image:url(/dbhd/templets/images/banner_next.png);background-repeat:no-repeat;width:35px;height:63px;background-size:35px 63px;position:absolute;right:0px;margin-top:30%; margin-right:8%;}

.quote-item{width:240px; height:210px;position:relative;margin-top:30px;}
.quote-item img{width:100%;margin:0 auto;border:none;}
.quote-item p{color:#202020;position:absolute;right:0;font-size:0.9rem;line-height:1.2rem;text-align: center;padding:13px;font-family:"Microsoft Yahei","Arial Black";}
.quote-item p.bgw{color:#fff;}
.quote-item a:hover {font-weight: bold;}

@media screen and (orientation:landscape) {
	.next-quote{margin-top:3.5%;}
	.prev-quote{margin-top:3.5%;	}
	.quote-item p{width:210px; height:35px;margin-left:auto;margin-right:auto;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 124px) 
and (orientation : landscape) { 
	.next-quote{margin-top:13.1%;}
	.prev-quote{margin-top:13.1%;	}
    .quote-item p{width:210px; height:35px;margin-left:auto;margin-right:auto;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 124px) 
and (orientation : portrait) { 
	.next-quote{margin-top:18.3%;}
	.prev-quote{margin-top:18.3%;	}
	.quote-item p{width:210px; height:35px;margin-left:auto;margin-right:auto;}
}

