@charset "UTF-8";
/* Css Public */
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; line-height:24px;}
html{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body{ width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px; background-color:#fff;}
body,div,ul,li,dl,dt,dd,ol,form,a,span,p,h1,h2,h3,h4,h5,h6,label,table,tbody,tr,th,td,object,iframe,icon{ margin:0; padding:0;}
html,body{ height:100%;}
img{ vertical-align:bottom; border:none;}
ul,li{ list-style-type:none;}
a{ color:#666; text-decoration:none; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
a:hover{ color:#ffcc00; text-decoration:none;}
a{ outline:none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0;}
.clear{ width:0; height:0; padding:0; margin:0; clear:both;}
.main{ max-width:1200px; margin:auto;}

/* Css Top */
.db-bg{ width:1200px; height:100px; margin:auto;}
.db-lg{ float:left; width:130px; height:70px; background:url(../Images/logo.jpg) no-repeat; margin-top:15px;}
.db-lg a{ display:block; width:100%; height:100%;}
.db-lb{ float:right; height:100px;}
.db-lb a{ display:block; float:left; height:100px; line-height:100px; margin-left:40px; font-size:15px; color:#000; text-transform:uppercase;}
.db-lb a:hover{ color:#ffcc00;}
#index .db-lb a:nth-of-type(1), #about .db-lb a:nth-of-type(2), #product .db-lb a:nth-of-type(3), #demonstrate .db-lb a:nth-of-type(4), #news .db-lb a:nth-of-type(5), #message .db-lb a:nth-of-type(6), #contact .db-lb a:nth-of-type(7){ color:#ffcc00;}
.db-tb{ float:right; width:40px; height:40px; margin:30px 0 0 50px;}
.db-tb a{ display:block; width:40px; height:40px; line-height:40px; font-size:15px; font-weight:bold; color:#333; text-align:center; background-color:#ffcc00; border-radius:50%; -webkit-border-radius:50%;}
.db-tb a:hover{ color:#ffcc00; background-color:#3c3c3c;}

/* Css Flash */
.swiper-pro{ position:relative;}
.swiper-container{ width:100%; height:500px;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}

/* Css Footer */
.bt-bg{ width:100%; background:#222; padding:50px 0 35px; text-align:center;}
.bt-bg h1{ font-size:30px; color:#ffcc00;}
.bt-bg h2{ width:35px; height:5px; background:#fff; margin:18px auto 20px;}
.bt-bg h3{ font-size:12px; font-weight:normal;}
.bt-bg div{ font-size:30px; color:#fff; margin-top:15px;}
.bt-bg dl{ margin-top:30px;}
.bt-bg dl a{ font-size:18px; margin:0 10px;}
.bt-bg p{ font-size:14px; color:#444; margin-top:15px;}