/* CSS Document */
*{margin: 0;padding: 0;}
html,body{font-family: Microsoft Yahei,Arial,sans-serif;color: #343741;}
@media (min-width:1200px){
    html,body{font-size: 16px;}
}
@media (min-width:992px) and (max-width:1199px){
    html,body{font-size: 15px;}
}
@media (min-width:768px) and (max-width:991px){
    html,body{font-size: 14px;}
}
@media (min-width:576px) and (max-width:767px){
    html,body{font-size: 13px;}
}
@media (max-width:575px){
    html,body{font-size: 12px;}
}
.container{width:100%;}
section{padding:5.25rem 0 5rem;}
@media(max-width:576px){
    section{padding:3.25rem 0 3rem;}
}
a,a:hover{text-decoration: none;}

#fenye{clear:both; margin-top: 2rem;width: 100%;margin-bottom: 3.125rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0 0.5rem; line-height:2;font-size: 12px;margin: 0.25rem;border:1px solid #ddd;color: #333;}
#fenye a.curr{ border:1px solid #0068e0; color:#0068e0; }
#fenye span{font-size: 12px;}

.location{line-height: 2;padding-top:1.25rem;}
.location a{color:#132B62;text-decoration: none;}
.location a:hover{color:#f98e00;}

.bg-f5{background-color:#f5f5f5;}

/*header*/
header{background-color:#343741;color:#fff;font-size: 12px;padding: 0.875rem 0;}
header a{color:#fff;}
header a + a{border-left:1px solid #999;margin-left:1.25rem;padding-left:1.25rem;}
header a:hover{color:#f98e00;}

/*navigation*/
.navigation{box-shadow: 0 3px 6px rgba(0,0,0,.15);position: relative;z-index: 1050;}
.navigation .navbar{padding:1.25rem 0;}
.navigation .navbar .navbar-brand{max-width:9.375rem;}
.navigation .navbar .navbar-collapse .navbar-nav .nav-item .nav-link{color:#333;line-height: 2;padding: 0;font-weight: 600;font-size: 1.125rem;}
.navigation .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover{color:#f98e00;}
.navigation .navbar .navbar-collapse .navbar-nav .nav-item a.btn-sm{color:#fff;line-height: 2;border-radius: 18px;font-size: 12px;font-weight: bold;width:8rem;    background: -moz-linear-gradient(-90deg,rgb(0,176,233) 0%,rgb(0,86,166) 100%);
    background: -webkit-linear-gradient(-90deg,rgb(0,176,233) 0%,rgb(0,86,166) 100%);
    background: -ms-linear-gradient(-90deg,rgb(0,176,233) 0%,rgb(0,86,166) 100%);background: linear-gradient(-90deg,rgb(0,176,233) 0%,rgb(0,86,166) 100%);
}
.navigation .navbar .navbar-collapse .navbar-nav .nav-item a.btn-sm:hover{border:2px solid #0061ae;color:#0061ae;background:transparent;}
.navigation .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu{}
.navigation .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item{font-size: 0.875rem;line-height: 2;text-transform: capitalize;}
.navigation .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus,
.navigation .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover{
    background-color:#ececec;
}
@media(min-width:992px){
    .navigation .navbar .navbar-collapse{justify-content: flex-end;}
    .navigation .navbar .navbar-collapse .navbar-nav .nav-item + .nav-item{margin-left:1.25rem;}
}
@media(max-width:991px){
    #collapsibleNavbar{margin-top:1.25rem;border-top:1px solid #343741;}
    .navigation .navbar .navbar-collapse .navbar-nav .nav-item{border-bottom:1px solid #343741;padding:1rem 0 0.5rem;}
    .navigation .navbar .navbar-collapse .navbar-nav .nav-item .nav-link{font-size:14px;padding: 0;}
    .navigation .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu .dropdown-item{font-size:12px;}
}
/*carousel*/
#banner{height: 45vh;background-color:transparent;background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff;position: relative;}
#banner .wrapper{position: absolute;left:0;top:0;width:100%;height: 100%;background-color:rgba(0,0,0,.25);}
#banner h3{margin-bottom: 1.25rem;text-transform: uppercase;font-size: 3.75rem;-webkit-text-stroke: 2px #fff;color: #1f2b62;}
#banner p{text-transform: capitalize;font-size: 1.75rem;margin-bottom: 0;}
#banner a{display: inline-block;background-color:#132b62;color:#fff;margin-top:3.125rem;border:2px solid #132b62;line-height: 2.5;border-radius: 18px;font-size: 12px;font-weight: bold;text-align: center;padding: 0 2rem;box-shadow: 0 3px 6px rgba(0,0,0,.15);}
#banner a:hover{background-color:transparent;border-color:#fff;}
@media(max-width:576px){
    #banner a{margin-top:1.875rem;}
}
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	display: none;
	opacity: 0;
}#banner
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

/*footer*/
footer{background-color:#464646;color:#fff;}
footer .footer-top{padding-bottom: 2.5rem;}
footer h1{margin-bottom: 1.25rem;margin-top:3.125rem;}
footer .footer-mid{border-top: 1px solid #868686;}
footer .list{}
footer .list .item{width:33.333%;border-right:1px solid #868686;padding:1.25rem 0 2.5rem;}
footer .list .item:last-child{border-right:0;}
footer .list .item .img{min-width:4.625rem;max-width: 4.625rem;text-align: center;}
footer .list .item .img img{max-width:1.875rem;}
footer .list .item .info{}
footer .list .item h5{margin:0 0 0.625rem;font-size:1.25rem;}
footer .list .item p{margin-bottom:0;color:#eee;font-size: 12px;line-height: 2}
footer .list .item p a{color:#eee;}
footer .list .item p a:hover{color:#f98e00;}
footer .copyright{text-align:center;padding-bottom: 1.25rem;padding-top:1.25rem;background-color:#363636;}
footer .copyright p{margin-bottom:0;font-size: 12px;}
footer .copyright p + p{margin-top:0.5rem;}
footer .copyright p a{color:#eee;}
footer .copyright p a:hover{color:#f98e00;}
footer .addthis_inline_share_toolbox{text-align:center;margin:2.5rem 0 1.5rem;}
@media(max-width:768px){
    footer .footer-mid{padding-top:1.25rem;}
    footer .list .item{width:100%;text-align:left;display: flex;align-items: center;border-right: 0;}
    footer .list .item .info{flex-grow: 1;padding-left:1.25rem;}
    footer .list .item .info h5{margin-top:0;}
}
@media(max-width:576px){
    footer{margin-bottom:59px;}
}

#botNav{padding:10px 0;box-shadow: 0 -2px 3px -1px rgba(0,0,0,.15);background-color:#fff;position: fixed;left: 0;right: 0; bottom: 0;z-index: 1030; margin: 0;}
#botNav a{display:block;width: 25%;text-align: center;color:#666;height: 39px;float: left;}
#botNav a span{display:block;color:#000;font-size: 14px;}


/*index*/
.title{text-align:center;margin-bottom:1.875rem;}
.title h3{text-transform: capitalize;}
.section-1 p{line-height:2;margin-bottom: 0;text-align: justify;color:#666;}
.section-1 .item{margin-top:1.25rem;}
.section-1 a:hover{color:#f98e00;}

.section-2 .item{margin-top:1.875rem;position: relative;}
.section-2 .img{overflow:hidden;}
.section-2 .img img{transition: all linear 0.4s;}
/*
.section-2 p{color:#343741;line-height: 2;margin-top:0.5rem;margin-bottom: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section-2 .item:hover .img img{transform: scale(1.2);}
.section-2 .item:hover p{color:#f98e00;}
*/
.section-2 .info{position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,.35);color:#fff;padding:1.25rem;visibility: hidden;}
.section-2 .info p{font-size:12px;line-height: 2;}
.section-2 .info a{border-radius:0.25rem;font-size: 0.875rem;color:#fff;background-color:#f98e00;display: inline-block;width: 6rem;line-height: 2;margin: 0 auto;}
.section-2 .item:hover .info{visibility: visible;background-color:rgba(0,0,0,.75);}


.section-3{background:url('../img/advantagebg.png')center no-repeat;background-size: cover;}
.section-3 .title h3{color:#fff;}
.section-3 .item{margin-top:1.875rem;}
.section-3 .item .img{font-size: 2rem;width:3.75rem;line-height: 3.75rem;border-radius: 50%;text-align: center;background-color:#fff;color:#0056a6;margin: 0 auto;box-shadow: 0 3px 6px rgba(0,0,0,.15);position: relative;z-index: 1;}
.section-3 .item .info{background-color:#fff;border-radius: 0.25rem;color:#0056a6;padding:2.875rem 1rem 1.875rem;margin-top:-1.875rem;text-transform: capitalize;line-height: 2;}

.section-5 .item{background-color:#464646;color:#fff;padding: 1.875rem;width:48.5%;margin-top:1.25rem;}
.section-5 .item p{margin-bottom:0;line-height: 2;text-align: justify;}
.section-5 .item p + p{margin-top:1rem;}
.section-5 .item p i.fa{font-size:1.75rem;}
.section-5 .item p i.fa-quote-left{margin-right:1rem;}
.section-5 .item p i.fa-quote-right{margin-left:1rem;}
@media(max-width:767px){
    .section-5 .item{width:75%;}
    .section-5 .item + .item{margin-top:3.125rem;}
}
@media(max-width:576px){
    .section-5 .item{width:83.333%;}
}

.news .item{margin-top:1.25rem;background-color:#f5f5f5;border: 1px solid #cecece;}
.news .item .img{overflow: hidden;}
.news .item .img img{width:100%;height:100%;object-fit: cover;transition: all linear 0.4s;}
.news .item .info{padding: 1.25rem;}
.news .item h5{font-size: 1.125rem;overflow: hidden;margin-bottom: 0.5rem;line-height: 1.6;color:#000;}
.news .item p{font-size: 12px;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;color:#868686;}
.news .item span{font-size:12px;}
.news .item:hover .img img{transform: scale(1.1);}
.news .item:hover h5{color:#f98e00;}
.news .item:hover i{}
@media(min-width:992px){
    .news .item h5{text-overflow: ellipsis;white-space: nowrap;}
}

.product .item{margin-top:1.25rem;text-align: center;}
.product .item .img{overflow: hidden;border: 1px solid #ddd;box-shadow: 0 3px 6px rgba(0,0,0,.05);}
.product .item .img img{width:100%;height: 100%;object-fit: contain;transition: all linear 0.4s;}
.product .item p{line-height:2;color:#343741;margin-top:0.5rem;margin-bottom: 0.625rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.section-4 .item:hover .img{border-color:#f98e00;}
.product .item:hover .img img{transform: scale(1.2);}
.product .item:hover p{color:#f98e00;}

/*main*/
.main{padding-bottom:3.125rem;}
.main #MyContent{padding-bottom: 1.875rem;}
.content h5{text-align:center;margin-bottom: 1rem;line-height: 2;}
.content p{line-height: 2;text-align: justify;}
.content img{max-width:100%;}
.content div.row img.img-fluid{margin-bottom:1rem;}
.content p img{}
.content table{width:100%;border-collapse: collapse;margin-bottom: 1rem;}
.content table tr td{border:1px solid #ddd;padding:0.5rem 0.75rem;line-height: 2;font-size: 0.875rem;}
.content ul.redirect{}
.content ul.redirect li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;height: 2rem;line-height: 2rem;font-size:0.875rem;}
.content ul.redirect li a{color:#777;}
.content ul.redirect li a:hover{color:#f98e00;}
.main .list{margin-top:3.125rem;}


.faq .card{border:0;}
.faq .card + .card{margin-top:1rem;}
.faq .card .card-header{background-color:transparent;}
.faq .card .card-header a{color:#343741;}
.faq .card .card-header b{margin-right:0.5rem;}
.faq .card .card-header b i{width: 1.25rem;margin-left:-1.25rem;}
.faq .card .card-header b i::before{content:'\f067';}
.faq .card .card-header a[aria-expanded="true"]{}
.faq .card .card-header a[aria-expanded="true"] i::before{content:'\f068';}
.faq .card .card-body{background-color:rgba(0,0,0,.125);line-height: 2;}
.faq .card .card-body b{margin-right:0.5rem;}
.faq .card .card-body p{margin-bottom:0;text-align: justify;color:#666;}
.faq .card .card-body p + p{margin-top:0.625rem;}



form[name="myform1"]{padding: 1.875rem 1.25rem 1.25rem;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);border: 1px solid #ddd;}
form[name="myform1"] legend{border-bottom: 1px solid #ddd;padding-bottom: 0.5rem;margin-bottom: 1.25rem;}
form[name="myform1"] label span{color:crimson;}
form[name="myform2"]{height:47px;position: relative;background-color:#fff;border-radius: 23.5px;}
form[name="myform2"] input#KS_email{width:100%;background-color:transparent;padding: 10px 23.5px;line-height: 27px;font-size: 14px;border: 0;}
form[name="myform2"] input#KS_email:focus{border:0;outline: 0;}
form[name="myform2"] button[type="submit"]{position: absolute;right: 0;top: 0;border: 0;font-size: 27px;line-height: 47px;z-index: 9;cursor: pointer;padding: 0 23.5px;background-color: #f98e00;border-radius: 0 23.5px 23.5px 0;color: #fff;}

.faq form{margin-top:1.875rem;}