@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
body{font-family:"微软雅黑","Microsoft Yahei";background-color:#fff;color:#212121; font-size:16px;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; list-style-type: none;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{margin:0; padding:0;}
img{max-width: 100%;}
a img{border:none;} 
a img{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance: none;}
a{color:#212121;text-decoration: none;}
a:hover{color:#0274C8;}
.clear {clear:both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
object{display: none;}
.fl{float: left;}
.fr{float: right;}
input{ outline:none; vertical-align:middle;}
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 716340 */
  src: url('//at.alicdn.com/t/c/font_716340_4gy6r2xgxx9.woff2?t=1683184749626') format('woff2'),
       url('//at.alicdn.com/t/c/font_716340_4gy6r2xgxx9.woff?t=1683184749626') format('woff'),
       url('//at.alicdn.com/t/c/font_716340_4gy6r2xgxx9.ttf?t=1683184749626') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	}

/*导航*/
input[type="button"],
input[type="submit"]{cursor: pointer;}
button{cursor: pointer;}
.nav-bg{ width: 100%; height: 90px; text-align: center; position: fixed; left: 0; top: 0; line-height: 90px; z-index: 91; -o-transition:all .3s ease-in-out ;  -ms-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;background-color: #fff; background-color: #fff\9; border-bottom: 1px solid #fff; transition: all 0.5s ease-in-out;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);}
.head-bg{margin:0 auto; width:90%; height:90px;}
.logo{float: left;margin-left:5%;margin-top:12px;width:249px;height:62px;overflow: hidden;}
.logo img{display: block;width: 100%;height: 100%;}
.nav{display: inline-block; font-size:16px;}
.nav li{margin:0 25px;float: left;}
.nav li a{color:#212121;}
.nav li a:hover{color:#0274C8;}
.nav li em{display: none;}
.nav_menu{display:block;}
.navhover a{color:#0274C8 !important; background: url(../images/t_ico.png) center 30px no-repeat; padding-bottom:18px;}
.tel-r{float:right; padding-left:40px; background: url(../images/tel.png) no-repeat left 28px;font-size:26px;margin-right:5%;color: #0274C8; font-family: impact;}
.tel-r a{color: #0274C8 !important;}
.nav li .head{display: none;position: absolute;top:90px; margin-left: -20px; z-index:1; background: #fff;}
.nav dd{float: left;width:100%;line-height:40px;background-color: #fff;border-bottom: solid 1px #f2f2f2;margin:0; clear: both; padding: 0 20px;}
.nav dd a{background: none; color:#212121 !important; }
.nav dd a:hover{background: none; color:#0274C8 !important; }

/*手机导航*/
.mo-logo{
    display: none;
    position: fixed;
    top: 15px;
    left: 50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
}
.menuBtn{
    position: absolute;
    left: 20px;
    top:25px;
    z-index: 9999;
    display: none;
}
.menuBtn em{position: relative;display: block;
    width: 28px;height: 3px;margin:4px 0;background:#0274C8;
    -o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;}
.menuBtn.open .em1{
    top:8px;
    transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
}
.menuBtn.open .em2{
    opacity: 0;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.menuBtn.open .em3{
    top:-7px;
    transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    -moz-transform:rotate(-40deg);
    -webkit-transform:rotate(-40deg);
    -o-transform:rotate(-40deg);
}



/*动画*/
.banners{margin: 0 auto; width: 100%;}
.swiper-container {margin: 0 auto; width: 100%;}
.banners .swiper-slide {text-align: center; 
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  padding-top: 90px;
    }

/*标题*/
.index_title{margin: 0 auto; width: 100%; text-align: center; background: url(../images/t_ico.png) center bottom no-repeat; font-size: 40px; color: #0274C8; padding-bottom:10px; margin-top: 40px; font-weight: bold;}
.index_small{margin: 0 auto; width: 100%; text-align: center; color: #5f5f5f; line-height:35px; margin-top: 10px;}

.index_more a{width: 160px; height:45px; background: #0274C8; border-radius:100px; font-size: 18px; display: block; color: #fff; text-align: center; line-height:45px;margin:40px auto;}
.index_more a:hover{background: #EB8C00; transition: 1s;}



/*产品系列*/
.index_Products_bg{margin:0 auto; width: 100%; background: #fff; padding:20px 0;}
.index_Products{margin: 0 auto; width:80%; padding:30px 0; overflow: hidden;}
.index_Products li{float: left; display: block; width: 32.3%; margin: 0.5%; background: #f2f2f2; padding:0.8%;}
.index_Products li p a{display: block; height:70px; line-height:70px; text-align: center; font-size: 18px;}
.index_Products li p a:hover{display: block;}
.index_Products li img{ margin: 0 auto; display: block;transition: all 0.8s;}
.index_Products li img:hover{transform: scale(1.2);}


/*关于*/
.index_about{margin:20px auto; width:100%; padding-top:40px;}
.index_about .conatct{background: #0274C8; position:absolute; width: 50%;}
.index_about .l_about{ width:75%; margin-left:20%; padding-bottom: 50px;}
.index_about .l_about h1{font-size: 26px; display: block; color:#fff; margin-top:80px;}
.index_about .l_about h2{font-size: 60px; display: block; color:#fff; padding-bottom: 10px; font-weight: bold; text-transform: uppercase;}
.index_about .l_about p{display: block; line-height:50px; color: #fff; font-size: 18px;}
.index_about .l_about span{display: block; width: 165px; height: 50px; text-align: center; line-height: 50px; background: #fff; font-size: 16px; margin-top: 20px;}
.index_about .imgas{float: right;border: solid 4px #ffffff; position:relative; margin-top:70px;}



/*设备*/
.index_case_bg{margin: 60px auto; width: 100%; background:#f2f2f2;  padding:2rem 0;}
.index_case {margin: 0 auto; width:80%; margin-top:30px;}
.index_case .bd{width:100%;}
.index_case .bd ul{width:95%;}
.index_case li{float:left;width:33%; margin-right:20px; overflow: hidden;}
.index_case li img{width:99%; display: block;transition: all 0.8s;border: solid 1px #f2f2f2;}
.index_case li img:hover{transform: scale(1.3);}
.index_case li p{display: block;text-align: center; line-height:35px;}
.index_case li:hover{color:#0274C8;}


/*新闻*/
.index_news{margin:0 auto; width:80%; padding:3rem 0;overflow: hidden;}

.index_news .l_news{width:40%; height: 360px; display: block; float: left; position: relative;}
.index_news .l_news dl{width:100%; height:50px; display: block; background: url(../images/new_bg.png); position: absolute; bottom: 0;}
.index_news .l_news dl dd a{display: block; text-align: center; color: #fff; line-height:50px;}
.index_news .l_news dl dd a:hover{display: block; text-align: center; background:#0274C8; color: #fff; line-height:50px;}

.index_news .r_news{width:59%; float: right;}
.index_news .r_news dl a{float:left; width:100%; background:#f2f2f2; margin-bottom:8px; display: block;}
.index_news .r_news dl a:hover{background:#0274C8; color: #fff;}
.index_news .r_news dl dt:hover{background:#0274C8; color: #fff;}
.index_news .r_news dl dd{display: block; padding:15px 20px 0 20px; font-size:20px;}
.index_news .r_news dl dt{display: block; padding:3px 20px 3px 20px; font-size: 15px; line-height: 34px; color:#919191; display: block;}



/*底部*/
.foot_bg{margin: 0 auto; width: 100%;background:#0274C8; padding-top: 60px;}
.footer{margin: 0 auto; width:80%;}
.footer li{display: block; float:left; margin-left:8.1%;}
.footer li h1{color: #fff; display: block; font-size:20px; font-weight: normal; background: url(../images/t_line.jpg) left bottom no-repeat; padding-bottom: 8px; margin-bottom: 10px;}
.footer li a{display: block; color: #fff; line-height: 35px;}
.footer li a:hover{color:#FFBD5B;}
.footer li span{display: block; color: #fff; line-height: 30px;}
.copyright{display: block; width: 100%; background: url(../images/x_lin.jpg) top repeat-x; color: #fff; line-height:60px; margin-top: 30px; text-align: center;}
.copyright a{color: #fff;}
.copyright a:hover{color:#FFBD5B;}

