<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML>
<html>
<head>
<title id="pageTitle">上海复星星泰医药科技有限公司</title>
<meta name="renderer" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"/>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/axingtai/css/swiper.min.css"/>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/axingtai/css/common.css"/>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/axingtai/css/news.css"/>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/axingtai/css/wap.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/axingtai/js/config.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/axingtai/js/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/layer.js"></script>
</head>

<body style="background:#ffffff;">
    <div class="header">
        <jsp:include page='<%="/newshead.html"%>'></jsp:include>

    </div>


<script type="text/javascript">
$(function(){
	var exptopfixed=$(".exp_fixed").offset().top;

    $(".havelevel").hover(function(){
            $(this).children(".levelson").addClass('cur');
            $(this).children(".down_level").stop().slideDown();
            
        },function(){
            $(this).children(".levelson").removeClass('cur');
            $(this).children(".down_level").stop().slideUp();
            Fixed();

        })
	
    $(window).scroll(function(){	
		Fixed()
    });
	
function Fixed(){
	var top = $(document).scrollTop();        
	 //console.log(top+',,'+exptopfixed);
	if(top>=79){
		  $(".top").addClass("top_jl");
          $(".down_level").css("top","70px");
		  }
		  else{
			  $(".top").removeClass("top_jl");
            $(".down_level").css("top","110px");
			  }
	      }

    	$(".wapmenu").click(function(){
    			$(".menucon").show(500);
    			})
    	$(".close").click(function(){
    		$(".menucon").hide(500);
    		})		
	
})
</script>

<div class="nrbanner news_banner">
    <div class="nrbannercon">
        <p class="banner_tit">新闻资讯</p>
        <p class="banner_des">News and Information</p>
    </div>

    <div class="idea_nav">
        <div class="main">
            <c:forEach items="${classfiactionList}" var="cla" varStatus="s">
                <c:if test="${cla.tid==newsId}">
                    <a class="cur" href="news.html?id=${cla.tid}&&index=${s.index}">${cla.tname}</a>
                </c:if>
                <c:if test="${cla.tid!=newsId}">
                    <a  href="news.html?id=${cla.tid}&&index=${s.index}">${cla.tname}</a>
                </c:if>
            </c:forEach>
        </div>
    </div>
</div>


<div class="main news clearfix">
   
    <div class="index_news clearfix">
        <c:forEach items="${pageInfo.list}" var="p" varStatus="s">
            <c:if test="${(s.index+1)%4==1 }">
                <a href="news_detail.html?id=${p.id}" aos="fade-up-right" aos-easing="ease" aos-delay="300"/>
                <div class="news_nr">
                    <div class="news_pic"><img src="${p.picture}" alt=""/></div>
                    <p class="news_tit ts5">${p.title}</p>
                    <p class="news_des ts5">${p.describes}</p>
                </div>
                <div class="news_time ts5">${fn:substring(p.releaseTime,5,7 )}-${fn:substring(p.releaseTime,8,10 )}<span>${fn:substring(p.releaseTime,0,4 )}</span></div>
                </a>
            </c:if>
            <c:if test="${(s.index+1)%4==2}">
                <a href="news_detail.html?id=${p.id}" aos="fade-up-right" aos-easing="ease" aos-delay="400"/>
                <div class="news_nr">
                    <div class="news_pic"><img src="${p.picture}" alt=""/></div>
                    <p class="news_tit ts5">${p.title}</p>
                    <p class="news_des ts5">${p.describes}</p>
                </div>
                <div class="news_time ts5">${fn:substring(p.releaseTime,5,7 )}-${fn:substring(p.releaseTime,8,10 )}<span>${fn:substring(p.releaseTime,0,4 )}</span></div>
                </a>
            </c:if>
            <c:if test="${(s.index+1)%4==3 }">
               <a href="news_detail.html?id=${p.id}" aos="fade-up-left" aos-easing="ease" aos-delay="300">

                   <div class="news_nr">
                       <div class="news_pic"><img src="${p.picture}" alt=""></div>
                       <p class="news_tit ts5">${p.title}</p>
                       <p class="news_des ts5">${p.describes}</p>
                   </div>
                   <div class="news_time ts5">${fn:substring(p.releaseTime,5,7 )}-${fn:substring(p.releaseTime,8,10 )}<span>${fn:substring(p.releaseTime,0,4 )}</span></div>
               </a>
           </c:if>
            <c:if test="${(s.index+1)%4==0}">
                <a href="news_detail.html?id=${p.id}" aos="fade-up-left" aos-easing="ease" aos-delay="400">

                    <div class="news_nr">
                        <div class="news_pic"><img src="${p.picture}" alt=""></div>
                        <p class="news_tit ts5">${p.title}</p>
                        <p class="news_des ts5">${p.describes}</p>
                    </div>
                    <div class="news_time ts5">${fn:substring(p.releaseTime,5,7 )}-${fn:substring(p.releaseTime,8,10 )}<span>${fn:substring(p.releaseTime,0,4 )}</span></div>
                </a>
            </c:if>
        </c:forEach>
    </div>
    


    <div class="page clearfix">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <c:forEach  items="${pageInfo.navigatepageNums}" varStatus="s" var="page">

                    <c:if test="${s.index==0}">
                        <div class="swiper-slide"><ul>
                    </c:if>
                    <c:if test="${page%7==0}">
                        <div class="swiper-slide"><ul>
                    </c:if>
                    <li>
                        <c:if test="${page==pageNums}">
                            <a href="news.html?pageNum=${page}&id=${pageId}&index=${pageIndex}" class="page_cur">${page}</a>
                        </c:if>
                        <c:if test="${page!=pageNums}">
                            <a href="news.html?pageNum=${page}&id=${pageId}&index=${pageIndex}" >${page}</a>
                        </c:if>
                    </li>
                    <c:if test="${page%6==0}">
                        </ul> </div>
                    </c:if>
                    <c:if test="${page==pageInfo.lastPage}">
                        </ul> </div>
                    </c:if>
                </c:forEach>
                
            </div>
        </div>
        <div class="arrow arrow-left"> < </div>
        <div class="arrow arrow-right"> > </div>
    </div>
    <script type="text/javascript" src="${pageContext.request.contextPath}/axingtai/js/swiper.min.js"></script>
    <script>
        var iSwiper = new Swiper('.page .swiper-container', {
            paginationClickable: true,
            autoplayDisableOnInteraction: false,
            calculateHeight : true,
            loop:false
        });
        $('.arrow-left').on('click', function(e){
            e.preventDefault();
            iSwiper.swipePrev();
        });
        $('.arrow-right').on('click', function(e){
            e.preventDefault();
            iSwiper.swipeNext();
        });
    </script>
</div>

    <jsp:include page='<%="/footer.html"%>'></jsp:include>



</body>
</html>