@font-face {
    font-family:"opensans-regular";
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
html,body{margin:0;padding:0;height:auto!important;min-height:100%;}
body{font-family:"opensans-regular";font-weight:normal; font-size:12px;}
.maincontainer{ width:1034px; margin:auto;}
.header,.menu,.banner,.panel-1,.boxpanel,.panel2{float:left; width:100%;}
.header{ background:url(../images/headerbg.jpg); padding:10px 0 10px 0 }
.logo{ width:650px; float:left}
 
.call{ width:200px; float:right; text-align:right; font-size:18px; color:#fff; font-weight:normal; padding-top:15px;}
.container{ width:1034px; margin:auto;}
.container:after,.container:before{clear:both;}
.menu{ height:58px; background:url(../images/menubg.jpg) repeat-x}
.menu ul{ list-style:none }
.menu ul li{float:left; color:#FFFFFF; line-height:58px; border-right:1px solid #AEE1F8;padding-left:15px; padding-right:15px;}
.menu ul li:hover{background:url(../images/menuhover.jpg) repeat-x;}
.menu ul li.last{border-right:none;}
.menu ul li.active{background:url(../images/menuhover.jpg) repeat-x;}
.menu ul li a{ font-size:12px; font-weight:bold;float:left; color:#FFFFFF; text-decoration:none;}
.banner{ height:350px; background:url(../images/bannerbg.jpg) repeat-x;}
.panel-1{ background:#FFF; padding-top:15px; padding-bottom:25px; border-bottom:1px solid #ADADAF;}
.panel-1 h1{ font-size:26px; color:#DA2418;  text-align:center; padding-bottom:5px; margin-bottom:20px; border-bottom:1px dotted #329EC7}
.panel-1 h2{ font-size:18px; color:#329EC7;  margin-bottom:5px;}

.panel-1  p{text-align:justify; line-height:22px; font-size:13px;}

.boxpanel{padding-top:25px;}
.boxpanel-cont{background:#FFF; width:250px; height:320px; float:left; margin-right:10px;  text-align:center; border: 1px solid #0084C4;}
.boxpanel a{text-decoration:none;}
.boxpanel-cont h2{font-size:22px; font-weight:normal; background:#0084C4; padding:8px; color:#fff; margin-bottom:0;}
.boxpanel-cont .details{float:left; width:100%; height:70px; margin-bottom:15px;}
.boxpanel-cont p{text-align:center; color:#434344; padding-left:10px; padding-right:10px}
.boxpanel-cont img{margin:0; padding:0; margin-bottom:8px;}
.boxpanel-cont.last{margin-right:0;}
.boxpanel-cont .readmore{background:#006B9F; padding:8px; padding-left:15px; padding-right:15px; color:#FFFFFF; margin-top:20px;  margin-left:10px}
.boxpanel-cont .readmore:hover {background:#333;}
.boxpanel-cont,
.boxpanel-cont:hover
.boxpanel-cont h2,
.boxpanel-cont h2:hover,
.boxpanel-cont h3,
.boxpanel-cont h3:hover,
.boxpanel-cont p,
.boxpanel-cont p:hover,
#cssmenu > ul > li,
#cssmenu > ul > li:hover,
.leftpane ul li,
.leftpane ul li:hover,
.boxpanel-cont .readmore,
.boxpanel-cont .readmore:hover
{
-webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out,text-align 0.3s ease-out;
-moz-transition: color 0.3s ease-out, background-color 0.3s ease-out,text-align 0.3s ease-out;
transition: color 0.3s ease-out, background-color 0.3s ease-out,text-align 0.3s ease-out;
}

.boxpanel-cont .icon1,
.boxpanel-cont:hover .icon1,
.boxpanel-cont .icon2,
.boxpanel-cont:hover .icon2,
.boxpanel-cont .icon3,
.boxpanel-cont:hover .icon3,
.boxpanel-cont .icon4,
.boxpanel-cont:hover .icon4
{
-webkit-transition:ease-out all  0.2s;
-moz-transition:ease-out all  0.2s;
transition: ease-out all  0.2s;
}

.footer{ width:100%; float:left; background:url(../images/headerbg.jpg); padding-top:10px; padding-bottom:20px; border-top:3px solid #4C91B2;color:#FFF; text-align:center;}
.footer a{ color:#FFF; text-decoration:none;}
.copyright{width:100%; float:left; background:#272727; text-align:center; padding-top:8px; padding-bottom:8px; color:#666666;}
.copyright-left{width:40%; float:left; text-align:left;}
.copyright-right{width:40%; float:right; text-align:right;}
.copyright-right a{color:#666666;}

.clickhere{ text-decoration:none; font-size:20px;  background:#006B9F; padding:8px; padding-left:15px; padding-right:15px; color:#FFFFFF; margin-top:20px;