html {
	font-size: 12px;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #fff;
}
body {
	color: #333;
	font-size: 1rem;
}
img {
	border: 0
}
ul, li, form {
	list-style: none;
	margin: 0;
	padding: 0;
}
a, a:link, a:visited, a:hover {
	text-decoration: none;
	color: #333;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}
.zwnr{ line-height:180%;}
.zwnr img{ display:inline-block; height:auto; max-width:100%; }
.zwnr ul{
  padding-left: 2rem;
  margin-bottom: 1rem;
  margin-bottom: 0;
}
.zwnr li{
	list-style: disc inside;
}
.bgc { background-color: #e9eef4;}
.area92{ width:92%; margin:0 auto;}
.sp_top {
	height: 4.6rem;
}
.sptb{ height:5px; background-color:#eee;}
.sp{ height: 3rem }
.header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 4.6rem;
	background-color: #fff;
	box-shadow: 0 0 1.4rem #999;
}
.header .header_logo {
	position: absolute;
	left: 4%;
	top: 0;
}
.header .header_logo a {
	display: block;
	height: 4.6rem;
}
.header .header_logo img {
	display: block;
	height: 2.6rem;
	padding-top: 1rem;
}
.nav_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 4.6rem;
	height: 4.6rem;
	background: url('../img/nav_btn.svg?v=2') no-repeat center;
}
.header .lang{
	position: absolute;
	top: 0;
	right: 5rem;
	height: 4.6rem;
	line-height: 4.6rem;
	text-align: center;
}
.header .lang a{
	display: inline-block;
	height: 4.6rem;
	padding: 0 0.5rem;
}
.header .lang > .on{
	font-weight: bold;
	color: #19294b;
}

.b_fix{ position:fixed; overflow:hidden;}

.pop_menu{ position:fixed; left:-100%; top:0; width:100%; height:100%; z-index:99999; overflow:auto;}
.pop_menu .pop_menu_bg{ width:100%; height:100%; background-color:rgba(255,255,255,1); position:absolute; left:0; top:0; z-index:1;}
.pop_menu .pop_menu_area{ position:absolute; width:86%; height:100%; top:0; right:0; background-color:#fff; z-index:2;}
.pop_menu .menulist{ position:absolute; width:86%; height:100%; top:0; right:0; z-index:3}
.pop_menu .pop_menu_top{
	height:4.6rem;
	line-height: 4.6rem;
	z-index:4;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-bottom:1px solid #c40d23;
	overflow: hidden;
	color: #19294b;
	background-color:#fff;
}
.pop_menu .pop_menu_top a{
	display: block;
	float: left; 
	width:14%;
	height: 4.6rem;
	text-align: center;
	font-size: 2rem;
	background:#c40d23;
	color: #fff;
}
.pop_menu .pop_menu_top h3{
	margin: 0;
	padding: 0;
	float: left;
	padding-left:5%;
	font-size:1.6rem;
	font-weight: normal;;
}

.swiper1 {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color:#666;
	overflow:hidden;
}
.swiper1 .swiper-slide {
	text-align: center;
	/* Center slide text vertically */
	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;
}
.swiper1 .swiper-slide img,.swiper1 .swiper-slide a {
	display: block;
	width: 100%;
}
.swiper1 .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      text-align: center;
      opacity: 1;
	  background-color:#fff;
	  outline:none;
    }
.swiper1 .swiper-pagination-bullet-active {
	  background-color:#ff0000;
    }
.webFooter{
	padding: 2rem 0;
	background-color: #19294b;
	color: #babfc9;
}
.webFooter a{ color: #babfc9;}
.webFooter > .area92 > div{
	border-top: 1px solid rgba(255,255,255,0.2);
	padding-top: 1.5rem;
	margin-top: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.webFooter img{
	display: block;
	height: 2rem;
	width: auto;
	margin-right: 1rem;
}
.webFooter span{
	display: block;
	font-size: 0.9rem;
}

.webFooter li{
	padding-bottom: 0.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.webFooter li i{
	display: inline-block;
	margin-right: 1rem;
}
.webTitle{
	text-align: center;
	padding: 2rem 0;
}
.webTitle h3{
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
}
.webTitle span{
	display: block;
	padding-top: 0.5rem;
}
.heise{
	color: #19294b;
}
.baise{
	color: #fff;
}
.linkMore{
	display: block;
	border-radius: 0.5rem;
	padding: 0.8rem 0;
	margin-top: 1.5rem;
	background-color: #fff;
	box-shadow: 0 0 1rem #abc0da;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.linkMore i{
	display: inline-block;
	margin-left: 0.5rem;
}
.homeProducts{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	        align-items: stretch;
}
.homeProducts a{
	display: block;
	width: 48%;
}
.homeProducts img{
	display: block;
	width: 100%;
}
.homeProducts div{
	padding: 1rem 0;
}
.homeProducts h3{
	margin: 0;
	padding: 0;
	padding-bottom: 0.5rem;
	font-size: 1rem;
	word-wrap:break-word;
}
.homeProducts p{
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
}
.homeProducts p > span{
	color: #f00;
}
.hAbout{
	background-color: #19294b;
}
.hAbout ul > li:first-child {
    background: #b41601 url('../img/haboutbg.jpg') bottom right no-repeat;
    background-size: 60%;
    padding: 2rem 1rem;
    color: #fff;
}
.hAbout ul > li:first-child>h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}
@-webkit-keyframes hAboutIC {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes hAboutIC {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.hAbout ul li:first-child>h3>span {
    display: block;
    width: 0.5rem;
    height: 1.2rem;
    margin-right: 1rem;
    background-color: #fff;
    -webkit-animation: hAboutIC 1s infinite;
    animation: hAboutIC 1s infinite;
}

.hAbout ul li:first-child>a {
    display: block;
    margin-top: 1.5rem;
    border: 1px solid #fff;
    border-radius: 0.5rem;
    color: #fff;
    padding: 0.8rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hAbout ul li:first-child>a i {
    display: block;
}
.hAboutLi a{
	display: block;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	        align-items: stretch;
}
.hAboutLi img{
	display: block;
	width: 50%;
	height: auto;
}
.hAboutLi h3{
	display: block;
	margin: 0;
	padding: 0;
	width: 50%;
	font-size: 1.4rem;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.homeCase{
	position: relative;
}
.homeCase .swiper-container{
	width: 92%;
}
.hzs a{
	display: block;
	width: 50%;
	margin: 0 auto;
}
.hzs img{
	display: block;
	width: 100%;
}
.hzs h3{
	font-weight: normal;
	margin: 0;
	padding: 1rem 0;
	text-align: center;
}
.hzsBtn{
	background-size: 50%;
	margin-top: -3rem;
}
.newsList > li{
	padding-bottom: 2rem;
}
.newsList > li:last-child{
	padding: 0;
}
.newsList a{
	display: block;
}
.newsList h3{
	margin: 0;
	padding: 0;
	padding-bottom: 0.8rem;
	font-size: 1.4rem;
	color: #333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.newsList li div{
	overflow: hidden;
	color: #777;
}
.newsList li img{
	display: block;
	float: left;
	margin-right: 0.8rem;
	width: 35%;
}
.newsList .newsUpdate{
	display: inline-block;
	padding-top: 1rem;
}
.newsList .newsUpdate img{
	display: inline-block;
	margin-right: 0.5rem;
	width: 1rem;
}
.kpNr > p:first-child{
	margin-top: 0;
	padding-top: 0;
}
.honorBox ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}
.honorBox li{
	box-sizing: border-box;
	padding: 1rem;
	width: 48%;
	margin-bottom: 2rem;
	background-color: #fff;
	box-shadow: 0 0 1rem #b3c9e4;
}
.honorBox li img{
	display: block;
	width: 100%;
	height: auto;
}
.honorBox li h3{
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 1rem;
	font-size: 1rem;
}
.processBox{
	position: relative;
}
.processBox .swiper-container{
	width: 92%;
}
.lcSwiper .swiper-slide div{
	width: 70%;
	margin: 0 auto;
	padding: 1rem;
	box-shadow: 0 0 1rem #b3c9e4;
}
.lcSwiper img{
	display: block;
	width: 100%;
	height: auto;
}
.lcSwiper h3{
	font-size: 1.2rem;
	margin: 0;
	padding: 1rem 0;
	text-align: center;
}
.processBox .swiper-button-black{
	background-size: 50%;
	margin-top: -3rem;
}
.teamBox ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	        align-items: stretch;
}
.teamBox li{
	overflow: hidden;
	box-sizing: border-box;
	width: 48%;
	margin-bottom: 2rem;
	background-color: #fff;
	box-shadow: 0 0 1rem #b3c9e4;
	border-radius: 0.6rem 0.6rem 0 0;
}
.teamBox li img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.6rem 0.6rem 0 0;
}
.teamBox li > div{
	padding: 1rem;
}
.teamBox li h3{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}
.teamBox li span{
	display: block;	
	font-size: 1rem;
	color: #666;
	font-weight: normal;
}
.teamBox li a{
	padding-top: 0.5rem;
	font-size: 0.8rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;	
}
.teamBox li a i{
	display: inline-block;
	margin-right: 2px;
	font-size: 1rem;
}
.caseBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.caseBox a{
	display: block;
	width: 48%;
}
.caseBox img{
	display: block;
	width: 100%;
	height: auto;
}
.caseBox h3{
	margin: 0;
	padding: 1rem 0;
	text-align: center;
	font-size: 1rem;
}
.line{
	border-top: 2px solid #c40d23;
}
.nppage > a{
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #c40d23;
    border-radius: 3px;
    height: 3rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.nppage > a span{
    display: block;
    height: 3rem;
    line-height: 3rem;
    padding: 0 1rem;
    background-color: #c40d23;
    color: #fff;
    margin-right: 1rem;
}
.scott {
	padding: 2rem 0;
	height: 30px;
	text-align: center;
	clear: both;
}

.scott a,
.scott span {
    display: inline-block;
}

.scott a {
    border: #666 1px solid;
    padding: 2px 10px;
    margin-left: 4px;
    height: 26px;
    line-height: 26px;
}

.scott span.current {
    border: #c40d23 1px solid;
    padding: 2px 10px;
    margin-left: 4px;
    height: 2rem;
    line-height: 2rem;
    background-color: #c40d23;
    color: #ffffff;
}

.scott span.disabled {
    border: #aaa 1px solid;
    padding: 2px 10px;
    margin-left: 4px;
    height: 2rem;
    line-height: 2rem;
    background-color: #fff;
    color: #888;
}
.productsIntro{
	margin-bottom: 1rem;
}
.productsIntro > span{
	display: block;
	font-size: 0.8rem;
	padding: 1rem 0;
}
.productsIntro > h3{
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	padding-bottom: 1rem;
}
.productsIntro > ol{
	margin: 0;
	padding: 0;
	padding: 1rem;
	line-height: 160%;
}
.productsIntro > ol span{
	color: #f00;
}
.productsIntro > .zwnr{
	border: 1px solid #e9eef4;
	padding: 1rem;
}
.productsIntro > a{
	background-color: #c40d23;
	border-radius: 5px;
	color: #fff;
	padding: 1rem 0;
	margin-top: 1rem;
	font-size: 1.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.productsIntro > a i{
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 1.4rem;
}
.pClassList{
	padding: 1.5rem 0;
}
.pClassList a{
	display:block;
	font-size:1.2rem;
	padding: 0.5rem 0;
}

.pClassList > h3{
	margin: 0;
	padding: 0;	
}
.pClassList > h3 > a{
	font-size: 1.4rem;
}
.pClassList ul{
	margin: 0;
	padding: 0;
	padding-left: 5%;
}
.checkPbtnFix{
	position: fixed;
	top: 4.6rem;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 1.4rem rgba(0,0,0,0.3);
	z-index: 9999;
}
.checkPbtn a{
	height: 3.5rem;
	color: #f00;
	padding-right: 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
}
.checkPbtn i{
	display: inline-block;
	margin-left: 10px;
	font-size: 1.8rem;
}