<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="fns" uri="/WEB-INF/tld/fns.tld" %>
<!DOCTYPE html>
<%--<link type="text/css" rel="stylesheet" href="<c:url value='/resources/version_new/css/public.css' />" />--%>
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/versions-2.0/dist/css/bootstrap.min.css' />" />
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/versions-2.0/dist/css/public.css' />" />
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/versions-2.0/dist/css/insure/write-application.css' />" />
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/version_new/css/idangerous.swiper2.7.6.css' />" />
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/version_new/css/basic.css' />" />
<%--<link rel="stylesheet" href="<c:url value='/resources/versions-2.0.2/css/reset.css' />">--%>

<link rel="stylesheet" href="<c:url value='/resources/versions-2.0.2/css/laydate.css' />">
<link rel="stylesheet" href="<c:url value='/resources/versions-2.0.2/css/animate.min.css' />">
<style>
	.a_hf a{color: #fff;}
	.a_hf a:hover{color: #ff8b00;}
	#u68_div {
		border-width: 0px;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 150px;
		height: 50px;
		background: inherit;
		background-color: rgba(242, 242, 242, 1);
		box-sizing: border-box;
		border-width: 1px;
		border-style: solid;
		border-color: rgba(215, 215, 215, 1);
		border-left: 0px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-radius: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#u68 {
		border-width: 0px;
		position: absolute;
		left: 0px;
		width: 150px;
		height: 50px;
		display: flex;
	}
	.ax_default {
		font-family: 'ArialMT', 'Arial', sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 14px;
		letter-spacing: normal;
		color: #333333;
		vertical-align: none;
		text-align: center;
		line-height: normal;
		text-transform: none;
	}
	#u68_text {
		border-width: 0px;
		word-wrap: break-word;
		text-transform: none;
	}
	#u68 .text {
		position: absolute;
		align-self: center;
		padding: 2px 2px 2px 2px;
		box-sizing: border-box;
		width: 100%;
	}
	.user-opration {
		margin-top: 6px;
	}
	.user-opration span {
		padding: 0 10px;
		border-right: 1px solid #969696;
		height: 21px;
		line-height: 40px;
		font-size: 12px;
	}
	.top_header_account {
		background: url(<c:url value='/resources/versions-2.0/images/news/user-ico-572db2f74d55d3697d665bc31d52c3f6dbf95830b2c6a25ad5e27fc2e76ecb05.png' />) no-repeat left;
		background-size: 14px;
		padding-left: 20px;
	}
	.user-opration span a {
		color: #323232;
		text-decoration: none;
	}
	#u27_div {
		border-width: 0px;
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 120px;
		background: inherit;
		background-color: rgba(127, 127, 127, 1);
		border: none;
		border-radius: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #FFFFFF;
		line-height: 24px;
	}
	#u33 {
		border-width: 0px;
		position: absolute;
		left: 28.4%;
		top: 24px;
		width: 817px;
		height: 72px;
		display: flex;
		color: #FFFFFF;
		text-align: center;
		line-height: 24px;
	}
	#u33_div {
		border-width: 0px;
		position: absolute;
		left: 0px;
		width: 817px;
		height: 72px;
		background: inherit;
		background-color: rgba(255, 255, 255, 0);
		border: none;
		border-radius: 0px;
		box-shadow: none;
		color: #FFFFFF;
		text-align: center;
		line-height: 24px;
	}
	#u33 .text {
		position: absolute;
		align-self: flex-start;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box;
		width: 100%;
	}
	#u33 .text p {
		margin: 0;
	}
</style>
<%--中元头部--%>
<c:if test="${fns:getBus() eq 'ZY'}">
	<div class="head-more" style="height: 126px">
		<div class="more-content" style="height: 75px;font-family: Microsoft YaHei Light;">

			<div class="logo">
				<a href="${fns:getResource('BASE_URL')}/?ACCESS_TOKEN=${ACCESS_TOKEN}">
					<img style="margin-top: 25px;vertical-align: none;" width="72px" height="23px" src="<c:url value='/resources/version_new/images/zyLogo.png' />">
					<span style="border-left:none;padding-left:0;margin-left:3px;margin-top: 0;color: #333;font-size: 2.4rem;letter-spacing: 0;line-height: 72px;vertical-align: top;">中元保险经纪有限公司</span>
				</a>
			</div>

			<c:if test="${ empty userdetail}">
				<div class="user-opration" style="float: right;margin-top: 16px;">
				<span>
					<a href="${fns:getResource('BASE_URL')}/user/login">登录</a>
					或 <a href="${fns:getResource('BASE_URL')}/user/register/init">免费注册</a>
				</span>
					<span>
					<a class="top_header_account" href="${fns:getResource('BASE_URL')}/user/login">用户中心</a>
				</span>
					<span style="border:0"><a href="${fns:getResource('BASE_URL')}/synopsis/us/init/about-us?ACCESS_TOKEN=${ACCESS_TOKEN}">服务指南</a></span>
				</div>

			</c:if>
			<c:if test="${ not empty userdetail}">
				<div class="user-opration" style="float: right;margin-top: 16px;">
				<span>
					<a href="${fns:getResource('BASE_URL')}/pc/myAccount?ACCESS_TOKEN=${ACCESS_TOKEN}">${userdetail.login_name}</a>
				</span>
					<span>
					<a rel="nofollow" data-method="delete" href="${fns:getResource('BASE_URL')}/user/logout">退出</a>
				</span>
					<span>
					<a class="top_header_account" href="${fns:getResource('BASE_URL')}/pc/index?ACCESS_TOKEN=${ACCESS_TOKEN}">用户中心</a>
				</span>
					<span style="border:0"><a href="${fns:getResource('BASE_URL')}/synopsis/us/init/about-us?ACCESS_TOKEN=${ACCESS_TOKEN}">服务指南</a></span>
				</div>
			</c:if>

		</div>
		<div style="height: 52px;background: inherit; background-color: rgba(242, 242, 242, 1);">
			<div class="more-content" style="height: 50px">
				<a href="${fns:getResource('BASE_URL')}/?ACCESS_TOKEN=${ACCESS_TOKEN}">
					<div id="u68" class="ax_default box_2" style="cursor: pointer;">
						<div id="u68_div" class="" tabindex="0"></div>
						<div id="u68_text" class="text ">
							<p style="margin: 0"><span>首页</span></p>
						</div>
					</div>
				</a>
			</div>
		</div>
	</div>
</c:if>
<%--亚太头部--%>
<c:if test="${fns:getBus() eq 'YT'}">
	<div class="head-more" style="height: 143px">
		<div class="more-content" style="height: 91px">

			<div class="logo">
				<a href="${fns:getResource('BASE_URL')}/?ACCESS_TOKEN=${ACCESS_TOKEN}">
					<img style="margin-top: 0;" src="<c:url value='/resources/version_new/images/u67.png' />">
				</a>
			</div>

			<c:if test="${ empty userdetail}">
				<div class="user-opration" style="float: right;">
				<span>
					<a href="${fns:getResource('BASE_URL')}/user/login">登录</a>
					或 <a href="${fns:getResource('BASE_URL')}/user/register/init">免费注册</a>
				</span>
					<span>
					<a class="top_header_account" href="${fns:getResource('BASE_URL')}/user/login">用户中心</a>
				</span>
					<span style="border:0"><a href="${fns:getResource('BASE_URL')}/synopsis/us/init/about-us?ACCESS_TOKEN=${ACCESS_TOKEN}">服务指南</a></span>
				</div>

			</c:if>
			<c:if test="${ not empty userdetail}">
				<div class="user-opration" style="float: right;">
				<span>
					<a href="${fns:getResource('BASE_URL')}/pc/myAccount?ACCESS_TOKEN=${ACCESS_TOKEN}">${userdetail.login_name}</a>
				</span>
					<span>
					<a rel="nofollow" data-method="delete" href="${fns:getResource('BASE_URL')}/user/logout">退出</a>
				</span>
					<span>
					<a class="top_header_account" href="${fns:getResource('BASE_URL')}/pc/index?ACCESS_TOKEN=${ACCESS_TOKEN}">用户中心</a>
				</span>
					<span style="border:0"><a href="${fns:getResource('BASE_URL')}/synopsis/us/init/about-us?ACCESS_TOKEN=${ACCESS_TOKEN}">服务指南</a></span>
				</div>
			</c:if>

		</div>
		<div style="height: 52px;background: inherit; background-color: rgba(242, 242, 242, 1);">
			<div class="more-content" style="height: 50px">
				<a href="${fns:getResource('BASE_URL')}/?ACCESS_TOKEN=${ACCESS_TOKEN}">
					<div id="u68" class="ax_default box_2" style="cursor: pointer;">
						<div id="u68_div" class="" tabindex="0"></div>
						<div id="u68_text" class="text ">
							<p style="margin: 0"><span>首页</span></p>
						</div>
					</div>
				</a>
			</div>
		</div>
	</div>
</c:if>
<%--亚太头部--%>
<c:if test="${fns:getBus() eq 'ZJ'}">
	<style>
		.headerweb {
			max-width: 100%;
			padding: 0 2%;
			margin: 0 auto;
			position: static;
			height: 100%;
			font-size: 14px;
			line-height: 24px;
			color: #333;
			font-family: 'Microsoft YaHei';
		}
		.headerweb .logo {
			padding: 32px 10px 0 55px;
			float: left;
		}
		.headerweb .logo img {
			display: block;
			height: 50px;
			border: 0px;
			max-width: 100%;
			margin: 0;
			padding: 0;
			border: 0;
			background-repeat: no-repeat;
		}
		.headerweb .header-nav {
			padding-left: 4%;
			display: block;
			position: static;
			background: none;
			/*padding: 0 0 0 220px;*/
			overflow-y: visible;
			top: 55px;
			width: 100%;
			left: 0;
			height: 100%;
		}
		.headerweb .commonweb {
			margin: 0px auto;
			max-width: 1200px;
		}
		.headerweb .header-nav ul, li {
			list-style: none;
			margin: 0;
			padding: 0;
			border: 0;
			background-repeat: no-repeat;
		}
		.header-nav li {
			position: relative;
			padding: 0 2%;
			border-bottom: none;
			float: left;
		}
		.header-nav li h3 {
			padding: 0;
			font-size: 14px;
			position: relative;
			margin: 0;
			font-weight: normal;
		}
		.header-nav li:hover h3 a, .header-nav li.cur h3 a {
			font-weight: bold;
			color: #d82019;
		}
		.header-nav li h3 a {
			display: block;
			padding: 38px 0;
		}
		.header-nav li:hover h3 a:after, .header-nav li.cur h3 a:after {
			left: 0;
			right: 0;
			z-index: 1;
		}
		.header-nav li h3 a:after {
			content: "";
			height: 3px;
			position: absolute;
			bottom: 0;
			left: 51%;
			right: 51%;
			z-index: -1;
			background-color: #d82019;
			-o-transition-property: left, right;
			-moz-transition-property: left, right;
			transition-property: left, right;
			-webkit-transition-property: left, right;
			-moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-duration: 0.3s;
			-moz-transition-timing-function: ease-out;
			-o-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
			-webkit-transition-timing-function: ease-out;
		}

		.mobnav-btn, .phsearchicon {
			display: none !important;
			font-style: normal;
		}
		.phsearchicon {
			position: absolute;
			right: 0;
			top: 0;
			cursor: pointer;
			height: 45px;
			width: 80%;
		}
		.header-right {
			padding-right: 50px;
			right: 50px;
			float: none;
			padding: 0;
			position: absolute;
			top: 0;
			height: 100px;
		}
		.headcompany {
			width: 135px;
			/*padding: 0 27px;*/
			position: relative;
			height: 100px;
			top: 0;
			/*border-left: 1px solid #eaeaea;*/
			display: inline-block;
			vertical-align: top;
		}
		.headcompany .Currentlan {
			height: 100px;
			line-height: 100px;
			font-size: 16px;
			/*display: block;*/
			padding-right: 10px;
			color: #34364b;
			background-color: transparent;
			-webkit-text-decoration-skip: objects;
			text-decoration: none;
			outline: none;
		}


	</style>
	<div class="head-more" style="height: 100px">
		<div class="headerweb clearfix">
			<h3 style="margin: 0;" class="logo"> <a href="${fns:getResource('BASE_URL')}/?ACCESS_TOKEN=${ACCESS_TOKEN}"><img src="${fns:getResource('BASE_URL')}/resources/version_new/images/logo-zj.png" alt="中佳保险代理有限公司"></a> </h3>
			<div class="header-nav commonweb ">
				<ul class="clearfix" id="curlist">
					<li rel="0" class="cur">
						<h3><a style="line-height: 24px;" href="${fns:getResource('BASE_URL')}/?ACCESS_TOKEN=${ACCESS_TOKEN}">网站首页</a><em class="phsearchicon"></em></h3>
					</li>
				</ul>
			</div>
			<div class="header-right" style="padding-right: 50px;">
				<c:if test="${ empty userdetail}">
					<div class="headcompany" style="width: 121px">
						<a href="${fns:getResource('BASE_URL')}/user/login" class="Currentlan">登录</a>
						<a href="${fns:getResource('BASE_URL')}/user/register/init" class="Currentlan">免费注册</a>
					</div>
					<%--<div class="headcompany" style="width: 94px">
						<a class="top_header_account Currentlan" href="${fns:getResource('BASE_URL')}/user/login">用户中心</a>
					</div>--%>
					<div class="headcompany" style="width: 74px">
						<a class="Currentlan" href="${fns:getResource('BASE_URL')}/synopsis/us/init/about-us?ACCESS_TOKEN=${ACCESS_TOKEN}">服务指南</a>
					</div>
				</c:if>
				<c:if test="${ not empty userdetail}">
					<div class="headcompany" style="width: 121px">
						<div style="width: 74px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;"><a class="Currentlan" href="${fns:getResource('BASE_URL')}/pc/myAccount?ACCESS_TOKEN=${ACCESS_TOKEN}">${userdetail.login_name}</a></div>
						<a class="Currentlan" rel="nofollow" data-method="delete" href="${fns:getResource('BASE_URL')}/user/logout">退出</a>
					</div>
					<div class="headcompany" style="width: 94px">
						<a class="top_header_account Currentlan" href="${fns:getResource('BASE_URL')}/pc/index?ACCESS_TOKEN=${ACCESS_TOKEN}">用户中心</a>
					</div>
					<div class="headcompany" style="width: 74px">
						<a class="Currentlan" href="${fns:getResource('BASE_URL')}/synopsis/us/init/about-us?ACCESS_TOKEN=${ACCESS_TOKEN}">服务指南</a>
					</div>

				</c:if>
			</div>

		</div>
	</div>
</c:if>
<%--百联保头部--%>
<c:if test="${fns:getBus() eq 'DEF'}">
<div class="index-head">
	<div class="head-content clearfix">
		<div class="content fr clearfix">
			<p class="fl" style="margin-right: 235px;margin-left: 0;">
<%--				<span>声明：本平台仅提供技术支持，所有保险产品的销售、理赔等服务均由上海亚太保险经纪有限公司提供。</span>--%>
			</p>
			<p class="fl">
				<img style="vertical-align:inherit;" src="<c:url value='/resources/version_new/images/phone.png' />">
				<span>400-662-9696</span>
			</p>
			<p class="fl">
				<img style="vertical-align:inherit;" src="<c:url value='/resources/version_new/images/email.png' />">
				<span>blbservice@baichuanxin.com</span>
			</p>
			<p class="fl">
				<span class="a_hf"><a target="_blank" href="http://wiki.baibaodun.cn/document/indexOut?document_id=964">【帮助中心】</a></span>
			</p>
		</div>
	</div>
</div>
<div class="head-more">
	<div class="more-content">


		<div class="logo">
			<a href="${fns:getResource('BASE_URL')}/?ACCESS_TOKEN=${ACCESS_TOKEN}">
				<img src="<c:url value='/resources/version_new/images/bai-logo.png' />" alt="百联保logo">
			</a>
		</div>


		<div class="more-icon">
			<div class="active wed">
				<a href="${fns:getResource('BASE_URL')}/?ACCESS_TOKEN=${ACCESS_TOKEN}">首页
					<div class="line"></div>
				</a>
			</div>
			<div  class="sdf wed">
				<a href="${fns:getResource('BASE_URL')}/synopsis/product/productAllView?ACCESS_TOKEN=${ACCESS_TOKEN}">产品中心
					<span>
                            <img src="<c:url value='/resources/version_new/images/drop.png' />" style="vertical-align: top">
                        </span>
					<div class="line"></div>
				</a>

				<jsp:include page="multi_menu.jsp"/>
			</div>
			<div class="wed">
				<a href="${fns:getResource('BASE_URL')}/insuranceService?ACCESS_TOKEN=${ACCESS_TOKEN}">保险服务
					<div class="line"></div>
				</a>
			</div>
			<%--<li>--%>
				<%--<a href="javascript:">保险专题--%>
					<%--<div class="line"></div>--%>
				<%--</a>--%>
			<%--</li>--%>
			<div class="wed">
				<a href="${fns:getResource('BASE_URL')}/news/newsALLView?ACCESS_TOKEN=${ACCESS_TOKEN}">新闻资讯
					<div class="line"></div>
				</a>
			</div>
			<div class="wed">
				<a href="${fns:getResource('BASE_URL')}/synopsis/us/init/about-us?ACCESS_TOKEN=${ACCESS_TOKEN}">关于我们
					<div class="line"></div>
				</a>
			</div>
		</div>
		<c:if test="${ empty userdetail}">

			<div class="head-login">
				<a href="${fns:getResource('BASE_URL')}/user/login" class="wet">登录</a>
				<a href="${fns:getResource('BASE_URL')}/user/register/init" class="wet register">注册</a>
			</div>

		</c:if>
		<c:if test="${ not empty  userdetail}">
			<div class="head-login">
				<div class="news person fr">
					<span class="person_huan">欢迎您，${not empty userdetail.company_name ? userdetail.company_name : not empty userdetail.real_name ? userdetail.real_name :  userdetail.login_name}</span>
					<img class="s_img" src="<c:url value='/resources/versions-2.0\images\news\gray-bottom.png' />" >

					<div class="person-content">
						<div class="person-s1 clearfix">
							<div class="s-sd fl">
								<div class="s-sd fl">
								<img src="<c:url value='/resources/version_new/images/person-icon.png' />" style="margin-top: 0;">
					</div>
					<div class="s-right fl">
								</div>
								<div class="s-right fl">
								<p>${not empty userdetail.company_name ? userdetail.company_name : not empty userdetail.real_name ? userdetail.real_name :  userdetail.login_name}</p>
								<span>${empty userdetail.email ? userdetail.telephone : userdetail.email}</span>
								</div>
							</div>
						</div>
						<ul class="clearfix">
							<li class="mr-10">
								<a href="${fns:getResource('BASE_URL')}/pc/index?ACCESS_TOKEN=${ACCESS_TOKEN}">我的账户</a>
							</li>
							<li>
								<a href="${fns:getResource('BASE_URL')}/pc/order/myOrder?ACCESS_TOKEN=${ACCESS_TOKEN}">我的订单</a>
							</li>
							<li class="mr-10">
								<a href="${fns:getResource('BASE_URL')}/pc/myAccount?ACCESS_TOKEN=${ACCESS_TOKEN}">我的资料</a>

							</li>
							<li>
								<a href="${fns:getResource('BASE_URL')}/pc/commonApplicant/win?ACCESS_TOKEN=${ACCESS_TOKEN}">常用投保人</a>
							</li>
							<li class="mr-10">
								<a href="${fns:getResource('BASE_URL')}/pc/mailAddress?ACCESS_TOKEN=${ACCESS_TOKEN}">寄送信息</a>
							</li>
						</ul>
						<div class="tui">
							<a href="${fns:getResource('BASE_URL')}/user/logout?ACCESS_TOKEN=${ACCESS_TOKEN}">退出</a>
						</div>
					</div>
				</div>
			</div>
		</c:if>

	</div>
</div>
</c:if>
<script type="text/javascript" src="<c:url value='/resources/script/jquery-1.10.2.min.js' />"></script>
<script type="text/javascript" src="<c:url value='/resources/versions-2.0/js/bootstrap.min.js' />"></script>
<script type="text/javascript" src="<c:url value='/resources/version_new/js/idangerous.swiper2.7.6.js' />"></script>
<script type="text/javascript" src="<c:url value='/resources/version_new/js/jquery.nav.js' />"></script>
<script type="text/javascript" src="<c:url value='/resources/version_new/js/clipboard.min.js' />"></script>
<script type="text/javascript" src="<c:url value='/resources/version_new/js/layer/layer.js' />"></script>
<script type="text/javascript" src="<c:url value='/resources/js/checkInputChangeStyle.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/versions-2.0.2/js/laydate.js' />"></script>
<jsp:include page="multi_init_param.jsp"/>
<script>
    var baseUrl = '${pageContext.request.contextPath }';
    if('${fn:contains(userdetail.web_type,'SAAS'||fn:contains(userdetail.web_type, 'PASP'))?1:0}'=='1'){
		location.href="${fns:getResource('BASE_URL')}/user/logout";
	}
    // 鼠标移动到用户的头像上的显示
    $('.news.person').mouseover(function () {
        $('.person-content').show();
    }).mouseout(function () {
        $('.person-content').hide();
    });

    //产品中心的下拉内容的显示
    $('.more-icon .sdf').mouseover(function () {
        $('#product-center-ert').show();
    }).mouseout(function () {
        setTimeout(function(){
            if(!sbfw()){//如果不在div范围内就隐藏'#product-center-ert
                $('#product-center-ert').hide();
			}
		},1000);
    });
    //产品中心的下拉内容里的tab切换
    $('ul.product-s li').mouseover(function () {
        $('ul.product-s li').removeClass('on');
        $(this).addClass('on');
        var s_index = $(this).index();
        $('.center-content .center-icon').hide();
        $('.center-content .center-icon').eq(s_index).show();
    });
    var x,y;
    $(document).mousemove(function(e){
        x = e.pageX;
        y = e.pageY;
    });
    function sbfw(){//判断鼠标是否在指定div范围内
		//x的值相对于文档的左边缘。y的值相对于文档的上边缘
		//x,y是全局变量;
		//判断鼠标是否在某DIV中
        var div = $('.more-icon .sdf');//获取你想要的DIV
        var y1 = div.offset().top;  //div上面两个的点的y值
        var y2 = y1 + div.height();//div下面两个点的y值
        var x1 = div.offset().left;  //div左边两个的点的x值
        var x2 = x1 + div.width();  //div右边两个点的x的值
		var _in = 0;
        if( x < x1 || x > x2 || y < y1 || y > y2){//鼠标不在.sdf范围内
            _in = 1;
        }
        if(_in == 1){
            var _div = $('.pro-none');//获取你想要的DIV
            var _y1 = _div.offset().top;  //div上面两个的点的y值
            var _y2 = _y1 + _div.height();//div下面两个点的y值
            var _x1 = _div.offset().left;  //div左边两个的点的x值
            var _x2 = _x1 + _div.width();  //div右边两个点的x的值
            if( x < _x1 || x > _x2 || y < _y1 || y > _y2){//鼠标不在.pro-none范围内
                return false;
            }
		}
		return true;
    }
</script>