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

.news-under{ width:1100px; margin:0px auto; height:auto;}
.news-under-left{ width:65%; float:left;}
.news-under-search{ width:82%; float:left; height:auto; padding-top:5%;}
.sea{ width:95%; float:left; height:38px; padding:6px 12px; border:solid 1px #CCC; border-radius:4px;}
.btnsearch{ float: left; height: auto;  background-color: #ababab; text-decoration: none;
    color: #fff; border-bottom-right-radius: 4px; font-size: 15px; border-top-right-radius: 4px; font-family: Verdana, Geneva, sans-serif;  padding: 15px 36px; border-right-top-radius: 4px; margin-left: -7px;}
.search2{ width:18%; float:left; height:auto; padding-top:5%;}
.n1{ width:94%; float:left; height:auto; padding:3%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); margin-top:25px;}
.n1-left{ width:25%; float:left; height:120px;}
.n1-right{ float:right; width:72%;}
.n1-right h1{ font-size:16px; font-weight:bold; margin:0px; margin-bottom:5px; font-family:arial; }
.n1-right h1 a{ text-decoration:none; color:#333;}
.n1-right p{ font-size:15px; margin:0px;}
.n1-right h6{ font-size:12px; color:#999;  margin:0px; font-family:arial;}
.n1-left img{ width:100%; float:left;}

.Heading{ width:100%; float:left; height:auto;    background-color: #0ba6aa; margin-top:10px; margin-bottom:-25px;}
.Heading a{ float: left; height: auto;   text-decoration: none;
    color: #fff; border-bottom-right-radius: 4px; font-size: 15px; border-top-right-radius: 4px; font-family: Verdana, Geneva, sans-serif;  padding: 11px 8px; border-right-top-radius: 4px; margin-left: -7px;}


.news-under-right{ width:30%; float:right; padding-top:1%}
.advan{    width: 86%; float: left; padding: 7%; background-color: #e4e4e4;}
.advan-under{ width:94%; float:left; background-color:#fff; padding:3%;}
.advan-under h1{ width:100%; float:left; font-size:16px; font-family:arial; font-weight:bold;}
.ser2{     width: 96%; float: left;  height: 30px; background-color: #f7f7f7; padding: 6px 2%; border: solid 1px #dedede;}
.ser-but{ width:100%; float:left;    margin-top: 15px; margin-bottom:8px;}
.btnsearch2{     padding: 10px 20px; background-color: #ff9600; text-decoration: none; color: #fff; border-radius: 4px; font-family:arial;}
.btnsearch2:hover{ background-color:#ff5b00; transition:0.5s all ease;}
.right_ab {
      width: 84%;
    float: left;
    height: auto;
    /* padding-top: 35px; */
    background-color: rgba(121, 126, 127, 0.06); margin-bottom:20px;
    padding: 30px 8%;
}
.latest_con {
    width: auto;
    float: left;
    font-size: 14px;
    color: white;
    font-family: 'Noto Sans', sans-serif;
    padding: 6px 9px;
    background-color: #0ba6aa;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.latest_bod {
    width: 100%;
    float: right;
    height: 3px;
    background-color: #0ba6aa;
    margin-top: -1px;
    margin-bottom: 3px;
}
.about_lis {
    width: 100%;
    height: auto;
    float: left;
}
.about_lis ul {
    margin: 0px;
    padding: 0px;
}
.about_lis ul li {
    float: left;
    width: 100%;
    height: auto;
    padding: 5px 0px;
}
.about_lis ul li a {
       height: auto;
    text-decoration: none;
    color: #474545;
    font-size: 15px;
    font-family: arial;
    font-weight: 600;
}









@media screen and (min-width:320px) and (max-width:500px){
	
	.news-under{ width:94%; margin:3%;}
	.news-under-left{ width:100%; float:left;}
	.news-under-right{ width:100%; float:left; margin-top:30px;}
	.n1-left{ width:100%; float:left; height:100%;}
.n1-right{ float:left; margin-top:10px; width:100%;}
	
.advan{    width: 90%;padding: 5%;}
.news-under-search { width: 80%; float: left; height: auto;}
.search2{ width:18%; float:left; height:auto;}
.search2 a { padding: 17px 13px;}
	
}






@media screen and (min-width:501px) and (max-width:800px){
	
	.news-under{ width:96%; margin:2%;}
	.news-under-left{ width:100%; float:left;}
	.news-under-right{ width:100%; float:left; margin-top:30px; }
	.n1-left{ width:30%; float:left;}
.n1-right{ float:right; margin-top:10px; width:66%;}
	
.advan {  width: 42%; padding: 3%; float: right;}
.news-under-search { width: 80%; float: left; height: auto;}
.search2{ width:18%; float:left; height:auto;}
.search2 a { padding: 17px 13px;}
.right_ab { width: 34%;}
}





@media screen and (min-width:801px) and (max-width:1000px){
	
	.news-under{ width:98%; margin:1%;}
	.news-under-left{ width:70%; float:left;}
	.news-under-right{ width:28%; float:right; }
	.n1-left{ width:30%; float:left;}
.n1-right{ float:right; margin-top:10px; width:66%;}
	

.advan{    width: 90%;padding: 5%;}
.news-under-search { width: 80%; float: left; height: auto;}
.search2{ width:18%; float:left; height:auto;}
.search2 a { padding: 17px 13px;}.ser-but a { font-size: 13px;}
	
}