﻿@font-face {
	font-family: 'TT0861M_6';
	src: url("../fonts/tt0861m_6.eot");
	src: url("../fonts/tt0861m_6.eot") format("embedded-opentype"), url("../fonts/tt0861m_6.woff") format("woff"), url("../fonts/tt0861m_6.ttf") format("truetype"), url("../fonts/tt0861m_6.svg#sri-tscregular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'HelveticaNeueCE35Thin';
	src: url("../fonts/helveticaneuece35thin.eot");
	src: url("../fonts/helveticaneuece35thin.eot") format("embedded-opentype"), url("../fonts/helveticaneuece35thin.woff") format("woff"), url("../fonts/helveticaneuece35thin.ttf") format("truetype"), url("../fonts/helveticaneuece35thin.svg#sri-tscregular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'BEBAS';
	src: url("../fonts/bebas.eot");
	src: url("../fonts/bebas.eot") format("embedded-opentype"), url("../fonts/bebas.woff") format("woff"), url("../fonts/bebas.ttf") format("truetype"), url("../fonts/bebas.svg#sri-tscregular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'DIDOT_0';
	src: url("../fonts/didot_0.eot");
	src: url("../fonts/didot_0.eot") format("embedded-opentype"), url("../fonts/didot_0.woff") format("woff"), url("../fonts/didot_0.ttf") format("truetype"), url("../fonts/didot_0.svg#sri-tscregular") format("svg");
	font-weight: normal;
	font-style: normal
}

.w1400 {
	width: 1400px;
	margin: 0 auto
}

@media (max-width: 1420px) {
	.w1400 {width: 96%}
}

header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	height:80px;
	background:rgba(255,255,255,.95) !important;
}

@media (max-width: 1024px) {
	header {
		/*display: none*/
	}
}

header .topnav {
	height:80px !important;
	box-shadow: 2px 3.464px 4px 0px rgba(142, 142, 142, 0.05);
	position: relative;
	z-index: 2
}

header .topnav .bocweb-logo {
	/*width: 150px;
	height: 46px;*/
	overflow: hidden;
	float: left;
	margin: 11px 0 0 5.31%;
	transition: all 0.5s
}

@media (max-width: 1250px) {
	header .topnav .bocweb-logo {
		margin: 28px 0 0 1.31%
	}
}

header .topnav .bocweb-logo img {
	width: 100%;
	display: block
}

header .topnav .bocweb-nav {
	float: right
}

header .topnav .bocweb-nav>ul>li {
	float: left;
	margin: 0 20px;
	transition: all 0.5s
}

@media (max-width: 1650px) {
	header .topnav .bocweb-nav>ul>li {
		margin: 0 12px
	}
}

@media (max-width: 1300px) {
	header .topnav .bocweb-nav>ul>li {
		margin: 0 10px;
	}
}

header .topnav .bocweb-nav>ul>li>a {
	padding: 0 10px;
	line-height:80px;
	height:80px;
	border-top: 4px solid rgba(255,255,255,0);
	box-sizing: border-box;
	font-size: 16px;
	font-weight:bold;
	color: #141414;
	text-align: center;
	display: block;
	transition: all 0.5s
}

@media (max-width: 1400px) {
	header .topnav .bocweb-nav>ul>li>a {
		padding: 0 2px
	}
}

@media (max-width: 1100px) {
	header .topnav .bocweb-nav>ul>li>a {
		font-size: 14px
	}
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav {
	position: absolute;
	left: 0;
	top:80px;
	background:rgba(255,255,255,.95) !important;
	display:none;
	box-shadow: 0 4px 10px 0 rgba(20, 17, 17, 0.1) inset
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con {
	width: 100%;
	margin: 0 auto
}

@media (max-width: 1420px) {
	header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con {
		width: 94%
	}
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl {
	width:16.5% !important;
	vertical-align: top;
	background:rgba(255,255,255,0.4);
	padding-bottom: 66px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con {
	padding: 38px 10px 0 10px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dt {
	line-height: 50px;
	margin-left: 12px;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 8px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dt a{
	color: #d80711;font-size: 20px;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dd a {
	padding:0 15px;
	background: #006e9f;
	background: url(../images/nav_icon.png) no-repeat 18px center;
	font-size: 14px;
	color: #141414;
	line-height: 40px;
	display: block;
	transition: all 0.5s;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl .li_con dd a:hover {
	color: #fff;
	background: #d80711;
	border-radius:5px;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl:nth-child(odd) {
	background:rgba(255,255,255,0.2);
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>.con dl.gray {
	background: #fcfcfc
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>ul {
	text-align: center;
	font-size: 0;
	width: 100%
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>ul>li {
	display: inline-block;
	text-align: center;
	float: inherit;
	margin: 0 40px;
	cursor:pointer;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>ul>li a {
	line-height: 86px;
	font-size: 16px;
	color: #141414;
	transition: all 0.5s
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con>ul>li:hover a {
	color: #d80711;}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .overflow {
	overflow: hidden
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left {
	width: 50%;
	float: right;
	min-height: 300px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con {
	padding: 34px 3.14% 20px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con h5 {
	font-size: 20px;
	color: #d80711;
	line-height: 72px;
	font-weight: normal;
	border-bottom: 1px solid #adadad;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con {
	margin-top: 40px;
	overflow: hidden
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con a {
	display: block;
	float: left;
	overflow: hidden;
	margin-right: 58px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con a em {
	width: 6px;
	height: 10px;
	background: url(../images/nav_icon.png) no-repeat;
	background-size: cover;
	float: left;
	margin-top: 18px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con a span {
	float: left;
	margin-left: 20px;
	font-size: 16px;
	color: #141414;
	line-height: 44px;
	display: block;
	transition: all 0.5s
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .left .con .left_con a:hover span {
	color: #d80711;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right {
	width:100%;
	float: left;
	min-height: 300px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con {
	10px 0 10px 3%;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con h5 {
	font-size: 20px;
	color: #d80711;
	line-height: 72px;
	font-weight: normal;
	border-bottom: 1px solid #adadad;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con {
	margin-top: 36px;
	overflow: hidden
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a {
	width: 18%;
	height: 46px;
	box-sizing: border-box;
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 1%;
	border: 1px solid #adadad;
	text-align: center;
	font-size: 0;
	background:none;
	margin-bottom: 13px;
	transition: all 0.5s
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a em {
	width: 23px;
	height: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a span {
	text-align: center;
	display: inline-block;
	font-size: 16px;
	color: #141414;
	line-height: 44px;
	vertical-align: middle;
	margin: 0 4px;
	transition: all 0.5s
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a:hover {
	background:none;
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con .right .con .right_con a:hover span {
	color: #d80711
}

header .topnav .bocweb-nav>ul>li .bocweb-subnav .subnav_con:after {
	clear: both;
	display: block;
	content: ''
}

header .topnav .bocweb-nav>ul>li:hover>a {
	border-color: #d80711;
	color:#d80711
}

header .topnav .bocweb-nav>ul>li.active>a {
	border-color: #08aaf3;
	color: #006e9f
}

header .topnav .bocweb-nav ul:after {
	clear: both;
	display: block;
	content: ''
}

header .topnav .bocweb-search {
	float: right;
	width: 6.04%;
	height:80px;
	cursor: pointer;
}

header .bocweb-subnav {
	width: 100%;
	background: #fff;
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	display: none
}

header .bocweb-subnav .w1400 {
	overflow: hidden
}

header .bocweb-subnav .w1400 ul {
	overflow: hidden
}

header .bocweb-subnav .w1400 ul li {
	position: absolute;
	z-index: 1
}

header .bocweb-subnav .w1400 ul .li2 {
	overflow: hidden;
	z-index: 2
}

header .bocweb-subnav .w1400 ul .li2 dl {
	width: 33.33%;
	display: table-cell;
	vertical-align: top;
	background: #fff;
	padding-bottom: 66px
}

header .bocweb-subnav .w1400 ul .li2 dl .li_con {
	padding: 38px 45px 0 40px
}

header .bocweb-subnav .w1400 ul .li2 dl .li_con dt {
	font-size: 22px;
	line-height: 66px;
	color: #006f9f;
	margin-left: 12px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 8px
}

header .bocweb-subnav .w1400 ul .li2 dl .li_con dd a {
	padding-left: 44px;
	background: #006e9f;
	background: url(../images/nav_icon.png) no-repeat 18px center;
	font-size: 16px;
	color: #888888;
	line-height: 40px;
	display: block;
	transition: all 0.5s;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

header .bocweb-subnav .w1400 ul .li2 dl .li_con dd a:hover {
	color: #fff;
	background: #006e9f url(../images/nav_icon_h.png) no-repeat 18px center
}

header .bocweb-subnav .w1400 ul .li2 dl:nth-child(odd) {
	background: #fcfcfc
}

header .bocweb-subnav .w1400 ul .li2 .dl1,
header .bocweb-subnav .w1400 ul .li2 .dl3 {
	background: #fcfcfc
}

header:after {
	clear: both;
	display: block;
	content: ''
}

