* {
	padding: 0;
	margin: 0;
	list-style: none;
}
img{ border: 0;}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.cleardiv {
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
	content: " ";
}

body {
	min-width: 100px;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: none;
	color: inherit;
}

.none {
	display: none;
}

.drxkl801 {
	width: 100%;
	height: 300px;
	background: url("../images/drxkl8_01.jpg") center top no-repeat;
	background-size: auto 100%;
	overflow: hidden;
	max-width: 100%;
}

.drxkl802 {
	width: 100%;
	height: 300px;
	background: url("../images/drxkl8_02.jpg") center top no-repeat;

}

.drxkl803 {
	width: 100%;
	height: 200px;
	background: url("../images/drxkl8_03.jpg") center top no-repeat;
	background-size: auto 100%;
}

.drxkl804 {
	width: 100%;
	height: 150px;
	background: url("../images/drxkl8_04.jpg") center top no-repeat;
	background-size: auto 100%;
}
.drxkl805 {
	width: 100%;
	height: 190px;
	background: url("../images/drxkl8_05.jpg") center top no-repeat;
	/* background-size: auto 100%; */
}
.drxkl806 {
	width: 100%;
	height: 1560px;
	background: url("../images/drxkl8_06.jpg") center top no-repeat;
	/* background-size: auto 100%; */
	box-sizing: border-box;
}
.drxkl804 .text{	
	width: 1010px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
.drxkl804 .text p{
	font: 20px/36px "微软雅黑";
	color: #FFF;
	text-indent: 2em;
}
 .ulcon{
	width: 1120px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 6px 0 60px 0;
}
 ul.ulbox{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
 ul.ulbox li{
	width: 348px;
    height: 260px;
	float: left;
	background: url("../images/libg.png");
	background-size: 100% 100%;
	padding: 10px 11px;
	margin: 0 25px 30px 5px;

}
 ul.ulbox li:nth-of-type(3n){
	 
	 margin: 0 0px 10px 5px;
 }
 ul.ulbox li .nr{
	width: 100%;
	height: 180px;
	margin: auto 0;
	padding: 0 0px;
	border-radius: 5px;
	box-sizing: border-box;
	background: #FFF;

}
 ul.ulbox li .nr .imgbox{
	 position: relative;
	width: 100%;
	height: 182px;
	margin: 0 auto;
	border-radius: 5px;
	display: block;
	background: #ccc;
	border: 1px solid #FFF;
	box-sizing: border-box;
}
 ul.ulbox li .nr .imgbox .bfbut{
	width: 100px;
	height: 100px;
	position: absolute;
    top: 46px;
    left: 122px;
	background: url(../images/bfbut.png) no-repeat;
	background-size: 80% 80%;
}

 ul.ulbox li .nr .imgbox img{
	 width: 100%;
	 height: 182px;
	border-radius: 5px;

}
 ul.ulbox li .nr h2{
	font: 22px/30px "微软雅黑";
	    color: #14023c;
	    padding: 14px 10px 0 10px;
	    height: 40px;
	    overflow: hidden;
	    box-sizing: border-box;
	
}
.jcsj{
	width: 807px;
	height: 105px;
	margin: 0 auto;
	background: url(../images/jcsj.png);
}


.cywx{ 
	width: 1120px;
	padding: 50px 0 70px;
	margin: 0 auto;
	overflow: hidden;
}
.cywx .hdnr{
		height: 250px;
		overflow: hidden;
}
.cywx .hdnr .hn_nr{
	width: 350px; 
	height: 250px;
	float: left;
	margin: 0 11px;
}

.mtsj{
	width: 807px;
	height: 105px;
	margin: 0 auto;
	background: url(../images/mtsj.png);
}

.mtsjbox{
	width: 1100px;
	height: 410px;
	margin: 50px auto;
	background: url(../images/part3.png);
}
.vbox{
	width: 707px;
	height: 390px;
	margin: 10px 0 0 9px;
	float: left;
	background: #FFF;
	box-sizing: border-box;
}
.vnav{
	width: 383px;
	height: 390px;
	float: left;
}
.vnav ul{
	padding: 53px 0 0 68px;
	box-sizing: border-box;
	
}
.vnav ul li{
	width: 280px;
	height: 50px;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	color: #FFF;
	font: bold 16px/50px "微软雅黑";
	background: #7546e1;
	box-sizing: border-box;
	cursor: default;
	
}
.vnav ul li.dq,.vnav ul li:hover{
	width: 383px;
	height: 60px;
	margin: 0 0 10px -68px;
	padding: 0 0 0 90px;
	color: #671ad5;
	font: bold 18px/50px "微软雅黑";
	background: url(../images/xuanzhong.png);
	
}

.huandeng {
  position: relative;
  top: 15px;
  margin: 0 auto;
  width: 1000px;
  padding: 50px 0 0;
  height: 380px;
}
.huandeng .hdnr {
  position: relative;
  width: 100%;
  height: 100%;
}
.huandeng .hn_nr {
  position: absolute;
  opacity: 0;
  top: 0;
  width: 0;
  height: 0;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: all 0.2s ease 0.001s;
  -moz-transition: all 0.2s ease 0.001s;
  -ms-transition: all 0.2s ease 0.001s;
  -o-transition: all 0.2s ease 0.001s;
  transition: all 0.2s ease 0.001s;
}
.huandeng .hn_nr img {
  width: 320px;
  height: 230px;
}
.huandeng .hn_nr .hdbt{
	position: absolute; bottom:0; left:0;
	width: 100%; height:50px;
	font: 16px/50px ''; text-align:justify;
	padding: 0px 9px 0;
	color: #fff;
	background: rgba(7,4,144,0.7);	
	box-sizing: border-box;
	overflow: hidden;
}
/* .huandeng .hn_nr .hdbt {
  font: 18px/33px '';
  text-align: justify;
  color: #fff;
} */
.huandeng .hn_nr .hdbt h2 {
  font: bold 18px/30px '';
  color: #fff;
  text-align: center;
  padding: 15px 0 10px ;
}
.huandeng .hn_nr .hdbt p {
  font: bold 14px/16px '';
  color: #fff;
  opacity: 0.4;
  color: #FFF;
  text-align: justify;
}
.huandeng .dq {
  width: 320px;
  height: 230px;
  left: 34%;
  opacity: 1;
  z-index: 10;
}
.huandeng .dq .hdbt {
  display: block;
}
.huandeng .yb_l {
  width: 320px;
  height: 230px;
  left: 0%;
  top: 0%;
  opacity: 1;
  z-index: 5;
}
.huandeng .yb_r {
  width: 320px;
  height: 230px;
  left: 68%;
  top: 0%;
  opacity: 1;
  z-index: 5;
}
.huandeng .hd_dd {
  position: absolute;
  z-index: 20;
  bottom: 25px;
  right: 20px;
}
.huandeng .hd_dd li {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.4);
}
.huandeng .hd_dd[data-xl="0"] li[data-xl="0"],
.huandeng .hd_dd[data-xl="1"] li[data-xl="1"],
.huandeng .hd_dd[data-xl="2"] li[data-xl="2"],
.huandeng .hd_dd[data-xl="3"] li[data-xl="3"],
.huandeng .hd_dd[data-xl="4"] li[data-xl="4"],
.huandeng .hd_dd[data-xl="5"] li[data-xl="5"],
.huandeng .hd_dd[data-xl="6"] li[data-xl="6"],
.huandeng .hd_dd[data-xl="7"] li[data-xl="7"],
.huandeng .hd_dd[data-xl="8"] li[data-xl="8"],
.huandeng .hd_dd[data-xl="9"] li[data-xl="9"] {
  width: 28px;
  background: #50bbe7;
}
.huandeng .hdjt {
  position: absolute;
  width: 61px;
  height: 132px;
  z-index: 20;
  top: 45%;
  margin-top: -30px;
  cursor: pointer;
}
.huandeng .hdjt_l {
  left: -40px;
  background: url("../images/hdjt_l.png") no-repeat;
}
.huandeng .hdjt_r {
  right: -80px;
  background: url("../images/hdjt_r.png") no-repeat;
}