@charset "utf-8";
/* Css Document */
*, *:after, *:before{ -webkit-box-sizing:border-box; box-sizing:border-box;}
html{ font-family:Arial, Microsoft YaHei; font-size:14px; color:#555;}
html{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body{ width:expression(document.body.clientWidth <= 320? "320px": "auto"); min-width:320px; 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{ border:none; vertical-align:bottom;}
ul,li{ list-style-type:none;}
a{ color:#555; text-decoration:none;}
a:hover{ color:#cf0010; 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;}

/* Css Top */
.division{ width:100%; height:80px;}
.db-bg{ position:fixed; top:0; left:0; z-index:1000; width:100%; height:80px; background:#fff; -webkit-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.08); box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.08);}
.db-sj{ display:none;}
.db-sj a{ display:block; position:absolute; left:3.5%; top:0; width:20px; height:50px;}
.db-sj a span{ display:block; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#cf0010;}
.db-sj a span::before,.db-sj span::after{ content:''; position:absolute; width:100%; height:100%; left:0; background-color:inherit;}
.db-sj a span::before{ bottom:6px;}
.db-sj a span::after{ top:6px;}
.db-lg{ float:left; width:166px; height:50px; margin-top:15px; margin-left:10%; background:url(../Images/logo.png) no-repeat center; background-size:166px 50px;}
.db-lg a{ display:block; width:100%; height:100%;}
.db-yb{ float:right; margin:28px 10% 0 10px;}
.db-yb a{ display:block; float:left; width:24px; height:24px; margin-left:20px; background-repeat:no-repeat; background-position:center; background-size:24px 24px; -webkit-border-radius:50%; border-radius:50%;}
.db-lb{ float:right;}
.db-lb ul li{ float:left; position:relative;}
.db-lb ul li a{ display:block; padding:0 20px; font-size:16px; font-weight:bold; color:#333; height:80px; line-height:80px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-lb ul li:hover a, #index .db-lb ul li:nth-of-type(1) a, #about .db-lb ul li:nth-of-type(2) a, #product .db-lb ul li:nth-of-type(3) a, #news .db-lb ul li:nth-of-type(4) a, #service .db-lb ul li:nth-of-type(5) a, #contact .db-lb ul li:nth-of-type(6) a{ color:#fff; background-color:#cf0010;}
.db-lb ul li ul{ position:absolute; left:0; top:80px; width:135px; height:0; background-color:#cf0010; overflow:hidden; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-lb ul li:hover ul{ padding:10px 0 5px; height:auto; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}
.db-lb ul li:nth-of-type(3) ul{ width:150px;}
.db-lb ul li ul li{ float:inherit; width:100%;}
.db-lb ul li ul li a, .db-lb ul li:hover ul li a{ display:block; height:33px; line-height:32px; font-size:14px; font-weight:normal; background:none; border-bottom:1px solid rgba(255,255,255,.2);}
.db-lb ul li ul li a:hover, .db-lb ul li:hover ul li a:hover{ font-weight:bold;}
.db-lb ul li ul li a.line, .db-lb ul li:hover ul li a.line{ border-bottom:none;}
@media screen and (max-width:1440px){ 
.db-lg{ margin-left:5%;}
.db-yb{ margin-right:5%;}
}
@media screen and (max-width:1280px){ 
.db-lb ul li a{ padding:0 15px;}
}
@media screen and (max-width:1024px){ 
.division{ height:50px;}
.db-bg{ height:50px;}
.db-sj{ display:block;}
.db-lg{ position:absolute; left:50%; top:12px; float:inherit; width:86px; height:26px; margin-top:0; margin-left:-50px; background-size:86px 26px;}
.db-yb{ margin:13px 3.5% 0 0;}
.db-yb a{ margin-left:10px;}
.db-lb{ display:none;}
}

/* Css Tel */
.lx-bg{ margin-top:85px; padding:0 10%; background-color:#cf0010;}
.lx-bg ul li{ float:left; width:25%; height:100px; border-right:1px solid rgba(255,255,255,.15); padding:30px;}
.lx-bg ul li:nth-of-type(1){ border-left:1px solid rgba(255,255,255,.15);}
.lx-ig{ float:left; width:60px; height:40px; overflow:hidden; position:relative;}
.lx-ig dl{ width:60px; height:40px; background-color:#e80012; margin-left:-6px; -webkit-transform:skewX(-15deg); transform:skewX(-15deg);}
.lx-ig i{ position:absolute; left:15px; top:8px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:24px 24px;}
.lx-tx{ float:left; font-size:12px; color:#fff; line-height:18px; padding:2px 0 0 12px;}
.lx-tx h3{ font-size:16px;}
@media screen and (max-width:1440px){
.lx-bg{ margin-top:75px; padding:0 5%;}
}
@media screen and (max-width:1150px){
.lx-bg ul li{ height:80px; border-right:none; padding:25px 0;}
.lx-bg ul li:nth-of-type(1){ border-left:none;}
.lx-ig{ width:45px; height:30px;}
.lx-ig dl{ width:45px; height:30px; margin-left:-4px; -webkit-transform:skewX(-14deg); transform:skewX(-14deg);}
.lx-ig i{ left:10px; top:6px; width:18px; height:18px; background-size:18px 18px;}
.lx-tx{ line-height:15px; padding:0 0 0 10px;}
.lx-tx h3{ font-size:14px;}
}
@media screen and (max-width:1024px){
.lx-bg{ margin-top:60px;}
}
@media screen and (max-width:800px){
.lx-bg ul li{ width:100%; height:auto; border-bottom:1px solid rgba(255,255,255,.2); padding:20px 0;}
.lx-bg ul li:nth-of-type(4){ border-bottom:none;}
}
@media screen and (max-width:640px){
.lx-bg{ margin-top:45px;}
}
@media screen and (max-width:480px){
.lx-bg{ margin-top:30px; padding:0 3.5%;}
}

/* Css Bottom */
.bt-bg{ padding-top:50px; background:url(../Images/dbBg.jpg) no-repeat center; background-size:cover;}
.bt-ls{ float:left; margin-left:10%;}
.bt-ls ul li{ float:left; margin-right:100px;}
.bt-ls ul li a{ display:block; color:#888; line-height:28px;}
.bt-ls ul li a:nth-of-type(1){ font-size:16px; font-weight:bold; color:#fff; margin-bottom:5px;}
.bt-ls ul li a:hover{ color:#cf0010;}
.bt-ig{ float:right; margin-right:10%;}
.bt-ig ul li{ float:left; margin-left:25px; font-size:12px; color:#fff; line-height:18px; text-align:center;}
.bt-ig ul li img{ display:block; width:120px; height:120px; margin:5px auto 12px; -webkit-border-radius:3px; border-radius:3px;}
.bt-cy{ width:100%; margin-top:35px; padding:25px 10%; border-top:1px solid rgba(255,255,255,.035);}
.cy-zb{ float:left;}
.cy-yb{ float:right;}
@media screen and (max-width:1440px){ 
.bt-ls{ margin-left:5%;}
.bt-ig{ margin-right:5%;}
.bt-cy{ padding:25px 5%;}
}
@media screen and (max-width:1280px){ 
.bt-ls ul li{ margin-right:80px;}
}
@media screen and (max-width:1024px){ 
.bt-bg{ padding-top:20px;}
.bt-ls{ float:inherit; margin-right:5%;}
.bt-ls ul li{ float:inherit; margin-right:0;}
.bt-ls ul li a{ display:inline; float:left; line-height:24px; margin-right:20px;}
.bt-ls ul li a:nth-of-type(1){ display:block; float:inherit; font-size:14px; margin-top:15px;}
.bt-ig{ display:none;}
.bt-cy{ margin-top:25px; padding:20px 5%;}
}
@media screen and (max-width:850px){ 
.bt-cy{ line-height:24px; text-align:center;}
.cy-zb{ float:inherit;}
.cy-yb{ float:inherit;}
.cy-yb span{ display:none;}
}
@media screen and (max-width:640px){ 
.bt-bg{ padding-top:10px;}
}
@media screen and (max-width:480px){ 
.bt-ls{ margin:0 3.5%;}
.bt-cy{ padding:20px 3.5%;}
}
@media screen and (max-width:375px){ 
.cy-zb span{ display:block;}
}