/*index*/

*{margin: 0;padding: 0;}


html{
	--main-color:#0958a3;
	--main-active-color:#0958a3;
	--nav-border-color:#0958a3;
	--child-nav-color:#0958a3;
	--child-nav-active-color:#0958a3;
	--child-nav-active-bgcolor:#0958a3;
	--red-color:#0958a3
}
html,body{font-size: 14px;color: var(--main-color);}
.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{background-color: #fafafa;}
#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: 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%;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(9,88,163, 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: 26px 30px;}
#index .section-1 .item .info h4{font-size:16px;color: var(--main-color);border-bottom: 1px solid #ddd;padding-bottom: 18px;margin-bottom: 18px;}
#index .section-1 .item .info p{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{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{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{color:#fff;text-align: justify;line-height: 2;font-size: 16px}
#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) {

html{
	--main-color:#0958a3;
	--main-active-color:#0958a3;
	--nav-border-color:#0958a3;
	--child-nav-color:#0958a3;
	--child-nav-active-color:#0958a3;
	--child-nav-active-bgcolor:#0958a3;
	--red-color:#0958a3
}
html,body{font-size: 14px;color: var(--main-color);}
.img-cover{width: 100%;height:100%;object-fit: cover;}
.container{ min-width: 100% !important;}


header .bot .certIcon{}
header .bot .certIcon .item{position: relative;margin-left: 10px;cursor: pointer;}
header .bot .certIcon .item > img{max-width: 37.5px;}
header .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;}
header .bot .certIcon .item .img img{max-width:100px;}
header .bot .certIcon .item > img:hover + .img{display: block}





#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;}
}