.slider{
	position:relative
}
.slider img{
	max-width:100%
}
.product{
	position:relative
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    background: rgba(18,84,136,0.6);
}
.swiper-pagination-bullet-active {
    background: #125488;
}
.hot-product-list .swiper-pagination{
	position:inherit
}
.hot-product-list .swiper-pagination-bullet{
	margin:0 3px;
}
.hot-product-list .swiper-pagination-bullet-active{
	background-color:#125488
}
.hot-product-list a{
	margin:15px;
	display:block;	
	padding:15px;
	color:#FFF;
	background:linear-gradient(#D9E3EC,#7494AD);
	box-shadow:0px 0px 15px #333333;
}
.hot-product-list .img{
	padding:10px 0;
	background-color:#FFF;
	box-shadow:0px 0px 10px #333333;
}
.hot-product-list .txt{
	font-size:14px;
	text-align:center;
	padding-top:10px;
	font-style:italic
}
.product-more{
	text-align:center
}
.product-more img{
	width:50px
}
.top-contact{
	padding:10px 0;
	height:72px;
	text-align:left;
	width:calc(100% - 60px)
}
.top-contact a{
	display:inline-block;
	margin-left:10px;
	color:#333;
	float:left;
	margin-top:5px
}
.top-contact a:hover{
	text-decoration:underline
}
.top-contact a.tel{
	width:100%;
	padding-left:20px;
	background:url(../images/lxfs1-1.png) no-repeat left center;
	margin-right:10px
}
.top-contact a.email{
	padding-left:20px;
	background:url(../images/lxfs2-1.png) no-repeat left center
}
.header{
	display:block;
	position:absolute;
	z-index:999;
	top:70px;
	width:100%
}
.hd-txt1{
	position:absolute;
	left:3%;
	top:45%;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold
}
.hd-txt2{
	position:absolute;
	left:5%;
	bottom:50px;
	font-size:14px;
    line-height:200%;
	color:#FFFFFF;
	display:none
}
.hd-search{
	position:absolute;
	right:5%;
	bottom:50px;
	width:20%;
	display:none
}
.form-group {
    position: relative;
	width: 100%;
	margin:0 auto
}
.form-group .form-control {
    height: 40px;
    border-radius: 20px;
    border: none;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    background: #fff;
    padding: 0 65px 0 18px;
	display: block;
    width: 100%;
}
.form-submit{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:8px;
	width:45px;
	height:30px;
	background:#125488 url(../images/input-search-white.png) no-repeat center center;
	color:#fff;
	border-radius:15px;
	font-size:16px;
	text-indent:-9999px
}
.form-submit:hover{
	color:#fff;
	background:#2356B2 url(../images/input-search-white.png) no-repeat center center;
}
.populer-search{
    margin-top: 30px;
}
.populer-search ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.populer-search ul li:first-child {
    margin-right: 30px;
    color: #fff;
}
.populer-search ul li:not(:first-child) {
    margin-right: 6px;
}
.populer-search ul li a {
    border: 1px solid #fff;
    background: #fff;
    border-radius: 50px;
    display: block;
    padding: 0 15px;
    font-size: 13px;
    color: #000;
}
.populer-search ul li a:hover{
	color:#fff;
	background:0 0
}
.row{/*
	display:flex;
	justify-content:space-between;
	align-items:center*/
}
.show{
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	width:100%;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
}
.container{
    padding: 0 3%;
	box-sizing:border-box;
	margin:0 auto
}
.header .container{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;	
}
.logo{
	width:30%;
    min-height:62px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo img{
	max-width:100%
}
.navbar{
    text-align: right;
}
.navbar ul{}
.navbar ul li {
	float: left;
    position: relative;
}
.navbar ul li a {
	color: #282828;
    padding: 34px 19px;
    display: block;
    position: relative;
    overflow: hidden;
	font-size: 16px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    letter-spacing: .5px;
	color:#FFF;
	text-transform: uppercase;
}
.navbar ul li:hover a,.navbar ul li a:hover {
	color:#2356B2
}
.navbar ul li a.ov{}

.main{
	padding-top:30px;
	background:linear-gradient(#DBDCE0 20%,#FFFFFF 80%);
	min-height:450px
}
.about{
	padding-top:30px;
	background:linear-gradient(#DBDCE0 20%,#FFFFFF 80%);
	min-height:320px
}
.about-content{
	position:relative
}
.about-content-show{}
.about-content-show .text{
	display:none;
}
.about-content-show .text.current{
	display: -webkit-box;
	line-height:160%;
	font-size:14px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.about-content-show .amore{
	text-align:right
}
.about-content-show .amore a{
	display:inline-block;
	color:#2356B2;
	font-size:14px;
	text-align:right
}
.about-pic{
	padding-top:10px
}
.about-pic img{
	max-width:100%
}
.about-list{
	padding-top:10px
}
.about-list ul li{
	padding-bottom:10px
}
.about-list ul li a{
	font-size: 13px;
    border-bottom: 1px solid #125488;
	line-height: 140%;
}
.about-list ul li.on{}
.about-list ul li.on a{
	font-weight:bold;
	color:#125488
}

.hot-product{
	margin-top:30px;
	background:url(../images/pbg2.jpg) center center no-repeat;
	padding:20px 0
}
.hot-product-list{
	position:relative
}
.hot-product-list h5{
	font-size: 16px;
	font-weight:bold;
    color: #125488;
}
.event{
	margin-top:30px
}
.event-list{}
.event-list ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
}
.event-list li{
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	letter-spacing:normal;
	word-spacing:normal;
	margin-right:3%;
	margin-bottom:3%;
	box-sizing:border-box
}
.event-pic{
	overflow:hidden
}
.event-pic img{
	max-width:100%
}
.event-list li h5{
	text-align:left;
	font-size: 16px;
    padding-top: 12px;
    color: #125488;
    font-weight: normal;
    text-decoration: none;
    line-height: 140%;
	text-align:center
}
.event-list li span{
	display:block;
	text-align:left;
	font-size: 14px;
    padding-top:7px;
    color: #999999;
    font-weight: normal;
    text-decoration: none;
    line-height: 140%;
}
.event-content{
	text-align:left;
	padding-top: 15px;
	font-size: 14px;
	color: #666666;
	line-height: 140%;
}
.title{
	text-align:left;
	margin-bottom:20px
}
.title h4{
	font-size: 18px;
    text-transform: uppercase;
    color: #125488;
	font-weight: bold;
}
.title span{
	font-size: 12px
}
.more{
	text-align:center
}
.more a{
	display:inline-block;
	width:126px;
	height:36px;
	line-height:36px;
	border-radius:30px;
	border:2px solid #125488;
	color:#125488;
	font-weight:bold
}
.more a:hover{
	background-color:#125488;
	color:#FFFFFF
}
.company-profile{
	width:100%
}
.company-profile-txt{
	font-size:14px;
	line-height:160%
}
.company-profile-pic{
	padding-top:10px
}
.company-profile-pic img{
	max-width:100%
}

.about-sub {
  margin: 70px 0 100px;
}
.about-sub .about-item {
  position: relative;
}
.about-sub .about-item .item-img {
  right: 100%;
  bottom: -20px;
}
.about-sub .about-item img {
  /*filter: gray;
  filter: grayscale(100%);*/
  max-width:100%;
  display: none;
}
.about-sub .about-item h3 {
  font-size: 35px;
  line-height: 0.5;
  color: #125488;
  margin-right: 10px;
}
.about-sub .about-item h1 {
  font-weight: normal;
  color: #333333;
  margin-bottom: 10px;
}
.about-sub .about-item p.p {
  color: #666666;
  line-height: 1.5;
}
.about-sub .about-item .about-text {
	padding-right:0
}
.about-sub .about-item .about-text .about-text-item {
  display: flex;
  margin-bottom: 45px;
}
.about-sub .about-item1 {
  display: flex;
  align-items: center;
}
.about-sub .about-item1 .about-text {
  margin-left: 0;
}
.about-sub .about-item2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-sub .about-item2 .about-text {
  margin-left: 0;
}

.event-detail {
	overflow:hidden
}
.event-detail h3{text-align:center;font-size:20px;font-weight:bold;padding:30px 0 10px 0}
.event-detail em{display:block;font-size:14px;text-align:center;color:#999}
.event-detail .desc{line-height:180%;font-size:14px;padding:30px 0 0 0}
.event-detail .desc img{max-width:100%}

.event-footer{margin-top:30px;line-height:200%;font-size:14px;}

.contact-us{
	margin:30px 0
}
.contact-us li{
	text-align:center;
	margin-bottom:20px;
}
.contact-us li .icon{
	padding-bottom:5px
}
.contact-us li h3{
	font-size:14px;
	color:#999
}
.contact-us li span{
	display:block;
	font-size:16px;
	line-height:140%;
	color:#333;
}
.main-map{height:500px;}
#mapContainer{width:100%;height:100%;border:#ccc solid 1px;font-size:12px}

.product-search{
	margin-bottom:10px
}
#formProduct{}
.input-text {
	border:1px solid #999;
    background: #fff;
    padding: 10px;
	font-size:14px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:10px
}
.input-button {
	width:60px;
	background:#125488 url(../images/input-search-white.png) no-repeat center center;
    padding: 10px;
	font-size:14px;
	box-sizing:border-box;
	border:none;
	text-indent: -9999px;
}
.product-select{margin-bottom:10px}
.product-select select{
	width:100%;
	margin-bottom:10px;
	background-color:#FFF;
	border:1px solid #999;
	padding:4px 5px;
	box-sizing:border-box
}
.product-select select:last-child{
	margin-right:0
}
.product-content{margin-bottom:10px}
.web-data{
	display:none
}
.wap-data{
	display:block
}

.footer{
	position:relative;
	color:#FFF;
	background:linear-gradient(#dae3ec,#125488);
	margin-top:50px
}
.shape-waves{position:absolute;top:-40px;left:0;width:100%}
.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;max-height:40px}
.parallax>use{animation:move-forever 30s cubic-bezier(.55,.5,.45,.5) infinite}
.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}

@keyframes move-forever{
	0%{
		transform:translate3d(-90px,0,0)
	}
	100%{
		transform:translate3d(85px,0,0)
	}
}
.footer-widgets{
	display: flex;
    flex-wrap: wrap;
	font-size:16px;
	padding-top: 10px;
    padding-bottom: 20px;
}
.footer-col{
	width:100%
}
.widget-title{font-size:18px;margin-bottom:20px;position:relative; color:#FFF;padding-bottom:15px;word-spacing:5px;letter-spacing:1.5px}
.widget-title:before{border-bottom:1px solid rgba(255,255,255,.1);width:30%;content:"";position:absolute;left:0;bottom:0}
.widget-title:after{border-bottom:3px solid #FFFFFF;border-bottom-color:#FFFFFF;width:5%;content:"";position:absolute;left:0;bottom:-.5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}


.footer-col:hover .widget-title:after{width:15%}
.footer-col ul li{
	display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: all .3s ease-in-out;
    position: relative;
	color:#FFF;
	font-size:14px
}
.footer-col ul li a{
	color:#FFF;
	font-size:14px !important
}
.footer-col ul li a:hover{
	text-decoration:underline
}
.footer-col:nth-child(2),.footer-col:nth-child(3),.footer-col:nth-child(4){
	display:none
}

.contact{}
.qrcode{
	width:200px
}
.qrcode img{
	max-width:100%
}
.social-icons-area{
	display:block;
	padding-top:10px
}
.social-icons-area a{
	display:inline-block;
	padding-right:10px
}
.social-icons-area img{
	width:24px
}
.copyright{
	text-align:center;
	padding:15px 0;
	border-top:1px solid rgba(255,255,255,.1);
}


.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-box{}
.show-pic{width:100%}
.show-list-box{width:100%;margin:10px auto;position:relative}
.prev{position:absolute;z-index:5;left:0px;top:25px;cursor:pointer;width:50px;height:50px}
.next{position:absolute;z-index:5;right:0px;top:25px;cursor:pointer;width:50px;height:50px}

.show-pic-list{overflow:hidden;width:210px;height:130px;margin:0 auto;position:relative}
.show-pic-list ul{position:absolute;z-index:4;left:0;top:0;}
.show-pic-list ul li{float:left;font-size:14px;border:1px solid #DDD;margin:0 3px; box-sizing:border-box}
.show-pic-list ul li a{float:left;width:100px}
.cur{border:1px solid #FF0000 !important}

.product-right{flex:1;padding-left:4%}
.product-right h4{font-size:18px;color:#125488;font-weight:bold;text-align:left;padding-bottom:20px}
.product-right p{line-height:26px;font-size:14px}
#DefaultPic{text-align:center;display:flex;justify-content:center;align-items:center;position:relative;}
#DefaultPic img{max-width:100%}

.product-desc{padding-top:20px;color:#000;padding-bottom:20px;}
.product-desc h4{font-size:16px;background:#F4F4F4;padding:5px 10px}
.product-desc p{padding-top:20px;font-size:14px;line-height:180%}

.down ul li{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px 20px;
	background-color:#F5F5F5;
	margin-bottom:10px
}
.down ul li span{
	font-size:18px
}
.down ul li a{
	margin-left:10px;
	display:block;
	padding:5px 10px;
	color:#FFF;
	background-color:#125488;
	font-size:14px;
	border-radius:5px
}
.down ul li:hover{
	background-color:#E5EEF9
}

.btn{display:flex;justify-content:center;align-items:center}
.btn a{color:#FFFFFF;width:95px;font-size:14px;display:block;white-space:nowrap;text-align:center;background:#125488;border-radius:5px;margin-bottom:5px}

.pagination{text-align:center}
.pagination ul li.pc{display:none}
.pagination ul li.wap{display:inline-block}
.pagination ul {
	display: inline-block;
	padding: 0;
	margin: 2% auto;
	font-size: 14px;
}
.pagination ul li {
	float:none;
	display: inline;
	list-style: none;
	width:auto;
	margin:auto
}
.pagination ul li a,.pagination ul li span {
	color: black;
	display: inline;
	padding: 5px 8px;
	margin-left: -1px;
	border:1px solid #e1e2e3;
	text-decoration: none;
	width:auto
}
.pagination ul li span {
	color: #666;
}
.pagination ul li a:hover{
	background: #005AAB;
	color: #FFFFFF;
}
.pagination ul li.current span{
	font-weight: bold;
	background: #005AAB;
	color: #FFFFFF;
}

.spic{
	max-width:100px;
	max-height:100px;
	width:expression(this.width > 100px && this.width > this.height ? 100px : true);
    height:expression(this.height > 100px ? 100px : true);
	vertical-align:middle;
}

#go-top {
  width: 50px;
  height:50px;
  border-radius: 25px;
  background-color:#125488;
  padding:10px 0;
  text-align: center;
  display: block;
  bottom: 50px;
  right: 20px;
  position: fixed;
  cursor: pointer;
  cursor: hand;
  z-index: 999;
  -webkit-transition: 0.5s background-color;
  -moz-transition: 0.5s background-color;
  -ms-transition: 0.5s background-color;
  -o-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
#go-top img {
  display: inline-block;
  vertical-align: middle;
}

.clearfix{zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}

.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:10;opacity:1;width:100%;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;margin:0;padding:0}
.footer_contact li {float:left;width:25%;box-sizing:border-box;text-align:center;font-size:14px;border-right:solid 1px #FFFFFF;background:#125488}
.footer_contact li a {color:#FFFFFF;height:74px;padding-top:14px;text-decoration:none;display:block}
.footer_contact li:last-child {border-right:none}

@media (min-width: 768px) {
    .pagination ul li {
	   width:auto !important;
	   margin-right:auto !important;
	   margin-bottom:auto !important;
    }
	.clear{display:none}
	.footer_contact{display:none}
}
@media (min-width: 992px) {
	.logo{
		width:160px;
		min-height:70px
	}
	.top-contact{
		display:block;
		position:absolute;
		z-index:9999;
		top:0;
		height:auto;
		width:100%;
		padding:10px 0;
		text-align:right
	}
	.top-contact a.tel{
	width:auto;
	padding-left:20px;
	background:url(../images/lxfs1.png) no-repeat left center;
	margin-right:10px
}
.top-contact a.email{
	padding-left:20px;
	background:url(../images/lxfs2.png) no-repeat left center
}
	.top-contact a{
		float:none;
		color:#FFF
    }
	.header{
		display:block;
		position:absolute;
		z-index:999;
		top:20px;
		padding-top:0
	}
	.navbar ul li a {
		padding: 28px 10px;
		font-size: 14px;
	}
	.hd-txt1{
		left:3%;
		top:18%;
		font-size:30px
	}
	.hd-txt2{
		left:3%;
		bottom:50px;
		font-size:14px;
		display:block
	}
	.hd-search{
		display:block
	}
	.main{
		padding-top:50px
	}
	.about{
		padding-top:50px
	}
	.about-list{
		padding-top:20px
    }
	.about-content{
		position:relative
	}
	.about-content-show{
		width:47.5%;
		float:left
	}
	.about-content-show .text.current{
		font-size:16px;
	}
	.about-pic{
		width:47.5%;
		float:right
	}
	.event-list li{
		width:31.3333%
	}
	.event-list li:nth-child(3n+0) {
		margin-right:0px
	}
	.hot-product-list a{
		padding:20px;
	}
	.hot-product-list .txt{
		font-size:16px
	}
	.footer-col{
		flex: 0 0 25%;
		max-width: 25%
	}
	.footer-col:nth-child(2),.footer-col:nth-child(3),.footer-col:nth-child(4){
		display:block
	}
	.web-data{
		display:block
	}
	.wap-data{
		display:none
	}
	.company-profile{
		display: flex;
	}
	.company-profile-txt{
		font-size:16px;
		width:48%;
		margin-right:7%
	}
	.company-profile-pic{
		width:45%
	}
	.about-sub .about-item{
		margin-bottom:15px
	}
	.about-sub .about-item img{
		display:block
	}
	.about-sub .about-item .about-text {
	    padding-right:30px
    }
    .about-sub .about-item1 .about-text{
		margin-left: 50px;
	}
	.about-sub .about-item2 .about-text {
		margin-left: 50px;
    }
	.about-sub .about-item h3{
		font-size: 60px;
    }
	#formProduct{
		display:flex;
		align-items: center;
	}
	.input-text {
		width:200px;
		margin-right:10px;
		margin-bottom:0px
	}
	.product-select select{
		width:32%;
		margin:0;
		margin-right:1%
	}
    .product-select select:last-child{
	    margin-right:0
    }
	.contact-us{
		display:flex;
	    justify-content:space-around;
	    margin-top:50px
    }
	.contact-us li{
	    width:20%;
    }
	.product-box{display:flex;}
	.show-pic{width:528px}
	.show-pic-list{width:428px}
}
@media (min-width: 1200px) {
	.logo{
		width:220px;
		min-height: 95px
	}
	.navbar ul li a {
		padding: 34px 19px;
		font-size: 16px
	}
	.hd-txt1{
		top:20%;
		font-size:36px
	}
	.hd-txt2{
		bottom:50px;
		font-size:14px
	}
	.hd-search{
		width:20%
	}
	.main{
		padding-top:80px
    }
    .about{
	   padding-top:80px
    }
	.title{
		margin-bottom:50px
	}
	.title h4{
		font-size: 28px
	}
	.hot-product{
		margin-top:0px;
		padding:80px 0
	}
	.hot-product-list h5{
		font-size: 22px
	}
	.event{
		margin-top:0px
	}
	.hot-product-list .txt{
		font-size:18px;
		padding-top:15px
	}
	.hot-product-list .txt h4{
		font-size:24px
	}
	.footer{
		margin-top:130px
	}
	.shape-waves{top:-100px}
	.waves{max-height:100px}
	.footer-widgets{
		font-size:16px;
		padding-top: 58px;
		padding-bottom: 40px;
	}
	.widget-title{font-size:24px}
	.footer-col ul li{
		font-size:16px
	}
	.footer-col ul li a{
		font-size:16px !important
	}
	.contact{
		padding-right:1.5em
	}
	.show-pic{width:635px}
	.show-pic-list{width:535px}

}
@media (min-width: 1440px) {
	.container{
		width:1400px
	}
}