/*index*/

html{
	--main-color:#d50b00;
	--main-active-color:#d50b00;
	--nav-border-color:#0958a3;
	--child-nav-color:#0958a3;
	--child-nav-active-color:#0958a3;
	--child-nav-active-bgcolor:#0958a3;
	--red-color:#0958a3
}



h2.bt {
	text-align: center;
	margin-bottom: 20px;
}

h2.bt b {
	font-weight: normal;
	font-size: 36px;
	color: #333333;
}

@media (max-width: 780px) {
    h2.bt b {
        font-size: 20px;
    }
}

h2.bt .tu {
    margin-top: 0.45rem;
    margin-bottom: 0.7rem;
}

h2.bt .tu img {
    max-width: 100%;
}

h2.bt p {
    font-size: 0.8rem;
    color: #666666;
}

@media (max-width: 780px) {
    h2.bt p {
        font-size: 14px;
    }
}



.img-cover{width: 100%;height:100%;object-fit: cover;}
.container{ min-width: 1230px !important;}



.bot .certIcon{}
.bot .certIcon .item{position: relative;margin-right:10px;cursor: pointer;}
.bot .certIcon .item > img{max-width: 37.5px;}
.bot .certIcon .item .img{background-color: #fff;border: 1px solid lightgray;box-shadow: 0 0 3px rgba(0,0,0,.15);padding: 5px;position: absolute;top:100%;right: 50%;transform: translateX(50%);display: none;z-index: 2;}
.bot .certIcon .item .img img{max-width:200px;}
.bot .certIcon .item > img:hover + .img{display: block}





#index{
	margin-bottom: 30px;
}
#index section{
	padding-top: 2.125rem;
	padding-right: rem;
	padding-bottom: 0;
	padding-left: 0;
}
#index .head{border-bottom: 2px solid lightgray;padding-bottom: 18px;margin-bottom: 30px;}
#index .head ul{margin-bottom: 0;}
#index .head ul.nav-pills .nav-item{font-size: 16px;}
#index .head ul.nav-pills .nav-item + .nav-item{margin-left: 24px}
#index .head ul.nav-pills .nav-link{
	padding: 0;
	color: #333333
}
#index .head ul.nav-pills .nav-link.active{
	background-color:transparent;
	color: #d50b00;
	position: relative
}
#index .head ul.nav-pills .nav-link.active::after{position: absolute;left:0;bottom: -20px; content: '';display: block;width: 100%;height:2px;background-color:var(--main-active-color);}

#index .head .more a{color: var(--main-active-color);text-decoration: none}
#index .head .more a:hover{color:var(--red-color)}

#index .section-1 .swiper-container{}
#index .section-1 .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;
	margin-bottom: 10px;
      }
#index .section-1 .item{ width:height: 325px;text-align: center}
#index .section-1 .item a{text-decoration: none;}
#index .section-1 .item .img{position: relative;height: 162.85px;}
#index .section-1 .item .img img{border-radius: 5px 5px 0 0;}
#index .section-1 .item .img .moreBox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px 5px 0 0;
	opacity: 0;
	background-color: rgba(213,11,0, 0.8);
	padding: 10px;
	transition: opacity linear 0.4s
}
#index .section-1 .item .img .moreBox .textBox{border: 1px solid #fff;height: 100%;color: #fff;}
     #index .section-1 .item img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

#index .section-1 .item .info{
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#index .section-1 .item .info h4{
	font-size:16px;
	color: #D50B00;
	border-bottom: 1px solid #ddd;
	padding-bottom: 18px;
	margin-bottom: 18px;
}
#index .section-1 .item .info p{
	margin-bottom: 0;
	line-height: 1.4;
	color:#333333;
	height: 75px;
	overflow: hidden;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
}
#index .section-1 .item:hover .img .moreBox{opacity: 1}
#index .section-1 .item:hover{background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.15)}
#index .section-1 .item:hover .info h4{color:var(--main-active-color)}


#index .section-1 .swiper-button-next,
#index .section-1 .swiper-button-prev{background-image:none;color:#4a7ca7;opacity:1;margin-top:-16px;font-weight:bold;outline:none}
#index .section-1 .swiper-button-next .iconfont,
#index .section-1 .swiper-button-prev .iconfont{font-size: 28px}
#index .section-1 .swiper-button-next{right:-35px}
#index .section-1 .swiper-button-prev{left:-35px}


#index .section-2 .cate-item{width: 590px;height: 325px; margin-right: 20px;margin-bottom: 20px;}
#index .section-2 .cate-item .img{border-radius: 5px;overflow: hidden;height: 100%;position: relative}
#index .section-2 .cate-item .img img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
#index .section-2 .cate-item .img .moreInfo{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 30px;background-color:rgba(0,0,0,.25);border-radius: 5px;}
#index .section-2 .cate-item .img .moreInfo h4{text-shadow: 1px 1px 2px #999999,-0px -0px 1px #999999;color:#fff;font-size: 24px;font-weight: bold;border-bottom: 1px solid #efefef;padding-bottom: 18px;margin-bottom: 18px;}
#index .section-2 .cate-item .img .moreInfo p{
text-shadow: 0px 0px 1px #999999,-0px -0px 1px #999999;
	color:#fff;
	text-align: justify;
	line-height: 1.7;
	font-size: 14px
}
#index .section-2 .cate-item .img .moreInfo div.text-right{position: absolute;bottom: 30px;right: 30px;}
#index .section-2 .cate-item .img .moreInfo span{color:#fff;display: inline-block;padding: 5px 15px;border-radius: 13px;border: 1px solid #fff;font-size: 12px;}
#index .section-2 .cate-item .img .moreInfo span:hover{background-color:var(--main-active-color);border-color:var(--main-active-color);box-shadow: 0 3px 6px rgba(0,0,0,.15)}

#index .section-2 .item{width:285px;margin-right: 20px;margin-bottom: 20px;background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.15);}


#index .section-2 .item:nth-child(3){margin-right: 0;margin-bottom: 20px;}
#index .section-2 .item:nth-child(n+3){margin-bottom: 20px;}
#index .section-2 .item:nth-child(7){margin-right: 0;}

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

.img-cover{width: 100%;height:100%;object-fit: cover;}
.container{ min-width: 100% !important;}




#index{background-color: #fafafa;}
#index section{padding: 3.125rem 0 0;}
#index .head{}
#index .head ul{margin-bottom: 0;}
#index .head ul.nav-pills .nav-item{font-size: 14px;}
#index .head ul.nav-pills .nav-item + .nav-item{margin-left: 14px}
#index .head ul.nav-pills .nav-link{padding: 0;color: var(--main-color)}
#index .head ul.nav-pills .nav-link.active{background-color:transparent;color: var(--main-active-color);position: relative}
#index .head ul.nav-pills .nav-link.active::after{position: absolute;left:0;bottom: -20px; content: '';display: block;width: 100%;}

#index .head .more a{color: var(--main-active-color);text-decoration: none}
#index .head .more a:hover{color:var(--red-color)}

#index .section-1 .swiper-container{}
#index .section-1 .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;
	margin-bottom: 10px;
      }
#index .section-1 .item{text-align: center; width:40%;}
#index .section-1 .item a{text-decoration: none;}
#index .section-1 .item .img{position: relative;}
#index .section-1 .item .img img{border-radius: 5px 5px 0 0;}
#index .section-1 .item .img .moreBox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 5px 5px 0 0;opacity: 0;background-color: rgba(82,171,64, 0.8);padding: 10px;transition: opacity linear 0.4s}
#index .section-1 .item .img .moreBox .textBox{border: 1px solid #fff;height: 100%;color: #fff;}
     #index .section-1 .item img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

#index .section-1 .item .info{padding: 6px 10px;}
#index .section-1 .item .info h4{font-size:14px;color: var(--main-color);border-bottom: 1px solid #ddd;padding-bottom: 8px;margin-bottom: 8px;}
#index .section-1 .item .info p{display:none;margin-bottom: 0;line-height: 2;color:gray;height: 4em;overflow: hidden;}
#index .section-1 .item:hover .img .moreBox{opacity: 1}
#index .section-1 .item:hover{background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.15)}
#index .section-1 .item:hover .info h4{color:var(--main-active-color)}


#index .section-1 .swiper-button-next,
#index .section-1 .swiper-button-prev{background-image:none;color:#4a7ca7;opacity:1;margin-top:-16px;font-weight:bold;outline:none}
#index .section-1 .swiper-button-next .iconfont,
#index .section-1 .swiper-button-prev .iconfont{font-size: 28px}
#index .section-1 .swiper-button-next{right:-35px}
#index .section-1 .swiper-button-prev{left:-35px}


#index .section-2 .cate-item{margin-bottom: 20px;}

#index .section-2 .cate-item .img .moreInfo p{color:#fff;text-align: justify;line-height: 2;font-size: 14px}


#index .section-2 .item{width:46%;background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.15); float:left;}
#index .section-2 .item:nth-child(1){margin-right: 20px;}
#index .section-2 .item:nth-child(2){margin-right: 20px;}
#index .section-2 .item:nth-child(3){margin-right: 0px;}

#index .section-2 .item:nth-child(4){margin-right: 20px;}

#index .section-2 .item:nth-child(5){margin-right: 0px;}


#index .section-2 .item:nth-child(n+3){margin-bottom: 20px;}
#index .section-2 .item:nth-child(7){margin-right: 0;}
}