@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, tbody, tfoot, thead,  th,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video,p{border:none; margin:0; padding:0; font-weight:normal; font-family:"Microsoft Yahei";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,iframe {display: block;}
ul,li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
.left{ float:left;}
.right{ float:right;}
a{ color:#023375;}
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body{background: url("../images/bjk.jpg");background-size: 100% auto; font:14px "microsoft yahei"; color:#330000; }
table{ font-size:14px;}
img{ width:100%; display:block}

/* music */
.musicscreen{
	z-index: 1002;
	width:100%;
	position:fixed;
}

.audioimg{
	width:8%;
	margin-top:30px;
	margin-left:88%;
}


@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}
.rotation{
	animation: rotate 3s linear infinite;
	-moz-animation: rotate 3s linear infinite;
	-webkit-animation: rotate 3s linear infinite;
	-o-animation: rotate 3s linear infinite;
}


banner{ float:left;width:100%; z-index:10}


.news_jx1{width:18%; margin-top:40%;position: absolute; margin-left:78%;z-index:100;}
.news_jx2{width:98%; margin-top:51%;position: absolute; margin-left:1%;z-index:100;}

.news_hot1{width:42%; margin-top:78.5%;position: absolute; margin-left:2.6%;z-index:100;}
.news_hot2{width:47%; margin-top:78.5%;position: absolute; margin-left:48.3%;z-index:100;}
.news_hot3{width:47%; margin-top:104.5%;position: absolute; margin-left:48.3%;z-index:100;}

.news_jctj1{width:46%; margin-top:145.5%;position: absolute; margin-left:2.5%;z-index:100;}
.news_jctj2{width:46%; margin-top:145.5%;position: absolute; margin-left:50%;z-index:100;}
.news_jctj3{width:46%; margin-top:172%;position: absolute; margin-left:2.5%;z-index:100;}
.news_jctj4{width:46%; margin-top:172%;position: absolute; margin-left:51%;z-index:100;}



.news_kptj1{width:18%; margin-top:207%;position: absolute; margin-left:78%;z-index:100;}
.news_kptj2{width:98%; margin-top:220%;position: absolute; margin-left:1%;z-index:100;}

.news_kp1{width:46%; margin-top:245%;position: absolute; margin-left:2.5%;z-index:100;}
.news_kp2{width:46%; margin-top:245%;position: absolute; margin-left:50.5%;z-index:100;}
.news_kp3{width:46%; margin-top:272%;position: absolute; margin-left:2.5%;z-index:100;}
.news_kp4{width:46%; margin-top:272%;position: absolute; margin-left:51%;z-index:100;}


.news_sh{width:96%; margin-top:314%;position: absolute; margin-left:2%;z-index:100;}
.news_hx1{width:30%; margin-top:339%;position: absolute; margin-left:2.5%;z-index:100;}
.news_hx2{width:30%; margin-top:339%;position: absolute; margin-left:35%;z-index:100;}
.news_hx3{width:30%; margin-top:339%;position: absolute; margin-left:68%;z-index:100;}


.news_tj1{width:42%; margin-top:391%;position: absolute; margin-left:2.6%;z-index:100;}
.news_tj2{width:47%; margin-top:391%;position: absolute; margin-left:48.3%;z-index:100;}
.news_tj3{width:47%; margin-top:417%;position: absolute; margin-left:48.3%;z-index:100;}


.news_cc{width:1%; margin-top:445%;position: absolute; margin-left:78%;z-index:100;}


.swiper-container-banner{margin-top:4%;
	overflow: hidden;
}


.swiper-pagination{
  text-align: center; margin-top:-70px;
}

.icon-bullet{
  width: 16px;
  height: 3px;
  display: inline-block;
  background: #f5f2f1;
  margin-right:6px;
}

.icon-bullet-active {
  width: 16px;
  height: 3px;
  display: inline-block;

  background: #ffffff;
  margin-right:6px;
}

.banner-bullet{
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #a8a2a2;
  margin-right:6px;
}

.banner-bullet-active{
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background: #feffff;
  margin-right:6px;
}