@charset "utf-8"; 
/* icon表*/
/* @import './iconfont.css';
@import './swiper-bundle.min.css'; */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote,article,aside,footer,header,nav,section{margin:0; padding:0;}
img,abbr{border:0;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:700;}
input,button,textarea,select,canvas{font-size:inherit; font-size:100%; font-family:inherit; vertical-align:top;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="tel"],button,textarea{-webkit-appearance:none;}
a,input,button,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
address,cite,dfn,em,code,var,caption,th{font-style:normal; font-weight:normal;}
article,aside,footer,header,nav,section{display:block;}
q:before,q:after{content:'';}
wbr:nth-of-type(n):after{vertical-align:middle; border-style:solid dashed dotted; text-decoration:underline; white-space:nowrap; background-size:contain cover;}
/* Basic */
*{word-wrap:break-word; outline:none; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
::selection{background:#F60; color:#fff;}
::-moz-selection{background:#F60; color:#fff;}

.clear:after,.Endtext:after{content:''; height:0; visibility:hidden; display:block; clear:both; }
.fl{float:left;}
.fr{float:right;}
img{max-width:100%; display:block; margin:0 auto;}
.none{display:none;}
.relative{position:relative;}
.red{color:red;}
html{font-size:38px; -webkit-text-size-adjust:none;}

body{font:14px/1.5 "Microsoft Yahei", "微软雅黑", "sans-serif", "Arial", "Hiragino Sans GB"; background:white; color:#333; padding-top: 132px;}
a:link,a:visited,a:active,a:hover{text-decoration:none; color:#333;}
.wrap{position: relative; width:1200px; margin:0 auto;}
.min-wrap{ min-width:1200px;}

.bar{ position: absolute; width: 100%; left: 0; top: 0; background-color: #2e3191; line-height: 36px; color: #ddd;}
.bar dl{ display: flex;    justify-content: space-between;}
.bar dd{ color: #666;}
.bar a{ color: #ddd; display: inline-block; padding: 0 12px;}
.head{ position: absolute; width: 100%; left: 0; top: 36px; line-height: 1; box-shadow: 0 0 12px rgba(0,0,0,0.2); background: white; z-index: 99;}
.head.hover,.head.cur222{ position: fixed; top: 0;}
.head .wrap{ height: 96px; display: flex; align-items: center;}
.logo{ flex:1;}
.logo img{ height: 90px; border-radius: 6px; margin: 0;}
.hotlineIcon{ font-size: 40px; color: #005aba; padding-right: 12px;}
.hotlineText b{ display: block; font-size: 22px; color: #005aba; padding-top: 6px;}


.nav ul{ display: flex; text-align: center; line-height: 96px;}
.nav li a{ position: relative; display: block; font-size: 15px; padding: 0 20px;}
.nav li.cur a,.nav li a:hover{ background-color: #b2cdea; color:#005aba;}
.nav li.cur a::after,.nav li a:hover::after{ content: ''; position: absolute; width: 100%; height: 4px; background: #005aba; left: 0; bottom: 1px;}

.swiper-container{ overflow: hidden;}
.swiper-banner{ position: relative; background-color:#222;}
.swiper-banner .swiper-slide img{ width: 100%;}

.footer{ background-color:#2e3191; color:#CCC; padding:48px 0 36px; font-size:13px; line-height:24px;}
.footer a{ color:#CCC;}
.footer dt{ line-height:20px; padding-bottom:20px;}
.Ftel{ position: absolute; width:240px; left:0; top:0;}
.FCtel{ font-size:22px; line-height:30px; padding-bottom:8px; color:#FFF;}
.FTbtn{ height:68px;}
.FTbtn a{ display: block; width: 150px; line-height:36px; text-align:center; background:#005aba; color:#FFF;}
.FTbtn a:hover{ background-color: #2a76a9; }
.FTbtn em{ position: absolute; width: 20px; height:2px; left:0; bottom:0; overflow: hidden; background-color:#d9d9d9;}
.qrcode{ position: absolute; width:120px; right:0; top:0; text-align:center;}
.qrcode dt{ padding-bottom:15px;}
.qrcode dd{ padding:8px; border:1px solid #f0f0f0; background:#2e3191;}
.Fcontact{ padding:0 120px 0 280px;}
.Fcontact dt em{ display: inline-block; width: 40px; text-align:center; color:#f0f0f0;}
.FCtitle{ font-size:18px;}
.footerBot{ background-color:#12146d; color:#FFF; font-size: 12px; line-height:36px;overflow: hidden; text-align: center;}

/* 新闻 */
.Lnews{ padding-top: 12px;}
.Lnews li{ border-bottom: 1px dotted #d6d6d6; padding:8px 0;}
.Lnews li a{ position: relative; display: block; padding:12px 0 12px 110px;} 
.Lnews li p{ position: absolute; width: 75px; height:64px; left:12px; top:15px; text-align:center; font-size:13px; color:#FFF; background:#005aba;}
.Lnews li p span{ display: block; font-size:26px; line-height:40px;}
.Lnews li h6{ font-weight:normal; font-size: 18px; line-height:28px; height:28px; overflow: hidden;}
.Lnews li div{ font-size: 12px; line-height: 20px; height: 40px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden; color: #999;}

/* 首页 */
.main{ padding: 36px 0 80px;}
.bg1{ background: #f8f9f9;}
.menu{ position: relative; font-size: 30px; line-height: 1.6; color: #000; text-align: center;}
.menu dd{ font-size: 12px; color: #BBB; display: flex; justify-content: center;}
.menu dd::after,.menu dd::before{ content: ''; display: inline-block; width:150px; height:1px; background:#DDD; overflow: hidden;}
.menu dd span{ display: inline-block; padding: 0 20px;}

.Lproduct{ overflow: hidden; display: flex; flex-wrap: wrap; }
.Lproduct li{ width: 282px; text-align:center; margin: 24px 0 0 24px;}
.Lproduct li a{ display: block; border:1px solid #efefef; padding:12px; background: white;}
.Lproduct li div{ overflow: hidden;}
.Lproduct li img{ width: 100%; min-width:inherit; height:170px;}
.Lproduct li a:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.Lproduct li a:hover{ border-color: rgba(52,152,219,0.5);}
.Lproduct li p,.swiper-case .swiper-slide p,.partnerMain .swiper-slide p{ margin-top: 6px; line-height:30px; height:30px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap; text-align: center;}
.Lproduct li:nth-of-type(4n+1){ margin-left: 0;}

.Hproduct{ justify-content: space-between;}
.Hproduct li{ margin-left: 0;}
.Habout{ background: url('../images/Habout.jpg') repeat center 0;}
.Habout dl{ height: 328px; display: flex; flex-direction: column; flex-flow: row wrap;  align-content: center; color: white; justify-content: center; text-align: center;}
.Habout dt{ font-size: 27px; line-height: 1.4; font-weight: bold; padding-bottom: 16px;}
.HAinfo{ line-height: 24px; max-height: 96px;  word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;  overflow: hidden;}
.HAmore{ padding: 24px 0 6px;}
.HAmore a{ display: inline-block; border: 1px solid white; color: white; line-height: 40px; padding: 0 32px;}

.HLnews{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 16px 0 0;}
.HLnews li{ width: 580px; padding: 4px 0;}

.main-case{ background: #252525 url('../images/Hcase.jpg') no-repeat center center; color: white; padding-bottom: 40px;}
.main-case .menu dd::after,.main-case .menu dd::before{ background-color: #BBB;}
.main-case .menu dd {color: #BBB;}
.main-case .menu{ color: white;}
div.swiper-case{ padding: 30px 0 40px;}
.swiper-case .swiper-slide div{ background-color: white; padding: 4px;}
.swiper-case .swiper-slide img{ height: 140px;}
.swiper-case .swiper-slide p{ color: white;}

.Hchoice{ display: flex; justify-content: space-between; padding: 72px 0 0;}
.Hchoice li{ position: relative; width: 362px; border: 1px solid #EEE; background: #f8f8f8; padding: 72px 24px 40px; text-align: justify;}
.Hchoice li div{ position: absolute; width: 80px; left: 140px; top: -40px;}
.Hchoice li h6{ font-size: 18px; font-weight: normal; text-align: center; color: #005aba; padding-bottom: 12px;}
.Hchoice li p{ color: #999;}

.main-features{ background:#f3f3f3 url('../images/features.jpg') no-repeat center bottom;}
.features{ display: flex; justify-content: space-between;}
.features li{ width: 272px; text-align: center; padding: 80px 0 ;}
.Fpic2{ display: none;}
.features li h6{ position: relative; font-size: 16px; font-weight: normal; line-height: 56px; height: 72px; color: #005aba;}
.features li h6::after{ content: ''; position: absolute; width: 12px; height: 2px; background-color: #4c4c4c; left: 130px; bottom: 18px;}
.features li p{ color: #999;}
.features li:hover .Fpic1{ display: none;}
.features li:hover .Fpic2{ display: block;}
/* 产品 */
.Flist{ display: flex; justify-content: space-between; }
.Flist li{ width: 580px; padding-top: 40px;}
.Flist li div{ border: 1px solid #EEE; padding: 4px; text-align: center;}
.Flist li p{ text-align: center; padding-top: 10px; font-size: 16px;}

.wrap-banner{ background:#1466b2 url('../images/Habout.jpg') no-repeat center 0; height: 220px; display: flex; flex-direction: column; justify-content: center;}
.bannerNav{ display: flex; justify-content: space-between;     align-items: flex-end;}
.bannerNav dt{ font-size: 32px; padding: 20px 0 10px;}

.Snav{ text-align:center;}
.Snav a{ display: inline-block; font-size:16px; line-height:32px; background-color:#005aba; color: white; padding:0 30px; border-radius: 16px; margin-left: 20px;}
.Snav a.cur,.Snav a:hover.cur{ background:#FFF; color:#005aba;}
.Snav a:hover{ background-color: #004a99;}
.Snav a:nth-of-type(1){ margin-left: 0;}

.Lcertificate li img{ height: 362px;}

.area{ padding-top: 24px;}
.Endtext {width:100%; overflow:hidden; margin:0 auto; padding:10px 0 15px; font-size: 16px; line-height:1.7; text-align: justify; color:#444;}
.Endtext p,.Endtext ul,.Endtext ol{ padding:6px 0;}
.Endtext table,.Endtext hr{ margin-top:6px; margin-bottom:6px;}
.Endtext ul li{list-style:disc outside none; margin-left:2em;}
.Endtext ol li{list-style:decimal outside none; margin-left:2em;}
h1{ font-size:28px; text-align:center; color:#000; line-height:1.4; padding:12px 0 6px;}
.Endtime{ line-height:36px; color:#999; border-bottom:1px dotted #EEE;}
.upDown{ color:#000; padding:12px 0 0; font-size:14px; border-top:1px dotted #EEE; margin-top:8px;}
.upDown li{ height:24px; line-height:24px; overflow:hidden;}
.allmap{ height:400px; margin-bottom: 20px;}
#allmap img { max-width: inherit; display: inline;}

.page{ text-align:center; clear:both; line-height:24px; padding-top:24px;}
.page *{ border:1px solid #d9d9d9; background:#f6f6f6; display:inline-block; padding:4px 12px;}
.page b{ border:1px solid #308fce; background:#005aba; color:#fff;}
.page a b{ border:none; background:none; padding:0; color:#333;}
.page a:hover{ background:#f0f0f0; border:1px solid #CCC; text-decoration:none; }

.pcShow{ display: block;}
span.pcShow{ display: inline;}
.wapShow{ display: none;}
body *{ transition-property:background,opacity,color,transform,right; transition-duration: 0.4s; }
.white,.white a{ color: white;}
.Snav4{ display: none;}

@media screen and (max-width:1240px){
  .min-wrap{ min-width:1000px;}
  .wrap{ width: 1000px;}
  .Lproduct li{ width: 232px;}
  .Lproduct li img{ height: 137px;}
  .Lcertificate li img{ height: 291px;}
  .HLnews li{ width: 480px;}
  .swiper-case .swiper-slide img{ height: 174px;}
  .Flist li{ width: 480px;}
  .Hchoice li{ width: 320px;}
  /* .swiper-partner .swiper-slide img{ height: 232px;} */

}
@media screen and (max-width:1020px){
  body{ font-size:0.36rem; padding-top:1.28rem;}
  .min-wrap{ min-width:100%;}
  .wrap{ max-width: 750px; width: 100%;}
  .pcShow,span.pcShow{ display: none;}
  .wapShow{ display: block;}
  span.wapShow{ display: inline;}

  .head{ position: fixed; top: 0;}

  .navMenu { width: 1.28rem; display: flex; flex-direction: column;justify-content: center;}
  .navMenu span { display: block; width: .6rem; height: 4px; background-color: #005aba; margin: .16rem auto 0; transition: all .5s ease; top: 0px; transform-origin:right;}
  .navMenu span:nth-of-type(1){ margin-top: 0;}

  .head{ position: fixed; height: 1.28rem; padding: 0 0.4rem; left: 0; top: 0; z-index: 90;}
  .head .wrap{ margin: 0; height: 1.28rem;}
  .nav{ display: none;  position: fixed; width: 100%; height: 100%; left: 0; top:0; background: none;}
  .head dd{ display: none;}
  .logo img{ height: .8rem; border-radius: .08rem;}

  .nav .nav-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background-color: rgba(0,0,0,0.75);}
  .nav ul{ position: absolute; right: 0; top: 0; width: 4.5rem; height: 100%; overflow-y: auto; background-color: #004085; display: block; padding-top: 0.4rem;}
  .nav li{ border: none;}
  .nav li a{ border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 0.4rem; line-height: 1.32rem; color: white;}
  .nav li a::after{ display: none;}
  .hover .nav{ display: block;}

	.footer{ padding:0.64rem 0 0.48rem; font-size:0.3rem; line-height:1.5; text-align:center;}
	.footer dt{ font-size:0.44rem; line-height:1.5; padding-bottom:0.12rem;}
	.Ftel{ position: relative; width:100%; left:0; top:0;}
	.FCtel{ font-size:0.48rem; line-height:1.5; padding-bottom:0.2rem;}
	.FTbtn{ height:1.6rem;}
	.FTbtn a{ display: inline-block; width: 4.4rem; font-size:0.48rem; line-height:1rem; text-align:center; background:#0078ff; color:#FFF;}
	.FTbtn em{ position: absolute; width: 0.8rem; height:0.08rem; left:50%; bottom:0; margin-left: -0.4rem;}
	.qrcode{ position: relative; width:100%; right:0; top:0; text-align:center; padding-top:0.32rem;}
	.qrcode dd{ width: 3.5rem; padding:0.2rem; margin:0 auto;}
	.Fcontact{ padding:0 ;}
	.Fcontact dt{ padding:0.32rem 0 0.4rem;}
	.Fcontact dt em{ display: none;}
	.Fcontact dt a{ display: inline-block; width: 2.8rem; line-height:0.8rem; margin:0.12rem 0.2rem; border:0.06rem solid #f0f0f0;}
	.Fcontact dt a:nth-of-type(1){ display: none;}
	.size2{ font-size:0.375rem;}
	.footerBot{ font-size:0.24rem; line-height:0.6rem; text-align:center;}
	.footerBot .fr{ display: none;}



  /* 新闻 */
  .Lnews{ padding: 0 0.4rem;}
  .Lnews li{ padding:.12rem 0;}
  .Lnews li a{  padding:.16rem 0 .16rem 1.72rem;} 
  .Lnews li p{ width: 1.4rem; height:1.4rem; left:0; top:0.16rem; font-size:0.28rem; }
  .Lnews li p span{ font-size:0.48rem; line-height:0.64rem; padding-top: .12rem;}
  .Lnews li h6{ font-size: 0.36rem; line-height:0.48rem; height:0.48rem; }
  .Lnews li div{ font-size: .28rem; line-height: .4rem; height: .8rem; margin-top: 0.12rem;}
  .HLnews li{ width: 100%;}

  /* 首页 */
  .main{ padding: .36rem 0 0.8rem;}
  .menu{ font-size: .56rem; padding-bottom: 0.12rem;}
  .menu dd{ font-size: .32rem; padding: 0 .48rem;}
  .menu dd::after,.menu dd::before{width:auto; flex:1;}
  .menu dd span{ padding: 0 .2rem;}

  .Lproduct{justify-content: space-between; padding: 0 0.4rem;}
  .Lproduct li{ width: 4.4rem;  margin: .24rem 0 0 0;}
  .Lproduct li a{ border:none; padding:0;}
  .Lproduct li img{ height:2.933333rem;}
  .Lproduct li p,.swiper-case .swiper-slide p,.partnerMain .swiper-slide p{ margin-top: .12rem; line-height:.8rem; height:.8rem;}

  .Habout{ background-size: auto 100%;}
  .Habout dl{ height: auto; padding: 0.64rem 0.4rem 0.8rem;}
  .Habout dt{ font-size: .4rem; padding-bottom: .2rem;}
  .HAinfo{ font-size: 0.28rem; line-height: 0.48rem; max-height: inherit; -webkit-line-clamp: 10; text-align: left; text-align: justify;}
  .HAmore{ padding: .32rem 0 0;}
  .HAmore a{ line-height: .72rem; padding: 0 0.6rem;}

  /* .HLnews{ padding: 16px 0 0;}
  .HLnews li div{ font-size: 12px; line-height: 20px; height: 40px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;} */

  .main-case{ background-size: auto 100%; padding-bottom: 0.4rem;}
  div.swiper-case{ padding: .4rem 0.2rem;}
  .swiper-case .swiper-slide a{ display: block; width: 4.4rem; margin: 0 auto;}
  .swiper-case .swiper-slide div{ padding: .08rem;}
  .swiper-case .swiper-slide img{ height: 2.826667rem; width: 100%;}

  .Hchoice{ padding: 1rem 0.4rem 0;}
  .Hchoice li{ width: 2.88rem; padding: 0.8rem .2rem .32rem;}
  .Hchoice li div{ width: 1.12rem; left: 0.8rem; top: -0.56rem;}
  .Hchoice li h6{ font-size: 0.26rem; padding-bottom: .16rem;}
  .Hchoice li p{ font-size: 0.24rem;}

  .main-features{ background-size: auto 5rem;}
  .features{ padding: 0 0.2rem;}
  .features li{ width: auto;flex: 1;padding: 0.88rem 0 1.2rem; font-size: 0.28rem;}
  .features li img{ width: 1.4rem;}
  .features li h6{ font-size: 0.36rem; line-height: 0.88rem; height: 1rem;}
  .features li h6::after{ width: .24rem; left: 50%; bottom: .12rem; margin-left: -0.12rem;}

  /* 产品 */
  .Flist{ display: block; }
  .Flist li{ width: 9rem; padding-top: 0.6rem; margin: 0 auto;}
  .Flist li div{ padding: 2px;}
  .Flist li p{ padding-top: 0.12rem; font-size: 0.36rem;}

  .wrap-banner{  height: auto; text-align: center; padding: 0.48rem 0.4rem;}
  .bannerNav{ display: block;}
  .bannerNav dt{ font-size: 0.6rem; padding: 0 0 0.12rem;}
  .Snav{ padding: 0.2rem 0 0;}
  .Snav a{ font-size:0.36rem; line-height:2; padding:0 0.6rem; border-radius: .2rem; margin-left: .24rem;}

  .Lcertificate li img{ height: 6.24rem;}

  .area{ padding: .24rem 0.4rem 0;}
  .Endtext {  padding:.16rem 0 0.2rem; font-size: 0.32rem;}
  .Endtext p,.Endtext ul,.Endtext ol{ padding:.08rem 0;}
  .Endtext table,.Endtext hr{ margin-top:.08rem; margin-bottom:.08rem;}
  .Endtext img{ height: auto !important;}

	h1{font-size:0.5rem; line-height:1.25; padding:0 0.375rem;}
	.Endtime{line-height:2.2; font-size:0.28125rem; margin:0.1875rem 0;}
	.upDown{ padding:0.1875rem 0 0; font-size:0.3125rem;}
	.upDown li{ height:0.5625rem; line-height:0.5625rem; overflow:hidden;}
  .allmap{ height:8rem; margin-bottom: 0.48rem;}

  .page{ text-align:center; clear:both; line-height:24px; padding-top:24px;}
  .page *{ border:1px solid #d9d9d9; background:#f6f6f6; display:inline-block; padding:4px 12px;}
  .page b{ border:1px solid #308fce; background:#005aba; color:#fff;}
  .page a b{ border:none; background:none; padding:0; color:#333;}
  .page a:hover{ background:#f0f0f0; border:1px solid #CCC; text-decoration:none; }

}
@media screen and (max-width:560px){
  .navMenu span { height: 3px;}
}


@media screen and (max-width:375px){
  .navMenu span { height: 2px; }
}