/* CSS Document */


/*首页轮播*/
.index-banner{width:100%;max-height: 870px;overflow: hidden;position: relative;}
.index-banner .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -50px; width: 80px; height: 100px;z-index: 9;opacity: 0.4; transition: .3s all;}
.index-banner .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 0; top: 50%; margin-top: -50px; width: 80px; height: 100px; z-index: 9;opacity: 0.4; transition: .3s all;}
.index-banner .arrow-left:hover,.index-banner .arrow-right:hover{opacity:1;}
.index-banner .swiper-container { height: 100%; width: 100%; } 
.index-banner .pagination { position: absolute; left: 0; text-align: center; bottom:20px; width: 100%;z-index: 9; } 
.index-banner .swiper-pagination-switch { display: inline-block; width: 0; height: 0;  margin: 0 3px; cursor: pointer;background-repeat: no-repeat;background-size: contain;background-position: center;} 
.index-banner .swiper-active-switch { background-image: url("../images/sub-mouse.png");width:24px;height: 46px; }
.index-banner .swiper-slide img{width: 100%;height: auto;}
/*iconup*/
.pt-moveIconUp{
	-webkit-animation: moveIconUp ease 2s both infinite;
	animation: moveIconUp ease 2s both infinite;
}
/*iconup*/
@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(30%); opacity:1;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(30%); opacity:1;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(30%); transform: translateY(30%); opacity:1;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(30%); transform: translateY(30%); opacity:1;}
}

/*视频-分类*/
.col2{padding:40px 0 60px 0;background: #fff;}
.col_ft{width:580px;height: auto;}
.fs_26b{font-weight:bold;font-size: 26px;color: #000;line-height: 80px;margin-bottom: 20px;width:100%;height: 80px;}
.view_more{line-height: 40px;height: 40px;font-size: 16px;color: #515151;}


.col_ft .v-con{width:580px;height: 326px;overflow: hidden;position: relative;margin-bottom: 20px;}
.col_ft .v-con .v-img{width:100%;height: 100%;}
.col_ft .v-con .vmask{position:absolute;top: 0;left: 0;width:100%;height: 100%;z-index: 2
;background-repeat: no-repeat;background-position: center;background-image: url("../images/icn-14.png");background-size: 50px 50px;}

.col_fr{width:590px;}
.cate_list{width:100%;}
.cate_list li{height: 70px;margin-bottom: 20px;}
.cate_list li a{display:inline-block;text-align: center;box-sizing: border-box;border: 1px solid #ebebeb;width: 275px;height: 70px;font-size: 16px;line-height: 70px;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;white-space: nowrap;color: #000;transition: .3s all;}
.cate_list li a:hover{box-shadow: 0 8px 10px rgba(0,0,0,0.1)}
.cate_list .hide_li{height:0;transition: .3s all;margin-bottom: 0;overflow: hidden;}


/*分类 ----按钮在右侧的*/
.col3_box{ width:100%; background-color:#FFF;display:flex}
.col3{width:100%;height: auto;position: relative;text-align: center;background-repeat: no-repeat;background-size: 100% auto;background-position: center; margin-bottom:20px;}
.c_img_none{display:none;}
.c_img_fr{width:100%;height: auto;display: inline-block;opacity: 0;float: left;}
.col3_child{width:100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;}
.c_con_fr{margin-right:4%;position: absolute;z-index: 2;right: 0;transform: translateY(100%);-webkit-transform: translateY(100%);float: left;}
.c_con_fr .fs_50b{width:auto;font-size: 40px;font-weight: bold;color: #fff; display:block; max-width:500px}
.c_con_fr .btn_more{width:200px;height: 50px;line-height: 50px;color: #fff;font-size: 20px;border:1px solid #fff;display: block;margin-top: 25px;}

.c_con_fl{margin-left:4%;position: absolute;z-index: 2;left: 0;transform: translateY(100%);-webkit-transform: translateY(100%);float: left;}
.c_con_fl .fs_50b{width:auto;font-size: 40px;font-weight: bold;color: #fff;; display:block; max-width:500px}
.c_con_fl .btn_more{width:200px;height: 50px;line-height: 50px;color: #fff;font-size: 20px;border:1px solid #fff;display: block;margin-top: 25px;}
@media screen and (min-width:1200px) and (max-width:1400px){
.c_con_fr{margin-right:4%;position: absolute;z-index: 2;right: 0;transform: translateY(70%);-webkit-transform: translateY(70%);float: left;}
	
.c_con_fl{margin-left:4%;position: absolute;z-index: 2;left: 0;transform: translateY(70%);-webkit-transform: translateY(70%);float: left;}
}


@media screen and (max-width: 1200px) {
.c_con_fr{margin-right:2%;position: absolute;z-index: 2;right: 0;transform: translateY(50%);-webkit-transform: translateY(50%);float: left;}
	
.c_con_fl{margin-left:2%;position: absolute;z-index: 2;left: 0;transform: translateY(50%);-webkit-transform: translateY(50%);float: left;}
}

.col4{padding:40px 0 60px 0;background: #fff;}
.pro-banner{width:100%;height: 450px;position: relative;}
.pro-banner .swiper-container { height: 100%; width: 100%; } 
.pro-banner .pagination {position: absolute;right: 0;text-align: right;top: -38px;z-index: 9;height: 8px;} 
.pro-banner .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 10px;background:#f2f2f2;margin: 0 3px;cursor: pointer;float: left;} 
.pro-banner .swiper-active-switch { background: #999; }

.pitem{width:380px;height: auto;background: #fff;margin-right: 30px;}
.pitem .pimg{width:100%;height: 380px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.pitem .pimg img{width:auto;height: auto;max-width: 100%;max-height: 100%;transition: .4s all;}
.pitem:hover>.pimg{box-shadow: 0 8px 10px rgba(0,0,0,0.1) }
.pitem .ptxt{width:100%;height: auto;padding: 5px 0;text-align: center;}
.pitem .ptxt .pname{width:100%;height: 36px;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #333;line-height: 36px;}
.pitem .ptxt .pitemno{width:100%;height: auto;line-height: 26px;font-size: 14px;color: #515151;}

.plist{width:100%;margin-bottom: 10px;height: auto;}
.plist .pitem{margin-bottom:10px;}

.nomar{margin:0;}

/*上下页切换*/
.btn_arrows{width:100%;text-align: center;height: auto;margin-top: 30px;}
.btn_arrows .arrow{width:23px;height: 41px;background-image: url("../images/arrows2.png");background-repeat: no-repeat;background-size: cover;display: inline-block;margin: 0 10px;opacity: 0.4;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.btn_arrows .arrow-left{background-position: top center;}
.btn_arrows .arrow-right{background-position: bottom center;}
.btn_arrows .arrow:hover{opacity:1;}