// $(function(){
//     //图片模块----左
//     $('.images-box .zuo .zuo-img1').on('mouseenter',function(){
// 		$(this).children(".text").stop().slidedown(800);
//         $(this).children(".text").removeclass('none');
//     });
//     $('.images-box .zuo .zuo-img1').on('mouseleave',function(){
//         $(this).children(".text").stop().slideup(800);
//     });
//     $('.images-box .zuo .zuo-img2').on('mouseenter',function(){
//         $('.images-box .zuo .zuo-img2 .text').stop().slidedown(800);
//         $('.images-box .zuo .zuo-img2 .text').removeclass('none');
//     });
//     $('.images-box .zuo .zuo-img2').on('mouseleave',function(){
//         $('.images-box .zuo .zuo-img2 .text').stop().slideup(800);
//     });
//     //图片模块----中
//     $('.images-box .zhong .zhong-img').on('mouseenter',function(){
//         $('.images-box .zhong .zhong-img .text').stop().slidedown(800);
//         $('.images-box .zhong .zhong-img .text').removeclass('none');
//     });
//     $('.images-box .zhong .zhong-img').on('mouseleave',function(){
//         $('.images-box .zhong .zhong-img .text').stop().slideup(800);
//     });
//     //图片模块----右
//     $('.images-box .you .you-img1').on('mouseenter',function(){
//         $(this).children(".text").stop().slidedown(800);
//         $(this).children(".text").removeclass('none');
//     });
//     $('.images-box .you .you-img1').on('mouseleave',function(){
//         $(this).children(".text").stop().slideup(800);
//     });
//     $('.images-box .you .you-img2').on('mouseenter',function(){
//         $('.images-box .you .you-img2 .text').stop().slidedown(800);
//         $('.images-box .you .you-img2 .text').removeclass('none');
//     });
//     $('.images-box .you .you-img2').on('mouseleave',function(){
//         $('.images-box .you .you-img2 .text').stop().slideup(800);
//     });
//     //为了ie8也有placeholder的效果（用js模仿）
//     if( !('placeholder' in document.createelement('input')) ){
//         // 匹配 除type=password以外所有input、textarea
//         $('input[placeholder][type!=password],textarea[placeholder]').each(function(){
//             var self = $(this),
//             text= self.attr('placeholder');
//             // 如果内容为空，则写入
//             if(self.val()===""){
//                 self.val(text).addclass('placeholder');
//             }
//             // 控件激活，清空placeholder
//             self.focus(function(){
//                 if(self.val()===text){
//                     self.val("").removeclass('placeholder');
//                 }
//             // 控件失去焦点，清空placeholder
//             }).blur(function(){
//                 if(self.val()===""){
//                     self.val(text).addclass('placeholder');
//                 }
//             });
//         });
//     }
// });
//
// var pages = 1
// $('.slide .right').addclass('hovered');
// function hotprevious(){
// 	if(pages>1){
// 		pages-=1
//         $('.slide .right i').css('color','#333');
//         getcontentpage()
// 		if(pages==1){
//             $('.slide .left i').css('color','#999');
//             $('.slide .left').removeclass('hovered');
//         }else{
//             $('.slide .left i').css('color','#333');
//             $('.slide .left').addclass('hovered');
//             $('.slide .right').addclass('hovered');
//         }
// 	}else{
//         $('.slide .left i').css('color','#999');
//
//     }
// }
// function hotnextpage(){
// 	if(pages<4){
// 		pages+=1
// 		$('.slide .left i').css('color','#333');
// 		getcontentpage()
// 		if(pages==4){
//             $('.slide .right i').css('color','#999');
//             $('.slide .left').addclass('hovered');
//             $('.slide .right').removeclass('hovered');
// 		}else{
//             $('.slide .right i').css('color','#333');
//             $('.slide .left').addclass('hovered');
// 		}
// 	}else{
//         $('.slide .right i').css('color','#999');
//         $('.slide .right').css('background-color','#f5f5f5');
//     }
//
//
// }
//
//
// function getcontentpage(){
// 	var data={
// 		"contentid": "",
// 		  "channelids": "",
// 		  "tagids|": "",
// 		  "channelpaths": "news",
// 		  "siteids": 1,
//           "channeloption": 1,
// 		  "typeids": "",
// 		  "title": "",
// 		  "isnew": "",
// 		  "istop": "",
// 		  "timebegin": "",
// 		  "timeend": "",
// 		  "excludeid": "",
// 		  "orderby": 3,
// 		  "page": pages,
// 		  "size": 3,
// 		  "releasetarget": ""
// 		}
// 	api.get('/content/page',data,function(res){
// 		if(res.code===200){
// 			var data = res.data.content
// 			var html = ''
// 			for(var i=0;i<data.length;i++){
// 				if(pages<=1){
//                     html+='<li>'
//                     html+='<span class="num bold fl">'+((pages-1)*3+i+1)+'</span>'
//                     html+='<a class="rank-img fl" href="'+data[i].url+'">'
// 					if(data[i].attr&&data[i].attr.xinwenliebiaotu&&data[i].attr.xinwenliebiaotu.resurl){
// 						html+='<img class="img-scale" src="'+data[i].attr.xinwenliebiaotu.resurl+'" alt="">'
// 					}else{
// 						html+='<img class="img-scale" src="'+data[i].iconurl+'" alt="">'
// 					}
// 					html+='</a><a href="'+data[i].url+'" class="text semilight fl">'+data[i].title+'</a>'
//                     html+='<span class="read semilight">'+data[i].views+'人阅读</span></li>'
//                 }
//                 else{
//                     html+='<li>'
//                     html+='<span class="num1 bold fl">'+((pages-1)*3+i+1)+'</span>'
//                     html+='<a class="rank-img fl" href="'+data[i].url+'">'
// 					if(data[i].attr&&data[i].attr.xinwenliebiaotu&&data[i].attr.xinwenliebiaotu.resurl){
// 						html+='<img class="img-scale" src="'+data[i].attr.xinwenliebiaotu.resurl+'" alt="">'
// 					}else{
// 						html+='<img class="img-scale" src="'+data[i].iconurl+'" alt="">'
// 					}
//                     html+='</a><a href="'+data[i].url+'" class="text semilight fl">'+data[i].title+'</a>'
//                     html+='<span class="read semilight">'+data[i].views+'人阅读</span></li>'
//                 }
// 			}
// 			$('#hotlist').html(html)
// 		}else{
// 			mymessage.add(res.message, 'error');
// 		}
// 	})
// }

//banner swiper
new swiper('.swiper-company', {
    loop: true,
    autoplay:true,
    // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
    },

    // 如果需要前进后退按钮
    navigation: {
        nextel: '.swiper-button-next',
        prevel: '.swiper-button-prev',
    },
})

var myswiper = new swiper('.swiper-container-banner',{
    // pagination: '.pagination-banner',
    pagination: {
        el: '.swiper-pagination',
        clickable :true,
    },
    autoplay: {delay: 4000},
    loop: true,
    speed: 1000,
    movestartthreshold: 100,
})
//产品中心swiper
var tabsswiper = new swiper('.product-tabs',{
    onlyexternal : true,
    speed: 500,
    allowtouchmove: false,
})
var $clickel = $(".product-tabs-wrap .clicktd");

$clickel.on('mouseover',function(e){
    e.preventdefault()
    $(".product-tabs-wrap .active").removeclass('active')
    $(this).find('.bottom-line').css('display', 'block').end()
        .siblings().find('.bottom-line').css('display', 'none')
    $(this).find('.product-tab').addclass('active')
    // tabsswiper.slideto( $(this).index() )
    tabsswiper.slideto( $(this).index() )
})
$clickel.click(function(e){
    // e.preventdefault()

})

//新闻类型切换
function switchnews(index) {
    $('.news-link').removeclass('news-link-active');
    $('.news-link').eq(index).addclass('news-link-active');
    $('.news-content-wrap2').eq(index).css('display', 'block').siblings().css('display', 'none')
}

switchnews(0)
//解决方案tabs swiper
var windowwidth = document.documentelement.clientwidth || document.body.clientwidth;

function setslidesperview(){
    if( windowwidth < 1280 && windowwidth > 1024 ) { return 4}
    else if( windowwidth <= 1024 && windowwidth > 960 ) { return 3}
    else if( windowwidth <= 960 && windowwidth > 786 ) { return 2}
    else if (windowwidth < 751) { return 'auto' }
    else { return 5}
}
var flag = true
// var previewswiper = new swiper('.solution-swiper', {
//     // initialslide: 9,
//     // visibilityfullfit: true,
//     slidesperview: setslidesperview(),
//     onlyexternal: true,
//     watchslidesprogress : true,
//     watchslidesvisibility : true,
//     allowtouchmove: false,
//     on: {
//         click:function(swiper) {
//             flag = false
//             // alert(this.clickedindex);
//             // console.log(swiper,'swiper')
//             // console.log($(swiper.slides))
//
//             console.log(this.clickedindex)
//             previewswiper.slideto(this.clickedindex)
//             $(swiper.slides).removeclass('swiper-slide-active')
//             $(swiper.clickedslide).addclass('swiper-slide-active')
//             viewswiper.slideto(this.clickedindex)
//             flag = true
//         },
//     },
// })
// //预览向前翻页
// $('.solution-tabs .solution-button-prev').on('click', function () {
//     // console.log('activeindex', previewswiper.activeindex)
//     if (previewswiper.activeindex < 1 || viewswiper.activeindex < 1) {
//         return
//     }
//     viewswiper.slideto(viewswiper.activeindex - 1)
// })
// //预览向前后页
// $('.solution-tabs .solution-button-next').on('click', function () {
//     if (previewswiper.activeindex > previewswiper.slides.length - 1 || viewswiper.activeindex > viewswiper.slides.length - 1) {
//         return
//     }
//     viewswiper.slideto(viewswiper.activeindex + 1)
//     console.log(previewswiper.activeindex, 'index')
// })
changecase(0)
function changecase(index){
    $('.solution-tab').removeclass('active')
    $('.solution-tab').eq(index).addclass('active')

    $('.solution-items-swiper').removeclass('active')
    $('.solution-items-swiper').eq(index).addclass('active')

    $('.solution-items-button-prev').removeclass('active')
    $('.solution-items-button-prev').eq(index).addclass('active')

    $('.solution-items-button-next').removeclass('active')
    $('.solution-items-button-next').eq(index).addclass('active')
    initswiper()

}
var viewswiper
function initswiper(){
    viewswiper = new swiper('.solution-items-swiper.active', {
        autoplay:true,
        loop:true,
        // 如果需要分页器
        pagination: {
            el: '.solution-swiper-pagination',
        },

    })
    //大图向前翻页
    $('.solution-item-wrap .solution-items-button-prev').on('click', function () {
        // viewswiper.slideto(viewswiper.activeindex - 1)
        viewswiper.slideprev()
        // viewswiper.slideto(viewswiper.previousindex)
    })
//大图向后翻页
    $('.solution-item-wrap .solution-items-button-next').on('click', function () {
        viewswiper.slidenext()
        // viewswiper.slidenext(viewswiper.activeindex + 1)
    })
    //鼠标覆盖停止自动切换
    viewswiper.el.onmouseover = function(){
        viewswiper.autoplay.stop();
    }

//鼠标离开开始自动切换
    viewswiper.el.onmouseout = function(){
        viewswiper.autoplay.start();
    }
}




//视频鼠标经过 特效
$('.video-poster-wrap').on('mouseenter', function (){
    $(this).addclass('video-active').siblings().removeclass('video-active')
})
//点击播放视频
$('.video-center .play-btn').on('click', function (){
    var videopath = $(this).attr('data-src')
    $('#video-wrap').css('display', 'block')
    // console.log(videopath)
    let video =  document.getelementbyid("video")
    video.src = videopath ;
    // .find('').data('src', videopath)
})
$('.video-center .active-play-btn').click(function (){
    var videopath = $(this).attr('data-src')
    $('#video-wrap').css('display', 'block')
    let video =  document.getelementbyid("video")
    video.src = videopath ;
    video.play()
})
//权属单位
var unitswiper = new swiper('.unit-items-swiper')

$('.unit-swiper .unit-items-button-prev').on('click', function () {
    if (unitswiper.activeindex < 1) {
        return
    }
    unitswiper.slideto(unitswiper.activeindex - 1)
})
$('.unit-swiper .unit-items-button-next').on('click', function () {
    // console.log(unitswiper)
    if (unitswiper.activeindex > unitswiper.slides.length - 1) {
        return
    }
    unitswiper.slideto(unitswiper.activeindex + 1)
})


//    显示底部select
function showlist(){
    $('.show-list').toggle()
}
$(document).click(function (e) {
    var e = e || event;
    // console.log(e.target.classname)
    if (e.target.classname === 'show-list' || e.target.classname === 'wrap'){
        $('.show-list').css('display', 'none')
        $('.wrap').css('display', 'none')
        $('.phone-wrap').css('display', 'none')
        $('.wx-wrap').css('display', 'none')
    }
})
//    手机点击 出现导航
$('.navbtn').click(function (){
    $('.header .header-nav').toggle()
})


//
function updatenavposition() {
    $('.preview .swiper-slide-active').removeclass('swiper-slide-active')
    var activenav = $('.preview .swiper-slide').eq(viewswiper.activeindex).addclass('swiper-slide-active')
    let length = previewswiper.params.slidesperview,
        visiblelength = previewswiper.params.slidesperview
    let flagindex = (length - length % visiblelength)  //插件到最后一组后activeindex不在增长，如10个一组5个， slideto到最后一组的第一个就不动了，activeindex最多是5，flagindex为activeindex最多是5最大值
    if(viewswiper.activeindex <= flagindex){
        previewswiper.slideto(viewswiper.activeindex)
    }
    if (!activenav.hasclass('swiper-slide-visible')) {
        var thumbspernav = math.floor(previewswiper.width / activenav.width()) - 1
        // console.log('thumbspernav', thumbspernav);
        previewswiper.slideto(activenav.index() - thumbspernav)
    }
}
function openphone() {
    $('.wrap').css('display', 'block')
    $('.phone-wrap').css('display', 'block')
}
function openwx() {
    $('.wrap').css('display', 'block')
    $('.wx-wrap').css('display', 'block')
}
function closeplacard() {
    $('.float-zp').css('display', 'none')
}

$('.play-btn').click(function () {
    $(this).attr('data-src')
})
function closevideo(){
    $('#video-wrap').css('display', 'none')
    $('#video').trigger( 'pause' )
}