@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:#1d4497;}
.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:15px;width:195px;height:60px;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:#1d4497;}
.nav li em{display: none;}
.nav_menu{display:block;}
.navhover a{color:#1d4497 !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: #1d4497; font-family: impact;}
.tel-r a{color: #1d4497 !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:#1d4497 !important; }

/*手机导航*/
.mo-logo{
    display: none;
    position: fixed;
    top: 13px;
    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:#1d4497;
    -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: #1d4497; 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: #1d4497; border-radius:100px; font-size: 18px; display: block; color: #fff; text-align: center; line-height:45px;margin:40px auto;}
.index_more a:hover{background: #148943; transition: 1s;}

/*搜索*/
.index_search_bg{margin: 0 auto; width: 100%; padding: 10px 0; border-bottom: solid 1px #e0e0e0;}
.index_search{margin: 0 auto; width:80%; overflow: hidden;}
.keyword{float: left; width:70%; margin-top:10px;}
.keyword d{color:#222;font-size: 16px;font-weight: bold;}
.keyword a{font-size: 16px;color: #666; margin-right:30px;}
.keyword a:hover{color:#1d4497;}
.search{float:right; width:20%; height:45px; display: block; background: #f5f5f5;border-radius: 24px;}
.search .serchright{width:36px; height:44px; display: block; float: right;}
.search .btn_1{width:18px; height:20px; display: block; margin-top: 12px;}
.search .serchleft{width:175px; float:left;}
.search .text_input {width:325px; font-size:14px; height:45px; line-height:45px; color:#999; border:none; padding-left:30px;  background:none; font-family: "Microsoft YaHei";}


/*产品系列*/
.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; background: url(../images/j_ico.png) 95% center #f2f2f2 no-repeat; padding: 0 30px; margin-top: 1px;}
.index_Products li p a:hover{display: block; background: url(../images/h_ico.png) 95% center #1d4497 no-repeat; padding: 0 30px; margin-top: 1px; color: #fff;}
.index_Products li img{ margin: 0 auto; display: block;transition: all 0.8s;}
.index_Products li img:hover{transform: scale(1.2);}


/*优势*/
.index_youshi_title{margin: 0 auto; width: 100%; height: 200px; background:#1d4497; margin-top:10px;}
.index_youshi_title img{display: block; margin: 0 auto; padding-top: 21px;}
.index_youshi{margin: 0 auto; width: 80%; margin-top: 50px; overflow: hidden;}
.index_youshi_contact{width:800px; display: block;}
.index_youshi_contact .type{float:left; width:105px; height:105px; background:#1d4497; border-radius:100px; margin-top: 45px; display: block;}
.index_youshi_contact .type h2{display: block; margin: 0 auto; margin-top:6px; width:90px; height:90px; border: dashed 1px #fff; border-radius:100px;  text-align:center; line-height:90px; font-family:Impact; color:#fff; font-size:60px; font-weight: normal;}
.index_youshi_contact .title{float:left; margin:62px 0 0 15px;}
.index_youshi_contact .title h1{color:#272727; font-size:32px; font-weight:normal;}
.index_youshi_contact .title span{font-size:14px; color:#676767; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 10px; display: block; margin-top: 5px;}
.index_youshi_contact p{display: block; margin-left:117px; font-size: 16px; line-height:35px; color: #484848; background: url(../images/youshi_ico.png) left 14px no-repeat; padding-left: 15px;}
.index_youshi .right_p {display: block; margin-top:40px;}




/*关于*/
.index_about{margin:20px auto; width:80%; padding-top: 20px;}
.index_about .conatct{float: left; width: 48%;}
.index_about .conatct h1{font-size: 26px; display: block; background: url(../images/about_lin.jpg) left bottom no-repeat; color:#1d4497; font-weight: bold; padding-bottom: 10px;}
.index_about .conatct p{display: block; line-height:50px; margin-top: 20px;}
.index_about .imgas{float: right; width: 48%;}

/*广告*/
.index_ads{margin:60px auto; width: 100%;}



/*设备*/
.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:25%; 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:#1d4497;}


/*新闻*/
.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:#1d4497; color: #fff; line-height:50px;}

.index_news .r_news{width:57%; float: right;}
.index_news .r_news dl a{float:left; width:100%; height: 115px; background:#f2f2f2; margin-bottom:8px; display: block;}
.index_news .r_news dl a:hover{background:#1d4497; 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 0 20px; font-size: 16px; line-height: 30px;}



/*底部*/
.foot_bg{margin: 0 auto; width: 100%;background:#1d4497; 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:#FFFF00;}
.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:#FFFF00;}

