@charset "utf-8";
/* CSS Document */
*{  font-family: 'Noto Sans', sans-serif;
	margin:0px;
	padding:0px;
}
body {
  margin: 0;
  font-family: Arial;
}

.top-container {
  background-color: #000;
  z-index:99999999999999999999;
  border-bottom:2px solid #000;
}

.header {  background: #000;
  border-bottom:2px solid #000;
}

.new-img{
width:100%;
float:left;}

.new-img img{
width:100%;
height:240px;
overflow:hidden;}

.newbox1{
width:29.2%;
float:left;}

.newbox2{
width:69.2%;
float:left;}


.p11{
width:100%;
font-size:17px;
color:#000000;

}

.side-ttt{
width:100%;
float:left;
font-size:24px;
font-weight:600;
overflow:hidden;
color:#f44336;}

p{
width:100%;
float:left;
overflow:hidden;}

.content {
margin-top:10px;
width:100%;
}
.sticky {
  position: fixed;
  top: 0;
  z-index:9999999999999999999999999999999999999999999999999999;
  width: 100%;
}

.sticky + .content {
  padding-top: 240px;
}
.header2{
width:100%;
padding:0px;
margin:0px;
}
.wrapper{
width:1100px;
margin:auto;
height:auto;
overflow:hidden;}

.line{
width:100%;
float:left;
height:auto;
border-top:5px solid #ff7900;}


.time{
    float: left;
    width:100%;
	padding:4px;
	margin-bottom:0px;
	background-color:#ff7900;
    font-size: 16px;
    height: auto;
	font-weight:600;
    color: #fff;}

.icon{
width:32.26%;
float:right;
text-align:right;
margin-top:2px;}

.join{
width:100%;
float:left;
margin-top:-10px;
margin-bottom:4px;}

.join img{
width:100%;
}

.newlogo{
width:100%;
text-align:center;
float:left;
}
.newlogo img{
text-align:center;
width:80%;
}
.logo{
width:29.9%;
float:left;}

.side-logo{
width:66.9%;
float:left;}

.logo img{
width:100%;
}

.side-logo img{
height:166px;
overflow:hidden;
width:100%;}

.full-wrapper {
	height:auto;
	width:100%;
	float:left;
	margin:auto;
}

.cssmenu{
width:100%;
float:left;
}

.apki{
width:100%;
margin-top:10px;
height:auto;
float:left;}

.apki{
width:100%;}

.lastpic {
	width: 23.8%;
	float:left;
}
.lastpic img{
	width: 100%;
	border:1px solid #999999;
	height:130px;
	overflow:hidden;
}





/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child {
	margin-left: 0;
}
/*  GROUPING  */
.group:before, .group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
	zoom:1; /* For IE 6/7 */
}
/*  GRID OF TWO  */


.slider{
width:100%;
border:1px solid #d1d3d4;
float:left;}

.a4{
font-size:16px;
font-weight:400;
color:#fff;
text-decoration:none;}

.a4:hover{
color:#FFFFCC;
text-decoration:none;}


.left-post{
width:22.26%;
float:left;}

.center-post{
width:52.26%;
float:left;}

.right-post{
width:22.26%;
float:left;}

.post{
width:100%;
margin-top:4px;
float:left;}

.hadding{
width:100%;
float:left;
color:#fff;
margin-top:5px;
background-color:#4CAF50;
padding:5px;}

.hadding2{
width:100%;
float:left;
color:#fff;
margin-top:5px;
background-color:#4CAF50;
padding:5px;}

.side-img{
width:100%;
margin-top:5px;
margin-bottom:2px;
float:left;}

.side-img img{
width:100%;
height:121px;
overflow:hidden;
}

.side-p{
width:100%;
font-size:15px;
height:20px;
overflow:hidden;
color:#2d2d2d;
font-weight:600;
float:left;}

.right-img{
width:100%;
float:left;
margin-top:5px;}

.right-img img{
width:100%;
overflow:hidden;
height:332px;}

.read{
color:#fff;
float:right;
margin-bottom:5px;
text-align:right;
margin-top:10px;
width:100%}

.a2{
font-weight:400;
background:#E2141C;
color:#fff;
padding:4px 2px;
text-decoration:none;
font-size:15px;}


.a2:hover{
font-weight:600;
color:#fff;
background-color:#ff7900;
border:2px solid #FFFF00;
text-decoration:none;
font-size:15px;}


.a-box{
width:37.26%;
float:left;}

.b-box{
width:37.26%;
float:left;}

.c-box{
width:22.26%;
float:left;}

.a-tit{
color:#990000;
font-size:16px;
float:left;
width:100%;
height:30px;}

.a-p{
color:#000;
font-size:14px;
float:left;
width:100%;
height:30px;}

.box-t{
width:100%;
float:left;}

.box-t{
width:100%;
color:#000;
font-size:16px;
height:33px;
margin-top:2px;
font-weight:600;
float:left;}

.box-img{
width:100%;
float:left;}

.box-img img{
width:100%;
height:200px;
overflow:hidden;}

.box-p{
width:100%;
color:#666666;
height:46px;
margin-bottom:5px;
overflow:hidden;
margin-top:2px;
font-size:14px;
float:left;}

.news-post1{
width:39.2%;
float:left;}

.news-post2{
width:59.2%;
margin-top:20px;
color:#000000;
font-size:16px;
font-weight:600;
float:left;
overflow:hidden;
height:48px;}

.news-post3{
width:59.2%;
margin-top:2px;
color:#2d2d2d;
font-size:14px;
float:left;
overflow:hidden;
height:41px;}


.news-post4{
width:59.2%;
margin-top:2px;
margin-bottom:2px;
color:#000000;
font-size:16px;
font-weight:600;
float:left;
overflow:hidden;
height:30px;}


.news-post1 img{
width:100%;
overflow:hidden;
border:1px solid #99FFFF;
height:96px;}


.side-title{
width:100%;
float:left;
height:30px;
overflow:hidden;
color:#8bc34a;
font-size:18px;}

.sidebox{
width:100%;
float:left;}

.marquee{
margin-top:5px;
background:#d1d3d4;
width:100%;
height:auto;
float:left;}

.heading-news{
font-size:17px;

color:#ffffff;
float:left;
padding:8px 0px;
background:#E2141C;
text-align:center;
width:14%}

.des-news{
float:left;
background:#d1d3d4;
padding:6px 0px 0px;
width:86%}

.des-news a{
color:#000000;
text-decoration:none;}


.add{
overflow:hidden;
width:100%;
float:left;
margin-bottom:2px;
margin-top:0px;}

.add img{
height:220px;
overflow:hidden;
width:100%;}

.video1{
width:100%;
margin-bottom:10x;
height:auto;
margin-top:10px;
float:left;}

.video2{
width:100%;
margin-top:10px;
height:auto;
float:left;}

.pptt{
color:#fff;
padding:4px 0px;
margin-top:2px;
margin-bottom:2px;
float:left;
width:100%;
font-size:18px;
background-color:#8bc34a;}

.pp{color: #8BC34A;
    padding-top: 4px;
    padding-left: 11px;
    padding-bottom: 4px;
    margin-top: 2px;
    border-left: 1px solid #F44336;
    border-right: 1px solid #F44336;
    margin-bottom: 2px;
    float: left;
    font-size: 14px;
    width: 94%;}


.footer{
width:100%;
float:left;
background-color:#252222;}

.footer-box{
	width: 23.8%;
	float:left;
}


.footer-ti{
	width:100%;
	margin-top:40px;
	margin-bottom:20px;
	font-size:24px;
	float:left;
	color:#fff;
	background-color:#252222;
}

.footer-p{
	width:100%;
	font-size:14px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	color:#fff;
	background-color:#252222;
}

.copy{
background-color:#000000;
color:#fff;
float:left;
padding:2px 0px;
width:49.2%;
font-size:14px;}

.dass{
background-color:#000000;
color:#fff;
float:right;
padding:2px 0px;
text-align:right;
width:49.2%;
font-size:14px;}

.photo {
	width: 23.8%;
	float:left;
}
.photo img{
	width: 100%;
	height:170px;
	overflow:hidden;
}

.photo img:hover{
	border:5px solid #000000;
}

.a6{
color:#fff;
text-decoration:none;}

.a6:hover{
color:#fff;
font-weight:700;
text-decoration:none;}

.a7{
color:#000;
list-style:none;
text-decoration:none;}

.a7:hover{
color:#f44336;
list-style:none;
font-weight:600;
text-decoration:none;}

.a8{
color:#FF3300;
font-size:14px;
list-style:none;
text-decoration:none;}

.a8:hover{
color:#009900;
list-style:none;
text-decoration:none;}

.a5{
color:#8BC34A;
text-decoration:none;}

.a5:hover{
color:#2d2d2d;
font-weight:700;
text-decoration:none;}





/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */


@media only screen and (max-width:1200px) {

.wrapper{
width:96%;
overflow:hidden;}

.header2{
width:100%;
height:auto;
margin:auto;}
}


@media only screen and (max-width:1300px) {

.wrapper{
width:96%;
overflow:hidden;}
.header2{
width:100%;
height:auto;
margin:auto;}
}


@media only screen and (max-width:1024px) {

.header2{
width:100%;
height:auto;
margin:auto;}
.header{
width:100%;
height:auto;
margin:auto;}

.wrapper{
width:96%;
overflow:hidden;}

}

@media only screen and (max-width: 980px) {
.p11{
width:100%;
float:left;
overflow:hidden;}

.header2{
width:100%;
height:auto;
margin:auto;}

.wrapper{
width:96%;
overflow:hidden;}

.header{
width:100%;
height:auto;
margin:auto;}

font{
width:100%;
height:auto;
font-size:18px;
float: left;
}

.new-img{
width:100%;}

.new-img img{
width:100%;
height:auto;}

.newbox1{
width:100%;;}

.newbox2{
width:100%;}

.side-ttt{
width:100%;
text-align:center;
float:left;
overflow:hidden;}
p{
width:100%;
overflow:hidden;}

}

@media only screen and (max-width: 680px) {
.header{
width:100%;
height:auto;
margin:auto;}

.p11{
width:100%;
float:left;
overflow:hidden;}

.new-img{
width:100%;}

.new-img img{
width:100%;
height:auto;}

.newbox1{
width:100%;;}

.newbox2{
width:100%;}




.header2{
width:100%;
height:auto;
margin:auto;}

.wrapper{
width:96%;
overflow:hidden;}

.side-ttt{
width:100%;
text-align:center;
float:left;
overflow:hidden;}

font{
width:100%;
height:auto;
font-size:18px;
float: left;
}


p{
width:100%;
overflow:hidden;}

}

@media only screen and (max-width: 480px) {
.header{
width:100%;
height:auto;
margin:auto;}


.new-img{
width:100%;}

.new-img img{
width:100%;
height:auto;}

.newbox1{
width:100%;;}

.newbox2{
width:100%;}

.p11{
width:95%;
float:left;
margin-right:25px;
overflow:hidden;}

.header2{
width:100%;
height:auto;
margin:auto;}

.wrapper{
width:96%;
overflow:hidden;}

font{
width:100%;
height:auto;
font-size:18px;
float: left;
}
.side-ttt{
width:100%;
text-align:center;
float:left;
overflow:hidden;}

p{
width:100%;
overflow:hidden;}

}



@media only screen and (max-width: 280px) {
.header{
width:100%;
height:auto;
margin:auto;}


.new-img{
width:100%;}

.new-img img{
width:100%;
height:auto;}

.newbox1{
width:100%;;}

.newbox2{
width:100%;}

.p11{
width:98%;
float:left;
margin-right:25px;
overflow:hidden;}

.header2{
width:100%;
height:auto;
margin:auto;}

.wrapper{
width:96%;
overflow:hidden;}
.side-ttt{
width:100%;
text-align:center;
float:left;
overflow:hidden;}
font{
width:100%;
height:auto;
font-size:18px;
float: left;
}


p{
width:100%;
overflow:hidden;}

}


@media only screen and (max-width: 320px) {
.header{
width:100%;
height:auto;
margin:auto;}

.p11{
width:100%;
float:left;
overflow:hidden;}

.header2{
width:100%;
height:auto;
margin:auto;}

.wrapper{
width:96%;
overflow:hidden;}

font{
width:100%;
height:auto;
font-size:18px;
float: left;
}


p{
width:100%;
overflow:hidden;}

}





@media only screen and (max-width: 991px) {
 
 .p11{
width:100%;
float:left;
overflow:hidden;}
 
.header2{
width:100%;
height:auto;
margin:auto;}


.wrapper{
width:96%;
overflow:hidden;}

table{
width:100%;
float:left;
overflow:hidden;
height:auto;
}

td{
overflow:hidden;
width:100%;
float:left;
height:auto;
}

tr{
width:100%;
overflow:hidden;
height:auto;
float:left;
}

font{
width:100%;
height:auto;
font-size:18px;
float: left;
}

p{
width:100%;
overflow:hidden;}

.time{
text-align:center;
width:100%;}

.icon{
text-align:center;
width:100%;}

.logo{
text-align:center;
width:100%;}

.side-logo{
text-align:center;
width:100%;}

.logo img{
width:100%;
text-align:center;
}

.side-logo img{
height:auto;
overflow:hidden;
width:100%;}
 
 .cssmenu{
width:100%;
}


.slider{
height:auto;
width:100%;}

.left-post{
height:auto;
width:100%;}

.center-post{
height:auto;
width:100%;}

.right-post{
height:auto;
width:100%;}

.post{
width:100%;
height:auto;}

.hadding{
height:auto;
width:100%;}

.hadding2{
height:auto;
width:100%;}

.side-img{
width:100%;
height:auto;}

.side-img img{
width:100%;
height:auto;
}

.side-p{
height:auto;
width:100%;}

.right-img{
width:100%;
height:auto;}

.right-img img{
width:100%;
height:auto;}

.a-box{
height:auto;
width:100%;}

.b-box{
height:auto;
width:100%;}

.c-box{
height:auto;
width:100%;}

.a-tit{
height:auto;
width:100%;}

.a-p{
height:auto;
width:100%;}

.box-t{
height:auto;
width:100%;}

.box-t{
height:auto;
width:100%;}

.box-img{
height:auto;
width:100%;}

.box-img img{
width:100%;
height:auto;}

.box-p{
width:100%;}

.news-post1{
height:auto;
width:100%;}

.news-post2{
height:auto;
width:100%;}

.news-post3{
height:auto;
width:100%;}


.news-post4{
height:auto;
width:100%;}


.news-post1 img{
width:100%;
height:auto;}


.side-title{
height:auto;
width:100%;}

.sidebox{
height:auto;
width:100%;}

.heading-news{
height:auto;
width:100%;}

.des-news{
height:auto;
width:100%;}




.add{
height:auto;
width:100%;}

.add img{
height:auto;
width:100%;}

.video1{
height:auto;
width:100%;}

.video2{
height:auto;
width:100%;}

.pptt{
text-align:center;
height:auto;
width:100%;}

.pp{
text-align:center;
height:auto;
width:100%;}


.footer{
width:100%;
height:auto;
text-align:center;}

.footer-box{
height:auto;
width:100%;
text-align:center;
}


.footer-ti{
width:100%;
height:auto;
text-align:center;
}

.footer-p{
width:100%;
height:auto;
text-align:center;
}

.copy{
width:100%;
text-align:center;}

.dass{
width:100%;
height:auto;
text-align:center;}


.photo {
	width:100%;
	height:auto;
}
.photo img{
	width: 100%;
	height:auto;
}

.sticky + .content {
  padding-top: 140px;
 
 }

}