@charset "UTF-8";
/* Css Public */
@font-face {
  font-family:"Montserrat-Regular-8";
  src:url("../Fonts/Montserrat-Regular-8.woff2") format("woff2"),
      url("../Fonts/Montserrat-Regular-8.woff") format("woff"),
      url("../Fonts/Montserrat-Regular-8.ttf") format("truetype"),
      url("../Fonts/Montserrat-Regular-8.eot") format("embedded-opentype"),
      url("../Fonts/Montserrat-Regular-8.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"Montserrat-Bold-3";
  src:url("../Fonts/Montserrat-Bold-3.woff2") format("woff2"),
      url("../Fonts/Montserrat-Bold-3.woff") format("woff"),
      url("../Fonts/Montserrat-Bold-3.ttf") format("truetype"),
      url("../Fonts/Montserrat-Bold-3.eot") format("embedded-opentype"),
      url("../Fonts/Montserrat-Bold-3.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
*, *:after, *:before{ box-sizing:border-box; -webkit-box-sizing:border-box;}
html{ font-family:"Montserrat-Regular-8","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:14px; font-weight:500; color:#666; line-height:30px;}
@media screen and (max-width:1024px){html{ line-height:24px;}}
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{ vertical-align:bottom; border:none;}
ul,li{ list-style-type:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#ff6600;}
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;}
@media screen and (max-width:1280px){ .main{ max-width:inherit; margin:0 3.5%;}}

/* Css Menu */
.mu-ls{ position:fixed; left:0; top:-80px; z-index:100; width:100%; height:80px; background-color:rgba(0,0,0,.5);}
.mu-ls.smaller{ top:0;}
.mu-ls .mu-zb{ float:left; width:118px; height:50px; background:url(../Images/mobile.png) no-repeat center; background-size:118px 50px; margin-top:15px;}
.mu-ls .mu-zb a{ display:block; width:100%; height:100%;}
.mu-ls .mu-yb{ float:right;}
.mu-yb ul li{ float:left; position:relative;}
.mu-yb ul li a{ display:block; font-size:18px; font-weight:bold; color:#fff; height:80px; line-height:80px; padding:0 25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.mu-yb ul li:hover a, #index .mu-yb ul li:nth-of-type(1) a, #about .mu-yb ul li:nth-of-type(2) a, #product .mu-yb ul li:nth-of-type(3) a, #news .mu-yb ul li:nth-of-type(4) a, #solution .mu-yb ul li:nth-of-type(5) a, #partner .mu-yb ul li:nth-of-type(6) a, #contact .mu-yb ul li:nth-of-type(7) a{ background-color:rgba(255,102,0,.8);}
.mu-yb ul li ul{ position:absolute; left:0; top:80px; width:150px; height:0; background-color:rgba(255,102,0,.8); 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;}
.mu-yb ul li:nth-of-type(3) ul{ width:200px;}
.mu-yb ul li:hover ul{ padding:10px 0; height:auto; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}
.mu-yb ul li ul li{ float:inherit; width:100%;}
.mu-yb ul li ul li a, .mu-yb ul li:hover ul li a{ display:block; height:30px; line-height:30px; font-size:15px; text-align:left; padding:0 15px; background-color:rgba(255,102,0,0);}
#index .mu-yb ul li ul li:nth-of-type(1) a, #about .mu-yb ul li ul li:nth-of-type(2) a, #product .mu-yb ul li ul li:nth-of-type(3) a, #news .mu-yb ul li ul li:nth-of-type(4) a, #solution .mu-yb ul li ul li:nth-of-type(5) a, #partner .mu-yb ul li ul li:nth-of-type(6) a, #contact .mu-yb ul li ul li:nth-of-type(7) a{ background-color:rgba(255,102,0,0);}
#index .mu-yb ul li:nth-of-type(1) ul li a, #about .mu-yb ul li:nth-of-type(2) ul li a, #product .mu-yb ul li:nth-of-type(3) ul li a, #news .mu-yb ul li:nth-of-type(4) ul li a, #solution .mu-yb ul li:nth-of-type(5) ul li a, #partner .mu-yb ul li:nth-of-type(6) ul li a, #contact .mu-yb ul li:nth-of-type(7) ul li a{ background-color:rgba(255,102,0,0);}
.mu-yb ul li ul li a span{ float:right; width:10px; height:6px; background:url(../Images/jt04.png) no-repeat center; background-size:10px 6px; margin-top:11px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.mu-yb ul li ul li a:hover, .mu-yb ul li:hover ul li a:hover{ color:#222;}
@media screen and (max-width:1080px){
.mu-yb ul li a{ padding:0 20px;}
.mu-yb ul li ul li a, .mu-yb ul li:hover ul li a{ padding:0 10px;}
}
@media screen and (max-width:1024px){
.mu-ls{ display:none;}
}

/* Css Top */
.db-mb{ display:none; position:fixed; top:0; left:0; width:100%; height:50px; background-color:#222; z-index:1000;}
.db-mb .mb-zb a{ display:block; position:absolute; left:3.5%; top:0; width:20px; height:50px;}
.db-mb .mb-zb a span{ display:block; position:absolute; left:0; top:50%; width:20px; height:2px; margin-top:-1px; background-color:#ff6600;}
.db-mb .mb-zb a span::before,.db-mb .mb-zb span::after{ content:''; position:absolute; width:100%; height:100%; left:0; background-color:inherit;}
.db-mb .mb-zb a span::before{ bottom:6px;}
.db-mb .mb-zb a span::after{ top:6px;}
.db-mb .mb-lg{ float:inherit; width:80px; height:34px; background:url(../Images/mobile.png) no-repeat center; background-size:80px 34px; margin:8px auto 0;}
.db-mb .mb-lg a{ display:block; width:100%; height:100%;}
.db-mb .mb-yb a{ display:block; position:absolute; right:3.5%; top:15px; width:22px; height:20px; background:url(../Images/ly.png) no-repeat; background-size:22px 20px;}
.db-ls{ position:absolute; left:0; top:160px; z-index:100; width:100%; height:45px; background-color:#ff6600;}
.db-lb{ display:table; margin:auto;}
.db-lb ul li{ float:left; position:relative;}
.db-lb ul li a{ display:block; font-size:18px; font-weight:bold; color:#fff; height:45px; line-height:45px; padding:0 30px; -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, #solution .db-lb ul li:nth-of-type(5) a, #partner .db-lb ul li:nth-of-type(6) a, #contact .db-lb ul li:nth-of-type(7) a{ background-color:#222;}
.db-lb ul li ul{ position:absolute; left:0; top:45px; width:150px; height:0; background-color:#222; 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:nth-of-type(3) ul{ width:200px;}
.db-lb ul li:hover ul{ padding:10px 0; height:auto; opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=1)";}
.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:30px; line-height:30px; font-size:15px; text-align:left; padding:0 15px;}
.db-lb ul li ul li a span{ float:right; width:10px; height:6px; background:url(../Images/jt01.png) no-repeat center; background-size:10px 6px; margin-top:11px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-lb ul li ul li a:hover, .db-lb ul li:hover ul li a:hover{ color:#ff6600;}
.db-hy{ width:100%; height:40px; line-height:40px; color:#fff; background-color:#222; overflow:hidden;}
.db-hy .hy-zb{ float:left;}
.db-hy .hy-yb{ float:right;}
.db-hy .hy-yb a{ display:block; float:left; font-family:"Montserrat-Bold-3"; color:#fff; text-transform:uppercase; margin-left:25px; padding-left:28px; background-repeat:no-repeat; background-position:left center; background-size:20px 20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.db-hy .hy-yb a:hover{ color:#fcc90f;}
.db-lg{ width:100%; height:120px; overflow:hidden;}
.db-lg .lg-zb{ float:left; width:354px; height:80px; background:url(../Images/logo.png) no-repeat; margin-top:20px;}
.db-lg .lg-zb a{ display:block; width:100%; height:100%;}
.db-lg .lg-tl{ float:right; width:245px; height:55px; background:url(../Images/tel.png) no-repeat; margin-top:33px;}
.division{ width:100%; height:45px;}
@media screen and (max-width:1024px){
.db-mb{ display:block;}	
.db-ls{ display:none;}
.db-hy{ display:none;}
.db-lg{ display:none;}
.division{ height:50px;}
}

/* Css Bottom */
.bt-bg{ background-color:#222; padding:50px 0 45px;}
.bt-zb{ float:left;}
.bt-zb h1{ font-family:"Montserrat-Bold-3"; font-size:30px; color:#fff; text-transform:uppercase;}
.bt-zb h3{ font-size:16px; font-weight:500; color:#a0a0a0; height:38px; background:url(../Images/ms.png) no-repeat left center; background-size:30px 38px; padding-left:45px; margin-top:25px; display:flex; justify-content:center; flex-direction:column;}
.bt-zb p{ font-size:16px; color:#a0a0a0; line-height:30px; margin-top:15px;}
.bt-zb p span{ font-family:"Montserrat-Bold-3"; font-size:24px; color:#ff6600;}
.bt-yb{ float:right;}
.bt-yb div{ float:left; margin-right:25px;}
.bt-yb div h2{ font-family:"Montserrat-Bold-3"; font-size:24px; color:#fff; text-transform:uppercase; margin-top:14px;}
.bt-yb div p{ font-size:16px; color:#a0a0a0; line-height:24px; margin-top:14px;}
.bt-yb ul{ float:left;}
.bt-yb ul li{ float:left; width:120px; height:120px; background-color:#fff; padding:5px; margin-left:25px; -webkit-border-radius:3px; border-radius:3px;}
.bt-yb ul li img{ width:100%;}
.bt-cy{ font-size:16px; color:#a0a0a0; text-align:center; margin-top:50px;}
@media screen and (max-width:1024px){
.bt-bg{ padding:35px 0 30px;}
.bt-zb h1{ font-size:24px;}
.bt-zb h3{ font-size:14px; height:30px; background-size:24px 30px; padding-left:35px; margin-top:15px;}
.bt-zb p{ font-size:14px; line-height:30px; margin-top:10px;}
.bt-zb p span{ font-size:18px;}
.bt-yb div h2{ font-size:18px; margin-top:22px;}
.bt-yb div p{ font-size:14px; line-height:20px; margin-top:10px;}
.bt-cy{ font-size:14px; margin-top:35px;}
}
@media screen and (max-width:800px){
.bt-zb p{ line-height:24px;}
.bt-yb{ width:100%;}
.bt-yb div{ width:100%; margin-right:0;}
.bt-yb ul{ margin-top:20px;}
.bt-yb ul li{ margin-left:0; margin-right:20px;}
.bt-cy{ text-align:left;}
}
@media screen and (max-width:480px){
.bt-yb ul li{ width:100px; height:100px;}
.bt-cy{ margin-top:25px;}
}