@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:#db241c;}
.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:222px;height:51px;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:#db241c;}
.nav li em{display: none;}
.nav_menu{display:block;}
.navhover a{color:#db241c !important; background: url(../images/t_ico.png) center 30px no-repeat; padding-bottom:18px;}
.tel-r{float:right; padding-left:33px; background: url(../images/tel.png) no-repeat left 32px;font-size:26px;margin-right:4%;color: #db241c; font-family: impact;}
.tel-r a{color: #db241c !important;}
.en{float:right; display: block; margin-right: 10px; margin-top:6px;}
.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:#db241c !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:#db241c;
    -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: 34px; padding-bottom:10px; margin-top: 40px;}
.index_small{margin: 0 auto; width: 100%; text-align: center; color: #5f5f5f; line-height:35px; margin-top: 10px;}

/*搜索*/
.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:700px; 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:#e60012;}
.search{float:right; width:390px; 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_program{margin:60px auto; width: 80%;}
.index_program li{float: left; width:24.3%; overflow: hidden; margin-left:0.733%;}
.index_program li:first-child{margin-left: 0;}
.index_program li i{ margin:0 auto; width:188px; height:188px; display: block; font-size:9rem; color: #db241c; background:#ffff; border-radius: 100%; padding:1.2rem;text-align:center; cursor:pointer; border: solid 1px #d7d7d7;}
.index_program li i:hover{color: #291769; transition:1s; border: solid 1px #291769;}
.index_program li span{display: block; text-align: center; margin-top:.8rem; font-size:30px;}
.index_program li p{display: block; padding: 0 40px; color: #444; line-height:1.8rem; font-size:16px; margin-top: 1rem; text-align:center;}

/*产品系列*/
.index_Products_bg{margin:0 auto; width: 100%; background: #f2f2f2; padding:20px 0;}
.index_Products{margin: 0 auto; width:80%; padding:30px 0;}
.index_Products li{float: left; display: block; width: 32%; margin: 0.5%;}
.index_Products li p a{display: block; height:70px; line-height:70px; background: url(../images/j_ico.png) 95% center #fff no-repeat; padding: 0 30px; margin-top: 1px;}
.index_Products li p a:hover{display: block; background: url(../images/h_ico.png) 95% center #db241c 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_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:#e60012; font-weight: bold; padding-bottom: 10px;}
.index_about .conatct p{display: block; line-height: 40px; margin-top: 20px;}
.index_about .conatct .wenhua{display: block; margin-top: 20px;}
.index_about .conatct .wenhua li{float: left; margin-left:10%; width:160px; height:160px; border-radius: 100%; border: solid 1px #d7d7d7; text-align: center;background:#ffff; font-size: 20px;}
.index_about .conatct .wenhua li:first-child{margin-left: 0;}
.index_about .conatct .wenhua li i{ margin:0 auto; display: block; font-size:6rem; color: #8a8a8a; padding:0.4rem;text-align:center;}
.index_about .conatct .wenhua li:hover{color: #db241c; transition:1s; border: solid 1px #db241c;}
.index_about .conatct .wenhua li i:hover{color: #db241c;}
.index_about .imgas{float: right; width: 48%;}

.index_images{margin:20px auto; width:80%; padding-top: 20px;}
.index_images li{float: left; display: block; width: 32%; margin-left:2%;}
.index_images li:first-child{margin-left: 0;}
.index_images li img{ margin: 0 auto; display: block;transition: all 0.8s;}
.index_images li img:hover{transform: scale(1.2);}


/*案例*/
.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:#00593c;}


/*新闻*/
.index_news{margin:0 auto; width:80%; padding:3rem 0;}
.index_news li{width:32.4%; float:left; display:block; margin-left:1.333%;overflow: hidden;}
.index_news li h1{display:block; font-size:18px; font-weight:normal; text-align:center; margin-top:15px; color: #222;}
.index_news li p{display:block; line-height:35px; padding:10px; color:#7B7B7B;}
.index_news li span a{ width:90px; height: 30px; display: block; margin: 0 auto; line-height: 30px; text-align: center; background: #E6E6E6; color: #7C7C7C; border-radius: 100px;}
.index_news li span a:hover{background:#db241c; color: #fff;}
.index_news li:first-child{margin-left:0px;}
.index_news li img{display:block; width:100%;transition: all 0.6s;}
.index_news li img:hover{transform: scale(1.2); border:none;}



/*底部*/
.foot_bg{margin: 0 auto; width: 100%;background:#29166F; padding-top: 60px;}
.footer{margin: 0 auto; width:80%;}
.footer li{display: block; float:left; margin-left:8.1%;}
.footer li:first-child{margin-left: 0px;}
.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;}
.copyright a{color: #fff;}
.copyright a:hover{color:#FFFF00;}