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

.container-middle {
    width: 998px;
    margin: 0 auto;
    text-align: left;
    font-family: Times new ROman !important;
    font-size: 19px !important;
    line-height: 24px !important;
    font-weight: normal !important;
    color: #666;
}
.fl-head img {
    float: left;
    height: 75px;
}
.container-middle .fl-head{
    padding-top: 15px;
}
.fl-head {
    float: left;width: 100%;
    
}
.container-middle a {
    color: #236fb6;
    text-decoration: none;
}
.content-head {
    float: left;
}
.fl-head h2{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 36px;
    margin: 0;
    margin-left: 10px;
    color: #156dd1;
    text-shadow: 0px 4px 5px #ccc;
    margin-top: 10px;
    font-family: Calisto MT;
}
.fl-head h3{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
    margin-left: 10px;
    color: #000;
    text-shadow: 0px 4px 5px #ccc;
    margin-top: 13px;
    font-family: Calisto MT;
}
header{ width: 100%;
border-top: 3px solid #156dd1;

	
	}
/* home */

h2 {
    font-size: 25px;
    text-align: center;
    color: #111;
    line-height: 24px;
	font-family:Arial, Helvetica, sans-serif;
    text-transform: uppercase;
   	
}

.ser-box{
	width: 29%;
	float:left;
	margin:2%
}
.ser-box .text {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 20px 15px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ser-box img {
    max-width: 100%;
    height: auto;
}
.ser-box .text h2 {
    color: #111;
}

.ser-box a:after, .ser-box .text , .ser-box .text .line, .ser-box .text h2 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.ser-box{text-align:center;position:relative;line-height:0}
.ser-box a{display:block}
.ser-box a:after{content:"";display:block;position:absolute;left:0;bottom:0;z-index:1;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;background:rgba(0,0,0,.15)}
.ser-box:hover a:after{filter:alpha(opacity=100);opacity:100}
.ser-box .text{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:20px 15px 35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ser-box .text h2{margin:0;position:relative;bottom:0;font-size:22px; color:#fff;line-height:30px font-family: arial;
text-transform: uppercase;
}
.ser-box:hover .text h2{bottom:20px; color:#fff; }
.ser-box .text .line{height:1px;width:0;margin:0 auto;background:#fff;overflow:hidden;display:block}
.ser-box:hover .text .line{width:60%}

.cl{clear:both;}

.hom img{
	float:left;
	margin-top:20px;
}

.container-middle .right-content{
	float:left;
	margin-left:75px;
}

.right-content ul li{
	margin-left:50px;
	font-family: Times new ROman;
	line-height:40px;
	font-size: 18px;
	vertical-align: baseline;
}

.hm-cont {
    background-size: cover;
    background-attachment: fixed;
    padding: 30px 0 50px;
    color: #222;
}
.head-hm {
    text-align: center;
    margin-bottom: 60px;
    font-size: 32px;
    position: relative;
    color: #222;
}
.hm-cnt-lft {
    width: 60%;
    float: left;
    margin-top: 10px;
	margin-right:30px;
}
.hm-cnt-lft img{
	border:5px solid #ccc;
}
.hm-cnt-rht {
    width: 35%;
    float: left;
    color: #222;
    margin-top: 10px;
}
.hm-cnt-rht h2{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
	text-align:left;
 
    color: #222;
    text-shadow: 0px 4px 5px #ccc;
    margin-top: 10px;
  
}
.hm-cnt-rht h3{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    margin: 0;
	line-height:28px;
    
    color: #000;
    text-shadow: 0px 4px 5px #ccc;
    margin-top: 13px;
    font-family: Calisto MT;
}
.hm-cnt-rht p {
    margin-bottom: 10px;
    margin-top: 5;
    text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	
	}

/*.....footer*/
.copyrht {
    background: #156dd1;
    margin-top: 10px;
    font-size: 13px;
    padding: 6px 0;
    height: 26px;
    position: relative;
    border-top: 1px solid #fff;
}
.top {
    position: absolute;
    top: -28px;
    left: 60px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    /* z-index: 1; */
    width: 55px;
    background: #156dd1;
    color: #fff;
    padding: 15px 0px 10px;
    border: 2px solid #fff;
    border-bottom: 0;
    cursor: pointer;
    transition: 0.5s;
}
.copyrht p {
    margin-bottom: 0;
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.cprht-rht {
    float: right;
}	
.top img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
p {
    margin-bottom: 10px;
    margin-top: 0;
    text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	
	}
	
	
	
	.hm-cnt-rhtt {
    width: 70%;
    float: left;
    color: #222;
    margin-top: 10px;
}
.hm-cnt-rhtt h2{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0;
	text-align:left;
 
    color: #222;
    text-shadow: 0px 4px 5px #ccc;
    margin-top: 10px;
  
}
.hm-cnt-rhtt h3{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    margin: 0;
	line-height:28px;
    
    color: #000;
    text-shadow: 0px 4px 5px #ccc;
    margin-top: 13px;
    font-family: Calisto MT;
}
.hm-cnt-rhtt p {
    margin-bottom: 10px;
    margin-top: 5;
    text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	
	}