/* ==========================================================================
   Index Page
   ========================================================================== */

.block-1 .media-box{ position:relative; overflow:hidden;}
.block-1 .media-box .icon{ border:none; background:#000; overflow:hidden;}
.block-1 .ntit{ position:absolute; z-index:8; width:100%; color:#fff; background:rgba(0, 0, 0, 0.8); height:60px; line-height:60px; left:0; bottom:0; text-align:left;}
.block-1 .ntit span{ margin:0 5%;}
.block-1 .swiper-pagination{ text-align:right;}
.block-1 .swiper-pagination-bullet{ width:20px; height:20px; line-height:20px; color:#fff; background:#454340;opacity:1;border-radius:0; text-align:center;}
.block-1 .swiper-pagination-bullet-active{ background:#ff0000;}
.block-1 .swiper-pagination-fraction,.block-1 .swiper-pagination-custom,.block-1 .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:22px;}
.block-1 .media-box .icon:hover img{transform: scale(1.2);transition:all 0.5s;}

.vdo-list{}
.vdo-list .pbox{ position:relative; overflow:hidden; margin-bottom:20px;}
.vdo-list .pbox .ptit{ position:absolute; z-index:8; width:100%; color:#fff; background:rgba(0, 0, 0, 0.8); height:40px; line-height:40px; left:0; bottom:0; text-align:left; font-size:14px;}
.vdo-list .pbox .ptit span{ margin:0 5%;}
.vdo-list .pbox .icon{ border:none; background:#000; overflow:hidden;}
.vdo-list .pbox:hover .icon img{transform: scale(1.2);transition:all 0.5s;}

.block-2{ height:370px; overflow:hidden;}
.block-2 .swiper-slide{ height:auto!important}
.block-2 .swiper-container{ height:100%;!important}
.block-2 .swiper-wrapper{transition-timing-function: linear;}

.block-3{overflow:hidden;}
.block-3 .swiper-slide{ height:auto!important}
.block-3 .swiper-container{}
.block-3 .swiper-wrapper{transition-timing-function: linear;}
.block-3 .media-box{ margin:0;}

.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ width:105px; height:40px; text-align:center; border:1px solid #ccc; padding:1px; display:block; }
.picMarquee-left .bd ul li .pic img{ width:auto; height:100%;}
.picMarquee-left .tempWrap{}

/*产品*/
.isub{ text-align:center; border-top:1px solid #454545; padding-top:1rem;}
.isub i{ display:block; color:#cbc5c5; font-size:4rem; padding-top:10px;}
.isub a{ display:block; color:#cbc5c5; font-size:18px; margin:0 2%; line-height:30px; position:relative;}
.isub span{ display:block; padding-top:15px;}
.isub a:after{ content:""; width:1px; height:100%; background:#454545;display:block; position:absolute; right:0; top:0;}
.isub a.last::after{ display:none;}
.isub em{color:#555454; font-size:18px; font-family:Times New Roman; display:block;letter-spacing:20px; font-style:normal; text-transform:uppercase; display:block;transition: all 0.5s;}
.isub a:hover em{ color:#8dc420;letter-spacing:40px;transition: all 0.5s;}
.isub a:hover,.isub a:hover i{ color:#8dc420;}

.module_cate{width:95%;background-color:#f5f5f5;}
.module_cate .cate_tit{text-align:center;background:#d11734;color:#fff;padding:40px 10px;font-size:1.8rem}
.module_cate .cate_tit p{font-size:3.5rem;line-height:1;}
.module_cate ul{margin: 1em 4%;position: relative;}
.module_cate ul li{padding: 0 10px;line-height: 3.5rem;margin-bottom: 10px;background-color: #fff;}
.module_cate ul li a{display: block;position: relative}
.module_cate ul li i{position: absolute;right: 0;width: 16px;height: 16px;top: 50%;margin-top: -8px;background: #000000;border-radius: 50%}
.module_cate ul li i:before{display: block;content: '';position: absolute;width: 9px;height: 1px;left: 50%;top: 50%;margin-left: -4px;background: #fff;transition:all .3s}
.module_cate ul li i:after{display: block;content: '';position: absolute;width: 1px;height: 9px;top: 50%;left: 50%;margin-top: -4px;background: #fff;transition:all .3s}
.module_cate ul li:hover i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:50%;}
.module_cate img{width: 100%}
/*.module_cate .subCate {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: auto;
	width: 300px;
	background: #fff;
	border: 1px solid #e7e5e6;
	padding: 10px 20px;
	z-index: 10;
	display: none;
}*/
.module_cate .subCate {
	background: #fff;
	padding: 0 20px;
	line-height: 2.2
}
.module_cate .subCate dl {
	border-bottom: 1px solid #fff;
	padding-left: 25px;
	background: url('../img/i1.jpg') center left no-repeat;
}
.module_cate .subCate a{font-size: 14px}
.module_cate .subCate a:hover{transform:translate(10px);}
.module_cate li.open .subCate{display: block;}

.module_prod{height:auto;overflow:hidden}
.module_prod .swiper-container{padding:2rem 0}
.module_prod .media-box{background-color:#fff}
.module_prod .media-box p{padding:5px;font-size: 1.6rem}


.module_tab{background:#f2f2f2}
.module_tabs{border-bottom:1px solid #d41936;background-color: #fff;line-height: 43px}
.module_tabs .tab{display:block;width:35%;float:left;font-size:1.8rem;color:#000;text-align:center;cursor: pointer;}
.module_tabs .tab.active,.module_tabs .tab.cur{background-color:#d41936;color:#fff}
.module_tabs a{float:right}

.news-box{color: #3f3f3f;overflow: hidden; background:#fff; height:100%; padding-bottom:20px; border-bottom:1px dashed #e5e5e5;}
.news-box h3{margin:0;font-size:16px;}
.news-box h3 a{ color:#3b5e96;}
.news-box h3 a:hover{ color:#fff;text-decoration: underline;}
.news-box p{overflow: hidden;font-size: 14px; color:#575757;}
.news-box p a{ color:#aa0000;}
.news-box:hover h3 a{ color:#b70000;}

.nbx{ padding:0 2.5rem;}
.nbx .news-time{ background:none; text-align:left; padding:0;}
.nbx .news-time .date{color: #0064b9;}
.nbx p{ margin-top:2rem;}
.nbx .ndot{ display:block; color:#fff; text-transform:uppercase; font-size:12px; border-bottom:1px solid #0760c4; position:relative; width:30%; margin-top:3rem;}
.nbx .ndot:after{ content:''; width:10px; height:1px; background:#0760c4; display:block; float:right;transform: rotate(33deg) translate3D(10px,15px,0);}
.nbx:hover .news-time .date,.nbx:hover p{ color:#fff;}
.nbx:hover .ndot{ border-bottom-color:#fff; width:60%;}
.nbx:hover .ndot:after{ background:#fff;}


.news-box.one{background: none}
.news-box.one .news-cont{padding: 0}

/* 本例子css */
.txtMarquee-top{ overflow:hidden; position:relative; }
.txtMarquee-top .hd{ display:none;}
.txtMarquee-top .bd{ }