*{
padding:0px;
margin:0px;
font-family: 'Open Sans', sans-serif;
}
body {
  margin: 0;
  font-family: Arial;
}
.about{
width:25%;
float:left;
}
.about-ti{
width:70%;
float:left;
}

.about img{
width:80%;
height: auto;
margin-top:10px;
overflow:hidden;
float:left;
border-top:2px solid #999;
border-left:2px solid #999;
border-right:2px solid #999;
border-bottom:2px solid #999;
}

.about-tit{
width:100%;
float:left;
color:#293d76;
font-size:20px;
margin-top:10px;
font-weight:bold;
}
.about-p{
width:100%;
float:left;
color:#999999;
font-size:16px;
margin-top:10px;
}


.read{
float:right;
font-size:14px;
padding:6px 9px;
background-color:#f4ae94;
color:#FFFFFF;
margin-bottom:5px;
text-align:center;}

.hadding22{
width:100%;
color:#009900;
float:left;
font-weight:600;
padding:5px;
text-align:center;
margin-top:10px;
font-size:20px;
border-bottom:1px solid #FFFFCC;}


.page-p{
width:69.2%;
float:left;}

.pnew{
font-size:16px;
line-height:1.9;
float:left;
width:100%;}

.page-img{
width:29.2%;
float:left;}

.page-img img{
width:100%;
height:180px;
overflow:hidden;}


.office1{
	width:99.9%;
	height:240px;
	overflow:hidden;
	border:1px solid #f44336;
	float:left;
}
.hadding33{
width:100%;
color:#CC3300;
float:left;
font-weight:600;
padding:5px;
margin-top:20px;
font-size:16px;
border:1px solid #ccc;}
.full-wrapper{
float:left;
height:auto;
width:100%;
}
.wrappar2{
width:1100px;
height:auto;
margin:auto;
}
.arro{
width:100%;
text-align:center;
margin-bottom:20px;
margin-top:10px;
float:left;}

.arro img{
    width: 54%;
    border-radius: 50%;
    border: 5px solid #fff7b0;
    overflow: hidden;
    text-align:center;
    height: 170px;
    text-align: center;}

.arro img:hover{
border:10px solid #000;
}
.gallery-n{ width: 23.8%;
margin-top:10px;
float:left;
}


.gallery-n img{ width:100%;
height:200px;
width:100%;
overflow:hidden;
border:2px solid #fcf8e3;}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.gallery-n img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.gallery-n:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.gtb {
	width:22.8%;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
}


.pic {
	width:22.8%;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
	
}

.pic img{
width:99.9%;
border:4px solid #FFFFCC;
height:180px;
overflow:hidden;
}


.pic img:hover{opacity:0.8;
}

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

.pic-box img{
width:99.9%;
border:4px solid #FFFFCC;
height:180px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}


.pic-box img:hover{opacity:0.8;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.pic2 {
	width:22.8%;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
	
}

.pic2 img{
border:4px solid #FFFFCC;
height:180px;
margin-left:30px;
overflow:hidden;
}


.pic2 img:hover{opacity:0.8;
}


.more2{
margin-top:20px;
margin-bottom:10px;
float:right;
}

.more2 a{
padding:10px 15px;
text-decoration:none;
font-size:16px;
background-color:#009900;
color:#fff;
}

.more2 a:hover{
padding:15px;
text-decoration:none;
font-size:18px;
background-color:#000;
color:#fff;
}


.off-ti{
width:100%;
float:left;
background-color:#f44336;
color:#fff;
padding-left:10px;
overflow:hidden;
padding-top:5px;
padding-bottom:5px;
font-size:18px;}

.off-p{
width:100%;
float:left;
color:#000;
padding-top:10px;
font-size:18px;}

.off-img{
width:29.2%;
margin-bottom:10px;
float:left;}

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



.off-img img{    width: 55%;
    margin-top: 15px;
    margin-left: 40px;
    height: 150px;
    overflow: hidden;}


.off-p2{
width:98%;
float:left;
color:#000;
padding-left:4px;
padding-top:10px;
font-size:18px;}



#search-text {
  left:300px;
  position:relative;
}
.search:hover #search-text {
  left:0;
  position:relative;
}
.search {
  background: 000;
  display: inline-block;
  padding: 10px;
  overflow:hidden
}

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

.header {  background: #fff;
}

.content {
margin-top:-27px;
float:left;
width:100%;
}


.content2 {
margin-top:10px;
float:left;
width:100%;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 220px;
}
.header2{
width:100%;
padding:0px;
margin:0px;
}
.line{
width:100%;
float:left;
height:auto;
border-top:5px solid #0f3159;
}
.box{
width:99%;
margin:auto;
height:auto;
overflow:hidden;
}
.box2{
width:99%;
margin:auto;
height:auto;
}
.full-box{
width:100%;
float:left;
}
.top-line{
width:100%;
height:46px;
overflow:hidden;
color:#fff;
float:left;
}
.logo1{
width:12.26%;
float:left;
}
.logo2{
width:72.26%;
float:left;
text-align:center;
}
.logo3{
width:12.26%;
float:left;
text-align:right;
}

.logo1 img{
width:80%;
height:auto;
}
.logo2 img{
text-align:center;
/*width:80%;*/
margin-top:-10px;
height:auto;
}
.logo3 img{
width:80%;
height:auto;
}



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

.left{
float:left;
width:14.2%;}


.right-b{
width:83.2%;
border:0px solid #ddecff;
float:left;
background-color:#fff;
}


.right{
float:left;
border: 1px solid #efefef;
width:100%;
}

.hadding{    background-color: #0f3159;
    font-size: 14px;
    float: left;
    padding: 5px 15px;
    text-align: center;
    color: #fff;}

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

.tt-p{
width:100%;
float:left;
font-size:16px;
text-align: justify;
overflow:hidden;
margin-top:30px;
color:#607d8b;}
.tt-p2{
font-size:16px;
text-align: justify;
margin-top:30px;
color:#000000;}

.tt-p3{
font-size:18px;
text-align: justify;
color:#300064;}

.kk{
border:4px solid  #FFFFCC;
width:100%;
background-color:#fff;
margin-top:5px;
float:left;
}


.pp11{
width:50%;
float:left;}

.pp22{
width:50%;
float:left;}

.side-b{
width:100%;
float:left;
background-color:#fff;
}

.links{
background-color:#fff;
width:100%;
overflow:hidden;
margin-bottom:10px;
float:left;
}

.links-ti{
width:100%;
overflow:hidden;
float:left;}

.links-ti ul li{
width:100%;
overflow:hidden;
text-decoration:none;
list-style:none;
}
.links-ti ul li a{
    color: #fff;
    float: left;
    padding: 8px;
    width: 100%;
	
    text-decoration: none;
    background-color: #0f3159;
    margin-bottom: 2px;
    font-size: 14px;
    list-style: none;
}
.links-ti ul li a:hover{
color:#fff;
float:left;
  padding: 8px;
width:100%;
text-decoration:none;
background-color:#000;
margin-bottom:2px;
list-style:none;
}


.cn-b{
background-color:#fff;
width:99%;
margin-left:10px;
float:left;
}
.read{
margin-bottom:10px;
float:right;
}

.read a{
padding:10px 15px;
text-decoration:none;
font-size:16px;
background-color:#000;
color:#fff;
}

.read a:hover{
text-decoration:none;
background-color:#0f3159;
color:#fff;
}

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

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

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

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

.news1 img{
width:99.9%;
overflow:hidden;
border:1px solid #2f7ed8;}

.news1 img:hover{opacity:0.6;}

.pp{
    width: 99%;
    font-size: 14px;
    float: left;
    color: #000;
	font-weight:600;
    line-height: 1.6;
    margin-left: 4px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;}

.as{
width:98%;
text-decoration:none;
list-style:none;
color:#0f3159;
font-size:14px;
line-height:1.7;
margin-top:2px;}

.as:hover{
width:100%;
text-decoration:none;
list-style:none;
color:#FF3300;
font-size:14px;
line-height:1.7;
margin-top:2px;}

.zone1{
width:80%;
float:left;
}

.zone2{
width:20%;
float:left;
}
.post-zone{
width:80%;
float:left;
margin-left:15%;
margin-top:13px;
margin-bottom:10px;
background-color:#0f3159;
text-align:center;}

.post-zone ul li{
margin-left:10px;
margin-right:10px;
display:inline;
list-style:none;
float:left;
text-align:center;}


.post-zone ul li a{      
background-color: #fff;
    text-decoration: none;
    padding: 8px;
    font-weight: 600;
    font-size: 15px;
    width: 29px;
    display: inherit;
    border-radius: 50%;
    border: 5px solid #FFFFCC;
    list-style: none;
    color: #F44336;
    text-align: center;}
	
.post-zone ul li a:hover{
    background-color: #000;
    text-decoration: none;
 padding: 8px;
    font-weight: 600;
    font-size: 15px;
    width: 29px;
    display: inherit;
    border-radius: 50%;
    list-style: none;
    color: #fff;
    text-align: center;}

.vv{
width:100%;
margin-top:10px;
float:left;}

.vv a{    background-color: #fff;
    text-decoration: none;
    padding: 5px;
    font-size: 17px;
    width: 120px;
    font-weight: 600;
    display: inherit;
    border-radius: 10px;
    border: 4px solid #FFFFCC;
    list-style: none;
    color: #F44336;
    text-align: center;}
	
	
.vv a:hover{
    background-color: #000;
    text-decoration: none;
    padding: 20px;
    font-weight: 600;
    font-size: 22px;
	 padding: 5px;
    font-size: 17px;
    width:120px;
    display: inherit;
    border-radius:10px;
	border:4px solid #FFFFCC;
    list-style: none;
    color: #fff;
    text-align: center;}
	
.mail{
    float: left;
    width: 100%;
	margin-bottom:4px;
    text-align: center;
}

.mail a{
padding:10px 20px;
text-decoration:none;
border:4px solid #FFFFCC;
font-size:20px;
background-color:#0f3159;
color:#fff;
}

.mail a:hover{
text-decoration:none;
background-color:#000;
color:#fff;
}	

.pp a{
color:#0f3159;
text-decoration:none;
list-style:none;}

.pp a:hover{
color:#CC0000;
text-decoration:none;
list-style:none;}

.span_1_of_4 {
float:left;
	width: 23.8%;
}

.pgg{
color:#fff;
font-size:15px;
width:100%;
float:left;
line-height:1.8;
margin-top:0px;}

.footer-t{
width:100%;
margin-top:0px;
margin-bottom:0px;
font-size:24px;
float:left;
color:#fff;}

.footer-t ul li{
float:left;
width:100%;
list-style:none;
margin-bottom:0px;
margin-top:0px;
margin-right:10px;
padding:5px 16px;
text-decoration:none;
font-size:18px;
color:#fff;}

.footer-t ul li a{
font-size:18px;
color:#fff;
text-decoration:none;
display:inline;}

.footer-t ul li a:hover{
font-size:18px;
color:#ccc;
text-decoration:none;}

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

.icon img{
margin-bottom:4px;text-align:center;}

.icon img:hover{
opacity:0.6;}

.copy{
color:#fff;
font-size:14px;
width:48.2%;
padding:10px 0px;
float:left;}

.dass{
color:#fff;
font-size:17px;
width:49.2%;
text-align:right;
padding:10px 0px;
float:right;}


.add{
color:#fff;
text-decoration:none;
display:inline;}

.add:hover{
color:#000;
text-decoration:none;}




/*  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  */


p{
color:#000;
font-size:15px;
width:98%;
float:left;
padding:0px 4px;
line-height:1.8;
margin-top:1px;}

div.scroll {
    width: 98%;
	border:1px solid #e4e4e4;
    padding: 3px 0px;
    background-color: #f2fbff;
    height: 356px;
    overflow: scroll;
}

div.scroll44 {
    width: 98%;
	border:1px solid #e4e4e4;
    padding: 3px 0px;
    background-color: #fffde7;
    height: 356px;
    overflow: scroll;
}

div.scroll2 {
    width: 96%;
    margin-left: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
	border:0px solid #e4e4e4;
    padding: 0px 9px;
    background-color: #f2fbff;
    height: 250px;
   <!-- overflow: scroll;-->
}
div.scroll33 {
    width: 96%;
    margin-left: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 3px 9px;
    background-color: #f2fbff;
    height: 230px;
    overflow: scroll;
}


samp{color: #EF5350;
    font-size: 14px;
    font-weight: 600;
}

samp:hover{
color:#000;
font-size:14px;
}









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

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

.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}

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

.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}

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

.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}

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

.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}

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

.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}
@media only screen and (max-width:1024px) {

.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}

@media only screen and (max-width:1000px) {
 
.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}
@media only screen and (max-width:1030px) {
 
.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99.9%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}
@media only screen and (max-width:1050px) {
 
.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99.9%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}
@media only screen and (max-width:1020px) {
 
.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99.9%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}

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

.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:99.9%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
}



@media only screen and (max-width: 991px) {
 
samp{
width:100%;
height:auto;
}
 
.page-p{
width:100%;
text-align:center;}

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

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

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

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

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

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

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

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

.off-img img{
width:80%;
height:auto;
text-align:center;}

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

 
.header2{
width:100%;
overflow:hidden;
}
.top-line{
width:100%;
}
.full-box{
width:100%;
}
.box{
width:98%;
overflow:hidden;
}
.line{
width:100%;
}
.top-line{
width:100%;
height:auto;
}
.logo1{
width:100%;
text-align:center;
}
.logo2{
width:100%;
text-align:center;
}
.logo3{
width:100%;
text-align:center;
}

.logo1 img{
margin-top:0px;
width:12%;
margin-bottom:0px;
height:auto;
text-align:center;
}
.logo2 img{
width:100%;
text-align:center;
height:auto;
}
.logo3 img{
margin-top:0px;
width:12%;
margin-bottom:0px;
height:auto;
text-align:center;
}

.post{
width:100%;}

.left{
width:100%;}

.right{
width:100%;}


.hadding{
width:100%;}

.tt{
width:100%;
}

.tt-p{
width:100%;}

.kk{
width:100%;
}

.side-b{
width:100%;
}

.links{
width:100%;
}

.links-ti{
margin-left:0px;
width:100%;}

.links-ti ul li{
width:100%;
margin-left:0px;
}
.links-ti ul li a{
width:100%;
margin-left:0px;
}
.links-ti ul li a:hover{
width:100%;
margin-left:0px;
}
.right-b{
width:99%;
}
.cn-b{
width:100%;
margin-left:0px;
}
.left2{
width:100%;}

.right2{
width:100%;}

.news1{
width:100%;}

.news2{
width:100%;}

.news1 img{
width:99.9%;
overflow:hidden;
border:1px solid #2f7ed8;}

.news1 img:hover{
opacity:0.6;
}
.pp{
    width: 99%;
	}
.as{
width:100%;
}
.zone1{
width:100%;
text-align:center;
}
.zone2{
width:100%;
text-align:center;
}
.post-zone{
width:100%;
text-align:center;}

.post-zone ul li{
width:100%;
text-align:center;}


.post-zone ul li a{
    font-size:19px;
    text-align: center;
    width: 100%;
	margin-bottom:10px;
	margin-left:26%;
    float: left;
    margin-bottom: 10px;
    width: 26px;}

.vv{
width:100%;
margin-top:10px;
float:left;}

	.vv a {
    background-color: #fff;
    text-decoration: none;
    padding: 20px;
    font-size: 22px;
    margin-bottom: 10px;
    width: 120px;
    margin-left:26%;
    display: inherit;
    border-radius: 10px;
    border: 4px solid #FFFFCC;
    list-style: none;
    color: #F44336;
    text-align: center;
}
.mail{
    float: left;
    width: 80%;
    text-align: center;
	margin-top:10%;
	margin-bottom:10%;
	margin-left:25px;
}
.pp {
height:auto;
margin-left:0px;
width:100%;}

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

.footer-t ul li{
width:100%;
text-align:center;}

.footer-t ul li a{
width:100%;
text-align:center;}

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

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

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

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

p{
width:100%;
text-align:center;}

.pp11{
width:100%;}

.pp22{
width:100%;}

.side-b{
width:100%;
}
.content {
margin-top:3px;}

}