body{ margin:0px auto; background:none;}

img{ border:0px;}

*{ text-decoration:none; margin:0; padding:0;}


#header{ width:100%; height:120px; margin:auto; overflow:hidden;/* background:#a0a5ac;*/}

#header-inner{ width:1000px; height:123px; margin:auto;}

#logo{ width:400px; height:114px; margin:5px 0 0 50px; float:left; background:none;}

#social-link{width:325px; height:50px; margin:5px 0px 20px 0px; float:right; background:none; padding:0px 0px 0px 0px;}

#social-link img{ float:right; margin:0px 4px 0 0px; opacity: 0.5;} #social-link img:hover{ margin:4px 4px 0 0; opacity:1;}

#quick-contact{width:361px; height:35px; margin:12px 0px 0px 5px; float:right; background:none; padding:0px 0px 0px 0px;}

#quick-contact h3{ font-family:Myriad Pro; font-size:16px; color:#2a2a29; font-weight:400; margin:0px 10px 0 10px; padding:0px 0 5px 25px; line-height:18px; float:left; 
background:url(../images/con-1.png) no-repeat;}

#quick-contact h4{ font-family:Myriad Pro; font-size:16px; color:#2a2a29; font-weight:400; margin:0px 0 0 0; padding:0px 0 5px 30px; line-height:15px; float:left;
background:url(../images/con-2.png) no-repeat;}

#menus{width:100%; height:42px; margin:auto; background:#d3d4d9; color:#494949;}

#menu{ width:895px; height:42px; margin:auto; color:#494949;}

#menu ul{ list-style:none;/* padding:10px 0 0 2px; */}

#menu ul li{ display:inline;}

#menu ul li a{ font-family:Myriad Pro; font-size:13px; color:#494949; margin:0px 0 0 -2px;/* padding:10px 13px 10px 13px; */ background:none; font-weight:bold;}

#menu ul li a:hover{ cursor:pointer; color:#fff; margin:0px 0 0 -2px;/* padding:10px 13px 10px 13px; */ background:#b60303; text-decoration:none; font-weight:bold;}

#menu ul li.active a{ margin:0px 0 0 -2px; padding:10px 13px 10px 13px; background:#b60303; text-decoration:none; color:#fff;}

#banner{ width:100%; overflow:hidden; height:auto; margin:auto; background:#eaeaea; border-top:1px solid #5b87a0;}

#banner-img{ width:1000px; height:339px; margin:auto;}


.wrapper-class{ width:1000px; height:auto; margin:auto;}

.wrapper-class h1{ font-family:Myriad Pro; font-size:19px; color:#8f0101; font-weight:400; margin:0px; padding:5px 0 0 0; font-weight:400;}

.wrapper-class p{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#636363; margin:0px; padding:5px 0 0 0; text-align:justify; line-height:24px;}

.wrapper-class h4:hover{ color:#a21324; margin:10px; padding:5px 10px 5px 10px; line-height:24px; background:#ccc; }

.wrapper-class h4{ font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#636363; margin:10px; padding:5px 10px 5px 10px; line-height:24px;  }

#more{width:90px; float:right; margin:auto;}

#line{width:1000px; border-bottom:1px groove #aaacb4; margin:30px 0px 0px 0px;}

#pro{margin:0px 0px 0px 35px; padding:0px 0px 0px 0px;}

#pro-list{margin:auto; padding:0px 0px 0px 25px; }


.gray{ color:#666;}


#box-text{margin:0px 0px 0px 50px;}

#foter{width:100%; height:175px; background:#9ea2ab; margin:auto;}

#foter-center{width:1000px; height:175px; background:none; margin:auto;}

#foter-box1,#foter-box2,#foter-box3,#foter-box4{width:250px; height:175px; margin:auto; float:left; background:none;}

#foter-box1,#foter-box2,#foter-box3,#foter-box4 p{font-family:Verdana, Geneva, sans-serif, Vani; font-size:15px; color:#ffffff; padding:10px 0px 0px 0px;}

#foter-box1 ul{ list-style:none; padding:0px;} #foter-box1 ul li{ margin:0; line-height:20px;}

#foter-box1 ul li a{ font-family:Verdana, Geneva, sans-serif; font-size:12px;  margin:0px; padding:0px 0px 0px 0px; text-decoration:none; color:#fff; }

#foter-box2 ul li a:hover, #foter-box1 ul li a:hover{ color:#a21324;}

#foter-box2 ul{ list-style:none; padding:0px;} #foter-box2 ul li{ margin:0; line-height:25px;}

#foter-box2 ul li a{ font-family:Verdana, Geneva, sans-serif; font-size:12px;  margin:0px; padding:5px 0px 0px 0px; text-decoration:none; color:#fff; }


#foter-box p{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none; line-height:20px;}

#foter-copy{width:100%; height:35px; margin:auto; background:#9296a0;}

#foter-copy-center{width:1000px; height:35px; margin:auto;}

#copyrights{width:500px; height:25px; color:#ffffff; float:left; margin:auto; padding:0px 0px 0px 0px;}

#copyrights p{font-family:Verdana, Geneva, sans-serif, Vani; font-size:14px; color:#ffffff;}

#design{width:300px; height:25px; color:#ffffff; float:right; margin:auto; padding:0px 0px 0px 0px;}

#design p{font-family:Verdana, Geneva, sans-serif, Vani; font-size:14px; color:#ffffff;}

#add-text{margin:5px 0px 0px 15px;}

.roundedCorner { width:500px;height:250px; border: solid 1px #555; background-color: #eed; box-shadow: 10px -10px 5px rgba(0,0,0,0.6); -moz-box-shadow: 10px -10px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 10px -10px 5px rgba(0,0,0,0.6); -o-box-shadow: 10px -10px 5px rgba(0,0,0,0.6); border-radius:25px; margin:0px 0px 0px 13px; }


.product{ width:310px; height:240px; margin:10px 15px 0 0; float:left; border:1px solid #ccc;}

.product img{ margin:5px 0 0 5px;}

.product p{ font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#a21324; margin:0px; padding:5px 0 0 0; text-align:center;}

#certified{width:252px; height:356px; margin:auto; float:right;}

.navigation {
    list-style: none;
    padding: 0;
    margin: 0;
    /*
    box-shadow:  0px -2px 3px -1px rgba(0, 0, 0, 1);
    */
  }
  
  .navigation li {
    float: left;
  }
  
  .navigation li:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 0 0 5px;
  }
  
  .navigation li a {
    display: block;
    padding: 0 20px;
    text-decoration: none;
    line-height: 40px;
    color: #fff;
  }
  
  .navigation ul {
    display: none;
    position: absolute;
    list-style: none;
    margin-left: -3px;
    padding: 0;
    overflow: hidden;
  }
  
  .navigation ul li {
    float: none;
  }
  
  .navigation li:hover > ul {
    display: block;
    background: #d3d4d9;
    border: solid 3px #fff;
    border-top: 0;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow:  0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    z-index: 6;
  }
  
  .navigation li:hover > ul li:hover {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  }
  
  .navigation ul li:last-child a,
  .navigation ul li:last-child a:hover {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  }

