div,ul,li,ol,table,h1,h2,h3,h4,h5,form{

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

@font-face {

    font-family: DIN;

    src: url(../fonts/DIN-Medium-2.otf);

    url("../fonts/DIN-Medium-2.otf") format("DIN-Medium-2.otf"),

    font-weight: normal;

}

html,body{

	height: 100%;

	font-size: 100%;

}

body{

	padding-top: 6.25rem;

}

body.gray-bg{

	background: #f8f8f8;

}
.new-position{
	/* width: 73.5%; */
	margin: 0 auto; 
	/* padding:0 13.5% 1.5rem 15.5%; */
	width: 75%;
	padding-left: 15px;
	padding-bottom: 1.5rem;
}
@media screen and (max-width: 3200px) {

	html,body{

		font-size: 1.125rem !important; 

	}

	.container{

		width: 70%;

	}
	.new-position {
		width: 70%;
		margin: auto;
	}
	.swiper-slide{

		width: 16.6666%;

	}

}

@media screen and (max-width: 2480px) {

	html,body{

		font-size: 1rem; 

	}

	.container{

		width: 80%;

	}
	.new-position {
		width: 80%;
		margin: auto;
	}

	.swiper-slide{

		width: 16.6666%;

	}

}

@media screen and (max-width: 1920px) {

	html,body{

		font-size: 100% !important; 

	}

	.container{

		width: 75%;

	}
	.new-position {
		width: 75%;
		margin: auto;
	}

}

@media screen and (max-width: 1680px) {

	.container{

		width: 88%;

	}
	.new-position {
		width: 88%;
		margin: auto;
	}

	.swiper-slide{

		width: 15.2%;

	}

}

@media screen and (max-width: 1440px) {

	html,body{

		font-size: 0.875rem !important;

	}

	.container{

		width: 88%;

	}
	.new-position {
		width: 88%;
		margin: auto;
	}
	.swiper-slide{

		width: 15.2%;

	}

}

@media screen and (max-width: 1366px) {

	html,body{

		font-size: 0.875rem !important;

	}

	.container{

		width: 90%;

	}
	.new-position {
		width: 90%;
		margin: auto;
	}

	.swiper-slide{

		width: 15.2%;

	}

}

@media screen and (max-width: 1280px) {

	html,body{

		font-size: 0.8125rem !important;

	}

	.container{

		width: 93.75%;

	}
	.new-position {
		width: 93.75%;
		margin: auto;
	}

	.swiper-slide{

		width: 15.2%;

	}

	

}

/* @media screen and (max-width: 1150px){
	header .nav-group>li {
		margin-right: 1vw;
	}
	header .nav-group>li>a {
		padding: 0.75rem 0.8vw;
} */

@media screen and (max-width: 1024px) {

	html,body{

		font-size: 0.625rem !important;

	}

	.container{

		width: 100%;

	}
	.new-position {
		width: 100%;
		margin: auto;
	}

	.swiper-container1 .swiper-slide{

		width: 25%;

	}

}

@media (max-width: 992px){

	.container{

		width: 100%;

	}
	.new-position {
		width: 100%;
		margin: auto;
	}

	html,body{

		font-size: 0.625rem !important;

	}

}



@media (max-width: 768px){

	.container{

		width: 100%;

	}
	.new-position {
		width: 100%;
		margin: auto;
	}

	html,body{

		font-size: 0.625rem !important;

	}


}

@media (max-width: 480px){

	html,body{

		font-size: 1rem !important;

	}

	.container{

		width: 100%;

	}
	.new-position {
		width: 100%;
		margin: auto;
	}

	html,body{

		font-size: 100%;

	}

}

@media (max-width: 375px){

	html,body{

		font-size: 0.875rem !important;

	}

}

@media (max-width: 320px){

	html,body{

		font-size: 0.75rem !important;

	}

}

li{

	list-style: none;

}

a,a:hover,a:active,a:focus{

	text-decoration: none;

	color: #434343;

}

a:hover,a:active,a:focus{	

	transition: all 0.5s linear;

}

h1,h2,h3,h4,h5{

	margin: 0;

	padding: 0;

}

.btn{

	border-radius: 0;

}

.btn-primary{

	background-color: #2a6297;

}

.btn-success{

	background-color: #5db732;

}

.nav-tabs{

	border: none;

}

.nav-tabs>li>a {
	padding-left: 2rem;
	padding-right:2rem;
    margin: 0;
    color: #7d7d7d;
	font-size: 1.25rem;
    border: 0;
    border-radius:0;
}

.nav-tabs>li.active>a, 

.nav-tabs>li.active>a:hover, 

.nav-tabs>li.active>a:focus{
	border: 0;
	border-radius:0;
	background: #2a6297;
	color: #fff;
}

.carousel-inner>.item>img,

.carousel-inner>.item>a>img{

	width: 100%;

}

.index-tab .nav-tabs{

	margin-bottom: 2rem;

}

.inNews-group{

	display: grid;
	display: -ms-grid;

	grid-template-rows: 1fr 1fr 1fr;

	height: 26rem;
	width:70%;

}
.inNews-group a:nth-of-type(1){
	-ms-grid-row:1;
}
.inNews-group a:nth-of-type(2){
	-ms-grid-row:2;
}
.inNews-group a:nth-of-type(3){
	-ms-grid-row:3;
}
.show1{
	display:none;
}

.inNews-group .inNews-item{

	border-top:1px solid #eee;

}

.inNews-group .inNews-item:last-child{

	border-bottom:1px solid #eee;

}

.pic-box{

	overflow: hidden;

}

.pic-box img{

	width: 100%;

}

.page-menu{

	padding-top: 1.5rem;

	color: #7d7d7d;

}

.page-menu>i{

	color: #c0c0c0;

}

.btn-more{

	position: relative;

	display: inline-block;

	background: #2a6297;

	color: #fff;

	text-align: center;

	font-size: 0.875rem;

	line-height: 2.75rem;

	height: 2.75rem;

	width: 9.375rem;

}

.btn-more span{

	position: relative;

	z-index: 1;

}

.btn-more i{

	position: absolute;

	right: 0;

	top: 0;

	background: #5db733;

	width: 5px;

	height: 100%;

	z-index: 0;

}

.btn-more:hover{

	color: #fff;

}

.btn-more:hover i{

	width: 100%;

	transition: all 0.5s linear;

}



.toPage .form-control{

	display: inline-block;

	width: 80px;

}



.pagination{

	vertical-align: middle;

}

.pagination>li {

    display: inline-block;

    margin: 0 5px;

}

.pagination>li>a, .pagination>li>span{

	background: #f5f5f5;

	border-color: #f5f5f5;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{

	background-color: #2a6297;

}

.container{

	display: flex;



}

.container::before,.container::after{

	display: none;

}

header{

	background: #fff;

	/* height: 6.25rem; */

}

header .container{

	align-items: center;

	/* height: 6.25rem; */

	justify-content: space-between;	

}

header .container>img{

	height: 80%;

}

header .nav-box{

	display: flex;

	align-items: center;

}

header .nav-group>li{

	margin-right: 1rem;

	display: inline-block;

}

header .nav-group>li>a{

	position: relative;

	padding:0.75rem 0.8vw;

	display: block;

	line-height: 4.75rem;

	font-size: 1rem;

}

header .nav-group>li>a::before{

	content: "";

	position: absolute;

	left: 0;

	bottom:0;

	height: 4px;

	background: #2a6297;

}

header .nav-group>li:hover>a, 

header .nav-group>li:active>a, 

header .nav-group>li:focus>a{

	color: #2a6297;

}

header .nav-group>li:hover >a::before, 

header .nav-group>li:active>a::before, 

header .nav-group>li:focus>a::before{

	animation: navborder 0.5s linear forwards;

}

header .nav-group:last-child>li>a::before{

	display: none;

}

header .container form{

	margin-bottom: 0;

	display: flex;

	align-items: center;

}
header .nav-group:last-child>li>a{

	width: 5.5rem;

}

header .nav-group:last-child>li{

	margin-right: 0;

}

header .container .line{

	margin-left: 1rem;

	background: #d2d2d2;

	height: 30px;

	width: 1px;

}

header .form-group{

	margin-bottom: 0;

}

@keyframes navborder {

  from {width:0;}

  to {width:100%}

}

.mobile-link a{

	display: inline-block;

	margin-left: 1rem;

	font-size: 1.25rem;

}

.form-group{

	position: relative;	

}

.form-group .btn-sub{

	padding:0;

	position: absolute;

	top: 0;

	right: 0;

	line-height: 34px;

	font-size: 1.2rem;

	text-align: center;

	border-radius: 100%;

	color: #fff;

	background:#2a6297;

	width: 34px;

	height: 34px;

}

.form-control{

	border-radius: 34px;

}



footer{

	padding-top: 70px;

	background: #001f3f;

	color: #c4c4c4;

	font-size: 0.875rem;

}

footer .container{

	justify-content: space-between;

	flex-wrap: wrap;

}

footer .container .link-map{

	display: flex;

	justify-content: space-between;

	width: 50%;

}

footer .container .link-map dl{

	display: inline-block;

	vertical-align: top;

}

footer .container .link-map dl dt{

	font-size: 1.125rem;

	font-weight: normal;

	margin-bottom: 1rem;

}
footer .container .link-map dl dd{

	line-height: 2;
}

footer .container .link-map dl dd>a{
	color:#c4c4c4;
} 

footer .container .link-map dl dd a:hover{
	color:#fff;
}

footer .container .contact-info .tel{

	margin-bottom: 1.25rem;

}

footer .container .contact-info .tel>.iconfont{

	font-size: 1.8rem;

	margin-right: 1rem;

}

footer .container .contact-info .tel>span>small{

	display: block;

}

footer .container .contact-info .tel>span>b{

	white-space: nowrap;

}

footer .container  .code-box>img{

	width: 100%;

}

footer .container  .code-box>span{

	padding:0.5rem 0;

	display: block;

	text-align: center;

}

footer .container .copyright{

	border-top: 1px solid #304963;

	padding:1.25rem 0;

	color: #ddd;

	width: 100%;

}

.carousel{

	margin-bottom: 2rem;

}

.carousel-indicators li {

    width: 3.125rem;

    height:0.25rem;

    margin: 0.25rem;

    text-indent: -999px;

    background-color: #fff;

    border: none;

    border-radius: 0;

}

.carousel-indicators .active {

    width: 3.125rem;

    height:0.25rem;

    margin: 0.25rem;

    background-color: #5cb630;

}

.index-box{

	overflow: hidden;

}

.inBox-til{

	height: 7rem;

	color: #2a6297;

	font-size: 2.5rem;

	width: 100%;

}

.inBox-til span,.inBox-til b{

	padding: 1.5rem 0;

}

.inBox-til>span{

	position: relative;

}

.inBox-til>span::before{

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	background: #2a6297;

	width: 40%;

	height: 3px;

	z-index: 1;

}

.inBox-til>span::after{

	content: "";

	position: absolute;

	left: 0;

	bottom: 1px;

	background: #c9c9c9;

	width: 100%;

	height: 1px;

	z-index: 0;

}

.box-aboutUs{

	background: url(../img/bg01.jpg) top left no-repeat;

	padding-bottom: 4rem;

}

.about-con{

	padding-top: 3.125rem;

	width: 68%;
	text-align: justify;
	justify-content: space-between;

}

.about-con>img{

	width: 100%;

}

.about-con .con-details{

	margin-right: 5rem;

}

.box-aboutUs .container{

	justify-content: space-between;

}

.box-aboutUs .container >.pic-box{

	flex-shrink: 0;

	width: 30%;

	height: auto;

}

.about-bottom{

	margin-bottom: 2rem;

	overflow: hidden;

	position: relative;

}

.about-bottom .btn-more{

	position: absolute;

	bottom: 0;

	left: 0;

}

.about-arrow{

	position: absolute;

	left: 0;

	top: 0;

	display: flex;

	width: 80%;

	z-index: 1;

}

.about-bottom>img{

	position: relative;

	width: 100%;

	z-index: 0;

}

.about-arrow .arrow{

	color: #191919;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

}

.about-arrow .arrow b{

	padding-right: 0.5rem;

	line-height: 1;

	font-size: 3.75rem;

	font-family: DIN;

}

.about-arrow .arrow>small{

	padding:0.5rem 0;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	font-size: 1.125rem;

	align-items: center;

}

.about-arrow .arrow p{

	padding-top: 1rem;

	font-size: 1.125rem;

	flex-shrink: 0;

	width: 100%;

	text-align: center;

}

.box-product{

	padding-top: 5.9375rem;

	padding-bottom: 4.375rem;

	background:#f6f9fd url(../img/box2-bg.png) top left no-repeat;

	background-size: auto 100%; 

}

.box-product .container{

	display: block;

}

.box-qa{ 

	padding:3.75rem 0;

	background: url(../img/bg01.jpg) top left no-repeat;

}

.box-qa .container{

	justify-content: space-between;

}

.box-qa .inBox-til{

	margin-bottom: 3.75rem;

}

.box-qa .qa-til{

	margin-bottom: 3.75rem;

	font-size: 2.5rem;

}

.box-qa .qa-til span{

	font-weight: bold;

}

.box-qa .qa-til b{

	color: #5db733;

	display: block;

}

.box-qa .qa-stil{

	margin-bottom: 1.5rem;

	font-size: 1.25rem;

}

.toPage{

	text-align: right;

}

.qa-group{

	width: 55%;

	overflow: hidden;

}

.qa-group .qa-item{

	margin-top:2rem;

	position: relative;

	overflow: hidden;

	display: flex;

	align-items: center;

	background: #eee;

	color: #333333;

	font-size: 1.5rem;

	border-radius: 8rem;

	height: 8rem;

	width: 100%;

}

.qa-group .qa-item b,.qa-group .qa-item span{

	position: relative;

	z-index: 1;

}

.qa-group .qa-item i{

	position: absolute;

	left: 0;

	top:0;

	background: #5db733;

	height: 100%;

	width: 0;

	z-index: 0;

}

.qa-group .qa-item:hover,

.qa-group .qa-item.active,

.qa-group .qa-item:active{

	color: #fff;

	transition: all 0.5s linear;

}

.qa-group .qa-item:hover i,

.qa-group .qa-item.active i,

.qa-group .qa-item:active i{

	width: 100%;

	transition: all 0.5s linear;

}

.qa-group .qa-item b{

	flex-shrink: 0;

	margin: 0 2rem 0 2.5rem;

	color: #d2d2d2;

	background: #ffffff;

	border-radius: 50%;

	text-align: center;

	font-weight: bold;

	font-size: 2rem;

	line-height: 3.5rem;

	height: 3.5rem;

	width: 3.5rem;

}

.box-product .swiper-container {

	margin-bottom: 2.8125rem;

    width: 100%;

}  

.box-product .swiper-slide{

	text-align: center;

}

.box-product .swiper-slide img{

	width: 100%;

}

.inPro-item .pic-box{

	margin-bottom: 0.3125rem;

	display: block;

	border: 1px solid #eeeeee;

}

.inPro-item h3{

	padding:0.625rem;

	color: #595959;

	background: #fff;

	font-size: 1rem;

}

.proLink-item{

	padding:0 1.875rem;

	display: flex;

	justify-content: space-between;

	align-items: center;

	background: #2a6297;

	color: #fff;

	border-radius: 0.625rem;

	height: 5rem;

	width: 100%;

}

.proLink-item span{

	font-size: 1.25rem;

}

.proLink-item span small{

	display: block;

	font-size: 0.875rem;

}

.proLink-item i{

	border: 2px solid #fff;

	border-radius: 100%;

	text-align: center;

	line-height: 2.75rem;

	font-size: 1.75rem;

	height: 2.875rem;

	width: 2.875rem;

}

.proLink-item:hover,.proLink-item:active,.proLink-item.active{

	color: #fff;

	background: #5db732;

}

.box-adv{

	padding: 6.25rem 0;

	background: url(../img/box3-bg.jpg) center center no-repeat;

	background-size: 100% 100%;

}

.box-adv .swiper-container{

	width: 100%;

	padding-bottom: 9rem;

}

.box-adv .swiper-container .swiper-slide .adv-item{

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	align-items: center;

}
.box-adv .swiper-container .swiper-slide .adv-item .adv-con{

    width: 60%;

}
.box-adv .swiper-container .swiper-slide .adv-item .pic-box{

    width: 50%;

}
.adv-til{

	color: #fff;

	margin-bottom: 4.375rem;

}

.adv-til b,.adv-til small{

	display: block;

}

.adv-til small{

	margin-bottom: 1rem;

	font-weight: bold;

	color: rgb(255,255,255,0.3);

	font-size: 2rem;

}

.adv-til b{

	font-size: 4.875rem;

	margin-bottom: 3.75rem;

}

.adv-til span{

	font-size: 3.125rem;

	font-weight: bold;

}

.adv-stil{

	margin-bottom: 2.25rem;

	font-size: 1.75rem;

	color: #5db732;

}

.adv-con p{

	width: 85%;

	font-size: 1.125rem;

	line-height: 2;

	color: #fff;

}

.swiper-pagination2{

	display: flex;

	flex: 1;

}

.box-adv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

	position: relative;

	margin: 0 1px;

	width: 25%;

	height: 5.625rem;

	line-height: 5.625rem;

	font-size: 1.5rem;

	border-radius: 0;

	opacity:100;

	background: #fff;

}

.box-adv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{

	background: #5db732;

	color: #fff;

}

.box-adv .swiper-pagination-bullet-active::before{

	content: "";

	position: absolute;

	top:-24px;

	left:50%;

	margin-left:-12px;

	width: 0;

	height: 0;

	border-top: 12px solid transparent;

	border-right: 12px solid transparent;

	border-bottom: 12px solid #5db732;

	border-left: 12px solid transparent;

	

}

.box-panners{

	padding: 4.375rem 0 3rem 0;

	background: #f4f4f4;

}

.box-panners .container{

	display: block;

}

.box-panners .panner-item{

	margin-bottom: 1.5rem;

	display: block;

	border: 1px solid #eee;

	/* max-height: 9rem; */

	background: #fff;

	overflow: hidden;

}

.box-panners .panner-item img{

	width: 100%;

}

.box-panners .panner-item:hover{

	border:1px solid #5db733;

	transition: all 0.5s linear;

}

.box-news{

	padding: 4.375rem 0;

}

.index-tab .tab-content>.active{

	display: flex;

} 
.tab-content-new>.tab-pane{
	display: unset;
    visibility: unset;
}

.index-tab .inBox-til{

	float: left;

	width: auto;

}

.index-tab .nav-tabs{

	margin-bottom: 0;

}

.box-picNews{

	margin-right: 4.375rem;

	overflow: hidden;

	padding: 2rem;

	width: 30%;

	background: #f8f8f8;

}

.box-picNews>span{

	font-size: 1.25rem;

	color: #7d7d7d;

}

.box-picNews h3{

	padding:1.5rem 0;

	font-size:1.25rem

}

.box-picNews p{

	color: #7d7d7d;

	text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    line-clamp: 3;

    -webkit-box-orient: vertical;

}

.box-picNews .pic-box{

	margin-bottom: 1.5rem;

}

.box-news .nav-tabs>li{

	float: right;

}

.inNews-item{

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: flex-start;



}

.inNews-item h4{

	margin-bottom: 1.5rem;

	display: flex;

	align-items: center;

	font-size: 1.25rem;

	justify-content: space-between;

	width: 100%;

}

.inNews-item h4 span{

	color:#333;

	max-width: 70%;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}

.inNews-item p{

	color: #7d7d7d;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;
	/* -ms-text */

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;

	-webkit-box-orient: vertical;

}

.banner-box{

	overflow: hidden;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	height: 23rem;

	margin-bottom: 2rem;
	margin-top:-1vw;

}

.banner-box .container{

	height: 100%;

	align-items: center;

}

.banner-box .container h1{

	padding:0.5rem 1.25rem;

	border-left: 4px solid #5db733;

	font-weight: bold;

}

.banner-box .container h1 span{

	color: #014e9e;

}

.banner-box .container h1 small{

	padding-top: 0.5rem;

	display: block;

}

.page-tab{

	width: 100%;

}

.page-tab .nav-tabs{

	border-bottom: 1px solid #c0c0c0;

	background: #fff;

}





.page-tab .nav-tabs>li{

	margin-bottom: -3px;

	border-bottom: 3px solid transparent;

}

.page-tab .nav-tabs>li>a{

	padding-top: 1.5rem;

	padding-bottom: 1.5rem;

	font-size: 1.5rem;

}

.page-tab .nav-tabs>li.active>a, 

.page-tab .nav-tabs>li.active>a:hover, 

.page-tab .nav-tabs>li.active>a:focus{

	background: none;

	border-bottom: 3px solid #2a6297;

	color: #2a6297;

	

}



.left-box{

	width: 18rem;

	margin-right: 30px;

	flex-shrink: 0;

}

.left-box>h2{

	margin-bottom: 5px;

	padding: 1.875rem;

	background: #2a6297;

	font-size: 1.5rem;

	font-weight: bold;

	color: #fff;

}

.left-box>h2>small{

	padding-top: 0.5rem;

	display: block;

	color: #b8b8b8;

	font-size: 0.8rem;

}

.left-nav a{

	display: block;

}

.left-nav>li{
	margin-bottom: 3px;
}

.left-nav>li>a{

	display: flex;

	justify-content: space-between;

	margin-bottom: 2px;

	padding: 0 20px;

	background: #eeeeee;

	font-size: 1.125rem;

	color: #262626;

	line-height: 50px;

	height: 50px;

}

.left-nav>li:hover>a,.left-nav>li.active>a{

	background: #f37d36;

	color: #fff;

}

.left-nav li>ul{

	display: none;

}

.left-nav li.active>ul{

	display: block;

}

.mid-child>li{

	margin-bottom: 2px;

}
.mid-child{
	border-left:1px solid #eee;
	border-right: 1px solid #eee;
}

.mid-child>li>a{
	/* background: #eeeeee; */
	color: #262626;
	/* font-weight: bold; */
	padding: 0 20px;
	height: 2.25rem;
	line-height: 2.25rem;
}

.next-child>li>a{
	padding: 0 20px;
	color: #666;
}

.mid-child>li>a>i{
	color:#5cb630 ;
}
.mid-child>li:hover>a, .mid-child>li:active>a, .mid-child>li.active>a, .mid-child>li:focus>a{
	color: #f37d36;
    font-weight: bold;
}

.next-child{
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}
.next-child>li>a{
	line-height: 2.4;
}
.next-child>li:hover>a,
.next-child>li:active>a,
.next-child>li.active>a,
.next-child>li:focus>a{
	color: #5cb630;
	font-weight: bold;
}
.pro-item{

	margin-top: 1.875rem;

	display: block;

	border:1px solid #eee;

	color: #7d7d7d;

}

.pro-item h4{

	padding: 1rem 1rem 0.75rem 1rem;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;
	font-size: 100%;

}

.pro-item>span{

	display: block;

	margin:  0 1rem;

	padding:0.75rem 0;

	border-top: 1px solid #eee;

}

.pro-item>span>.iconfont{

	float: right;

}

.pro-item .pic-box{	

	position: relative;

}

.pro-item .pic-box span{

	position: absolute;

	left: 0;

	top:0;

	opacity: 0;

	overflow: hidden;

	height: 100%;

	width: 100%;

}

.pro-item:hover .pic-box span{

	display: flex;

	flex-direction: column;

	justify-content: center;

	background: rgba(0,0,0,0.7);

	align-items: center;

	transition: all 0.5s linear;

	opacity: 100;

	color: #fff;

}

.pro-item:hover .pic-box span b{

	margin-bottom: 3rem;

	font-size: 1.125rem;

	padding: 0 1vw;
}

.pro-item:hover .pic-box span i{

	font-size: 2rem;

}

.proDetails-info{

	margin: 1.875rem 0;

}

.proDetails-info .container{

	display: block;

}

.proDetails-info .container .info-box{

	padding: 2rem 1rem;

	background: #fff;

	overflow: hidden;

}

.proDetails-info .pic-box{

	border: 1px solid #eee;

}

.pd-nav-tabs{

	margin-bottom: 1.875rem;

}

.pd-nav-tabs>li{

	width: 25%;

	text-align: center;

}

.pro-info {

	/* width: 63%; */
	width: 88%;
}

.pro-info h2{

	margin-bottom: 2rem;

	position: relative;

	padding: 1.5rem 0;

	color: #014e9c;

	font-size: 1.875rem;

}

.pro-info h2::before{

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	background: #014e9c;

	height: 3px;

	width: 10%;

}

.pro-con{

	padding: 2rem 0;

	overflow: hidden;

	background: #fff;

}



.pro-con .sbox-til{

	margin-left: 1rem;

	position: relative;

	padding-left: 1.875rem;

	font-size: 1.25rem;

}

.pro-con .sbox-til::before{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 3px;

	background: #5cb630;

}
.right-box{
	flex-grow: 1;
	overflow: hidden;
}
.right-box .page-menu{

	border-bottom: 1px solid #c0c0c0;

	padding-bottom: 1rem;

	padding-top: 0;

}



.news-item{

	display: block;

	padding:1.875rem 0;

	border-bottom: 2px solid #eee;

	display: flex;

	/* justify-content: space-between; */

	align-items: center;

}

.news-item:hover,.news-item:active,.news-item:focus{

	border-bottom: 2px solid #2a6297;

}

.news-item .pic-box{

	flex-shrink: 0;

	width: 23%;

	maxheight: 11.375rem;

	overflow: hidden;

}

.news-item>.news-info{

	margin: 0 2.1875rem;
	width: 80%;

}

.news-item>.news-info>h3{

	font-size:1.25rem;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	color: #292929;

}

.news-item>.news-info>p{

	color: #7d7d7d;

	text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;
	word-break: break-all;

}

.news-item>.news-info>small{

	display: block;

	font-size: 1rem;

	padding:1.25rem 0;

	color: #c0c0c0;

}

.news-item>.icon-right{

	flex-shrink: 0;

	display: inline-block;

	text-align: center;

	color: #c0c0c0;

	border:2px solid #eee;

	line-height: 2.8rem;

	border-radius: 50%;

	width: 2.85rem;

	height: 2.85rem;

}

.news-item:hover .news-info>h3,

.news-item:active .news-info>h3,

.news-item:focus .news-info>h3{

	color: #2a6297;

}

.news-item:hover>.icon-right,

.news-item:active>.icon-right,

.news-item:focus>.icon-right{

	background: #2a6297;

	border-color: #2a6297;

	color: #fff;

}

.time-box{
	flex-shrink: 0;
	flex-grow: 0;
	padding:1.875rem 2.2rem;
	text-align: center;
	background: #eee;
	color: #7e7e7e;
}
.right-box .time-box{
	padding:1.875rem 1.5rem;
}
.time-box>span{
	font-size: 4rem;
	line-height: 1;
}
.time-box>small{
	font-size: 1.2rem;
	display: block;
	white-space: nowrap;
}

.con-box{

	overflow: hidden;

	margin-bottom: 1.5rem;
	width: 100%;

}

.con-box .toLink{

	margin-bottom: 0.5rem;

	padding: 0.5rem 1rem;

	display: block;

	font-size: 0.8rem;

	white-space: nowrap;

	text-overflow: ellipsis;

	background: #f6f6f6;

	color: #737373;

}

.con-til{

	margin-bottom: 1.25rem;

	padding: 1.25rem;

	text-align: center;

	border-bottom: 1px solid #c0c0c0;

}

.con-til h1{

	font-size: 1.5rem;

	margin-bottom: 1rem;

}

.con-til p span{

	padding:0 10px;

	color: #737373;

	font-size: 0.8rem;

}

.about-til{

	padding: 2rem 0;

	text-align: center;

}

.con-details{

	overflow: hidden;

}

.con-details p{

	line-height: 1.8;

	color: #434343;

	font-size: 1rem;

	margin-bottom: 1rem;
	text-align: justify;
    justify-content: space-between;

}

.con-details img{

	max-width: 100%;

}

.slide-bar{

	position: fixed;

	right: 0;

	/* bottom:22rem; */
	top: 48%;
	z-index: 1000;
	/* width:7%; */

}
.icon-show{
	background: #001f3f;
    padding: 1rem;
    position: absolute;
    /* left: -7.5rem; */
    top: 2px;
    /* bottom: 15.5rem; */
    left: 0;
    border-radius: 5px 0 0 5px;
    display: none;
}

.icon-qrcode:hover .icon-show{
	display: block;
}
.icon-qrcode:hover .iconfont-qr,.icon-qrcode:hover .smallqr{
	overflow:hidden;
}

.slide-bar>a{

	margin-bottom: 1rem;

	padding:1rem;

	display: block;

	border-radius: 5px 0 0 5px;

	text-align: center;

	color: #fff;
	background-color: #024e99;

}

.slide-bar>a:focus{

	transition: all 1s linear;

}

.slide-bar>a i{

	font-size: 2rem;

}

.slide-bar>a>small{

	display: block;

}
/* .slide-bar>.icon-qrcode>.icon-show{ */
	/* width:100%; */
	/* display:none;
}
.slide-bar>.icon-qrcode:hover .icon-show{
	display:inline-block;
}
.slide-bar>.icon-qrcode:hover .iconfont-qr,.slide-bar>.icon-qrcode:hover .smallqr{
	display:none;
} */

.slide-bar>a:first-child{

	background: #001f3f;

}

.slide-bar>a:last-child{

	background: #5cb632;

}

.rePro-box{

	padding: 1.875rem;

	margin-top: 1.875rem;

	background: #fff;

	overflow: hidden;
	width: 100%;

}

.rePro-box h3{

	padding-bottom:1rem;

	margin-bottom: 1.5rem;

	color: #7d7d7d;

	border-bottom: 1px solid #eee;

	font-size: 0.95rem;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}

.load-group{

	margin-left: -15px;

	margin-right: -15px;

	overflow: hidden;

}

.load-item{

	overflow: hidden;

	display: block;

	border:1px solid #eee;

	line-height: 1.875rem;

}

.load-item i{

	float: left;

	background: #014E9C;

	color: #fff;

	text-align: center;

	line-height: 1.875rem;

	height: 1.875rem;

	width: 1.875rem;

	margin-right: 1rem;

}

.btn-box{

	padding:0 15px 15px 15px;

	background: #fff;

	text-align: right;

}

.pro-datailscon{
	width:100%;
}

.fixed{

	position: fixed;

	z-index: 1000;

	transform: translateZ(0);

}

.nav-bar{

	background: #fff;

	margin-bottom: 2rem;

	width: 100%;

}

.nav-bar>li{

	display: inline-block;

}

.nav-bar>li>a{

	cursor: pointer;

	padding: 1.5rem 3rem;

	display: block;

	font-size: 1.25rem;	

}

.nav-bar>li:hover>a,

.nav-bar>li:active>a,

.nav-bar>li.active>a,

.nav-bar>li:focus>a{

	border-bottom: 4px solid #2a6297;

}
.con-position{
	background-color: #f7f7f7;
	padding: 1.5rem 0 0 0;
}
.modal-body{
	padding:unset;
}

@media screen and (max-width: 1920px) {
	/* .new-position{

		padding:0 7% 1.5rem 13.5%;
	} */
	.icon-qrcode:hover .icon-show{
		padding:9px;
	}
}
@media screen and (max-width: 1680px) {
	/* .new-position{

		padding:0 7% 1.5rem 7%;
	} */
}
@media screen and (max-width: 1440px) {
	/* .new-position{

		padding:0 6% 1.5rem 6%;
	} */
	/* .icon-show{
		bottom: 15.2rem;
	} */
	.icon-qrcode:hover .icon-show {
		padding: 4px;
	}
}

@media screen and (max-width: 1280px) {

	header .nav-group>li>a{

		font-size: 1.125rem;

	}

	header .logo>img{

	height:3.75rem；
	

	}

	div,ul>li{

		font-size: 1.125rem;

	}

	p,.page-menu,.con-details p,.toPage{

		font-size: 1.125rem;

	}

	.page-tab .page-menu{

		padding-top: 2rem;

	}

	.left-nav li a{

		font-size: 1.125rem;

	}

	footer .container .link-map dl dt{
		font-size: 1.25rem;
	}
	footer .container .link-map dl dd{
		font-size: 1.125rem;
	}
	.tel{

		font-size: 1.25rem;

	}

	/* .new-position{
		
		padding:0 4% 1.5rem 4%;
		width: 75%;
		padding-left: 15px;
		padding-bottom: 1.5rem;
	} */

}

/* @media screen and (max-width: 1197px) {
	.slide-bar {
		width: 10%;
	}
} */

@media screen and (max-width: 1180px) {
	header .nav-group>li>a{
		font-size: 1rem;
	}
	header .nav-group>li {
		margin-right: 0rem;
	}
}
@media screen and (max-width: 1058px) {
	header .nav-group>li>a {
    font-size: 0.125rem;
	}
}

@media screen and (max-width: 1024px) {

	header .nav-group>li>a{

		font-size: 1.125rem;

	}

	header .logo>img{

		height:3.75rem

	}

	header .nav-group>li{

		margin-right: 0;

	}

	.swiper-container1 .swiper-slide{

		width: 23.5%;

	}

	.proLink-item{

		margin-bottom: 1rem;

	}

	.navbar-form .form-group{

		margin-top:1rem;

	}

	.box-picNews{

		margin-right: 1rem;

	}
	/* .new-position{
		width: 91.5%;
		padding: 0 1.5% 1.5rem 1.5%;
	} */
	/* .icon-show {
		bottom: 16.3rem;
	} */
	.icon-show img{
		width:100%;
	}
}

@media screen and (max-width: 992px) {

	header .logo>img{

		height:3.75rem

	}

	.swiper-container1 .swiper-slide{

		width: 31.5%;

	}

	.about-con{

		width: 100%;

	}

	.index-box>.container{

		flex-wrap: wrap;

	}

	.qa-group .qa-item{

		font-size: 1.25rem;

	}

	.box-picNews{

		width: 35%;

	}

	.mobile-link a{

		font-size: 2rem;

	}

	.about-arrow{

		width: 100%;

	}

	.con-details{

		width: 100%;

	}

	/* .new-position{
		width: 91.5%;
		padding: 0 1.5% 1.5rem 1.5%;
	} */


}

@media screen and (max-width: 768px) {

	header .logo>img{

		height: 3.25rem;

	}

	.adv-item>div{

		width: 100%;

	}

	.qa-con{

		width: 100%;

	}

	.qa-group .qa-item{

		font-size: 1.5rem;

	}

	.box-adv .swiper-container .swiper-slide .adv-item{

		flex-wrap: wrap;

	}

	.qa-group{

		width: 100%;

	}

	.adv-con{

		width: 100%;

	}

	.pic-box{

		width: 100%;

	}

	.toPage{

		text-align: center;

	}

	.news-item>.news-info{

		margin: 0 1.5rem;

	}
	.box-adv .swiper-container .swiper-slide .adv-item .adv-con {
		width: 100%;
	}
	.box-adv .swiper-container .swiper-slide .adv-item .pic-box {
		width: 100%;
		margin-bottom: 10vw;
	}
	.container .index-tab{
		width: 100%;
	}
	.inNews-group {
		display: unset;
		height: 26rem;
		width: 100%;
		line-height: 2;
	}
	.inNews-group .inNews-item {
		padding: 3vw 0vw;
	}
	.inNews-group .inNews-item h4{
		margin-top: 2vw;
		margin-bottom: 3vw;
	}
}


.modal-content{

	border-radius:1rem;

	border-top: 0.626rem solid #0a4b8f;

	z-index: 99;

}

.modal-header{
	padding-top:1.5rem;
	border:0;
	text-align: center;
	color: #0f4e9e;
}

.modal-header .close{
	position: absolute;
	float: none;
	right: 2rem;
	top:2rem;
	font-size: 1rem;
}

.modal-title {
	font-size: 2.25rem;
}

.modal-title small{

	padding: 0.5rem 0;

	display: block;

	color: #c9c9c9;

	font-size: 1.5rem;

}

.modal-body .form-group{

	display: flex;

	background: #f2f0f1;

}

.modal-body .form-group label{

	margin: 0;

	padding: 0 0.75rem;

	line-height: 3.125rem;

	color: #f00;

}

.modal-body .form-group .form-control{

	background: none;

	padding: 0.8rem;

	height:3.125rem;

	box-shadow:none;

	border: 0;

}

.modal-body .form-group textarea.form-control{

	height: 10rem;

	overflow: auto;

}

.modal-body .btn-msg{

	height:3.125rem;

	background: #2a6297;

	color: #fff;

	font-size: 1.25rem;

	border-radius: 0;

}

.header-layer{

	padding:1rem;

	background: #f4f4f4;

	position: fixed;

	left: 0;

	right: 0;

	top:4.375rem;

	bottom: 0;

	height: calc(100% -4.375rem);

	z-index: 999;

}

.search-layer{

	

}

.nav-layer{

	background:#fff;

}

.nav-layer ul li{

	margin-bottom: 0.3125rem;

}

.nav-layer ul li>a{

	text-align: center;

	background: #f4f4f4;

	padding: 0.75rem 0;

	display: block;

}

.nav-layer ul li:hover a,.nav-layer ul li:active a,.nav-layer ul li:focus a{

	background: #5db732;

	color: #fff !important;

}

.layer-form{
	border-bottom: 1px solid #C0C0C0;
	display: flex;
	justify-content: space-between;
}
.layer-form>form{
	display: flex;
	justify-content: space-between;
	width: 92%;
}
.layer-form>span{
	padding-right: 1rem;
	display: inline-block;
	line-height: 34px;
}

.layer-form .form-control{

	border: 0;

	box-shadow: none;

	border-radius: 0;

	background: none;

	width: 80%;

}

.dis{

	display: none;

}

.open{

	display: block;

}
/* @media screen and (max-width: 858px) {
	.icon-show{
		width:100%;
	}
}
@media screen and (max-width: 705px) {
	.slide-bar {
		width: 16%;
	}
} */

@media screen and (max-width: 480px) {

	.btn-more{

		width: 6rem;

		line-height: 2rem;

		height: 2rem;

	}

	p,.page-menu,.con-details p,.toPage{

		font-size: 1rem;

	}

	header,header .container{

		/* height: 4.375rem; */

	}

	.banner-box+.container,index-box .container{

		flex-wrap: wrap;

	}

	body{

		padding-top: 4.375rem;

	}

	header .navbar-nav{

		margin: 0;

	}

	header .logo>img{

		height:2.75rem

	}

	header .nav>li>a{

		line-height: 2;

	}

	footer{

		padding-top: 2rem;

	}

	footer .container{

		flex-direction: row;

	}

	footer .container .contact-info ul li{

		font-size: 0.7rem;

	}

	footer .container .code-box{

		width: 25%;

	}

	footer .copyright{

		font-size: 0.8rem;

		text-align: center;

	}

	.mobile-link a{

		font-size: 1.25rem;

	}

	.swiper-container1 .swiper-slide{

		width: 46%;

	}

	.inBox-til{

		font-size: 1.4rem;

		height: 5rem;

	}

	.banner-box{

		height: 15rem;

		margin-bottom: 0;
		margin-top: -6vw;

	}

	.proLink-item{

		margin-bottom: 1rem;

	}

	.pd-nav-tabs>li{

		width: auto;

	}

	.page-tab .nav-tabs{

		text-align: center;

	}

	.page-tab .nav-tabs>li{

		float: none;

		display: inline-block;

	}

	.page-tab .nav-tabs>li>a{

		font-size: 1rem;

		

	}

	.box-product{

		padding:2rem 0;

		background-size: 100% auto;

	}

	.pro-item h4{

		font-size: 0.875rem;

	}

	.proDetails-info .container .info-box{

		padding: 1rem 0;

	}

	.pro-con .sbox-til{

		margin-left: 0;

		margin-bottom: 1rem;

	}

	.pro-info{

		width: 100%;

	}

	.pro-item{

		height: 18rem;

		overflow: hidden;

	}

	.pro-item .pic-box{

		height: 11.875rem;

	}

	.qa-group{

		width: 100%;

	}

	.qa-group .qa-item{

		height: 5rem;

		font-size: 1rem;

	}

	.box-qa .inBox-til{

		margin-bottom: 0;

	}

	.box-qa .qa-til{

		margin-bottom: 2rem;

		font-size: 1.5rem;

	}

	.qa-group .qa-item b{

		margin-left: 1.2rem;

		margin-right: 1.2rem;

		line-height: 2.5rem;

		height: 2.5rem;

		width: 2.5rem;

	}

	.box-adv{

		padding: 2rem 0;

		background-position: top center;

		background-size: auto 100%;

	}

	.adv-til{

		font-size: 1.5rem;

		margin-bottom: 2rem;

	}

	.box-adv .swiper-container{

		padding-bottom: 3rem;

	}

	.adv-til b{

		font-size: 3rem;

		margin-bottom: 2rem;

	}

	.box-adv .swiper-container .swiper-slide .adv-item{

		flex-direction: column;

	}

	.box-adv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

		font-size: 0.875rem;

		height: 3rem;

		line-height: 3rem;

	}

	.adv-con p{

		width: 100%;

		font-size: 0.875rem;

	}

	.box-picNews{

		width: 100%;

		margin-right: 0;

		margin-top: 2rem;

		margin-bottom: 2rem;

	}

	.box-news{

		padding:2rem 0;

	}

	.index-tab .tab-content>.active{

		flex-wrap: wrap;

	}

	.box-news .nav-tabs{

		clear: both;

		margin-top: 2rem;

		text-align: center;

	}

	.box-news .nav-tabs>li{

		float: none;

		display: inline-block;

	}

	.box-panners{

		padding-top:2rem;

		padding-bottom: 0;

	}

	.left-box{

		width: calc(100% + 30px);

		margin-left: -15px;

		margin-right: -15px;

	}

	.box-aboutUs{

		padding-bottom: 0;

	}

	.about-bottom{

		padding-bottom: 4rem;

	}

	.about-con{

		padding-top: 0;

		width: 100%;

	}

	.about-con .con-details{

		margin-right: 0;

	}



	.about-arrow .arrow b{

		padding-right: 0.5rem;

		line-height: 1.2;

		font-size: 2.2rem;

		font-family: DIN;

	}

	.about-arrow .arrow>small{

		padding:0;

		display: flex;

		flex-direction: column;

		justify-content: space-between;

		font-size: 0.6rem;

		align-items: center;

	}

	.about-arrow .arrow p{

		padding-top: 1rem;

		font-size: 0.8rem;

		flex-shrink: 0;

	}

	.left-box>h2{

		padding: 1rem 1.5rem;

		font-size: 1.5rem;

	}

	.left-box>h2>small{

		padding-left: 1rem;

		display: inline-block;

	}

	.news-item>.news-info>small{

		padding:0.5rem 0;

	}

	.news-item .pic-box{

		/* height: 8.25rem; */

	}
	.news-item-mob .pic-box-mob{
		display: none;
	}

	.news-item-mob>.news-info{
		margin: 0 1rem;
		width: 73% !important; 
	}
	.news-item .pic-box img{

		/* width: auto; */

		/* height: 100%; */
		width: 100%;

	}

	.box-picNews{

		padding: 1rem;

	}

	.time-box{
		padding:0.8rem;	
	}
	.time-box>span{
		font-size:2rem;
		line-height: 1;
	}
	.time-box>small{
		font-size: 0.75rem;
		color: #7e7e7e;
		display: block;
		white-space: nowrap;
	}
	.slide-bar{
		top: 40%;
		z-index: 1000;
	}
	.iconfont-qr img{
		width: 2rem;
		display: flex;
		justify-content: center;
		margin-left: -1vw;
	}	
	/* .icon-show{
		width:100%;
	} */
	.icon-qrcode:hover .iconfont-qr, .icon-qrcode:hover .smallqr{
		display:none;
	}
	.slide-bar{
		width: 15%;
	}
	.slide-bar>a{
		width:100%;
		height: 16vw;
	}
	.slide-bar>a>small{
		display: none;
	}

	.slide-bar>a:first-child:hover{
		padding:5px;
	}

	.icon-show{
		background: #001f3f;
		padding: unset;
		position: unset;
		top:0;
		/* bottom: 15.5rem; */
		left: 0;
		border-radius: 5px 0 0 5px;
		display: none;
	}

	.slide-bar>a i{
		font-size: 1.5rem;
	}

	.pro-group+.toPage{
		min-height: 2rem;
		text-align: center;
	}

	.banner-box .container h1{

		font-size: 1.5rem;

	}

	.news-item{

		padding: 1rem 0;

	}

	.news-item>.news-info>h3{

		font-size: 1.25rem;

	}

	.news-item>.news-info{
		margin: 0 1rem;
		width: 50%;
	}

	.page-tab .nav-tabs>li>a{

		font-size: 1.125rem;

		padding: 1rem;

	}

	.load-item{

		margin-bottom: 1rem;

	}

	.rePro-box{

		padding: 1rem;

	}

	.nav-bar>li>a{

		padding: 0.9rem;

	}

	footer .container .contact-info .tel{
		font-size: 1.125rem;
	}
	.modal-title {
		font-size: 2rem;
	}
	.modal-header .close{
		right: 1rem;
		top: 1rem;
	}
}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	.inNews-item h4{

		width: 100%;

	}
	.inNews-item p{

		width: 100%;

	}
	.inNews-group{
		width: 100%;
	}
	.inNews-group .inNews-item{
		padding: 20px;
		width: 35%;
	}
	.inNews-item h4 span{
		max-width: 85%;
	}
	.box-picNews{
		width: 25%;
	}
	.index-tab .nav-tabs{
		width:49%;
	}
}