body{padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat}

ul,li,a,p,h1,h2,h3,h4,h5,h6{padding:0px; margin:0px}

h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1d4e79; font-weight:normal; font-style:normal; font-size:25px; margin-bottom:5px; }
h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:normal; font-style:normal; font-size:18px; margin-bottom:5px; }
p{color:#666; font-family:arial; line-height:20px; font-weight:normal; font-style:normal; font-size:12px; text-align:justify; margin-bottom:15px}
p a{color:#042d64; text-decoration:none}
h3{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1d4e79; font-weight:normal; font-style:normal; font-size:22px; margin-bottom:5px; }
h4{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:normal; font-style:normal; font-size:16px; margin:10px 0; text-align:center }
h5{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1d4e79; font-weight:normal; font-style:normal; font-size:25px; margin-bottom:5px; }

img{max-width:100%; height:auto}

hr{border:none; border-bottom:1px solid #fff; border-top:1px solid #ccc}


#header{width:100%;  margin:0;  padding:10px 0px; }
#header .header-inn{width:88.8%; margin:0 auto; max-width:1200px}
.logo img{width:750px;  max-width:100%; margin-top:3px}

.logo2 img{width:350px;  max-width:100%; margin-top:3px; display:none}

#navigation{width:100%; padding:0; margin:0; background:#000;  }
#navigation .navi-inn{width:88.8%; margin:0 auto; max-width:1200px}

#banner{width:100%; padding:0; margin:0;   }
#banner .banner-inn{width:88.7%; margin:0 auto; max-width:1200px; padding:0.5%; background:#fff}
#content-wrapper{width:100%; padding:0 0 0px 0; margin:10px 0 0 0;     }
#content-wrapper .content-wrapper-inn{width:88.6%; margin:0 auto; padding:1%; max-width:1200px; background:#f3f3f3}

.one{padding:0px; width:31%; border:1px solid #1B4C77; box-sizing:border-box;  margin:0 3.5% 2% 0;  border-radius:7px; background:#fff }
.one-img{width:100%}
.one-img img{max-width:100%; width:350px;max-height:230px;height:100%;  border-top-left-radius:7px; border-top-right-radius:7px; border-bottom:5px solid #1B4C77; transition: all 0.5s ease;}
.one-img img:hover{border-bottom:5px solid #0D7CDE}
.two{padding:0px; width:31%; border:1px solid #1B4C77; box-sizing:border-box; margin:0 0 2% 0  ;border-radius:7px;background:#fff }
.two-img{width:100%}
.two-img img{max-width:100%; width:350px;max-height:230px;height:100%;  border-top-left-radius:7px; border-top-right-radius:7px;border-bottom:5px solid #1B4C77 }
.two-img img:hover{border-bottom:#0D7CDE 5px solid}
.product-text{width:100%; padding:3% 5%; box-sizing:padding-box; }
ul.whyus li{list-style-type:square; color:#444;  font-size:13px; padding:0px 0 9px 0;}
.page-title { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #ffffff;padding:80px 0 80px; position: relative;    text-align: center;}
.con{padding:0}
.con p{color:#666; font-family:arial; line-height:20px; font-weight:normal; font-style:normal; font-size:12px; text-align:justify; margin-bottom:15px}
ul.popular li{list-style-type:none; background:url(../images/arrow.png) no-repeat scroll 0 9px; padding:5px 0 5px 15px; border-bottom:1px dotted #ccc;}
ul.popular li a{font-size:12px;   text-decoration:none; color:#666; padding:0 0 0 0px; transition:all 0.5ease 0s}
ul.popular ll a:hover{color:#000;padding:0 0 0 10px;}
.product img{width:250px; float:left; border:1px solid #ccc; padding:3px; box-sizing:border-box; max-width:100%; margin:0px 15px 10px 0px; border-top-left-radius:50px;; border-bottom-right-radius:50px; }
ul.application li{list-style-type:circle; padding:0px 0 8px 0px; color:#666; margin-left:14px }
.pro{padding:0; }
.pro-m{padding:0; display:none; }
.pro-m h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1d4e79; font-weight:normal; font-style:normal; font-size:20px; margin:10px 0 0 0; }


#footer{width:100%; padding:15px 0px; margin:0px 0; background:#222;     }
#footer .footer-inn{width:88.8%; margin:0 auto; max-width:1200px}
ul.flist li{list-style-type:none; float:left; padding:0 30px 0 0}
ul.flist li a{font-size:12px; color:#666; text-decoration:}
ul.flist li a:hover{color:#fff}
#footer-copyright{width:100%; padding:15px 0px; margin:0px 0; background:#111;     }
#footer-copyright .footer-copyright-inn{width:88.8%; margin:0 auto; max-width:1200px}
.copyr{color:#CCCCCC; font-size:11px}



@media only screen and (max-width: 1170px), only screen and (max-device-width: 1170px) {

}

@media only screen and (max-width: 992px), only screen and (max-device-width: 992px) {
.one-img{width:55%; margin:10px auto 0 auto; border:1px solid #1B4C77; border-radius:7px; }
.two-img{width:55%; margin:10px auto 0 auto; border:1px solid #1B4C77; border-radius:7px; }
.one{width:100%;  margin:0 0 15px 0  }
.two{width:100%;  margin:0 0 15px 0  }
.product img{width:200px; float:left; border:1px solid #ccc; padding:3px; box-sizing:border-box; max-width:100%; margin:0px 15px 10px 0px }
h5{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1d4e79; font-weight:normal; font-style:normal; font-size:20px; margin-bottom:5px; }
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.one{width:100%;  margin:0 0 15px 0  }
.two{width:100%;  margin:0 0 15px 0  }
.logo img{width:750px;  max-width:100%; margin-top:3px; display:none}
.logo2 img{width:350px;  max-width:100%; margin-top:3px; display:inherit}
ul.flist li{list-style-type:none; float:left; padding:0 15px 0 0}
.product img{width:150px; float:left; border:1px solid #ccc; padding:3px; box-sizing:border-box; max-width:100%; margin:0px 15px 10px 0px }
h5{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#1d4e79; font-weight:normal; font-style:normal; font-size:18px; margin-bottom:5px; }
.pro{padding:0;display:none }
.pro-m{padding:0; display:inherit}
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.one-img{width:60%; margin:10px auto 0 auto; border:1px solid #1B4C77; border-radius:7px; }
.two-img{width:60%; margin:10px auto 0 auto; border:1px solid #1B4C77; border-radius:7px; }
.con p{text-align:left; }
}