/*banner*/
.banner .swiper-slide{text-align: center; background-color: #090d18;}
.swiper-pagination-bullet{background: #fff; width: 10px; height: 10px;}
.banner .swiper-pagination-bullet-active{background: #ffd56f;}
@media (max-width:767px){
	.swiper-button-next, 
	.swiper-button-prev{background-size: 15px 24px;}
}

.main{background:url(http://www.congshi2008.com/template/pc/img/box1_bg.jpg) repeat center center;  width:100%}

/*service*/
.service{padding: 80px 0 ;}
.service .cont{margin: 50px 0 0;}
.service .cont ul{margin: 0 -10px;}
.service .cont li{float: left; width: 20%; padding: 0 10px;}
.service .cont .item{position: relative; box-shadow: 5px 5px 5px #dadada; display: block; text-align: center;}
.service .cont .box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transition: all .5s;}
.service .cont .icon{ width: 68px; height: 54px; overflow: hidden;margin: 50px auto; transition: all .5s;}
.service .cont .tit{ font-size: 20px; line-height: 20px; color: #333; transition: all .5s;}
.service .cont .desc{ color: #929292; line-height: 24px; display: block; width: 182px; margin: 23px auto 0; transition: all .5s;}
.service .cont .item:hover .box{background: none;}
.service .cont .item:hover .tit{color: #fff;}
.service .cont .item:hover .desc{color: #fff;}
.service .cont .item:hover .icon img { margin-top: -54px;}
@media (max-width:767px){
	.service{padding: 40px 0 20px;}
	.service .cont{margin: 25px 0 0 ;}
	.service .cont li{ width: 100%; margin-bottom: 20px;}
	.service .cont .box{position: static;padding: 20px ; }
	.service .cont .icon{margin: 30px auto;}
	.service .cont .tit{font-size: 16px;}
	.service .cont .desc{width: 100%; margin: 15px auto 0;}
	.service .cont .item:hover .box{background: rgba(0,0,0,0.3);}
}



/*product*/
.product{padding: 80px 0 ; background: url(http://www.congshi2008.com/template/pc/img/box2_bg.jpg) no-repeat top center; width:100%; background-size: cover;}
.product .cont{margin: 50px 0 0; text-align: center;}
.product .cont ul{/* width: 948px; display: inline-block;overflow: hidden; */}
.product .cont li{margin: 0 0 10px; /* float: left; width: 464px;  margin: 5px;*/ }
.product .item{position: relative; display: block; color: #fff;}
.product .item .box{position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); transition: all .5s; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center;}
.product .item .info{opacity: 1; transition: all .5s;}
.product .item .p1{font-size: 20px; line-height: 40px;}
.product .item .p2{font-size: 14px; color: #fff; line-height: 20px; text-transform: uppercase;}
.product .item:hover .box{background: none;}
.product .item:hover .info{opacity: 0;}
@media (max-width:767px){
	.product{padding: 40px 0 20px;}
	.product .cont{margin: 25px 0 0 ;}
	.product .cont li{ margin-bottom: 20px;}
}


/*kehu*/
.kehu{padding: 80px 0;}
.kehu .cont{text-align: center; margin: 50px 0 0 ;}
.kehu .cont ul{}
.kehu .cont li{float: left; width: 14.28%;}
.kehu .cont .item img{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1);transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease}
.kehu .cont .item:hover img{filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter:grayscale(0)}
@media (max-width:767px){
	.kehu{padding: 40px 0 ;}
	.kehu .cont{margin: 25px 0 0 ;}
	.kehu .cont li{width: 20%;}
	.kehu .cont li:last-child{display: none;}
}

.chose {padding: 0 0 80px; text-align: center;}
.chose .cont{text-align: center; margin: 50px 0 0 ;}
@media (max-width:767px){
	.chose{padding: 0 0 25px;}
	.chose .cont{margin: 25px 0 0 ;}
	.chose li{margin-bottom: 15px;}
}


/*news*/
.news{padding: 80px 0; background:url(http://www.congshi2008.com/template/pc/img/box4_bg.jpg) center center no-repeat; background-size:cover; overflow: hidden;}
.news .cont{margin: 50px 0 0 ; overflow: hidden;}
.news .cont .left{}
.news .left .item{display: block;}
.news .left .picfoucs img{width: 100%; height: 553px;}
.news .left p{ height: 40px; line-height: 40px; padding: 0 14px; background: #242426; color: #fff;}
.news .swiper-pagination{bottom: 0; height: 40px; margin: 0; text-align: right;}
.news .swiper-pagination-bullet{background: #fff; width: 10px; height: 10px; margin-top: 15px!important;}
.news .swiper-button-next,
.news .swiper-button-prev{width: 40px; height: 60px; background-color: rgba(0,0,0,0.5); background-size: 19px 32px;}
.news .right{}
.news .right .top{background: #242426; margin: 0 0 10px 0; padding: 20px;}
.news .right .top .tit{margin: 0 0 25px ;}
.news .right .top  .more{float: right; color: #fff;}
.news .right .item{display: flex;}
.news .right .m_1{padding-bottom: 18px;border-bottom: 1px dotted #666668;}
.news .right .item .picfocus{width: 187px;}
.news .right .item .info{flex: 1; margin: 0 0 0 20px;}
.news .right .item .title{font-size: 14px;  color: #fff; font-weight: bold;}
.news .right .item .date{font-size: 12px; color: #999;margin: 10px 0 ; display: block;}
.news .right .item .desc{font-size: 12px; line-height: 24px; height: 72px; color: #cfcfcf; overflow: hidden;}
.news .right .m_list li{text-align: right; line-height: 38px; color: #cfcfcf; font-size: 12px;  border-bottom: 1px dotted #666668;}
.news .right .m_list a{ float: left; text-align: left; width: calc(100% - 80px); color: #cfcfcf; font-size: 14px;}
.news .right .lxwm{background: #242426; height: 155px; padding: 20px ;}
.news .right .lxwm .info{ font-size: 12px; line-height: 24px; color: #ccc; margin: 10px 0 0;}
.news .right .lxwm .info a{ color: #ccc; }
@media (max-width:767px){
	.news{padding: 40px 0 ;}
	.news .cont{margin: 25px -15px 0 ;}
	.news .left .picfoucs img{height: auto;}
	.news .swiper-pagination{bottom: 20px;}
	.news .right{margin-top: 20px;}
	.news .right .item{display: block;}
	.news .right .item .picfocus{width: 100%;}
	.news .right .item .info{ margin:20px 0 0 0 ;}
}