/* CSS Document */
@charset "UTF-8";
html{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
/*background:url(../images/bg.jpg);*/
width:100%;
height:100%;
min-height:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
line-height:0px;
}

a{
text-decoration:none;
}
#web_wrapper{
width:100%;
height:100%;
margin:0;
padding:0;
}
#web_box{
width:990px;
height:120px;
margin:0 auto;
padding:0;
}
#black_line{
background:#3878bd;
width:100%;
height:15px;
display:inline-block;
}
.banner {
	width:100%;
	height:366px;
	margin-top:20px;
	margin:0 auto;
	position:absolute;
	}

#slider{
margin:0 auto;
display:inline-block;
width:100%;
height:366px;
text-align:center;
background-color:#3878bd;
}

#logo_menu_box{
width:270px;
height:110px;
margin:10px 0 0 10px;
float:left;
padding:0;
}

#menu {
	margin-top:40px;
    display: inline-block;
    float: right;
    padding-right:60px;
	
}
#menu nav{
margin:0;
padding:0;
}
#menu nav ul {
display:inline-block;
list-style:none inside none;
margin:0;
padding:0;
}
#menu nav ul li{
display:inline-block;
margin:0;
padding:0;
}
#menu nav ul li a:link,#menu nav ul li a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
line-height:20px;
padding:0px 10px;
color:#000000;
transition:all ease .5s;
}
#menu nav ul li a:hover,#menu nav ul li a:active,
#menu nav ul .active a:link ,#menu nav ul a.active a:visited{
background:#3878bd;
padding:10px 10px;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
}
.drop-menu {  
    display: block;  
    margin-right: auto;  
    margin-left: auto;  
    text-align: left;  
    padding: 10px 10px;  
    font-size: 15px;  
    height: 20px;  
    max-height: 20px;  
    width: 50px;  
	line-height:20px;
    background: #3878bd;  
    cursor: pointer;  
    border: 1px solid #f6f0e4;  
	transition:all ease .5s;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px; 
    }  
}  
   .drop-menu:hover {  
        border: 1px solid #3878bd; 
		border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px; 
    }  
  
    .drop-menu:hover .sub-menu {  
        display: inline-block; 
		border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px; 
    }  
  
    .drop-menu:hover .plus {
	border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;  
      
    }  

  .sub-menu {  
        display: none;  
        width: 100px;  
        background: #3878bd;
		padding: 10px 10px;  
        margin-left: -11px;  
        margin-top: 10px;  
        border: 1px solid #fff;  
        -webkit-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);  
        -moz-box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);  
        box-shadow: 0px 13px 25px rgba(0,0,0, 0.2);  
		
    }  
  
    .sub-menu li {  
        list-style-type: none;  
        display: block;  
        border-bottom: 1px dotted #eaeaea;  
        font-size: 15px;  
        height: 22px;  
        padding: 8px 0;  
    }  
  
        .sub-menu li img {  
            margin-right: .5em;  
        }  
  
    .sub-menu li:hover {  
        border-bottom: 1px dotted #bababa;  
    }  







.spliter {
display:inline-block;
float:left;
margin: 0px;
padding:0px;
}


.content {
margin:0 auto;
display:inline-block;
width:100%;
height:100%;
}
.content_inside {
width:1000px;
margin:0 auto;
height:1000px;
background-color:#f2f2f2;

}
.box1 {
width:220px;
height:300px;
float:left;
padding:10px 10px;
margin-left:5px;
margin-top:30px;
margin-bottom:30px;
border:2px solid;
color:#CCCCCC;
border-radius:7px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
position:relative;

	}
.box_img {
	width:120px;
	height:120px;
	text-align:center;
	position:absolute;
	left: 67px;
	top: -30px;
	display: inline-block;
	}
.box_img_ani{
width:100%;
transition:all ease 1s;
-webkit-transition:all ease 1s;
}
.box_img_ani:hover{
width:103%;
transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
}
.box_heading {
width:100%;
font-family: Arial, Helvetica, sans-serif;
line-height:20px;
font-size:23px;
color:#3366cc;
font-weight:bold;
margin-top:90px;
}
.box_content {
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
height:120px;
color:#000;
text-align:justify;
}
.readmore {
width:80px;
height:10px;
height:20px;
font-size:12px;
background:#3878bd;
padding:5px 5px;
line-height:20px;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
float:right;
margin-top:10px;
}
.readmore a, a:hover {
text-decoration:none;
color:#fff;
}
.content_who {
margin:0 auto;
display:inline-block;
float:left;
width:1000px;
height:200px;
text-align:left;
}
.content_who_box {
width:820px;
height:150px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#000;
float:left;
}
.content_who_box_header {
width:180px;
margin-left:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:23px;
font-weight:bold;
color:#000;
line-height:20px;
}
.content_who_box_cont{
width:280px;
margin-left:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
float:left;
text-align:justify;
line-height:20px;
}
#footer { 
margin:0 auto;
display:inline-block;
width:100%;
background-color:#3878bd;
}
.footer_width {
margin:0 auto;
width:950px;
height:150px;
}
.footer_box {
width:100px;
height:120px;
margin-top:10px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#FFFFFF;
}
.footer_box a {
text-decoration:none;
font-size:12px;
line-height:20px;
color:#FFFFFF;
}
.footer_box a:hover {
text-decoration:none;
font-size:12px;
line-height:20px;
color:#FFFFFF;
}
.ourproducts li {
width:100px;
display:inline-block;
height:50px;
float:left;
}