@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
body {
	font-size: 12px;
	width: 100%;
}
img {
	border: 0px;
}
table {
	border-collapse: collapse;
}
ol, ul, li, dl, dt, dd {
	list-style: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
abbr, acronym {
	border: 0;
}
blockquote {
	color: #666;
	font-style: italic;
}
html {
	-webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: inherit;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
	color: #000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
 select::-ms-expand {
 display: none;
}
 @font-face {
 font-family: 'HEB';
 src: url("../fonts/helveticabold.eot");
 src: url(https://www.cstctower.com/static/fonts/helveticabold.eot#iefixx") format("embedded-opentype"), url("../fonts/helveticabold.woff") format("woff"), url("../fonts/helveticabold.woff2") format("woff2"), url("../fonts/helveticabold.ttf") format("truetype"), url(https://www.cstctower.com/static/fonts/helveticabold.svg#helveticaboldd") format("svg");
}
@font-face {
 font-family: 'HEL';
 src: url("../fonts/helvetica.eot");
 src: url(https://www.cstctower.com/static/fonts/helvetica.eot#iefixx") format("embedded-opentype"), url("../fonts/helvetica.woff") format("woff"), url("../fonts/helvetica.woff2") format("woff2"), url("../fonts/helvetica.ttf") format("truetype"), url(https://www.cstctower.com/static/fonts/helvetica.svg#helveticaa") format("svg");
}
.main {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.w1440 {
	width: 1440px;
	margin: 0 auto;
}
 @media (max-width: 1460px) {
 .w1440 {
 width: 94%;
}
}
 @media (max-width: 1024px) {
 .is1024 {
 display: none;
}
}
.table {
	display: table;
	width: 100%;
	height: 100%;
}
.table .table-cell {
	display: table-cell;
	vertical-align: middle;
}
.bocweb-header {
	width: 100%;
	height: 114px;
	background: #fff;
	position: relative;
}
.bocweb-header .bocweb-logo {
	width: 26%;
	height: 100%;
	display: block;
	float: left;
	margin-left: 2.6%;
}
.bocweb-header .bocweb-nav {
	width: 48.2%;
	height: auto;
	float: left;
	margin-left: 3.2%;
}
.bocweb-header .bocweb-nav ul {
	width: 100%;
	height: auto;
}
.bocweb-header .bocweb-nav ul li {
	width: 14.28%;
	height: auto;
	float: left;
}
.bocweb-header .bocweb-nav ul li .tits {
	font-size: 16px;
	line-height: 114px;
	color: #000;
	display: block;
	text-align: center;
 transition: all .5s;
}
.bocweb-header .bocweb-nav ul li .mmnav {
	width: 100%;
	height: auto;
	position: absolute;
	top: 114px;
	left: 0;
	background: url(../images/nav_bg.jpg) left bottom;
	padding: 20px 0;
	z-index: 20;
	display: none;
}
.bocweb-header .bocweb-nav ul li .mmnav .con {
	width: 67%;
	margin-left: 33%;
}
.bocweb-header .bocweb-nav ul li .mmnav .con dl {
	width: 30%;
	height: auto;
	border-right: 1px solid #999;
	float: left;
}
.bocweb-header .bocweb-nav ul li .mmnav .con dl dd {
	width: 50%;
	float: left;
	height: auto;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
}
.bocweb-header .bocweb-nav ul li .mmnav .con dl dd a {
	width: 100%;
	height: auto;
	color: #999;
	display: block;
}
.bocweb-header .bocweb-nav ul li .mmnav .con dl dd a:hover {
	color: #fcbb28;
}
.bocweb-header .bocweb-nav ul li .mmnav .con .pic {
	width: 28%;
	float: left;
	margin-left: 10%;
}
.bocweb-header .bocweb-nav ul li .mmnav .con .pic img {
	display: none;
}
.bocweb-header .bocweb-nav ul li:hover .tits {
	color: #fcbb28;
}
.bocweb-header .bocweb-nav ul li.on .tits {
	color: #fcbb28;
}
.bocweb-header .line {
	width: 1px;
	height: 24px;
	float: left;
	background: #cacaca;
	margin-top: 45px;
}
.bocweb-header .language {
	width: 70px;
	height: auto;
	float: left;
	margin-top: 43px;
	margin-left: 28px;
	position: relative;
}
.bocweb-header .language .tits {
	width: 100%;
	height: auto;
	display: block;
}
.bocweb-header .language .tits .t {
	width: 100%;
	height: 15px;
	text-align: center;
}
.bocweb-header .language .tits .t img {
	display: block;
	float: left;
}
.bocweb-header .language .tits .t .img {
	margin-left: 13px;
}
.bocweb-header .language .tits .t .icon {
	margin-left: 5px;
	margin-top: 7px;
}
.bocweb-header .language .tits .t1 {
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #000;
	margin-top: 4px;
}
.bocweb-header .language ul {
	width: 100%;
	height: auto;
	position: absolute;
	top: 31px;
	background: #fff;
	padding: 10px 0;
	display: none;
}
.bocweb-header .language ul li {
	width: 100%;
	height: 31px;
}
.bocweb-header .language ul li a {
	width: 100%;
	height: auto;
	display: block;
}
.bocweb-header .language ul li a .t {
	width: 100%;
	height: 15px;
	text-align: center;
}
.bocweb-header .language ul li a .t img {
	display: block;
	margin-left: 13px;
}
.bocweb-header .language ul li a .t1 {
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #000;
	margin-top: 4px;
}
.bocweb-header .language:hover ul {
	display: block;
}
.bocweb-header .bocweb-search {
	width: 12.5%;
	height: 100%;
	background: #3072c4;
	float: right;
}
.bocweb-header .bocweb-search .search-new {
	width: 143px;
	height: 46px;
	margin: 32px auto 0;
	border-bottom: 1px solid #98b9e2;
}
.bocweb-header .bocweb-search .search-new .submit {
	width: 26px;
	height: 26px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	background: url(../images/search.png) no-repeat;
}
.bocweb-header .bocweb-search .search-new .text {
	width: 95px;
	float: left;
	height: 26px;
	border: none;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	background: none;
}
 .bocweb-header .bocweb-search .search-new .text::-webkit-input-placeholder {
 color: #fff;
}
 .bocweb-header .bocweb-search .search-new .text:-moz-placeholder {
 color: #fff;
}
 .bocweb-header .bocweb-search .search-new .text::-moz-placeholder {
 color: #fff;
}
 .bocweb-header .bocweb-search .search-new .text:-ms-input-placeholder {
 color: #fff;
}
 @media (max-width: 1330px) {
 .bocweb-header .bocweb-nav {
 margin-left: 2%;
}
 .bocweb-header .language {
 margin-left: 10px;
}
}
 @media (max-width: 1200px) {
 .bocweb-header .bocweb-logo {
 width: 24%;
}
 .bocweb-header .bocweb-logo {
 margin-left: 1.5%;
}
 .bocweb-header .bocweb-nav {
 margin-left: 0;
 width: 52.2%;
}
 .bocweb-header .bocweb-search .search-new {
 width: 90%;
}
 .bocweb-header .bocweb-search .search-new .submit {
 margin-left: 0;
}
 .bocweb-header .bocweb-search .search-new .text {
 width: 70%;
}
}
 @media (max-width: 1100px) {
 .bocweb-header .bocweb-nav {
 width: 58.2%;
}
 .bocweb-header .bocweb-search {
 display: none;
}
}
.bocweb-header-m {
	width: 100%;
	height: 120px;
	background: #fff;
	display: none;
}
.bocweb-header-m .logo {
	width: 38%;
	height: 100%;
	display: block;
	float: left;
	margin-left: 2.7%;
}
.bocweb-header-m .nav-click {
	width: 60px;
	height: 100%;
	float: right;
	background: url(../images/nav_click.png) center no-repeat;
	margin-right: 2.7%;
	background-size: 100%;
}
.bocweb-header-m .nav-click.on {
	background: url(../images/nav_click_h.png) center no-repeat;
	background-size: 38px;
}
.bocweb-header-m .search-click {
	width: 38px;
	height: 100%;
	float: right;
	background: url(../images/search_h.png) center no-repeat;
	margin-right: 4%;
	background-size: 100%;
}
.bocweb-header-m .mnav {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 120px;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 100;
	display: none;
}
.bocweb-header-m .mnav .mnav-new {
	width: 240px;
	height: 100%;
	background: #f9f9f9;
	float: right;
	position: relative;
}
.bocweb-header-m .mnav .mnav-new ul {
	width: 100%;
	height: auto;
}
.bocweb-header-m .mnav .mnav-new ul li {
	width: 100%;
	height: 85px;
	border-bottom: 1px solid #dedede;
	font-size: 24px;
	line-height: 85px;
}
.bocweb-header-m .mnav .mnav-new ul li a {
	width: 80%;
	height: 100%;
	display: block;
	color: #222;
	padding-left: 20%;
}
.bocweb-header-m .mnav .mnav-new ul li:last-child {
	border-bottom: none;
}
.bocweb-header-m .mnav .mnav-new .language {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 0;
	position: absolute;
	bottom: 130px;
	left: 0;
}
.bocweb-header-m .mnav .mnav-new .language a {
	width: 70px;
	height: auto;
	display: inline-block;
	margin: 0 15px;
	font-size: 16px;
	line-height: 20px;
	color: #222;
	text-align: center;
}
 @media (max-width: 1024px) {
 .bocweb-header-m {
 display: block;
}
}
 @media (max-width: 768px) {
 .bocweb-header-m {
 height: 80px;
}
 .bocweb-header-m .logo {
 width: 291px;
}
 .bocweb-header-m .mnav {
 top: 80px;
}
 .bocweb-header-m .mnav .mnav-new .language {
 bottom: 90px;
}
}
 @media (max-width: 650px) {
 .bocweb-header-m .mnav .mnav-new {
 width: 200px;
}
 .bocweb-header-m .mnav .mnav-new ul li {
 height: 60px;
 font-size: 18px;
 line-height: 60px;
}
}
 @media (max-width: 550px) {
 .bocweb-header-m .nav-click {
 width: 40px;
}
 .bocweb-header-m .nav-click.on {
 background-size: 26px;
}
 .bocweb-header-m .search-click {
 width: 28px;
}
}
 @media (max-width: 440px) {
 .bocweb-header-m {
 height: 60px;
}
 .bocweb-header-m .logo {
 width: 200px;
}
 .bocweb-header-m .nav-click {
 width: 35px;
}
 .bocweb-header-m .nav-click.on {
 background-size: 22px;
}
 .bocweb-header-m .search-click {
 width: 23px;
}
 .bocweb-header-m .mnav {
 top: 60px;
}
 .bocweb-header-m .mnav .mnav-new .language {
 bottom: 90px;
}
}
 @media (max-width: 420px) {
 .bocweb-header-m .mnav .mnav-new {
 width: 180px;
}
 .bocweb-header-m .mnav .mnav-new ul li {
 height: 50px;
 font-size: 16px;
 line-height: 50px;
}
 .bocweb-header-m .mnav .mnav-new .language a {
 width: 60px;
 font-size: 14px;
 margin: 0 10px;
}
}
.index-banner {
	width: 100%;
	height: 712px;
	position: relative;
}
.index-banner ul {
	width: 100%;
	height: auto;
}
.index-banner ul li {
	width: 100%;
	height: 712px;
	position: absolute;
	top: 0;
	left: 0;
}
.index-banner .btns {
	width: 12px;
	height: auto;
	position: absolute;
	z-index: 10;
	left: 55px;
	top: 35%;
}
.index-banner .btns dl {
	width: 100%;
	height: auto;
}
.index-banner .btns dl dd {
	width: 100%;
	height: auto;
	margin: 14px 0;
	display: block;
	cursor: pointer;
}
.index-banner .btns dl dd span {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 12px;
	background: #fff;
}
.index-banner .btns dl dd i {
	width: 2px;
	height: 75px;
	margin: 14px auto 0;
	background: #fff;
	display: none;
}
.index-banner .btns dl dd.on i {
	display: block;
}
.index-banner-m {
	width: 100%;
	height: auto;
	position: relative;
	display: none;
}
.index-banner-m ul {
	width: 100%;
	height: auto;
}
.index-banner-m ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-banner-m .btns {
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	bottom: 90px !important;
	left: 0;
	z-index: 20;
}
.index-banner-m .btns span {
	width: 13px;
	height: 13px;
	border-radius: 13px;
	margin: 0 10px;
	display: inline-block;
	background: #fff;
	opacity: 1 !important;
}
.index-banner-m .btns span.swiper-pagination-bullet-active {
	background: #3072c4;
}
 @media (max-width: 1024px) {
 .index-banner-m {
 display: block;
}
}
 @media (max-width: 980px) {
 .index-banner-m ul li img {
 width: 120%;
 margin-left: -10%;
}
}
 @media (max-width: 715px) {
 .index-banner-m .btns {
 bottom: 20px !important;
}
}
 @media (max-width: 590px) {
 .index-banner-m ul li img {
 width: 140%;
 margin-left: -20%;
}
 .index-banner-m .btns {
 bottom: 10px !important;
}
 .index-banner-m .btns span {
 width: 8px;
 height: 8px;
 border-radius: 8px;
}
}
 @media (max-width: 414px) {
 .index-banner-m ul li img {
 width: 160%;
 margin-left: -30%;
}
}
.index {
	width: 100%;
	height: auto;
}
.index .index-box {
	margin: -83px auto 0;
	z-index: 20;
	position: relative;
}
.index .index-box .box-new {
	width: 50.7%;
	height: 83px;
	background: #fff;
	float: right;
}
.index .index-box .box-new .con {
	width: 97.3%;
	height: auto;
	margin: 0 auto;
}
.index .index-box .box-new .con .tabs {
	width: 100%;
	height: 39px;
	border-bottom: 1px solid #cacaca;
}
.index .index-box .box-new .con .tabs a {
	width: 106px;
	height: 39px;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 39px;
	color: #000;
	position: relative;
}
.index .index-box .box-new .con .tabs a span {
	float: left;
	margin-left: 12px;
}
.index .index-box .box-new .con .tabs a i {
	width: 11px;
	height: 100%;
	display: block;
	float: left;
	background: url(../images/index_icon1.png) center no-repeat;
	margin-left: 5px;
}
.index .index-box .box-new .con .tabs a em {
	width: 100%;
	height: 2px;
	background: #3072c4;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}
.index .index-box .box-new .con .tabs a.on i {
	background: url(../images/index_icon1_h.png) center no-repeat;
}
.index .index-box .box-new .con .tabs a.on em {
	display: block;
}
.index .index-box .box-new .con .list {
	width: 100%;
	height: 43px;
	overflow: hidden;
}
.index .index-box .box-new .con .list .bd {
	width: 100%;
	height: auto;
}
.index .index-box .box-new .con .list .bd ul {
	width: 100%;
	height: auto;
}
.index .index-box .box-new .con .list .bd ul li {
	width: 100%;
	height: 43px;
}
.index .index-box .box-new .con .list .bd ul li a {
	width: 100%;
	height: auto;
}
.index .index-box .box-new .con .list .bd ul li a .t {
	width: 70%;
	height: 43px;
	margin-left: 1.7%;
	float: left;
	font-size: 14px;
	line-height: 43px;
	color: #000;
 transition: all .5s;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index .index-box .box-new .con .list .bd ul li a .t span {
	font-weight: bold;
}
.index .index-box .box-new .con .list .bd ul li a .t1 {
	float: right;
	font-size: 14px;
	line-height: 43px;
	color: #ccc;
	font-weight: bold;
	font-family: Arial;
	margin-right: 1%;
}
.index .index-box .box-new .con .list .bd ul li:hover a .t {
	color: #fcbb28;
}
 @media (max-width: 1080px) {
 .index .index-box .box-new {
 width: 70%;
}
}
 @media (max-width: 715px) {
 .index .index-box {
 margin: 0 auto 0;
}
 .index .index-box .box-new {
 width: 100%;
}
}
 @media (max-width: 480px) {
 .index .index-box .box-new .con .list .bd ul li a .t {
 width: 95%;
}
 .index .index-box .box-new .con .list .bd ul li a .t1 {
 display: none;
}
}
.index .index-product {
	margin: 6% auto 6%;
	position: relative;
}
.index .index-product .title {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 23%;
	left: 0;
	font-size: 284px;
	line-height: 284px;
	text-transform: uppercase;
	font-family: HEB;
	color: #fafafc;
	z-index: 1;
}
.index .index-product .list {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 3;
	overflow: hidden;
}
.index .index-product .list ul {
	width: 100%;
	height: auto;
}
.index .index-product .list ul li {
	width: 100%;
	height: auto;
	float: left;
}
.index .index-product .list ul li .pic {
	width: 33%;
	height: auto;
	display: block;
	margin-left: 4.9%;
	float: left;
 transition: all .5s;
	margin-top: 9%;
}
.index .index-product .list ul li .pic img {
	width: 65%;
 transition: all .5s;
}
.index .index-product .list ul li .con {
	width: 50%;
	height: auto;
	margin-left: 7.3%;
	float: left;
}
.index .index-product .list ul li .con .tits {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #000;
	margin-top: 50px;
}
.index .index-product .list ul li .con .tit {
	font-size: 24px;
	line-height: 24px;
	font-family: HEB;
	color: #000;
	text-transform: uppercase;
	margin-top: 3px;
}
.index .index-product .list ul li .con .tit1 {
	width: 100%;
	height: 24px;
	display: block;
	font-size: 24px;
	line-height: 24px;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 73px;
}
 @media (min-width: 1024px) {
 .index .index-product .list ul li .con .tit1:hover {
 color: #3072c4;
}
}
.index .index-product .list ul li .con .tit2 {
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	margin-top: 32px;
}
.index .index-product .list ul li .con .tit3 {
	width: 100%;
	height: 120px;
	font-size: 14px;
	line-height: 30px;
	color: #616161;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
 @media (min-width: 1024px) {
 .index .index-product .list ul li .con .tit3:hover {
 color: #3072c4;
}
}
.index .index-product .list ul li .con .more {
	width: 175px;
	height: 60px;
	border: 1px solid #e2e7eb;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 60px;
	font-weight: bold;
	color: #000;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	margin-top: 31px;
 transition: all .5s;
}
 @media (min-width: 1024px) {
 .index .index-product .list ul li .con .more:hover {
 background: #3072c4;
 color: #fff;
}
}
.index .index-product .list ul li.on .pic {
	padding: 20px;
	background: #3072c4;
	margin-top: 0;
}
.index .index-product .list ul li.on .pic img {
	width: 100%;
}
.index .index-product .list .next {
	width: 17%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 10;
}
.index .index-product .title1 {
	display: none;
}
.index .index-product .title1 .t {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #000;
}
.index .index-product .title1 .t1 {
	font-size: 18px;
	line-height: 18px;
	font-family: HEB;
	color: #000;
	text-transform: uppercase;
	margin-top: 3px;
}
.index .index-product .list1 {
	display: none;
}
 @media (max-width: 1460px) {
 .index .index-product .title {
 font-size: 200px;
 line-height: 200px;
}
}
 @media (max-width: 1280px) {
 .index .index-product .list ul li .con .tits {
 margin-top: 30px;
}
 .index .index-product .list ul li .con .tit1 {
 margin-top: 35px;
}
}
 @media (max-width: 1100px) {
 .index .index-product .title {
 font-size: 150px;
 line-height: 150px;
}
 .index .index-product .list ul li .con .tits {
 margin-top: 10px;
}
 .index .index-product .list ul li .con .tit1 {
 margin-top: 20px;
}
 .index .index-product .list ul li .con .tit2 {
 margin-top: 20px;
}
 .index .index-product .list ul li .con .tit3 {
 height: 90px;
 -webkit-line-clamp: 3;
}
 .index .index-product .list ul li .con .more {
 height: 40px;
 width: 135px;
 line-height: 40px;
}
}
 @media (max-width: 955px) {
 .index .index-product .list ul li .pic {
 margin-left: 2%;
}
 .index .index-product .list ul li .con {
 margin-left: 3.3%;
}
 .index .index-product .list ul li .con .tits {
 font-size: 20px;
 line-height: 20px;
}
 .index .index-product .list ul li .con .tit {
 font-size: 20px;
 line-height: 20px;
}
 .index .index-product .list ul li .con .tit1 {
 font-size: 20px;
 line-height: 20px;
 height: 20px;
}
}
 @media (max-width: 865px) {
 .index .index-product .list {
 height: auto !important;
}
}
 @media (max-width: 785px) {
 .index .index-product .list2 {
 display: none;
}
 .index .index-product .list1 {
 display: block;
 padding-bottom: 20px;
}
 .index .index-product .list1 ul li .pic {
 width: 41%;
 margin-left: 0;
 margin-top: 0;
}
 .index .index-product .list1 ul li .pic img {
 width: 100%;
}
 .index .index-product .list1 ul li .con {
 width: 53%;
}
 .index .index-product .list1 ul li .con .tit1 {
 margin-top: 10px;
}
 .index .index-product .list1 ul li .con .tit2 {
 line-height: 20px;
 margin-top: 10px;
}
 .index .index-product .list1 ul li .con .more {
 margin-top: 15px;
}
}
 @media (max-width: 440px) {
 .index .index-product .title1 {
 display: block;
}
 .index .index-product .list1 {
 margin-top: 20px;
}
 .index .index-product .list1 ul li .pic {
 width: 100%;
 height: auto;
 box-sizing: border-box;
 padding: 0;
 float: none;
}
 .index .index-product .list1 ul li .con {
 width: 95%;
 float: none;
 margin: 0 auto 0;
}
 .index .index-product .list1 ul li .con .tits {
 display: none;
}
 .index .index-product .list1 ul li .con .tit {
 display: none;
}
}
.index .index-about {
	width: 100%;
	height: auto;
	background-size: cover !important;
	padding-top: 5.7%;
	padding-bottom: 5.5%;
}
.index .index-about .content .con {
	width: 35%;
	height: auto;
	float: right;
}
.index .index-about .content .con .tits {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #000;
}
.index .index-about .content .con .tits i {
	float: left;
	margin-right: 10px;
}
.index .index-about .content .con .tits span {
	float: left;
	margin-top: 3px;
	font-family: HEB;
}
.index .index-about .content .con .tit {
	font-size: 16px;
	line-height: 36px;
	color: #616161;
	margin-top: 14px;
}
.index .index-about .content .con .tabs {
	font-size: 14px;
	line-height: 14px;
	margin-top: 21%;
}
.index .index-about .content .con .tabs a {
	float: left;
	color: #4a4a4a;
 transition: all .5s;
}
.index .index-about .content .con .tabs a:hover {
	color: #fcbb28;
}
.index .index-about .content .con .tabs span {
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: #cacaca;
	display: block;
	margin: 5px 11px 0;
	float: left;
}
.index .index-about .content .con .more {
	width: 156px;
	height: 46px;
	border-radius: 3px;
	background: #3072c4;
	display: block;
	margin-top: 28px;
}
.index .index-about .content .con .more span {
	width: 75.6%;
	height: auto;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	background: url(../images/index_icon2.png) right center no-repeat;
}
 @media (max-width: 1150px) {
 .index .index-about .content .con {
 width: 50%;
}
}
 @media (max-width: 850px) {
 .index .index-about .content .con {
 width: 100%;
 float: none;
}
}
 @media (max-width: 500px) {
 .index .index-about .content .con .tabs {
 margin-top: 7%;
}
}
 @media (max-width: 400px) {
 .index .index-about .content .con .tabs span {
 margin: 5px 5px 0;
}
}
.index .index-m {
	display: none;
}
 @media (max-width: 640px) {
 .index .index-about {
 display: none;
}
 .index .index-m {
 display: block;
}
}
.index .index-news {
	padding-top: 5.2%;
	padding-bottom: 5.1%;
}
.index .index-news .title {
	width: 100%;
	height: auto;
	font-size: 24px;
	line-height: 24px;
	color: #000;
}
.index .index-news .title .tits {
	font-weight: bold;
}
.index .index-news .title .tit {
	font-family: HEB;
	text-transform: uppercase;
	margin-top: 4px;
}
.index .index-news .list {
	width: 100%;
	height: auto;
	margin-top: 38px;
	overflow: hidden;
}
.index .index-news .list ul {
	width: 110%;
	height: auto;
}
.index .index-news .list ul li {
	width: 29%;
	height: auto;
	margin-right: 1.9%;
	float: left;
	background: #fff;
}
.index .index-news .list ul li a {
	width: 100%;
	height: auto;
}
.index .index-news .list ul li a .pic {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.index .index-news .list ul li a .pic .num {
	position: absolute;
	top: 0;
	left: 20px;
	width: 40px;
	height: 50px;
	background: url(../images/index_icon3.png) no-repeat;
	font-size: 24px;
	line-height: 24px;
	padding-top: 10px;
	color: #fff;
	font-family: HEB;
	text-align: center;
}
.index .index-news .list ul li a .pic img {
 transition: all .5s;
}
.index .index-news .list ul li a .con {
	width: 100%;
	height: auto;
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}
.index .index-news .list ul li a .con .con-new {
	width: 89.6%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 20px;
}
.index .index-news .list ul li a .con .con-new .tits {
	font-size: 18px;
	line-height: 18px;
	height: 18px;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 28px;
}
.index .index-news .list ul li a .con .con-new .tit {
	width: 100%;
	height: 60px;
	font-size: 14px;
	line-height: 30px;
	color: #616161;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 17px;
}
.index .index-news .list ul li a .con .con-new .time {
	height: 32px;
	font-size: 14px;
	line-height: 32px;
	color: #828282;
	margin-top: 36px;
}
.index .index-news .list ul li a .con .con-new .more {
	width: 100px;
	height: 32px;
	border-radius: 3px;
	background: #3072c4;
	text-align: center;
	font-size: 12px;
	line-height: 32px;
	color: #fff;
	margin-top: 36px;
	display: none;
}
.index .index-news .list ul li:hover {
	box-shadow: 0 0 15px rgba(117, 72, 0, 0.14);
}
.index .index-news .list ul li:hover a .pic img {
	transform: scale(1.1);
}
.index .index-news .list ul li:hover a .con .con-new .time {
	display: none;
}
.index .index-news .list ul li:hover a .con .con-new .more {
	display: block;
}
 @media (max-width: 755px) {
 .index .index-news .list ul li a .con .con-new .tits {
 margin-top: 10px;
}
 .index .index-news .list ul li a .con .con-new .tit {
 margin-top: 10px;
}
 .index .index-news .list ul li a .con .con-new .time {
 margin-top: 15px;
}
}
 @media (max-width: 540px) {
 .index .index-news .list ul {
 width: 100%;
}
 .index .index-news .list ul li {
 width: 100%;
 float: none;
 margin-right: 0;
 margin-bottom: 20px;
}
}
.index .index-video {
	width: 100%;
	height: auto;
	background-size: cover !important;
}
.index .index-video a {
	width: 100%;
	height: auto;
	display: block;
	padding-top: 5%;
	padding-bottom: 4.6%;
}
.index .index-video a .con .con-left {
	width: 35%;
	height: auto;
	float: left;
}
.index .index-video a .con .con-left .icon {
	width: 38px;
	height: auto;
}
.index .index-video a .con .con-left .icon img {
	display: block;
}
.index .index-video a .con .con-left .tits {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	margin-top: 27px;
}
.index .index-video a .con .con-left .tit {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-left: 20px;
	margin-top: 57%;
}
.index .index-video a .con .con-left .tit span {
	font-size: 16px;
}
.index .index-video a .con .con-right {
	width: 14%;
	float: right;
}
.index .index-video a .con .con-right .title {
	width: 100%;
	height: auto;
	margin-top: 25px;
	text-align: center;
}
.index .index-video a .con .con-right .title .tits {
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.index .index-video a .con .con-right .title .tit {
	font-family: HEB;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 5px;
}
.index .index-video a .con .con-right .img {
	width: 116.7%;
	margin-left: -8.3%;
	margin-top: 15px;
}
.index .index-video a .con .con-right .icon {
	width: 45.6%;
	height: auto;
	margin: 17px auto 0;
}
 @media (max-width: 1460px) {
 .index .index-video a .con .con-right {
 width: 180px;
}
}
 @media (max-width: 1060px) {
 .index .index-video a .con .con-left {
 width: 55%;
}
 .index .index-video a .con .con-left .tit {
 margin-top: 40%;
}
 .index .index-video a .con .con-right {
 width: 18%;
}
 .index .index-video a .con .con-right .title {
 text-align: center;
}
 .index .index-video a .con .con-right .title .tits {
 font-size: 22px;
 line-height: 22px;
}
 .index .index-video a .con .con-right .title .tit {
 font-size: 16px;
 line-height: 16px;
}
}
 @media (max-width: 750px) {
 .index .index-video a {
 padding-bottom: 15%;
}
 .index .index-video a .con .con-right {
 width: 100%;
 float: none;
}
 .index .index-video a .con .con-right .title {
 margin-top: 0;
}
 .index .index-video a .con .con-right .img {
 display: none;
}
 .index .index-video a .con .con-right .icon {
 width: 60px;
}
 .index .index-video a .con .con-left {
 display: none;
}
}
.index .index-investor {
	margin: 110px auto 100px;
}
.index .index-investor .con-left {
	width: 25%;
	height: auto;
	float: left;
}
.index .index-investor .con-left .title {
	width: 100%;
	height: auto;
	font-size: 24px;
	line-height: 24px;
	color: #000;
}
.index .index-investor .con-left .title .tits {
	font-weight: bold;
}
.index .index-investor .con-left .title .tit {
	font-family: HEB;
	text-transform: uppercase;
	margin-top: 3px;
}
.index .index-investor .con-left .t {
	font-size: 18px;
	line-height: 18px;
	color: #000;
	margin-top: 54px;
}
.index .index-investor .con-left .more {
	width: 156px;
	height: 46px;
	display: block;
	margin-top: 107px;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3);
	background: #3072c4;
}
.index .index-investor .con-left .more span {
	width: 75.6%;
	height: auto;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	display: block;
	margin: 0 auto;
	background: url(../images/index_icon2.png) right center no-repeat;
}
.index .index-investor .con-right {
	width: 71.875%;
	height: auto;
	float: right;
}
.index .index-investor .con-right .tabs {
	font-size: 14px;
	line-height: 14px;
	margin-top: 33px;
}
.index .index-investor .con-right .tabs a {
	color: #4a4a4a;
	margin-right: 10px;
	float: left;
}
.index .index-investor .con-right .tabs a i {
	float: left;
}
.index .index-investor .con-right .tabs a span {
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background: #cacaca;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}
.index .index-investor .con-right .tabs a.on {
	color: #000;
	font-weight: bold;
}
.index .index-investor .con-right .list {
	width: 100%;
	height: auto;
	position: relative;
}
.index .index-investor .con-right .list .list-new {
	width: 78.8%;
	height: auto;
	float: left;
	margin-top: 60px;
}
.index .index-investor .con-right .list .list-new ul {
	width: 100%;
	height: auto;
}
.index .index-investor .con-right .list .list-new ul li {
	width: 100%;
	height: auto;
	float: left;
}
.index .index-investor .con-right .list .list-new ul li a {
	width: 100%;
	height: auto;
}
.index .index-investor .con-right .list .list-new ul li a .tits {
	font-size: 18px;
	line-height: 18px;
	color: #000;
}
.index .index-investor .con-right .list .list-new ul li a .tit {
	font-size: 14px;
	line-height: 30px;
	color: #616161;
	height: 60px;
	margin-top: 11px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index .index-investor .con-right .list .list-new ul li a .time {
	font-size: 14px;
	line-height: 14px;
	color: #828282;
	font-family: Arial;
	margin-top: 9px;
}
 @media (min-width: 1024px) {
 .index .index-investor .con-right .list .list-new ul li:hover a .tits {
 color: #3072c4;
}
 .index .index-investor .con-right .list .list-new ul li:hover a .tit {
 color: #3072c4;
}
}
.index .index-investor .con-right .list .btns {
	width: 40px;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
}
.index .index-investor .con-right .list .btns .a {
	width: 40px;
	height: 40px;
	display: block;
}
.index .index-investor .con-right .list .btns .a.prev {
	background: url(../images/index_prev.png) no-repeat;
}
.index .index-investor .con-right .list .btns .a.next {
	background: url(../images/index_next.png) no-repeat;
}
.index .index-investor .con-right .list .btns .btns-new {
	width: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 24px;

	color: #575757;
	position: relative;
	bottom: 0;
	margin: 15px 0;
	font-family: Arial;
}
.index .index-investor .con-right .list .btns .btns-new span {
	width: 100%;
	display: block;
	font-size: 24px;
	line-height: 24px;
	margin: 6px 0;
}
.index .index-investor .more1 {
	width: 156px;
	height: 46px;
	display: block;
	margin: 20px auto 0;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3);
	background: #3072c4;
	display: none;
}
.index .index-investor .more1 span {
	width: 75.6%;
	height: auto;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	display: block;
	margin: 0 auto;
	background: url(../images/index_icon2.png) right center no-repeat;
}
 @media (max-width: 1200px) {
 .index .index-investor {
 margin: 6% auto 7%;
}
 .index .index-investor .con-left {
 width: 30%;
}
 .index .index-investor .con-right {
 width: 65%;
}
}
 @media (max-width: 960px) {
 .index .index-investor .con-left {
 width: 100%;
 float: none;
}
 .index .index-investor .con-left .t {
 display: none;
}
 .index .index-investor .con-left .more {
 display: none;
}
 .index .index-investor .con-right {
 width: 100%;
 float: none;
}
 .index .index-investor .con-right .list .list-new {
 margin-top: 30px;
}
 .index .index-investor .con-right .list .btns .btns-new {
 margin: 5px 0;
}
}
 @media (max-width: 630px) {
 .index .index-investor .con-right .list .list-new {
 width: 100%;
 float: none;
}
 .index .index-investor .con-right .list .btns {
 width: 175px;
 height: auto;
 position: relative;
 margin-top: 15px;
 top: auto;
 right: auto;
}
 .index .index-investor .con-right .list .btns .a {
 float: left;
}
 .index .index-investor .con-right .list .btns .a.next {
 float: right;
}
 .index .index-investor .con-right .list .btns .btns-new {
 width: 95px;
 text-align: center;
 float: left;
 margin: 0;
}
 .index .index-investor .con-right .list .btns .btns-new span {
 width: auto;
 display: inline-block;
}
 .index .index-investor .more1 {
 display: block;
 margin: 20px 0 0;
}
}
.footer {
	width: 100%;
	height: 563px;
	background: url(../images/footer_bg.jpg) center no-repeat;
}
.footer .footer-new {
	padding-top: 85px;
}
.footer .footer-new .foott {
	width: 100%;
	height: 360px;
}
.footer .footer-new .foott .nav {
	float: left;
}
.footer .footer-new .foott .nav dl {
	margin-right: 110px;
	float: left;
}
.footer .footer-new .foott .nav dl dt {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 23px;
}
.footer .footer-new .foott .nav dl dt a {
	color: #fff;
}
.footer .footer-new .foott .nav dl dd {
	font-size: 14px;
	line-height: 36px;
}
.footer .footer-new .foott .nav dl dd a {
	color: #9f9f9f;
 transition: all .5s;
}
.footer .footer-new .foott .nav dl dd a:hover {
	color: #fff;
}
.footer .footer-new .foott .nav dl:last-child {
	margin-right: 0;
}
.footer .footer-new .foott .line {
	width: 1px;
	height: 224px;
	background: #373737;
	float: left;
	margin-left: 5.6%;
}
.footer .footer-new .foott .con {
	width: 16.7%;
	height: auto;
	float: right;
}
.footer .footer-new .foott .con .tits {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
}
.footer .footer-new .foott .con .tit {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-transform: uppercase;
	font-family: HEL;
	margin-top: 9px;
}
.footer .footer-new .foott .con .con-new {
	width: 100%;
	height: auto;
	margin-top: 23px;
}
.footer .footer-new .foott .con .con-new .item {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 19px;
}
.footer .footer-new .foott .con .con-new .item span {
	color: #dbdbdb;
	display: block;
	width: 100%;
}
.footer .footer-new .foot {
	width: 100%;
	height: 119px;
	border-top: 1px solid #373737;
}
.footer .footer-new .foot p {
	float: left;
	font-size: 14px;
	line-height: 22px;
	color: #909090;
	margin-top: 33px;
}
.footer .footer-new .foot p a {
	color: #909090;
 transition: all .5s;
}
.footer .footer-new .foot p a:hover {
	color: #fff;
}
.footer .footer-new .foot .share {
	float: right;
	margin-top: 43px;
}
.footer .footer-new .foot .share a {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 5px;
	padding: 0;
 transition: all .5s;
}
.footer .footer-new .foot .share a.bds_weixin {
	background: url(../images/wx.png) no-repeat;
}
.footer .footer-new .foot .share a.bds_tsina {
	background: url(../images/wb.png) no-repeat;
}
.footer .footer-new .foot .share a.bds_sqq {
	background: url(../images/qq.png) no-repeat;
}
.footer .footer-new .foot .share a:hover {
	opacity: 1;
}
.footer .footer-new .foot .share a.bds_weixin:hover {
	background: url(../images/wx_h.png) no-repeat;
}
.footer .footer-new .foot .share a.bds_tsina:hover {
	background: url(../images/wb_h.png) no-repeat;
}
.footer .footer-new .foot .share a.bds_sqq:hover {
	background: url(../images/qq_h.png) no-repeat;
}
 @media (max-width: 1440px) {
 .footer .footer-new .foott .nav {
 width: 75%;
}
 .footer .footer-new .foott .nav dl {
 margin-right: 8%;
}
 .footer .footer-new .foott .line {
 margin-left: 3%;
}
}
 @media (max-width: 1180px) {
 .footer .footer-new .foott .nav dl {
 margin-right: 6%;
}
 .footer .footer-new .foott .line {
 margin-left: 1%;
}
 .footer .footer-new .foott .con {
 width: 21%;
}
}
.footer-m {
	width: 100%;
	height: auto;
	background: url(../images/footer_bg_m.jpg) no-repeat;
	background-size: cover !important;
	padding-top: 75px;
	padding-bottom: 25px;
	display: none;
}
.footer-m .tit {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 40px;
}
.footer-m .tit .t {
	font-size: 20px;
	line-height: 24px;
	color: #dbdbdb;
}
.footer-m .tit .t1 {
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	margin-top: 8px;
}
.footer-m p {
	font-size: 22px;
	line-height: 36px;
	color: #fff;
	opacity: 0.36;
	filter: alpha(opacity=36);
	text-align: center;
	padding-top: 17px;
}
.footer-m p a {
	color: #fff;
}
.footer-m .share {
	width: 100%;
	text-align: center;
	margin-top: 27px;
}
.footer-m .share a {
	width: 51px;
	height: 50px;
	display: inline-block;
	margin: 0 15px;
	padding: 0;
 transition: all .5s;
	background-size: cover !important;
	float: none;
}
.footer-m .share a.bds_weixin {
	background: url(../images/wx_m.png) no-repeat;
}
.footer-m .share a.bds_tsina {
	background: url(../images/wb_m.png) no-repeat;
}
.footer-m .share a.bds_sqq {
	background: url(../images/qq_m.png) no-repeat;
}
.footer-m .share a:hover {
	opacity: 1;
}
 @media (max-width: 1024px) {
 .footer-m {
 display: block;
}
}
 @media (max-width: 580px) {
 .footer-m {
 padding-top: 35px;
}
 .footer-m .tit {
 margin-bottom: 20px;
}
 .footer-m .tit .t {
 font-size: 16px;
 line-height: 20px;
}
 .footer-m .tit .t1 {
 font-size: 18px;
 line-height: 20px;
}
 .footer-m p {
 font-size: 18px;
 line-height: 24px;
}
}
 @media (max-width: 460px) {
 .footer-m p {
 font-size: 14px;
 line-height: 20px;
 padding-top: 7px;
}
 .footer-m .share {
 margin-top: 15px;
}
 .footer-m .share a {
 width: 35px;
 height: 35px;
 margin: 0 5px;
}
}
 @media (max-width: 380px) {
 .footer-m {
 padding-top: 20px;
}
 .footer-m .tit {
 margin-bottom: 20px;
}
 .footer-m .tit .t {
 font-size: 14px;
 line-height: 18px;
}
 .footer-m .tit .t1 {
 font-size: 16px;
 line-height: 18px;
}
 .footer-m p {
 font-size: 12px;
 line-height: 18px;
}
}
.banner {
	width: 100%;
	height: auto;
	position: relative;
}
.banner .pos {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.banner .pos .con {
	margin: -6% auto 0;
}
.banner .pos .con .con-new {
	margin-right: 35px;
	text-align: right;
}
.banner .pos .con .con-new .tits {
	width: 100%;
	font-size: 72px;
	line-height: 72px;
	font-weight: bold;
	color: #333;
}
.banner .pos .con .con-new .tit {
	width: 100%;
	font-size: 40px;
	line-height: 40px;
	color: #333;
	margin-top: 23px;
}
.banner .pos .con .con-new .line {
	float: right;
	width: 48px;
	height: 7px;
	background: #333;
	margin-top: 25px;
}
 @media (max-width: 1300px) {
 .banner .pos .con .con-new .tits {
 font-size: 56px;
 line-height: 56px;
}
 .banner .pos .con .con-new .tit {
 font-size: 32px;
 line-height: 32px;
 margin-top: 15px;
}
}
 @media (max-width: 975px) {
 .banner img {
 width: 120%;
 margin-left: -10%;
}
 .banner .pos .con {
 margin: -10% auto 0;
}
 .banner .pos .con .con-new .tits {
 font-size: 40px;
 line-height: 40px;
}
 .banner .pos .con .con-new .tit {
 font-size: 28px;
 line-height: 28px;
}
 .banner .pos .con .con-new .line {
 margin-top: 15px;
 height: 4px;
}
}
 @media (max-width: 700px) {
 .banner img {
 width: 130%;
 margin-left: -15%;
}
 .banner .pos .con {
 margin: -10% auto 0;
}
 .banner .pos .con .con-new .tits {
 font-size: 32px;
 line-height: 32px;
}
 .banner .pos .con .con-new .tit {
 font-size: 24px;
 line-height: 24px;
}
 .banner .pos .con .con-new .line {
 margin-top: 15px;
 height: 4px;
}
}
 @media (max-width: 490px) {
 .banner img {
 width: 150%;
 margin-left: -25%;
}
 .banner .pos .con {
 margin: -10% auto 0;
}
 .banner .pos .con .con-new {
 margin-right: 0;
}
 .banner .pos .con .con-new .tits {
 font-size: 24px;
 line-height: 24px;
}
 .banner .pos .con .con-new .tit {
 font-size: 18px;
 line-height: 18px;
}
 .banner .pos .con .con-new .line {
 margin-top: 15px;
 height: 3px;
}
}
.about-top {
	width: 100%;
	height: 85px;
	background: #fff;
	margin-top: -85px;
	z-index: 10;
	position: relative;
	border-bottom: 1px solid #dbdbdb;
}
.about-top .top-new {
	overflow: hidden;
	height: 100%;
	position: relative;
	z-index: 11;
}
.about-top .top-new .tits {
	float: left;
	font-size: 24px;
	line-height: 85px;
	color: #3072c4;
	font-weight: bold;
}
.about-top .top-new .top-right {
	float: right;
	height: 100%;
	margin-right: -2px;
}
.about-top .top-new .top-right a {
	height: 100%;
	float: left;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 85px;
	color: #5d5d5d;
	font-weight: bold;
	padding: 0 6px;
	margin: 0 40px;
	position: relative;
}
.about-top .top-new .top-right a i {
	width: 100%;
	height: 3px;
	background: #3072c4;
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	display: none;
}
.about-top .top-new .top-right span {
	width: 2px;
	height: 13px;
	margin-top: 36px;
	float: left;
	display: block;
	background: #e4e4e4;
}
.about-top .top-new .top-right a.on {
	color: #3072c4;
}
.about-top .top-new .top-right a.on i {
	display: block;
}
.about-top .top-new .top-right a:hover {
	color: #3072c4;
}
.about-top .top-new .top-right a:hover i {
	display: block;
}
.about-top .top-new .top-right.a a {
	margin: 0 30px;
}
 @media (max-width: 1220px) {
 .about-top .top-new .top-right.p a {
 margin: 0 25px;
}
 .about-top .top-new .top-right.c a {
 margin: 0 25px;
}
 .about-top .top-new .top-right.a a {
 margin: 0 25px;
}
}
.about-top-m {
	width: 100%;
	height: auto;
	position: relative;
	display: none;
	z-index: 20;
}
.about-top-m .tits {
	width: 100%;
	height: 85px;
	background: #3072c4;
	font-size: 24px;
	line-height: 85px;
	color: #fff;
}
.about-top-m .tits span {
	margin-left: 3%;
	float: left;
}
.about-top-m .tits i {
	width: 26px;
	height: 100%;
	display: block;
	margin-right: 3%;
	background: url(../images/top_icon.png) center no-repeat;
	background-size: 100%;
	float: right;
}
.about-top-m ul {
	width: 100%;
	height: auto;
	position: absolute;
	top: 85px;
	left: 0;
	background: #f9f9f9;
	z-index: 10;
	display: none;
}
.about-top-m ul li {
	width: 100%;
	height: 83px;
	border-bottom: 1px solid #d1d1d1;
	font-size: 24px;
	line-height: 83px;
}
.about-top-m ul li a {
	color: #181818;
	width: 97%;
	height: 100%;
	padding-left: 3%;
	display: block;
}
 @media (max-width: 1024px) {
 .about-top-m {
 display: block;
}
}
 @media (max-width: 630px) {
 .about-top-m .tits {
 height: 60px;
 font-size: 20px;
 line-height: 60px;
}
 .about-top-m ul {
 top: 60px;
}
 .about-top-m ul li {
 font-size: 20px;
 line-height: 55px;
 height: 55px;
}
}
 @media (max-width: 400px) {
 .about-top-m .tits {
 height: 50px;
 font-size: 16px;
 line-height: 50px;
}
 .about-top-m ul {
 top: 50px;
}
 .about-top-m ul li {
 font-size: 16px;
 line-height: 45px;
 height: 45px;
}
}
.culture {
	width: 100%;
	height: auto;
}
.culture .box1 {
	padding-top: 75px;
}
.culture .box1 .title {
	text-align: center;
	width: 100%;
	height: auto;
	position: relative;
}
.culture .box1 .title .t {
	width: 100%;
	font-size: 114px;
	line-height: 114px;
	font-family: HEB;
	text-transform: uppercase;
	color: #f6f6f6;
}
.culture .box1 .title .t1 {
	font-size: 36px;
	line-height: 114px;
	font-weight: bold;
	color: #333;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.culture .box1 .content {
	width: 100%;
	height: auto;
	margin-top: 85px;
}
.culture .box1 .content .con-left {
	height: auto;
	float: left;
}
.culture .box1 .content .con-left .tits {
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #333;
	margin-top: 8px;
}
.culture .box1 .content .con-left .tit {
	font-size: 16px;
	line-height: 32px;
	color: #616161;
	margin-top: 26px;
}
.culture .box1 .content .con-left .box {
	width: 100%;
	height: 405px;
	border: 1px solid #cecece;
	margin-top: 52px;
	overflow: hidden;
}
.culture .box1 .content .con-left .box .box-title {
	height: 100%;
	border-right: 1px solid #dfdfdf;
	position: relative;
	float: left;
	width: 18.8%;
	background: url(/static/images/fen_00.jpg) center 0px no-repeat;
}
.culture .box1 .content .con-left .box .box-title .t {
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	transform: rotate(-90deg);
	bottom: -4px;
	left: 19px;
	position: absolute;
	-webkit-transform-origin: left top;
	transform-origin: left top;
}
.culture .box1 .content .con-left .box .box-title .line {
	width: 2px;
	height: 19px;
	position: absolute;
	bottom: 15px;
	left: 49px;
	background: #fff;
}
.culture .box1 .content .con-left .box .box-title .t1 {
	width: 205px;
	font-size: 18px;
	line-height: 18px;
	color: #e7f2ff;
	position: absolute;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	transform: rotate(-90deg);
	bottom: -4px;
	left: 123px;
	text-transform: uppercase;
	font-family: HEL;
}
.culture .box1 .content .con-left .box .list {
	width:78.2%;
	height: 100%;
	float: left;
}
.culture .box1 .content .con-left .box .list .item {
	width: 100%;
	border-bottom: 1px dashed #cecece;
	box-sizing: border-box;
	padding-top: 13px;
	overflow: hidden;
}
.culture .box1 .content .con-left .box .list .item .t {
	width: 112px;
	height: 26px;
	background:#037069;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	float: left;
	margin-left: 1.2%;
}
.culture .box1 .content .con-left .box .list .item .t1 {
	font-size: 16px;
	line-height: 26px;
	float: left;
	width:82%;
	margin-left: 2%;
}
.culture .box1 .content .con-left .box .list .item:last-child {
	border: none;
}
.culture .box1 .content .pic {
	width: 33.4%;
	height: auto;
	float: right;
	position: relative;
}
.culture .box1 .content .pic ul {
	width: 100%;
	height: auto;
}
.culture .box1 .content .pic ul li {
	width: 100%;
	height: auto;
}
.culture .box1 .content .pic .btns {
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 10;
}
.culture .box1 .content .pic .btns span {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	display: inline-block;
	margin: 0 5px;
	background: #fff;
	opacity: 1 !important;
}
.culture .box1 .content .pic .btns span.swiper-pagination-bullet-active {
	background: #3072c4;
}
 @media (max-width: 1460px) {
 .culture .box1 .content .con-left {
 width: 100%;
}
 .culture .box1 .content .con-left .box {
 margin-top: 30px;
}
}
 @media (max-width: 1320px) {
 .culture .box1 .content .con-left .tit {
 margin-top: 15px;
}
 .culture .box1 .content .con-left .box .box-title {
}
 .culture .box1 .content .con-left .box .box-title .t {
 left: 8px;
}
 .culture .box1 .content .con-left .box .box-title .line {
 left: 35px;
}
 .culture .box1 .content .con-left .box .box-title .t1 {
 left: 70px;
}
 .culture .box1 .content .con-left .box .list {
 width: 59%;
}
}
 @media (max-width: 1140px) {
 .culture .box1 .content .con-left .box .list .item .t1 {
 margin-left: 5%;
}
}
 @media (max-width: 1040px) {
 .culture .box1 {
 padding-top: 45px;
}
 .culture .box1 .content {
 margin-top: 45px;
}
 .culture .box1 .content .con-left .box {
 width: 100%;
 margin-top: 30%;
}
}
 @media (max-width: 1024px) {
 .culture .box1 .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .culture .box1 .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
}
 @media (max-width: 980px) {
 .culture .box1 .content .con-left .tits {
 font-size: 18px;
 line-height: 28px;
}
 .culture .box1 .content .con-left .box {
 margin-top: 13%;
}
}
 @media (max-width: 860px) {
 .culture .box1 .content .con-left .box {
 margin-top: 0;
}
}
 @media (max-width: 710px) {
 .culture .box1 .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .culture .box1 .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
 @media (max-width: 680px) {
 .culture .box1 .content {
 margin-top: 30px;
}
 .culture .box1 .content .con-left {
 width: 100%;
 float: none;
}
 .culture .box1 .content .con-left .box {
 width: 100%;
 margin-top: 20px;
}
 .culture .box1 .content .pic {
 width: 480px;
 margin: 20px auto 0;
 float: none;
}
}
 @media (max-width: 630px) {
 .culture .box1 .content .con-left .box {
 height: auto;
}
 .culture .box1 .content .con-left .box .box-title {
 width: 100%;
 padding-bottom: 15px;
}
 .culture .box1 .content .con-left .box .box-title .t {
 transform: rotate(0deg);
 position: relative;
 bottom: auto;
 left: auto;
 margin-left: 3%;
 padding-top: 15px;
}
 .culture .box1 .content .con-left .box .box-title .line {
 width: 19px;
 height: 2px;
 margin-top: 10px;
 position: relative;
 bottom: auto;
 margin-left: 3%;
 left: auto;
}
 .culture .box1 .content .con-left .box .box-title .t1 {
 transform: rotate(0deg);
 position: relative;
 bottom: auto;
 left: auto;
 margin-top: 20px;
 margin-left: 3%;
}
 .culture .box1 .content .con-left .box .list {
 width: 100%;
}
 .culture .box1 .content .con-left .box .list .item {
 padding: 10px 0;
}
}
 @media (max-width: 540px) {
 .culture .box1 .content .con-left .box {
 margin-top: 0;
}
 .culture .box1 .content .con-left .box .list .item .t {
 width: 90px;
 font-size: 14px;
 margin-left: 3%;
}
 .culture .box1 .content .con-left .box .list .item .t1 {
 margin-left: 3%;
 font-size: 14px;
}
}
 @media (max-width: 490px) {
 .culture .box1 .content .pic {
 width: 100%;
}
}
 @media (max-width: 540px) {
 .culture .box1 .content .con-left .box .list .item .t {
 float: none;
}
 .culture .box1 .content .con-left .box .list .item .t1 {
 width: 97%;
 margin-left: 3%;
 float: none;
 margin-top: 5px;
}
}
.culture .box2 {
	width: 100%;
	height: auto;
	background-size: cover !important;
	margin-top: 125px;
	padding-top: 80px;
}
.culture .box2 .title {
	width: 100%;
	text-align: center;
	height: auto;
	position: relative;
}
.culture .box2 .title .t {
	text-transform: uppercase;
	font-size: 114px;
	line-height: 114px;
	color: #d5e5f9;
	opacity: 0.15;
	filter: alpha(opacity=15);
	font-family: HEB;
}
.culture .box2 .title .t1 {
	width: 100%;
	font-size: 36px;
	line-height: 114px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-weight: bold;
}
.culture .box2 .list {
	width: 870px;
	height: auto;
	margin: 0 auto;
}
.culture .box2 .list .img {
	width: 26px;
	height: 26px;
	margin: 24px auto 0;
}
.culture .box2 .list .list-new {
	width: 100%;
	height: auto;
	position: relative;
}
.culture .box2 .list .list-new ul {
	width: 50%;
	height: auto;
	margin-top: 46px;
}
.culture .box2 .list .list-new ul li {
	width: 100%;
	height: auto;
	margin-bottom: 90px;
	position: relative;
}
.culture .box2 .list .list-new ul li a {
	width: 86%;
	height: auto;
	display: block;
	float: right;
}
.culture .box2 .list .list-new ul li a .year {
	font-size: 20px;
	line-height: 20px;
	font-family: HEB;
	color: #fff;
}
.culture .box2 .list .list-new ul li a .con {
	width: 90.6%;
	height: auto;
	background: #fff;
	padding: 4.8%;
	position: relative;
	margin-top: 33px;
}
.culture .box2 .list .list-new ul li a .con .pic {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.culture .box2 .list .list-new ul li a .con .pic img {
 transition: all .5s;
}
.culture .box2 .list .list-new ul li a .con .icon {
	width: 25px;
	height: 13px;
	position: absolute;
	top: -13px;
	left: 20px;
	background: url(../images/culture_icon2.png) no-repeat;
}
.culture .box2 .list .list-new ul li a .tits {
	width: 100%;
	height: 54px;
	background: #3072c4;
	font-size: 16px;
	line-height: 54px;
	color: #fff;
	text-align: center;
}
.culture .box2 .list .list-new ul li .line1 {
	width: 40px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 10px;
	left: 0;
}
 @media (min-width: 1024px) {
 .culture .box2 .list .list-new ul li:hover a .con .pic img {
 transform: scale(1.1);
}
}
.culture .box2 .list .list-new ul.left {
	margin-top: 175px;
}
.culture .box2 .list .list-new ul.left li a {
	float: left;
}
.culture .box2 .list .list-new ul.left li a .year {
	text-align: right;
}
.culture .box2 .list .list-new ul.left li a .con .icon {
	left: auto;
	right: 20px;
}
.culture .box2 .list .list-new ul.left li .line1 {
	left: auto;
	right: 0;
}
 .culture .box2 .list .list-new ul.right li:nth-child(even) {
 display: none;
}
.culture .box2 .list .list-new .line {
	width: 4px;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
}
 @media (max-width: 1024px) {
 .culture .box2 {
 margin-top: 80px;
 padding-top: 60px;
}
 .culture .box2 .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .culture .box2 .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
}
 @media (max-width: 890px) {
 .culture .box2 .list {
 width: 98%;
}
 .culture .box2 .list .list-new ul li {
 margin-bottom: 60px;
}
}
 @media (max-width: 710px) {
 .culture .box2 .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .culture .box2 .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
 @media (max-width: 560px) {
 .culture .box2 {
 margin-top: 60px;
 padding-top: 40px;
}
 .culture .box2 .title .t {
 font-size: 40px;
 line-height: 40px;
}
 .culture .box2 .title .t1 {
 font-size: 18px;
 line-height: 40px;
}
 .culture .box2 .list .img {
 margin: 24px 0 0 5%;
}
 .culture .box2 .list .list-new ul {
 width: 89%;
}
 .culture .box2 .list .list-new ul li {
 margin-bottom: 30px;
}
 .culture .box2 .list .list-new ul li a .tits {
 height: 40px;
 line-height: 40px;
}
 .culture .box2 .list .list-new ul.left {
 display: none;
}
 .culture .box2 .list .list-new ul.right {
 margin-right: 3%;
}
 .culture .box2 .list .list-new ul.right li:nth-child(even) {
 display: block;
}
 .culture .box2 .list .list-new .line {
 left: 5%;
 margin-left: 11px;
}
}
 @media (max-width: 380px) {
 .culture .box2 .title .t {
 font-size: 35px;
 line-height: 35px;
}
 .culture .box2 .title .t1 {
 font-size: 18px;
 line-height: 35px;
}
}
.culture .box3 {
	padding-top: 85px;
	padding-bottom: 100px;
}
.culture .box3 .title {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
}
.culture .box3 .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	font-family: HEB;
	text-transform: uppercase;
}
.culture .box3 .title .t1 {
	width: 100%;
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
.culture .box3 .list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 70px;
}
.culture .box3 .list ul {
	width: 110%;
	height: auto;
}
.culture .box3 .list ul li {
	width: 43.6%;
	height: auto;
	float: left;
	margin-right: 3.7%;
	margin-bottom: 60px;
}
.culture .box3 .list ul li .pic-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.culture .box3 .list ul li .pic-list dl {
	width: 100%;
	height: auto;
}
.culture .box3 .list ul li .pic-list dl dd {
	width: 100%;
	height: 400px;
	float: left;
	overflow: hidden;
}
.culture .box3 .list ul li .pic-list dl dd img {
 transition: all .5s;
}
 @media (min-width: 1024px) {
 .culture .box3 .list ul li .pic-list dl dd:hover img {
 transform: scale(1.1);
}
}
.culture .box3 .list ul li .pic-list .btns {
	width: 100%;
	height: auto;
	margin-top: 33px;
	position: relative;
}
.culture .box3 .list ul li .pic-list .btns .btns-new {
	float: right;
	position: relative;
	margin-right: 3.6%;
}
.culture .box3 .list ul li .pic-list .btns .btns-new span {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #cecece;
	float: left;
	margin: 0 6px;
	padding: 0;
	display: block;
	cursor: pointer;
	opacity: 1;
}
.culture .box3 .list ul li .pic-list .btns .btns-new span.swiper-pagination-bullet-active {
	background: #3072c4;
}
.culture .box3 .list ul li .con {
	width: 100%;
	height: 78px;
	border: 1px solid #e9e9e9;
	border-top: none;
	box-sizing: border-box;
	margin-top: -33px;
}
.culture .box3 .list ul li .con .tits {
	font-size: 16px;
	line-height: 78px;
	color: #333;
	margin-left: 4%;
}
.culture .box3 .more {
	width: 156px;
	height: 46px;
	border-radius: 3px;
	background: #3072c4;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3);
}
 @media (max-width: 1024px) {
 .culture .box3 {
 padding-top: 60px;
 padding-bottom: 70px;
}
 .culture .box3 .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .culture .box3 .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
 .culture .box3 .list {
 margin-top: 40px;
}
 .culture .box3 .list ul li {
 margin-bottom: 30px;
}
 .culture .box3 .list ul li .pic-list .con {
 height: 50px;
}
 .culture .box3 .list ul li .pic-list .con .tits {
 line-height: 50px;
}
}
 @media (max-width: 820px) {
 .culture .box3 .list ul li {
 margin-bottom: 30px;
}
 .culture .box3 .list ul li .pic-list .btns {
 margin-top: 19px;
}
 .culture .box3 .list ul li .pic-list .con {
 height: 50px;
 margin-top: -19px;
}
 .culture .box3 .list ul li .pic-list .con .tits {
 line-height: 50px;
}
}
 @media (max-width: 710px) {
 .culture .box3 {
 padding-top: 40px;
 padding-bottom: 50px;
}
 .culture .box3 .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .culture .box3 .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
 @media (max-width: 550px) {
 .culture .box3 .list {
 margin-top: 30px;
}
 .culture .box3 .list ul {
 width: 100%;
}
 .culture .box3 .list ul li {
 width: 100%;
 margin-right: 0;
}
}
.culture .box4 {
	width: 100%;
	height: auto;
	background: #f9f9f9;
	padding-top: 60px;
	padding-bottom: 100px;
}
.culture .box4 .box-new .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.culture .box4 .box-new .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #e9e9e9;
	font-family: HEB;
	text-transform: uppercase;
}
.culture .box4 .box-new .title .t1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
}
.culture .box4 .box-new .list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 52px;
	padding-bottom: 30px;
}
.culture .box4 .box-new .list ul {
	width: 110%;
	height: auto;
}
.culture .box4 .box-new .list ul li {
	width: 29%;
	height: auto;
	margin-right: 1.9%;
	margin-bottom: 30px;
	background: #fff;
	float: left;
}
.culture .box4 .box-new .list ul li a {
	width: 100%;
	height: auto;
}
.culture .box4 .box-new .list ul li a .pic {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.culture .box4 .box-new .list ul li a .pic img {
 transition: all .5s;
}
.culture .box4 .box-new .list ul li a .con {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	border: 1px solid #f2f2f2;
	padding-bottom: 18px;
}
.culture .box4 .box-new .list ul li a .con .con-new {
	width: 89.1%;
	height: auto;
	margin: 0 auto;
	padding-top: 28px;
}
.culture .box4 .box-new .list ul li a .con .con-new .tits {
	font-size: 18px;
	line-height: 18px;
	color: #000;
	height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.culture .box4 .box-new .list ul li a .con .con-new .tit {
	font-size: 14px;
	line-height: 30px;
	color: #616161;
	height: 60px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 11px;
 transition: all .5s;
}
.culture .box4 .box-new .list ul li a .con .con-new .time {
	font-size: 14px;
	line-height: 14px;
	color: #828282;
	font-family: Arial;
	margin-top: 50px;
}
 @media (min-width: 1024px) {
 .culture .box4 .box-new .list ul li:hover a .pic img {
 transform: scale(1.1);
}
 .culture .box4 .box-new .list ul li:hover a .con .con-new .tit {
 color: #3072c4;
}
}
.culture .box4 .box-new .more {
	width: 156px;
	height: 46px;
	border-radius: 3px;
	background: #3072c4;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3);
}
 @media (max-width: 1024px) {
 .culture .box4 {
 padding-top: 40px;
 padding-bottom: 70px;
}
 .culture .box4 .box-new .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .culture .box4 .box-new .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
}
 @media (max-width: 710px) {
 .culture .box4 {
 padding-top: 30px;
 padding-bottom: 50px;
}
 .culture .box4 .box-new .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .culture .box4 .box-new .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
 .culture .box4 .box-new .list {
 margin-top: 30px;
 padding-bottom: 0;
}
}
 @media (max-width: 780px) {
 .culture .box4 .box-new .list ul li {
 width: 44.5%;
}
}
 @media (max-width: 580px) {
 .culture .box4 .box-new .list ul {
 width: 100%;
}
 .culture .box4 .box-new .list ul li {
 width: 100%;
 margin-right: 0;
 float: none;
}
}
.product {
	width: 100%;
	height: auto;
}
.product .product-top {
	width: 100%;
	height: auto;
	background: #f2f2f2;
	padding-top: 30px;
	padding-bottom: 42px;
}
.product .product-top .top-new .top-left {
	width: 100%;
	height: auto;
	float: left;
}
.product .product-top .top-new .top-left .tits {
	font-size: 24px;
	line-height: 36px;
	color: #333;
	font-weight: bold;
}
.product .product-top .top-new .top-left .list {
	width: 100%;
	height: auto;
	margin-top: 37px;
	position: relative;
}
.product .product-top .top-new .top-left .list .list-new {
	width: 89.7%;
	height: auto;
	margin: 0 auto;
}
.product .product-top .top-new .top-left .list .list-new ul {
	width: 100%;
	height: auto;
}
.product .product-top .top-new .top-left .list .list-new ul li {
	width: 180px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 25px;
}
.product .product-top .top-new .top-left .list .a {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	z-index: 5;
}
.product .product-top .top-new .top-left .list .a.prev {
	background: url(../images/product_prev.png) no-repeat;
	left: 0;
}
.product .product-top .top-new .top-left .list .a.next {
	background: url(../images/product_next.png) no-repeat;
	right: 0;
}
.product .product-top .top-new .top-right {
	width: 20%;
	height: auto;
	float: right;
}
.product .product-top .top-new .top-right .tits {
	font-size: 24px;
	line-height: 36px;
	color: #333;
	font-weight: bold;
}
.product .product-top .top-new .top-right .table-box {
	width: 100%;
	height: auto;
	margin-top: 25px;
	padding-top: 0;
}
.product .product-top .top-new .top-right .table-box .t {
	width: 100%;
	height: 50px;
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	background: #fff;
	margin-bottom: 12px;
}
.product .product-top .top-new .top-right .table-box .t span {
	font-size: 16px;
	line-height: 50px;
	color: #666;
	float: left;
	margin-left: 4.9%;
}
.product .product-top .top-new .top-right .table-box .t .text {
	width: 52.3%;
	height: 50px;
	background: none;
	float: left;
	border: none;
	font-size: 16px;
	line-height: 50px;
	color: #666;
}
.product .product-top .top-new .top-right .table-box .t i {
	font-size: 16px;
	line-height: 50px;
	color: #999;
	float: right;
	margin-right: 7.3%;
}
.product .product-top .top-new .top-right .table-box .submit {
	width: 100%;
	height: 50px;
	background: #3072c4;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	border: none;
	margin-top: 24px;
	display: block;
}
 @media (max-width: 1300px) {
 .product .product-top .top-new .top-right .table-box {
 margin-top: 10px;
}
 .product .product-top .top-new .top-right .table-box .t .text {
 width: 45%;
}
 .product .product-top .top-new .top-right .table-box .submit {
 margin-top: 0;
}
}
 @media (max-width: 1130px) {
 .product .product-top .top-new .top-right .table-box .t {
 height: 40px;
}
 .product .product-top .top-new .top-right .table-box .t span {
 font-size: 14px;
 line-height: 40px;
}
 .product .product-top .top-new .top-right .table-box .t .text {
 height: 40px;
 font-size: 14px;
 line-height: 40px;
}
 .product .product-top .top-new .top-right .table-box .t i {
 font-size: 14px;
 line-height: 40px;
}
 .product .product-top .top-new .top-right .table-box .submit {
 height: 40px;
 font-size: 16px;
 line-height: 40px;
}
}
 @media (max-width: 900px) {
 .product .product-top {
 padding-bottom: 25px;
}
 .product .product-top .top-new .top-left {
 width: 100%;
}
 .product .product-top .top-new .top-left .tits {
 font-size: 20px;
 line-height: 30px;
}
 .product .product-top .top-new .top-left .list {
 margin-top: 15px;
}
 .product .product-top .top-new .top-right {
 width: 100%;
 margin-top: 10px;
}
 .product .product-top .top-new .top-right .tits {
 font-size: 20px;
 line-height: 30px;
}
 .product .product-top .top-new .top-right .table-box .t {
 width: 38%;
 margin-right: 3%;
 float: left;
 margin-bottom: 0;
}
 .product .product-top .top-new .top-right .table-box .submit {
 width: 15%;
 float: left;
}
}
 @media (max-width: 474px) {
 .product .product-top .top-new .top-right .table-box .t {
 width: 100%;
 margin-right: 0;
 margin-bottom: 10px;
 float: none;
}
 .product .product-top .top-new .top-right .table-box .submit {
 width: 50%;
 float: none;
}
}
.product .content {
	margin: 55px auto;
}
.product .content .list-pc {
	width: 100%;
	height: 763px;
	position: relative;
}
.product .content .list-pc .pic {
	position: absolute;
	overflow: hidden;
}
.product .content .list-pc .pic a {
	width: 100%;
	height: auto;
	display: block;
}
.product .content .list-pc .pic a img {
 transition: all .5s;
}
.product .content .list-pc .pic a .tits {
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	bottom: 30px;
	left: 20px;
}
 @media (min-width: 1024px) {
 .product .content .list-pc .pic:hover a img {
 transform: scale(1.1);
}
}
.product .content .list-pc .con {
	width: 25.4%;
	height: 256px;
	background: #3072c4;
	position: absolute;
	left: 25.4%;
	top: 32.9%;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.product .content .list-pc .con .tits {
	font-size: 30px;
	line-height: 30px;
}
.product .content .list-pc .con .tit {
	font-size: 20px;
	line-height: 20px;
	font-family: Arial;
	text-transform: uppercase;
	margin-top: 15px;
}
.product .content .list-pc .pic1 {
	width: 25.4%;
	left: 0;
	top: 0;
}

.product .content .list-pc .pic2 {
	top: 0;
	right: 0;
	width: 25.4%;
}
.product .content .list-pc .pic3 {
	width: 50.8%;
	bottom: 0;
	left: 0;
}
.product .content .list-pc .pic4 {
	width: 49.2%;
	top: 0;
	left: 25.4%;
}
.product .content .list-pc .pic5 {
	width: 49.2%;
	bottom: 0;
	right: 0;
}
.product .content .list-m {
	width: 100%;
	height: auto;
	display: none;
}
.product .content .list-m .list-left {
	width: 100%;
}
.product .content .list-m .list-left .item {
	width: 100%;
}
.product .content .list-m .list-left .item .pic {
	width: 50%;
	height: auto;
	float: left;
	position: relative;
}
.product .content .list-m .list-left .item .pic a {
	width: 100%;
	height: auto;
	display: block;
}
.product .content .list-m .list-left .item .pic a .tits {
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	bottom: 15px;
	left: 10px;
}
.product .content .list-m .list-left .item .item-right {
	width: 50%;
	float: left;
}
.product .content .list-m .list-left .item .item-right .pic1 {
	width: 100%;
	position: relative;
	height: auto;
}
.product .content .list-m .list-left .item .item-right .pic1 a {
	width: 100%;
	height: auto;
	display: block;
}
.product .content .list-m .list-left .item .item-right .pic1 a .tits {
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	bottom: 15px;
	left: 10px;
}
.product .content .list-m .list-left .item .item-right .con {
	width: 100%;
	height: 243px;
	background: #3072c4;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.product .content .list-m .list-left .item .item-right .con .tits {
	font-size: 22px;
	line-height: 22px;
}
.product .content .list-m .list-left .item .item-right .con .tit {
	font-size: 14px;
	line-height: 14px;
	font-family: Arial;
	text-transform: uppercase;
	margin-top: 15px;
}
.product .content .list-m .list-left .pic3 {
	width: 100%;
	height: auto;
	position: relative;
}
.product .content .list-m .list-left .pic3 a {
	width: 100%;
	height: auto;
	display: block;
}
.product .content .list-m .list-left .pic3 a .tits {
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	bottom: 15px;
	left: 10px;
}
.product .content .list-m .list-right {
	width: 100%;
	height: auto;
}
.product .content .list-m .list-right .pic {
	width: 100%;
	position: relative;
	height: auto;
}
.product .content .list-m .list-right .pic a {
	width: 100%;
	height: auto;
	display: block;
}
.product .content .list-m .list-right .pic a .tits {
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	bottom: 15px;
	left: 10px;
}
 @media (max-width: 1024px) {
 .product .content {
 margin: 30px auto;
}
 .product .content .list-pc .pic a .tits {
 bottom: 15px;
 left: 10px;
}
 .product .content .list-pc .con .tits {
 font-size: 22px;
 line-height: 22px;
}
 .product .content .list-pc .con .tit {
 font-size: 14px;
 line-height: 14px;
}
}
 @media (max-width: 740px) {
 .product .content .list-pc {
 display: none;
}
 .product .content .list-m {
 display: block;
}
}
.product-list {
	margin: 85px auto 90px;
}
.product-list .title {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
}
.product-list .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	font-family: HEB;
	text-transform: uppercase;
}
.product-list .title .t1 {
	width: 100%;
	font-size: 36px;
	line-height: 114px;
	position: absolute;
	top: 0;
	left: 0;
	color: #333;
	font-weight: bold;
}
.product-list .list {
	width: 100%;
	height: auto;
	padding-top: 75px;
	padding-bottom: 15px;
}
.product-list .list ul {
	width: 110%;
	height: auto;
	padding-bottom: 15px;
}
.product-list .list ul li {
	width: 28.4%;
	height: auto;
	margin-right: 2.8%;
	float: left;
	margin-bottom: 40px;
 transition: all .5s;
}
.product-list .list ul li a {
	width: 100%;
	height: auto;
	display: block;
}
.product-list .list ul li a .pic {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product-list .list ul li a .pic img {
 transition: all .5s;
}
.product-list .list ul li a .tits {
	font-size: 16px;
	line-height: 80px;
	color: #000;
	height: 80px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-list .list ul li a .tits span {
	display: block;
 transition: all .5s;
}
 @media (min-width: 1024px) {
 .product-list .list ul li:hover {
 transform: translateY(-25px);
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
 .product-list .list ul li:hover a .pic img {
 transform: scale(1.1);
}
 .product-list .list ul li:hover a .tits span {
 transform: translateX(25px);
}
}
.product-list .list .more {
	width: 156px;
	height: 46px;
	border-radius: 3px;
	background: #3072c4;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3);
}
 @media (max-width: 1024px) {
 .product-list {
 margin: 50px auto 55px;
}
 .product-list .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .product-list .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
 .product-list .list {
 padding-top: 40px;
}
 .product-list .list ul li {
 margin-bottom: 30px;
}
 .product-list .list ul li a .tits {
 height: 60px;
 line-height: 60px;
}
}
 @media (max-width: 768px) {
 .product-list {
 margin: 30px auto 45px;
}
 .product-list .list {
 padding-top: 20px;
}
 .product-list .list ul li {
 margin-bottom: 20px;
 width: 44%;
}
}
 @media (max-width: 710px) {
 .product-list .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .product-list .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
 @media (max-width: 400px) {
 .product-list .list ul {
 width: 100%;
}
 .product-list .list ul li {
 width: 100%;
 float: none;
 margin-right: 0;
}
}
.news {
	width: 100%;
	height: auto;
}
.news .box1 {
	width: 100%;
	height: auto;
	padding-top: 38px;
	padding-bottom: 78px;
	background-size: cover !important;
}
.news .box1 .box-new .title {
	width: 100%;
	height: auto;
}
.news .box1 .box-new .title .tits {
	float: left;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #fff;
}
.news .box1 .box-new .title a {
	float: right;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	display: block;
	margin-top: 10px;
}
 @media (min-width: 1024px) {
 .news .box1 .box-new .title a:hover {
 color: #3072c4;
}
}
.news .box1 .box-new .list {
	width: 100%;
	height: auto;
	margin-top: 44px;
	position: relative;
}
.news .box1 .box-new .list .list-new {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.news .box1 .box-new .list .list-new ul {
	width: 100%;
	height: auto;
}
.news .box1 .box-new .list .list-new ul li {
	width: 31.25%;
	height: auto;
	background: #fff;
	float: left;
	margin-right: 45px;
	transition: all 0.5s;
}
.news .box1 .box-new .list .list-new ul li a {
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: 27px;
}
.news .box1 .box-new .list .list-new ul li a .pic {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.news .box1 .box-new .list .list-new ul li a .pic img {
 transition: all .5s;
}
.news .box1 .box-new .list .list-new ul li a .con {
	width: 88.9%;
	height: auto;
	margin: 0 auto;
}
.news .box1 .box-new .list .list-new ul li a .con .tits {
	font-size: 16px;
	line-height: 16px;
	height: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 26px;
}
.news .box1 .box-new .list .list-new ul li a .con .time {
	font-size: 14px;
	line-height: 14px;
	color: #999;
	font-family: HEL;
	margin-top: 16px;
}
 @media (min-width: 1024px) {
 .news .box1 .box-new .list .list-new ul li:hover {
 background: #3072c4;
}
 .news .box1 .box-new .list .list-new ul li:hover a .pic img {
 transform: scale(1.1);
}
 .news .box1 .box-new .list .list-new ul li:hover a .con .tits {
 color: #fff;
}
 .news .box1 .box-new .list .list-new ul li:hover a .con .time {
 color: #ddd;
}
}
.news .box1 .box-new .list .a {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	display: block;
}
.news .box1 .box-new .list .a.prev {
	left: -80px;
	background: url(../images/news_prev.png) no-repeat;
}
.news .box1 .box-new .list .a.next {
	background: url(../images/news_next.png) no-repeat;
	right: -80px;
}
.news .box1 .box-new .list .swiper-button-disabled {
	opacity: 0.2;
}
 @media (max-width: 1600px) {
 .news .box1 .box-new .list .a {
 z-index: 10;
}
 .news .box1 .box-new .list .a.prev {
 left: 0;
}
 .news .box1 .box-new .list .a.next {
 right: 0;
}
}
 @media (max-width: 1024px) {
 .news .box1 {
 padding-bottom: 40px;
}
}
 @media (max-width: 800px) {
 .news .box1 .box-new .list {
 margin-top: 20px;
}
}
.news .box2 {
	margin: 54px auto 100px;
}
.news .box2 .title {
	width: 100%;
	height: auto;
}
.news .box2 .title .tits {
	font-size: 24px;
	line-height: 24px;
	color: #333;
	font-weight: bold;
	float: left;
}
.news .box2 .title a {
	float: right;
	display: block;
	font-size: 14px;
	line-height: 14px;
	margin-top: 10px;
	color: #888;
}
 @media (min-width: 1024px) {
 .news .box2 .title a:hover {
 color: #3072c4;
}
}
.news .box2 .box-new {
	width: 100%;
	height: auto;
	margin-top: 45px;
}
.news .box2 .box-new .box-left {
	width: 42.4%;
	height: auto;
	float: left;
	background: #3072c4;
}
.news .box2 .box-new .box-left a {
	width: 100%;
	height: auto;
	display: block;
}
.news .box2 .box-new .box-left a .pic {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.news .box2 .box-new .box-left a .pic img {
 transition: all .5s;
}
 @media (min-width: 1024px) {
 .news .box2 .box-new .box-left a .pic:hover img {
 transform: scale(1.1);
}
}
.news .box2 .box-new .box-left a .con {
	width: 91%;
	height: auto;
	margin: 0 auto;
	padding-top: 24px;
	padding-bottom: 24px;
}
.news .box2 .box-new .box-left a .con .tits {
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .box2 .box-new .box-left a .con .tit {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 19px;
}
.news .box2 .box-new .box-left a .con .time {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	font-family: Arial;
	margin-top: 20px;
}
.news .box2 .box-new .box-right {
	width: 52.8%;
	height: auto;
	float: right;
}
.news .box2 .box-new .box-right ul {
	width: 100%;
	height: auto;
}
.news .box2 .box-new .box-right ul li {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #eee;
	margin-bottom: 33px;
}
.news .box2 .box-new .box-right ul li a {
	width: 100%;
	height: auto;
	display: block;
	padding-bottom: 24px;
}
.news .box2 .box-new .box-right ul li a .tits {
	width: 100%;
	height: auto;
}
.news .box2 .box-new .box-right ul li a .tits .t {
	float: left;
	font-size: 30px;
	line-height: 30px;
	font-family: Arial;
	color: #3072c4;
}
.news .box2 .box-new .box-right ul li a .tits .t1 {
	float: right;
	font-size: 18px;
	line-height: 18px;
	color: #3072c4;
	font-family: Arial;
	margin-top: 10px;
}
.news .box2 .box-new .box-right ul li a .tit {
	font-size: 18px;
	line-height: 18px;
	color: #333;
	height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 22px;
}
.news .box2 .box-new .box-right ul li a .tit1 {
	font-size: 14px;
	line-height: 24px;
	color: #616161;
	height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 22px;
}
 @media (min-width: 1024px) {
 .news .box2 .box-new .box-right ul li:hover a .tit1 {
 color: #3072c4;
}
}
 @media (max-width: 1460px) {
 .news .box2 .box-new {
 margin-top: 30px;
}
 .news .box2 .box-new .box-right ul li {
 margin-bottom: 15px;
}
 .news .box2 .box-new .box-right ul li a {
 padding-bottom: 15px;
}
 .news .box2 .box-new .box-right ul li a .tit {
 margin-top: 10px;
}
 .news .box2 .box-new .box-right ul li a .tit1 {
 margin-top: 10px;
}
}
 @media (max-width: 1024px) {
 .news .box2 {
 margin: 40px auto 60px;
}
}
 @media (max-width: 740px) {
 .news .box2 .box-new .box-left {
 width: 100%;
 float: none;
}
 .news .box2 .box-new .box-right {
 width: 100%;
 float: none;
 margin-top: 20px;
}
}
.news-list {
	margin: 85px auto 100px;
}
.news-list .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.news-list .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	font-family: HEB;
	text-transform: uppercase;
}
.news-list .title .t1 {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
}
.news-list .news-top {
	width: 100%;
	height: 78px;
	background: #eee;
	margin-top: 65px;
	position: relative;
	z-index: 10;
}
.news-list .news-top .span {
	font-size: 20px;
	line-height: 78px;
	font-weight: bold;
	color: #333;
	float: left;
	margin-left: 3.125%;
}
.news-list .news-top .top-new {
	width: 80.6%;
	height: auto;
	float: left;
	margin-left: 3.125%;
	margin-top: 21px;
}
.news-list .news-top .top-new .select {
	width: 23.7%;
	height: auto;
	float: left;
	margin-right: 2%;
	position: relative;
}
.news-list .news-top .top-new .select .tits {
	width: 100%;
	height: 34px;
	background: #fff;
	border: 1px solid #dadada;
	cursor: pointer;
}
.news-list .news-top .top-new .select .tits span {
	font-size: 14px;
	line-height: 34px;
	color: #a6a6a6;
	float: left;
	margin-left: 12px;
}
.news-list .news-top .top-new .select .tits i {
	width: 38px;
	height: 34px;
	background: #cecece url(../images/news_icon.png) center no-repeat;
	float: right;
}
.news-list .news-top .top-new .select ul {
	width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #dadada;
	position: absolute;
	top: 35px;
	left: 0;
	display: none;
}
.news-list .news-top .top-new .select ul li {
	width: 95%;
	padding-left: 5%;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #a6a6a6;
	cursor: pointer;
}
 @media (min-width: 1024px) {
 .news-list .news-top .top-new .select ul li:hover {
 background: #3072c4;
 color: #fff;
}
}
.news-list .news-top .top-new .text {
	width: 22.7%;
	height: 34px;
	background: #fff;
	border: 1px solid #dadada;
	float: left;
	font-size: 14px;
	line-height: 34px;
	color: #616161;
	padding-left: 1%;
	margin-right: 2%;
}
 .news-list .news-top .top-new .text::-webkit-input-placeholder {
 color: #616161;
}
 .news-list .news-top .top-new .text:-moz-placeholder {
 color: #616161;
}
 .news-list .news-top .top-new .text::-moz-placeholder {
 color: #616161;
}
 .news-list .news-top .top-new .text:-ms-input-placeholder {
 color: #616161;
}
.news-list .news-top .top-new .submit {
	width: 13.8%;
	height: 36px;
	background: #3072c4;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
}
.news-list .list {
	width: 100%;
	height: auto;
	margin-top: 32px;
}
.news-list .list ul {
	width: 100%;
	height: auto;
	border-top: 1px solid #eee;
}
.news-list .list ul li {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #eee;
}
.news-list .list ul li a {
	width: 100%;
	height: auto;
	display: block;
	padding: 24px 0;
}
.news-list .list ul li a .box {
	width: 94%;
	height: auto;
	margin: 0 auto;
}
.news-list .list ul li a .box .time {
	width: 86px;
	height: auto;
	float: left;
	margin-top: 14px;
}
.news-list .list ul li a .box .time .day {
	width: 100%;
	height: 80px;
	text-align: center;
	font-size: 40px;
	line-height: 80px;
	background: #eaeaea;
	font-family: Arial;
}
.news-list .list ul li a .box .time .year {
	width: 100%;
	height: 30px;
	text-align: center;
	background: #f9f9f9;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	font-family: Arial;
}
.news-list .list ul li a .box .con {
	width: 61.1%;
	height: auto;
	float: left;
	margin-left: 3.5%;
	margin-top: 14px;
}
.news-list .list ul li a .box .con .tits {
	font-size: 22px;
	line-height: 22px;
	color: #333;
	height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-list .list ul li a .box .con .tt {
	font-size: 14px;
	line-height: 14px;
	margin-top: 10px;
	display: none;
}
.news-list .list ul li a .box .con .num {
	font-size: 12px;
	line-height: 24px;
	color: #999;
	padding-left: 25px;
	background: url(../images/news_num.png) left center no-repeat;
	margin-top: 14px;
}
.news-list .list ul li a .box .con .tit {
	font-size: 14px;
	line-height: 24px;
	color: #616161;
	height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 11px;
}
.news-list .list ul li a .box .pic {
	width: 19.3%;
	height: auto;
	float: right;
	overflow: hidden;
}
.news-list .list ul li a .box .pic img {
 transition: .5s;
}
 @media (min-width: 1024px) {
 .news-list .list ul li:hover a .box .con .tit {
 color: #3072c4;
}
 .news-list .list ul li:hover a .box .pic img {
 transform: scale(1.1);
}
}
.news-list .list .more {
	width: 156px;
	height: 46px;
	border-radius: 3px;
	background: #3072c4;
	text-align: center;
	display: block;
	margin: 75px auto 0;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3);
}
 @media (max-width: 1024px) {
 .news-list {
 margin: 60px auto 70px;
}
 .news-list .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .news-list .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
 .news-list .news-top {
 margin-top: 35px;
}
}
 @media (max-width: 890px) {
 .news-list .news-top .top-new {
 width: 82%;
}
 .news-list .news-top .top-new .select {
 width: 28%;
}
}
 @media (max-width: 880px) {
 .news-list .list ul li a .box .con {
 width: 53%;
}
 .news-list .list ul li a .box .pic {
 width: 29%;
}
}
 @media (max-width: 770px) {
 .news-list .news-top {
 margin-top: 20px;
 height: auto;
 padding: 15px 0;
}
 .news-list .news-top .span {
 width: 94%;
 margin-left: 3%;
 font-size: 18px;
 line-height: 30px;
}
 .news-list .news-top .top-new {
 width: 94%;
 margin-left: 3%;
 margin-top: 15px;
}
}
 @media (max-width: 720px) {
 .news-list .list ul li a .box .con {
 width: 50%;
}
}
 @media (max-width: 710px) {
 .news-list {
 margin: 40px auto 50px;
}
 .news-list .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .news-list .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
 @media (max-width: 600px) {
 .news-list .news-top .top-new .select {
 width: 48%;
 margin-bottom: 10px;
}
 .news-list .news-top .top-new .text {
 width: 47%;
}
 .news-list .news-top .top-new .submit {
 width: 20%;
}
 .news-list .list ul li a .box .time {
 display: none;
}
 .news-list .list ul li a .box .con {
 margin-left: 0;
 width: 66%;
}
 .news-list .list ul li a .box .con .tt {
 display: block;
}
 .news-list .list ul li a .box .con .num {
 margin-top: 4px;
}
 .news-list .list ul li a .box .pic {
 width: 33%;
}
 .news-list .list .more {
 margin: 30px auto 0;
}
}
 @media (max-width: 550px) {
 .news-list .list ul li a .box .pic {
 width: 100%;
 height: auto;
 float: none;
}
 .news-list .list ul li a .box .con {
 width: 100%;
 height: auto;
 margin-top: 15px;
 float: none;
}
}
 @media (max-width: 390px) {
 .news-list .news-top .top-new .select {
 width: 95%;
}
 .news-list .news-top .top-new .text {
 width: 94%;
 margin-bottom: 10px;
}
 .news-list .news-top .top-new .submit {
 width: 30%;
}
}
.contact {
	width: 100%;
	height: auto;
}
.contact .contact-top {
	width: 100%;
	height: 640px;
}
.contact .contact-top .map {
	width: 50%;
	height: 100%;
	float: left;
}
.contact .contact-top .top-right {
	width: 50%;
	float: right;
	height: 100%;
	background: #a8a8a8;
}
.contact .contact-top .top-right .con {
	width: 630px;
	height: auto;
	padding-top: 75px;
	margin-left: 90px;
}
.contact .contact-top .top-right .con .title {
	width: 100%;
	height: auto;
	position: relative;
}
.contact .contact-top .top-right .con .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #adadad;
	text-transform: uppercase;
	font-family: HEB;
}
.contact .contact-top .top-right .con .title .t1 {
	width: 100%;
	font-size: 36px;
	line-height: 114px;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	color: #fff;
}
.contact .contact-top .top-right .con .select {
	width: 400px;
	height: auto;
	position: relative;
	margin-top: 47px;
}
.contact .contact-top .top-right .con .select .tits {
	width: 100%;
	height: 56px;
	background: #fff;
	font-size: 24px;
	line-height: 56px;
	color: #5d5d5d;
	cursor: pointer;
}
.contact .contact-top .top-right .con .select .tits span {
	float: left;
	margin-left: 5.5%;
}
.contact .contact-top .top-right .con .select .tits i {
	width: 21px;
	height: 100%;
	display: block;
	float: right;
	margin-right: 5.5%;
	background: url(../images/contact_icon2.png) center no-repeat;
}
.contact .contact-top .top-right .con .select ul {
	display: none;
	width: 100%;
	height: auto;
	background: #fff;
	position: absolute;
	top: 56px;
	left: 0;
}
.contact .contact-top .top-right .con .select ul li {
	width: 94.5%;
	height: 40px;
	padding-left: 5.5%;
	font-size: 18px;
	line-height: 40px;
	color: #aaa;
	cursor: pointer;
}
.contact .contact-top .top-right .con .select ul li.on {
	display: none;
}
.contact .contact-top .top-right .con .conn {
	width: 380px;
	margin-left: 22px;
	height: auto;
	margin-top: 45px;
}
.contact .contact-top .top-right .con .conn .t {
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 16px;
	color: #fff;
}
.contact .contact-top .top-right .con .conn .t i {
	width: 24px;
	height: 24px;
	display: block;
	float: left;
}
.contact .contact-top .top-right .con .conn .t .i1 {
	background: url(../images/contact_icon3.png) center no-repeat;
}
.contact .contact-top .top-right .con .conn .t .i2 {
	background: url(../images/contact_icon4.png) center no-repeat;
}
.contact .contact-top .top-right .con .conn .t .i3 {
	background: url(../images/contact_icon5.png) center no-repeat;
}
.contact .contact-top .top-right .con .conn .t .i4 {
	background: url(../images/contact_icon6.png) center no-repeat;
}
.contact .contact-top .top-right .con .conn .t span {
	margin-left: 18px;
}
 @media (max-width: 1330px) {
 .contact .contact-top {
 height: 580px;
}
 .contact .contact-top .top-right .con {
 width: 94%;
 margin-left: 3%;
}
}
 @media (max-width: 1200px) {
 .contact .contact-top .top-right .con .title .t {
 font-size: 90px;
 line-height: 90px;
}
 .contact .contact-top .top-right .con .title .t1 {
 font-size: 40px;
 line-height: 90px;
}
}
 @media (max-width: 960px) {
 .contact .contact-top {
 height: 520px;
}
 .contact .contact-top .top-right .con {
 padding-top: 60px;
}
 .contact .contact-top .top-right .con .title .t {
 font-size: 70px;
 line-height: 70px;
}
 .contact .contact-top .top-right .con .title .t1 {
 font-size: 32px;
 line-height: 70px;
}
 .contact .contact-top .top-right .con .select {
 width: 95%;
 margin-top: 20px;
}
}
 @media (max-width: 730px) {
 .contact .contact-top {
 height: 480px;
}
}
 @media (max-width: 640px) {
 .contact .contact-top {
 height: auto;
}
 .contact .contact-top .map {
 width: 100%;
 height: 400px;
 float: none;
}
 .contact .contact-top .top-right {
 width: 100%;
 padding-bottom: 40px;
 float: none;
}
 .contact .contact-top .top-right .con {
 padding-top: 40px;
}
 .contact .contact-top .top-right .con .conn {
 margin-top: 25px;
}
}
 @media (max-width: 400px) {
 .contact .contact-top .top-right .con .conn {
 margin-left: 0;
}
}
.contact .box {
	margin: 80px auto 85px;
}
.contact .box .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.contact .box .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	font-family: HEB;
	text-transform: uppercase;
}
.contact .box .title .t1 {
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.contact .box .list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 67px;
	padding-bottom: 20px;
}
.contact .box .list ul {
	width: 110%;
	height: auto;
	padding-bottom: 26px;
}
.contact .box .list ul li {
	width: 28.4%;
	height: 300px;
	background: #fbfbfb;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
	float: left;
	margin-right: 2.8%;
	margin-bottom: 34px;
 transition: all .5s;
}
.contact .box .list ul li a {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}
.contact .box .list ul li a .t {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	padding-top: 50px;
 transition: all .5s;
}
.contact .box .list ul li a .t1 {
	font-size: 14px;
	line-height: 14px;
	color: #999;
	margin-top: 24px;
 transition: all .5s;
}
.contact .box .list ul li a .t2 {
	font-size: 18px;
	line-height: 18px;
	color: #616161;
	margin-top: 93px;
 transition: all .5s;
}
 @media (min-width: 1024px) {
 .contact .box .list ul li:hover {
 background: #4f82c1;
}
 .contact .box .list ul li:hover a .t {
 color: #fff;
}
 .contact .box .list ul li:hover a .t1 {
 color: #fff;
}
 .contact .box .list ul li:hover a .t2 {
 color: #fff;
}
}
.contact .box .list .more {
	width: 156px;
	height: 46px;
	border-radius: 3px;
	background: #3072c4;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3);
}
 @media (max-width: 1024px) {
 .contact .box {
 margin: 60px auto 65px;
}
 .contact .box .title .t {
 font-size: 70px;
 line-height: 70px;
}
 .contact .box .title .t1 {
 font-size: 26px;
 line-height: 70px;
}
 .contact .box .list {
 margin-top: 40px;
}
}
 @media (max-width: 860px) {
 .contact .box .list ul li {
 height: 200px;
}
 .contact .box .list ul li a .t {
 font-size: 22px;
 line-height: 22px;
 padding-top: 20px;
}
 .contact .box .list ul li a .t2 {
 margin-top: 50px;
}
}
 @media (max-width: 640px) {
 .contact .box {
 margin: 30px auto 35px;
}
 .contact .box .list {
 margin-top: 30px;
}
 .contact .box .list ul li {
 width: 44%;
 margin-bottom: 20px;
}
 .contact .box .list ul li a .t {
 font-size: 18px;
 line-height: 18px;
}
}
 @media (max-width: 400px) {
 .contact .box .list ul {
 width: 100%;
}
 .contact .box .list ul li {
 width: 98%;
 margin: 0 auto 20px;
 height: auto;
 padding-bottom: 30px;
 float: none;
}
}
.contact .box1 {
	width: 100%;
}
.contact .box1 iframe {
	width: 100%;
	height: 600px;
	display: block;
}
 @media (max-width: 1024px) {
 .contact .box1 {
 height: 400px;
}
 .contact .box1 iframe {
 height: 400px;
}
}
.anchorBL, .BMap_cpyCtrl {
	display: none !important;
}
.news-info {
	height: auto;
	margin: 50px auto 70px;
}
.news-info .content {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.news-info .content .tits {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	text-align: center;
}
.news-info .content .time {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	text-align: center;
	border-bottom: 1px solid #e2e2e2;
	margin-top: 15px;
	padding-bottom: 20px;
}
.news-info .content .con {
	width: 96%;
	height: auto;
	margin: 20px auto 0;
	font-size: 16px;
	line-height: 34px;
	color: #777;
}
.news-info .content .con p {
/*text-indent: 0 !important;*/ }
.news-info .content .con img {
	max-width: 100%;
	width: auto !important;
	height: auto !important;
}
 @media (max-width: 540px) {
 .news-info .content .con {
 font-size: 14px;
 line-height: 28px;
}
}
.news-info .content .paging {
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 60px;
}
.news-info .content .paging a {
	width: 90px;
	height: 33px;
	border: 1px solid #d9d9d9;
	text-align: center;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
	line-height: 33px;
	display: inline-block;
	transition: all 0.5s;
	margin: 0 10px;
}
 @media (min-width: 1024px) {
 .news-info .content .paging a:hover {
 background: #3072c4;
 border: 1px solid #3072c4;
 color: #fff;
}
}
 @media (max-width: 410px) {
 .news-info .content .paging a {
 width: 70px;
 margin: 0 7px;
}
}
 @media (max-width: 1024px) {
 .news-info {
 margin: 20px auto 50px;
}
}
.investor {
	width: 100%;
	height: auto;
	margin-top: 90px;
}
 @media (max-width: 1024px) {
 .investor {
 margin-top: 60px;
}
}
 @media (max-width: 500px) {
 .investor {
 margin-top: 30px;
}
}
.investor .title {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
}
.investor .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	text-transform: uppercase;
	font-family: HEB;
}
.investor .title .t1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
}
 @media (max-width: 1024px) {
 .investor .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .investor .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
}
 @media (max-width: 710px) {
 .investor .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .investor .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
.investor .box1 {
	background: #f7f7f7;
	margin: 68px auto 0;
}
.investor .box1 .con {
	width: 43%;
	height: auto;
	float: left;
}
.investor .box1 .con .conn {
	width: 86.3%;
	height: auto;
	margin-left: 9.4%;
	padding-top: 50px;
}
.investor .box1 .con .conn .tits {
	font-size: 24px;
	line-height: 50px;
	color: #ec0000;
	font-weight: bold;
}
.investor .box1 .con .conn .conn-new {
	width: 100%;
	height: auto;
	margin-top: 8px;
}
.investor .box1 .con .conn .conn-new .t {
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 44px;
}
.investor .box1 .con .conn .conn-new .t .tt1 {
	width: 28%;
	height: auto;
	display: block;
	float: left;
	color: #000;
}
.investor .box1 .con .conn .conn-new .t .tt2 {
	width: 72%;
	height: auto;
	float: left;
	display: block;
	color: #616161;
}
.investor .box1 .pic {
	width: 57%;
	height: 510px;
	float: right;
}
.investor .box1 .pic object {
	width: 100%;
	height: 100%;
}
 @media (max-width: 1445px) {
 .investor .box1 .con {
 width: 50%;
}
 .investor .box1 .con .conn {
 padding-top: 20px;
}
 .investor .box1 .con .conn .conn-new .t {
 line-height: 35px;
}
 .investor .box1 .con .conn .conn-new .t .tt1 {
 width: 22%;
}
 .investor .box1 .con .conn .conn-new .t .tt2 {
 width: 77%;
}
 .investor .box1 .pic {
 width: 50%;
}
}
 @media (max-width: 1275px) {
 .investor .box1 .pic {
 overflow: hidden;
 height: 410px;
}
}
 @media (max-width: 1150px) {
 .investor .box1 .con .conn .tits {
 font-size: 20px;
 line-height: 30px;
}
 .investor .box1 .con .conn .conn-new .t {
 line-height: 30px;
}
 .investor .box1 .con .conn .conn-new .t .tt1 {
 width: 25%;
}
 .investor .box1 .con .conn .conn-new .t .tt2 {
 width: 74%;
}
}
 @media (max-width: 970px) {
 .investor .box1 {
 margin: 40px auto 0;
}
 .investor .box1 .con .conn {
 width: 93%;
 margin-left: 5%;
}
 .investor .box1 .pic img {
 width: 140%;
 margin-left: -20%;
}
}
 @media (max-width: 850px) {
 .investor .box1 .pic {
 width: 100%;
 height: 500px;
 float: none;
}
 .investor .box1 .con {
 width: 100%;
 float: none;
 padding-bottom: 20px;
}
}
 @media (max-width: 630px) {
 .investor .box1 .pic {
 height: 400px;

}
}
 @media (max-width: 440px) {
 .investor .box1 {
 margin: 20px auto 0;
}
 .investor .box1 .pic {
 height: 280px;
}
 .investor .box1 .con .conn .conn-new .t .tt1 {
 width: 100%;
}
 .investor .box1 .con .conn .conn-new .t .tt2 {
 width: 100%;
}
}
.investor .box2 {
	margin: 52px auto 0;
}
.investor .box2 .box-left {
	width: 50%;
	height: auto;
	position: relative;
	float: left;
	overflow: hidden;
}
.investor .box2 .box-left a {
	width: 100%;
	height: auto;
	display: block;
}
.investor .box2 .box-left a img {
 transition: all .5s;
}
.investor .box2 .box-left a .con {
	width: 76.4%;
	height: auto;
	position: absolute;
	top: 55px;
	left: 10%;
 transition: all .5s;
}
.investor .box2 .box-left a .con .tits {
	width: 100%;
	height: auto;
	position: relative;
}
.investor .box2 .box-left a .con .tits .t {
	font-size: 114px;
	line-height: 114px;
	color: #b7bfd3;
	font-family: HEB;
	text-transform: uppercase;
}
.investor .box2 .box-left a .con .tits .t1 {
	font-size: 36px;
	line-height: 114px;
	position: absolute;
	top: 0;
	left: 0;
	color: #333;
	font-weight: bold;
}
.investor .box2 .box-left a .con .more {
	width: 128px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 3px;
	margin-top: 32px;
}
.investor .box2 .box-left a .con .more span {
	width: 93px;
	height: 100%;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 44px;
	color: #fff;
	background: url(../images/investor_icon1.png) right center no-repeat;
}
.investor .box2 .box-right {
	width: 50%;
	height: auto;
	float: left;
}
.investor .box2 .box-right .item {
	width: 100%;
	height: auto;
	background: #3072c4;
}
.investor .box2 .box-right .item a {
	width: 100%;
	height: auto;
	display: block;
}
.investor .box2 .box-right .item a .pic {
	width: 50%;
	height: auto;
	overflow: hidden;
}
.investor .box2 .box-right .item a .pic img {
 transition: all .5s;
}
.investor .box2 .box-right .item a .con {
	width: 50%;
	height: auto;
}
.investor .box2 .box-right .item a .con .conn {
	width: 87.5%;
	margin-left: 12.5%;
	overflow: hidden;
	padding-top: 55px;
 transition: all .5s;
}
.investor .box2 .box-right .item a .con .conn .tits {
	width: 100%;
	height: auto;
	position: relative;
}
.investor .box2 .box-right .item a .con .conn .tits .t {
	font-size: 114px;
	line-height: 114px;
	color: #3c7ac7;
	font-family: HEB;
	text-transform: uppercase;
}
.investor .box2 .box-right .item a .con .conn .tits .t1 {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 36px;
	line-height: 114px;
	font-weight: bold;
}
.investor .box2 .box-right .item a .con .conn .more {
	width: 128px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 3px;
	margin-top: 32px;
}
.investor .box2 .box-right .item a .con .conn .more span {
	width: 93px;
	height: 100%;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 44px;
	color: #fff;
	background: url(../images/investor_icon1.png) right center no-repeat;
}
 @media (min-width: 1024px) {
 .investor .box2 .box-right .item:hover a .pic img {
 transform: scale(1.1);
}
 .investor .box2 .box-right .item:hover a .con .conn {
 transform: translateY(-20px);
}
}
 @media (max-width: 1160px) {
 .investor .box2 .box-left a .con {
 top: 30px;
}
 .investor .box2 .box-left a .con .tits .t {
 font-size: 80px;
 line-height: 80px;
}
 .investor .box2 .box-left a .con .tits .t1 {
 font-size: 30px;
 line-height: 80px;
}
 .investor .box2 .box-left a .con .more {
 margin-top: 20px;
}
 .investor .box2 .box-right .item a .con .conn {
 padding-top: 30px;
}
 .investor .box2 .box-right .item a .con .conn .tits .t {
 font-size: 80px;
 line-height: 80px;
}
 .investor .box2 .box-right .item a .con .conn .tits .t1 {
 font-size: 30px;
 line-height: 80px;
}
 .investor .box2 .box-right .item a .con .conn .more {
 margin-top: 20px;
}
}
 @media (min-width: 1024px) {
 .investor .box2 .box-left:hover a img {
 transform: scale(1.1);
}
 .investor .box2 .box-left:hover a .con {
 transform: translateY(-20px);
}
}
 @media (max-width: 930px) {
 .investor .box2 .box-left a .con {
 top: 15px;
}
 .investor .box2 .box-left a .con .tits .t {
 font-size: 60px;
 line-height: 60px;
}
 .investor .box2 .box-left a .con .tits .t1 {
 font-size: 20px;
 line-height: 60px;
}
 .investor .box2 .box-left a .con .more {
 width: 100px;
 height: 30px;
}
 .investor .box2 .box-left a .con .more span {
 width: 85px;
 line-height: 30px;
}
 .investor .box2 .box-right .item a .con .conn {
 padding-top: 15px;
}
 .investor .box2 .box-right .item a .con .conn .tits .t {
 font-size: 60px;
 line-height: 60px;
}
 .investor .box2 .box-right .item a .con .conn .tits .t1 {
 font-size: 20px;
 line-height: 60px;
}
 .investor .box2 .box-right .item a .con .conn .more {
 width: 100px;
 height: 30px;
}
 .investor .box2 .box-right .item a .con .conn .more span {
 width: 85px;
 line-height: 30px;
}
}
 @media (max-width: 640px) {
 .investor .box2 .box-left {
 width: 100%;
 float: none;
}
 .investor .box2 .box-right {
 width: 100%;
 float: none;
}
}
.investor .box3 {
	width: 100%;
	height: auto;
	background: url(../images/investor_pic5.jpg) center no-repeat;
	background-size: cover !important;
	margin-top: 55px;
}
.investor .box3 .item {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
}
.investor .box3 .item a {
	width: 100%;
	height: auto;
	display: block;
}
.investor .box3 .item a .con {
	width: 720px;
	height: auto;
	float: right;
	padding-top: 45px;
	padding-bottom: 88px;
}
.investor .box3 .item a .con .tits {
	width: 100%;
	height: auto;
	position: relative;
}
.investor .box3 .item a .con .tits .t {
	font-size: 114px;
	line-height: 114px;
	color: #8d7c7c;
	opacity: 0.1;
	filter: alpha(opacity=10);
	text-transform: uppercase;
	font-family: HEB;
}
.investor .box3 .item a .con .tits .t1 {
	font-size: 36px;
	line-height: 114px;
	position: absolute;
	top: 0;
	left: 0;
	color: #333;
	font-weight: bold;
}
.investor .box3 .item a .con .more {
	width: 128px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 3px;
	margin-top: 26px;
}
.investor .box3 .item a .con .more span {
	width: 93px;
	height: 100%;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 44px;
	color: #fff;
	background: url(../images/investor_icon1.png) right center no-repeat;
}
.investor .box3 .item1 {
	width: 50%;
	height: auto;
	float: left;
	overflow: hidden;
}
.investor .box3 .item1 a {
	width: 100%;
	height: auto;
	display: block;
}
.investor .box3 .item1 a .con {
	width: 720px;
	height: auto;
	padding-top: 45px;
	padding-bottom: 88px;
}
.investor .box3 .item1 a .con .tits {
	margin-left: 13.9%;
	height: auto;
	position: relative;
}
.investor .box3 .item1 a .con .tits .t {
	font-size: 114px;
	line-height: 114px;
	color: #aac8f3;
	opacity: 0.05;
	filter: alpha(opacity=5);
	text-transform: uppercase;
	font-family: HEB;
}
.investor .box3 .item1 a .con .tits .t1 {
	font-size: 36px;
	line-height: 114px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-weight: bold;
}
.investor .box3 .item1 a .con .tit {
	width: 86.1%;
	margin-left: 13.9%;
	margin-top: 26px;
}
.investor .box3 .item1 a .con .tit .t {
	width: 50%;
	height: auto;
	float: left;
}
.investor .box3 .item1 a .con .tit .t i {
	width: 47px;
	height: 47px;
	display: block;
	float: left;
	background-size: cover !important;
}
.investor .box3 .item1 a .con .tit .t .i1 {
	background: url(../images/investor_icon2.png) no-repeat;
}
.investor .box3 .item1 a .con .tit .t .i2 {
	background: url(../images/investor_icon3.png) no-repeat;
}
.investor .box3 .item1 a .con .tit .t span {
	float: left;
	font-size: 24px;
	line-height: 47px;
	color: #fff;
	font-family: Arial;
	margin-left: 17px;
}
.investor .box3 .item1 a .con .tit .t .s {
	font-size: 30px;
	line-height: 47px;
	font-family: HEB;
}
 @media (max-width: 1440px) {
 .investor .box3 .item a .con {
 width: 95%;
}
 .investor .box3 .item1 a .con {
 width: 92%;
 margin-left: 7%;
}
 .investor .box3 .item1 a .con .tits {
 margin-left: 0;
}
 .investor .box3 .item1 a .con .tit {
 width: 100%;
 margin-left: 0;
}
}
 @media (max-width: 1230px) {
 .investor .box3 .item a .con {
 padding-top: 30px;
 padding-bottom: 40px;
}
 .investor .box3 .item1 a .con {
 padding-top: 30px;
 padding-bottom: 40px;
}
 .investor .box3 .item1 a .con .tit {
 margin-top: 5px;
}
 .investor .box3 .item1 a .con .tit .t {
 width: 100%;
 margin-bottom: 10px;
}
}
 @media (max-width: 730px) {
 .investor .box3 {
 background: none;
}
 .investor .box3 .item {
 width: 100%;
 background: url(../images/investor_bg2.jpg) no-repeat;
 background-size: cover !important;
 float: none;
}
 .investor .box3 .item a .con .tits .t {
 font-size: 80px;
 line-height: 80px;
}
 .investor .box3 .item a .con .tits .t1 {
 font-size: 36px;
 line-height: 80px;
}
 .investor .box3 .item1 {
 width: 100%;
 background: url(../images/investor_bg3.jpg) no-repeat;
 background-size: cover !important;
 float: none;
}
 .investor .box3 .item1 a .con .tits .t {
 font-size: 80px;
 line-height: 80px;
}
 .investor .box3 .item1 a .con .tits .t1 {
 font-size: 36px;
 line-height: 80px;
}
}
 @media (max-width: 470px) {
 .investor .box3 .item a .con .tits .t {
 font-size: 60px;
 line-height: 60px;
}
 .investor .box3 .item a .con .tits .t1 {
 font-size: 28px;
 line-height: 60px;
}
 .investor .box3 .item1 a .con .tits .t {
 font-size: 60px;
 line-height: 60px;
}
 .investor .box3 .item1 a .con .tits .t1 {
 font-size: 28px;
 line-height: 60px;
}
 .investor .box3 .item1 a .con .tit .t i {
 width: 38px;
 height: 38px;
}
 .investor .box3 .item1 a .con .tit .t span {
 font-size: 20px;
 line-height: 38px;
}
 .investor .box3 .item1 a .con .tit .t span.s {
 font-size: 24px;
 line-height: 38px;
}
}
.notice {
	margin: 85px auto 100px;
}
.notice .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.notice .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	font-family: HEB;
	text-transform: uppercase;
}
.notice .title .t1 {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
}
.notice .news-top {
	width: 100%;
	height: 78px;
	background: #eee;
	margin-top: 65px;
	position: relative;
	z-index: 10;
}
.notice .news-top .span {
	font-size: 20px;
	line-height: 77px;
	font-weight: bold;
	color: #333;
	float: left;
	margin-left: 3.125%;
}
.notice .news-top .top-new {
	width: 80.6%;
	height: auto;
	float: left;
	margin-left: 3.125%;
	margin-top: 21px;
}
.notice .news-top .top-new .select {
	width: 23.7%;
	height: auto;
	float: left;
	margin-right: 2%;
	position: relative;
}
.notice .news-top .top-new .select .tits {
	width: 100%;
	height: 34px;
	background: #fff;
	border: 1px solid #dadada;
	cursor: pointer;
}
.notice .news-top .top-new .select .tits span {
	font-size: 14px;
	line-height: 34px;
	color: #a6a6a6;
	float: left;
	margin-left: 12px;
}
.notice .news-top .top-new .select .tits i {
	width: 38px;
	height: 34px;
	background: #cecece url(../images/news_icon.png) center no-repeat;
	float: right;
}
.notice .news-top .top-new .select ul {
	width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #dadada;
	position: absolute;
	top: 35px;
	left: 0;
	display: none;
	z-index: 10;
}
.notice .news-top .top-new .select ul li {
	width: 95%;
	padding-left: 5%;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	color: #a6a6a6;
	cursor: pointer;
}
 @media (min-width: 1024px) {
 .notice .news-top .top-new .select ul li:hover {
 background: #3072c4;
 color: #fff;
}
}
.notice .news-top .top-new .text {
	width: 22.7%;
	height: 34px;
	background: #fff;
	border: 1px solid #dadada;
	float: left;
	font-size: 14px;
	line-height: 34px;
	color: #616161;
	padding-left: 1%;

	margin-right: 2%;
}
 .notice .news-top .top-new .text::-webkit-input-placeholder {
 color: #616161;
}
 .notice .news-top .top-new .text:-moz-placeholder {
 color: #616161;
}
 .notice .news-top .top-new .text::-moz-placeholder {
 color: #616161;
}
 .notice .news-top .top-new .text:-ms-input-placeholder {
 color: #616161;
}
.notice .news-top .top-new .submit {
	width: 13.8%;
	height: 36px;
	background: #3072c4;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	color: #fff;
}
.notice .list {
	width: 100%;
	height: auto;
	margin-top: -1px;
	position: relative;
}
.notice .list ul {
	width: 100%;
	height: auto;
}
.notice .list ul li {
	width: 50%;
	height: auto;
	border-top: 1px solid #eee;
	float: left;
	padding: 60px 0;
}
.notice .list ul li .con {
	width: 77.8%;
	height: auto;
	margin: 0 auto;
}
.notice .list ul li .con .icon {
	width: 5.7%;
	float: left;
	height: auto;
}
.notice .list ul li .con .conn {
	width: 90.5%;
	height: auto;
	float: right;
}
.notice .list ul li .con .conn .tits {
	font-size: 16px;
	line-height: 18px;
	color: #000;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
 transition: all .5s;
}
 @media (min-width: 1024px) {
 .notice .list ul li .con .conn .tits:hover {
 color: #235ba0;
}
}
.notice .list ul li .con .conn .time {
	font-size: 12px;
	line-height: 12px;
	color: #747474;
	font-family: Arial;
	margin-top: 9px;
}
.notice .list ul li .con .conn .tit {
	font-size: 14px;
	line-height: 24px;
	color: #838383;
	height: 48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	margin-top: 12px;
 transition: all .5s;
}
 @media (min-width: 1024px) {
 .notice .list ul li .con .conn .tit:hover {
 color: #235ba0;
}
}
.notice .list ul li .con .conn .tit1 {
	width: 100%;
	height: auto;
	margin-top: 37px;
}
.notice .list ul li .con .conn .tit1 a {
	width: 98px;
	height: 28px;
	border: 1px solid #235ba0;
	display: block;
	border-radius: 3px;
	font-size: 14px;
	line-height: 28px;
	color: #235ba0;
	text-align: center;
	margin-right: 10px;
	float: left;
 transition: all .5s;
}
 @media (min-width: 1024px) {
 .notice .list ul li .con .conn .tit1 a:hover {
 background: #235ba0;
 color: #fff;
 box-shadow: 0 0 5px rgba(33, 101, 185, 0.77);
}
}
.notice .list .line {
	width: 1px;
	height: 100%;
	background: #eee;
	position: absolute;
	left: 50%;
	top: 0;
}
.notice .more {
	width: 156px;
	height: 46px;
	border-radius: 3px;
	background: #3072c4;
	text-align: center;
	display: block;
	margin: 75px auto 0;
	font-size: 14px;
	line-height: 46px;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.3);
}
 @media (max-width: 1024px) {
 .notice {
 margin: 60px auto 70px;
}
 .notice .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .notice .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
 .notice .news-top {
 margin-top: 35px;
}
}
 @media (max-width: 890px) {
 .notice .news-top .top-new {
 width: 82%;
}
 .notice .news-top .top-new .select {
 width: 28%;
}
}
 @media (max-width: 770px) {
 .notice .news-top {
 margin-top: 20px;
 height: auto;
 padding: 15px 0;
}
 .notice .news-top .span {
 width: 94%;
 margin-left: 3%;
 font-size: 18px;
 line-height: 30px;
}
 .notice .news-top .top-new {
 width: 94%;
 margin-left: 3%;
 margin-top: 15px;
}
}
 @media (max-width: 710px) {
 .notice {
 margin: 40px auto 50px;
}
 .notice .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .notice .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
 @media (max-width: 700px) {
 .notice .list ul li {
 padding: 30px 0;
}
 .notice .list ul li .con {
 width: 90%;
}
 .notice .more {
 margin: 35px auto 0;
}
}
 @media (max-width: 600px) {
 .notice .news-top .top-new .select {
 width: 48%;
 margin-bottom: 10px;
}
 .notice .news-top .top-new .text {
 width: 47%;
}
 .notice .news-top .top-new .submit {
 width: 20%;
}
}
 @media (max-width: 575px) {
 .notice .list ul li .con .conn .tit1 {
 margin-top: 15px;
}
 .notice .list ul li .con .conn .tit1 a {
 width: 65px;
}
}
 @media (max-width: 420px) {
 .notice .list ul li {
 width: 100%;
 float: none;
}
 .notice .list .line {
 display: none;
}
}
 @media (max-width: 390px) {
 .notice .news-top .top-new .select {
 width: 95%;
}
 .notice .news-top .top-new .text {
 width: 94%;
 margin-bottom: 10px;
}
 .notice .news-top .top-new .submit {
 width: 30%;
}
}
.investor-page {
	height: auto;
	position: relative;
}
.investor-page .pic {
	width: 26.6%;
	height: auto;
	margin-left: 17.4%;
	float: left;
	margin-top: 5%;
}
.investor-page .con {
	width: 41%;
	height: auto;
	margin-left: 48.6%;
	padding-top: 8.2%;
}
.investor-page .con .item {
	width: 100%;
	height: auto;
	margin-bottom: 33px;
}
.investor-page .con .item .tits {
	font-size: 25px;
	line-height: 25px;
	color: #272727;
	font-weight: bold;
}
.investor-page .con .item .tit {
	font-size: 14px;
	line-height: 14px;
	font-family: HEB;
	color: #272727;
	text-transform: uppercase;
	margin-top: 3px;
}
.investor-page .con .item .tit1 {
	font-size: 60px;
	line-height: 60px;
	font-family: HEB;
	color: #3072c4;
	margin-top: 9px;
}
.investor-page .con .item .tit2 {
	font-size: 36px;
	line-height: 36px;
	color: #272727;
	font-family: Arial;
	margin-top: 16px;
}
 @media (max-width: 1110px) {
 .investor-page .con .item .tit1 {
 font-size: 40px;
 line-height: 40px;
}
 .investor-page .con .item .tit2 {
 font-size: 28px;
 line-height: 28px;
}
}
 @media (max-width: 740px) {
 .investor-page .pic {
 width: 36%;
 margin-left: 3%;
}
 .investor-page .con {
 margin-left: 42%;
 width: 56%;
}
}
 @media (max-width: 540px) {
 .investor-page .con .item {
 margin-bottom: 20px;
}
 .investor-page .con .item .tits {
 font-size: 18px;
 line-height: 18px;
}
 .investor-page .con .item .tit1 {
 font-size: 28px;
 line-height: 28px;
 margin-top: 5px;
}
 .investor-page .con .item .tit2 {
 font-size: 24px;
 line-height: 24px;
 margin-top: 10px;
}
}
 @media (max-width: 390px) {
 .investor-page .pic {
 display: none;
}
 .investor-page .con {
 width: 94%;
 margin: 0 auto 0;
 padding-bottom: 5%;
}
}
.about {
	width: 100%;
	height: auto;
}
.about .box1 {
	padding-top: 70px;
}
.about .box1 .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.about .box1 .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	font-family: HEB;
	text-transform: uppercase;
}
.about .box1 .title .t1 {
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.about .box1 .box-new {
	width: 100%;
	height: auto;
	margin-top: 60px;
}
.about .box1 .box-new .con {
	width: 100%;
	overflow: hidden;
	float: left;
}
.about .box1 .box-new .con .txt {
	font-size: 16px;
	line-height: 30px;
	color: #616161;
	width: 100%;
	height: auto;
}
.about .box1 .box-new .pic {
	width: 33.3%;
	height: auto;
	float: right;
	position: relative;
}
.about .box1 .box-new .pic ul {
	width: 100%;
	height: auto;
}
.about .box1 .box-new .pic ul li {
	width: 100%;
	height: auto;
	float: left;
}
.about .box1 .box-new .pic .btns {
	width: 100%;
	position: absolute;
	bottom: 15px;
	left: 0;
	z-index: 10;
	text-align: center;
}
.about .box1 .box-new .pic .btns span {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #fff;
	margin: 0 5px;
}
.about .box1 .box-new .pic .btns span.swiper-pagination-bullet-active {
	background: #3072c4;
}
 @media (max-width: 1380px) {
 .about .box1 .box-new .con {
 height: 620px;
}
}
 @media (max-width: 1300px) {
 .about .box1 {
 padding-top: 50px;
}
 .about .box1 .box-new {
 margin-top: 30px;
}
 .about .box1 .box-new .con {
 height: 510px;
}
}
 @media (max-width: 1024px) {
 .about .box1 {
 padding-top: 40px;
}
 .about .box1 .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .about .box1 .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
 .about .box1 .box-new .con {
 height: 440px;
}
 .about .box1 .box-new .con .mCSB_inside > .mCSB_container {
 margin-right: 20px;
}
}
 @media (max-width: 830px) {
 .about .box1 .box-new .pic {
 width: 40%;
}
 .about .box1 .box-new .con {
 width: 57%;
}
}
 @media (max-width: 710px) {
 .about .box1 {
 padding-top: 30px;
}
 .about .box1 .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .about .box1 .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
 .about .box1 .box-new {
 margin-top: 15px;
}
 .about .box1 .box-new .con {
 height: 380px;
}
}
 @media (max-width: 580px) {
 .about .box1 .box-new .pic {
 width: 96%;
 float: none;
}
 .about .box1 .box-new .con {
 width: 100%;
 height: auto;
 margin-top: 7%;
}
 .about .box1 .box-new .con .mCSB_inside > .mCSB_container {
 margin-right: 0;
}
}
.about .box2 {
	width: 100%;
	height: auto;
	margin-top: 116px;
	padding-bottom: 157px;
	background-size: cover !important;
}
.about .box2 .box-new {
	padding-top: 88px;
}
.about .box2 .box-new .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.about .box2 .box-new .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #d5e5f9;
	opacity: 0.2;
	filter: alpha(opacity=20);
	text-transform: uppercase;
	font-family: HEB;
}
.about .box2 .box-new .title .t1 {
	font-size: 36px;
	line-height: 114px;
	width: 100%;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
.about .box2 .box-new .tabs {
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 50px;
}
.about .box2 .box-new .tabs a {
	width: 19.6%;
	height: 59px;
	display: inline-block;
	text-align: center;
	background: #38485e;
	font-size: 24px;
	line-height: 59px;
	color: #fff;
	font-weight: bold;
	position: relative;
	border-radius: 10px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	margin: 0 1.5%;
}
.about .box2 .box-new .tabs a i {
	width: 28px;
	height: 19px;
	display: block;
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -14px;
	background: url(../images/about_icon1.png) no-repeat;
	display: none;
}
.about .box2 .box-new .tabs a.on {
	background: #fff;
	color: #3072c4;
}
.about .box2 .box-new .tabs a.on i {
	display: block;
}
.about .box2 .box-new .pic {
	width: 100%;
	height: auto;
	margin-top: 78px;
	text-align: center;
}
.about .box2 .box-new .pic .img {
	display: none;
	width: 100%;
	text-align: center;
}
.about .box2 .box-new .pic .img img {
	max-width: 100%;
}
.about .box2 .box-new .pic .img.on {
	display: block;
}
 @media (max-width: 1200px) {
 .about .box2 {
 margin-top: 80px;
 padding-bottom: 100px;
}
 .about .box2 .box-new {
 padding-top: 60px;
}
 .about .box2 .box-new .tabs {
 margin-top: 30px;
}
 .about .box2 .box-new .tabs a {
 font-size: 20px;
 line-height: 59px;
}
 .about .box2 .box-new .pic {
 margin-top: 40px;
}
}
 @media (max-width: 1024px) {
 .about .box2 .box-new .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .about .box2 .box-new .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
 .about .box2 .box-new .tabs a {
 width: 24%;
 height: 45px;
 font-size: 20px;
 line-height: 45px;
}
 .about .box2 .box-new .tabs a i {
 bottom: -13px;
}
}
 @media (max-width: 790px) {
 .about .box2 {
 margin-top: 60px;
 padding-bottom: 70px;
}
 .about .box2 .box-new .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .about .box2 .box-new .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
 .about .box2 .box-new .tabs a {
 font-size: 16px;
 line-height: 45px;
}
}
 @media (max-width: 600px) {
 .about .box2 {
 margin-top: 40px;
 padding-bottom: 50px;
}
 .about .box2 .box-new {
 padding-top: 50px;
}
 .about .box2 .box-new .tabs a {
 width: 28%;
 font-size: 16px;
 line-height: 45px;
}
}
 @media (max-width: 500px) {
 .about .box2 .box-new {
 padding-top: 40px;
}
 .about .box2 .box-new .title .t {
 font-size: 40px;
 line-height: 40px;
}
 .about .box2 .box-new .title .t1 {
 font-size: 16px;
 line-height: 40px;
}
 .about .box2 .box-new .tabs {
 margin-top: 20px;
}
 .about .box2 .box-new .tabs a {
 width: 40%;
 font-size: 14px;
 line-height: 40px;
 height: 40px;
}
}
.about .box3 {
	width: 100%;
	height: auto;
	background: #f0f0f0;
}
.about .box3 .box-new {
	padding-top: 77px;
	padding-bottom: 20px;
}
.about .box3 .box-new .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.about .box3 .box-new .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #d8d8d8;
	font-family: HEB;
	text-transform: uppercase;
}
.about .box3 .box-new .title .t1 {
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.about .box3 .box-new .list {
	width: 100%;
	height: auto;
	position: relative;
}
.about .box3 .box-new .list .a {
	width: 45px;
	height: 45px;
	display: block;
	border-radius: 45px;
	background-color: #fff;
	border: 1px solid #ebebeb;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.11);
	position: absolute;
	top: 50%;
	margin-top: -22px;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
}
.about .box3 .box-new .list .a.prev {
	background-image: url(../images/about_prev2.png);
	left: 0;
}
.about .box3 .box-new .list .a.next {
	background-image: url(../images/about_next2.png);
	right: 0;
}
.about .box3 .box-new .list .list-new {
	width: 93.5%;
	padding:100px 0px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.about .box3 .box-new .list .list-new ul {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
	padding: 200px 0;
}
.about .box3 .box-new .list .list-new ul li {
	width: 50%;
	height: auto;
	float: left;
	position: relative;
	top: -100px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.about .box3 .box-new .list .list-new ul li .year {
	width: 97px;
	height: 97px;
	background: #037069;
	border-radius: 97px;
	border: 8px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 3;
}
.about .box3 .box-new .list .list-new ul li .year .t {
	font-family: HEB;
	font-size: 24px;
	line-height: 26px;
	padding-top: 24px;
}
.about .box3 .box-new .list .list-new ul li .year .t1 {
	font-size: 16px;
	line-height: 18px;
	margin-top: 4px;
}
.about .box3 .box-new .list .list-new ul li .line1 {
	width: 27px;
	height: 68px;
	position: absolute;
	top: -80px;
	left: 50%;
	margin-left: -13px;
	background: url(../images/about_line1.png) no-repeat;
}
.about .box3 .box-new .list .list-new ul li .tits {
	width: 100%;
	font-size: 14px;
	line-height: 22px;
	color: #676767;
	text-align: left;
	position: absolute;
	left: 0;
	bottom: 200px;
}
.about .box3 .box-new .list .list-new ul li.l {
	top: 100px;
}
.about .box3 .box-new .list .list-new ul li.l .line1 {
	top: auto;
	bottom: -84px;
	background: url(../images/about_line2.png) no-repeat;
}
.about .box3 .box-new .list .list-new ul li.l .tits {
	bottom: auto;
	top: 207px;
}
.about .box3 .box-new .list .list-new .line {
	width: 0;
	height: 5px;
	background: #716f6f;
	position: absolute;
	top: 50%;
	margin-top: -2.5px;
	left: 0;
	z-index: 2;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.18) inset;
	transition: width 2.5s linear;
}
.about .box3 .box-new .list .list-new .line.on {
	width: 100%;
}
 @media (max-width: 1100px) {
 .about .box3 .box-new .list .list-new ul li .year {
 width: 78px;
 height: 78px;
 border: 4px solid #fff;
}
 .about .box3 .box-new .list .list-new ul li .year .t {
 font-size: 20px;
 line-height: 22px;
 padding-top: 18px;
}
 .about .box3 .box-new .list .list-new ul li .tits {
 bottom: 176px;
}
 .about .box3 .box-new .list .list-new ul li.l .tits {
 top: 180px;
}
}
 @media (max-width: 1024px) {
 .about .box3 .box-new {
 padding-top: 60px;
 padding-bottom: 20px;
}
 .about .box3 .box-new .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .about .box3 .box-new .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
}
 @media (max-width: 710px) {
 .about .box3 .box-new {
 padding-top: 50px;
 padding-bottom: 70px;
}
 .about .box3 .box-new .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .about .box3 .box-new .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
 .about .box3 .box-new .list .list-new ul {
 padding: 170px 0;
}
}
 @media (max-width: 520px) {
 .about .box3 .box-new {
 padding-top: 30px;
 padding-bottom: 30px;
}
 .about .box3 .box-new .title .t {
 font-size: 50px;
 line-height: 50px;
}
 .about .box3 .box-new .title .t1 {
 font-size: 18px;
 line-height: 50px;
}
}
.about .box4 {
	width: 100%;
	height: auto;
	background-size: cover !important;
}
.about .box4 .box-new {
	padding-top: 80px;
	padding-bottom: 85px;
}
.about .box4 .box-new .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.about .box4 .box-new .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #fff;
	opacity: 0.05;
	filter: alpha(opacity=5);
	font-family: HEB;
	text-transform: uppercase;
}
.about .box4 .box-new .title .t1 {
	font-size: 36px;
	line-height: 114px;
	color: #fff;
	font-weight: bold;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.about .box4 .box-new .list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 47px;
}
.about .box4 .box-new .list ul {
	width: 100%;
	height: auto;
	padding-bottom: 25px;
}
.about .box4 .box-new .list ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.about .box4 .box-new .list ul li dl {
	width: 110%;
	height: auto;
}
.about .box4 .box-new .list ul li dl dd {
	width: 14.4%;
	height: 100px;
	background: #fff;
	float: left;
	margin-right: 0.9%;
	margin-bottom: 24px;
	position: relative;
}
.about .box4 .box-new .list ul li dl dd img {
	max-width: 90%;
	max-height: 90%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.about .box4 .box-new .list .btns {
	width: 100px;
	height: 40px;
	margin: 0 auto;
}
.about .box4 .box-new .list .btns a {
	width: 40px;
	height: 40px;
	display: block;
}
.about .box4 .box-new .list .btns a.prev {
	background: url(../images/about_prev.png) no-repeat;
	float: left;
}
.about .box4 .box-new .list .btns a.next {
	background: url(../images/about_next.png) no-repeat;
	float: right;
}
 @media (max-width: 1024px) {
 .about .box4 .box-new {
 padding-top: 60px;
 padding-bottom: 70px;
}
 .about .box4 .box-new .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .about .box4 .box-new .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
}
 @media (max-width: 900px) {
 .about .box4 .box-new .list {
 margin-top: 30px;
}
 .about .box4 .box-new .list ul {
 padding-bottom: 10px;
}
 .about .box4 .box-new .list ul li dl dd {
 width: 22%;
 height: 85px;
 margin-bottom: 10px;
}
}
 @media (max-width: 710px) {
 .about .box4 .box-new {
 padding-top: 50px;
 padding-bottom: 60px;
}
 .about .box4 .box-new .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .about .box4 .box-new .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
 @media (max-width: 500px) {
 .about .box4 .box-new {
 padding-top: 30px;
 padding-bottom: 40px;
}
 .about .box4 .box-new .list {
 margin-top: 20px;
}
 .about .box4 .box-new .list ul li dl dd {
 width: 29.6%;
 margin-bottom: 5px;
}
}
.about .box5 {
	padding-top: 70px;
	padding-bottom: 100px;
}
.about .box5 .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.about .box5 .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	font-family: HEB;
	text-transform: uppercase;
}
.about .box5 .title .t1 {
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.about .box5 .video {
	width: 100%;
	height: auto;
	margin-top: 20px;
	cursor: pointer;
}
.about .box5 .video .pic {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.about .box5 .video .pic .img {
 transition: all .5s;
}
.about .box5 .video .pic .img1 {
	width: 64px;
	height: 64px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.about .box5 .video .con {
	width: 100%;
	height: 78px;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
}
.about .box5 .video .con .tits {
	font-size: 16px;
	line-height: 78px;
	color: #333;
	float: left;
	margin-left: 2%;
}
.about .box5 .video .con .tit {
	float: right;
	margin-right: 2%;
}
.about .box5 .video .con .tit .t {
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	font-family: HEB;
	color: #195093;
	margin-top: 24px;
}
.about .box5 .video .con .tit .line {
	width: 18px;
	height: 2px;
	background: #195093;
	float: right;
	margin-top: 9px;
}
 @media (max-width: 1024px) {
 .about .box5 {
 padding-top: 50px;
 padding-bottom: 70px;
}
 .about .box5 .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .about .box5 .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
 .about .box5 .video {
 margin-top: 25px;
}
}
 @media (max-width: 710px) {
 .about .box5 {
 padding-top: 30px;
 padding-bottom: 50px;
}
 .about .box5 .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .about .box5 .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
}
 @media (max-width: 600px) {
 .about .box5 .video .con {
 height: 50px;
}
 .about .box5 .video .con .tits {
 line-height: 50px;
}
 .about .box5 .video .con .tit {
 display: none;
}
}
 @media (max-width: 450px) {
 .about .box5 {
 padding-top: 20px;
 padding-bottom: 30px;
}
 .about .box5 .video {
 margin-top: 10px;
}
 .about .box5 .video .con .tits {
 font-size: 14px;
}
}
.about .box6 {
	width: 100%;
	height: auto;
	background-size: cover !important;
	text-align: center;
}
.about .box6 img {
	max-width: 100%;
}
.about .box7 {
	margin: 100px auto 80px;
}
.about .box7 .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.about .box7 .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #f6f6f6;
	font-family: HEB;
	text-transform: uppercase;
}
.about .box7 .title .t1 {
	font-size: 36px;
	line-height: 114px;
	color: #333;
	font-weight: bold;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.about .box7 ul {
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.about .box7 ul li {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.about .box7 ul li .pic {
	width: 41.7%;
	height: auto;
}
.about .box7 ul li .con {
	width: 52.5%;
	height: 100%;
}
.about .box7 ul li .con .tits {
	font-size: 16px;
	line-height: 40px;
	background: #037069;
	padding: 0 15px;
	display: inline-block;
	color: #fff;
	letter-spacing: -0.5px;
}
.about .box7 ul li .con .tit {
	font-size: 16px;
	line-height: 30px;
	color: #616161;
	margin-top: 17px;
}
.about .box7 ul li .con .tit .t {
	margin-bottom: 18px;
}
.about .box7 ul li:last-child {
	border-bottom: none;
}
 @media (max-width: 1024px) {
 .about .box7 .box-new {
 padding-top: 60px;
 padding-bottom: 80px;
}
 .about .box7 .box-new .title .t {
 font-size: 80px;
 line-height: 80px;
}
 .about .box7 .box-new .title .t1 {
 font-size: 26px;
 line-height: 80px;
}
}
 @media (max-width: 1450px) {
 .about .box7 ul li .con .tit .t {
 margin-bottom: 10px;
}
}
 @media (max-width: 1320px) {
 .about .box7 ul li .pic {
 width: 46%;
}
 .about .box7 ul li .con {
 width: 50.5%;
}
 .about .box7 ul li .con .tit .t {
 margin-bottom: 5px;
}
}
 @media (max-width: 1160px) {
 .about .box7 ul li {
 height: auto !important;
}
 .about .box7 ul li .con {
 margin-top: 20px;
}
}
 @media (max-width: 940px) {
 .about .box7 {
 margin: 60px auto 40px;
}
 .about .box7 ul li {
 padding-bottom: 30px;
 margin-bottom: 30px;
}
 .about .box7 ul li .con {
 margin-top: 10px;
}
 .about .box7 ul li .con .t {
 margin-bottom: 0;
}
}
 @media (max-width: 710px) {
 .about .box7 {
 margin: 40px auto 20px;
}
 .about .box7 .title .t {
 font-size: 60px;
 line-height: 60px;
}
 .about .box7 .title .t1 {
 font-size: 20px;
 line-height: 60px;
}
 .about .box7 ul {
 margin-top: 20px;
}
 .about .box7 ul li .pic {
 width: 100%;
 float: none;
}
 .about .box7 ul li .con {
 width: 100%;
 float: none;
 margin-top: 15px;
}
}
 @media (max-width: 520px) {
 .about .box7 .title .t {
 font-size: 50px;
 line-height: 50px;
}
 .about .box7 .title .t1 {
 font-size: 18px;
 line-height: 50px;
}
}
 @media (max-width: 400px) {
 .about .box7 ul li {
 padding-bottom: 30px;
 margin-bottom: 30px;
}
}
.join {
	width: 100%;
	height: auto;
	background: #f9f9f9;
	padding-bottom: 100px;
	padding-top: 30px;
}
.join .title {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.join .title .t {
	font-size: 114px;
	line-height: 114px;
	color: #adadad;
	text-transform: uppercase;
	font-family: HEB;
}
.join .title .t1 {
	width: 100%;
	font-size: 36px;
	line-height: 114px;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	color: #333;
}
.join .content {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #d4d4d4;
	margin: 75px auto 0;
	padding-bottom: 55px;
}
.join .content .con {
	width: 92.8%;
	height: auto;
	margin: 0 auto;
	padding-top: 26px;
}
.join .content .con .tits {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #292929;
	margin-bottom: 30px;
}
.join .content .con .item {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.join .content .con .item .t {
	width: 156px;
	height: 46px;
	background: #037069;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	line-height: 46px;
	font-weight: bold;
	color: #fff;
}
.join .content .con .item .t1 {
	font-size: 16px;
	line-height: 40px;
	color: #292929;
	margin-top: 8px;
}
.join .content .con a {
	width: 156px;
	height: 46px;
	background: #037069;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	line-height: 46px;
	font-weight: bold;
	color: #fff;
	display: block;
	box-shadow: 0 2px 5px rgba(48, 30, 0, 0.31);
}
 @media (max-width: 1024px) {
 .join .title .t {
 font-size: 70px;
 line-height: 70px;
}
 .join .title .t1 {
 font-size: 26px;
 line-height: 70px;
}
}
 @media (max-width: 930px) {
 .join {
 padding-bottom: 50px;
}
 .join .content {
 margin: 40px auto 0;
}
 .join .content .con .tits {
 font-size: 20px;
 line-height: 22px;
}
}
.product-info {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 80px;
}
.product-info .content {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.product-info .content .pic {
	width: 45%;
	height: auto;
	float: left;
	position: relative;
}
.product-info .content .pic ul {
	width: 100%;
	height: auto;
}
.product-info .content .pic ul li {
	width: 100%;
	height: auto;
	float: left;
}
.product-info .content .pic .btns {
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 10;
}
.product-info .content .pic .btns span {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background: #fff;
	opacity: 1;
}
.product-info .content .pic .btns span.swiper-pagination-bullet-active {
	background: #037069;
}
.product-info .content .con {
	width: 50.5%;
	height: auto;
	float: right;
}
.product-info .content .con .tits {
	font-size: 22px;
	line-height: 40px;
	font-weight: bold;
	color: #333;
}
.product-info .content .con .conn {
	font-size: 16px;
	line-height: 30px;
	color: #616161;
	margin-top: 20px;
	min-height: 380px;
}
.product-info .content .con .tit {
	font-size: 14px;
	line-height: 30px;
	color: #555;
}
.product-info .content .con .tit span {
	font-size: 30px;
	font-family: Arial;
	color: #037069;
	margin-left: 15px;
}
.product-info .content .con .share {
	margin-top: 10px;
}
.product-info .paging {
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 60px;
}
.product-info .paging a {
	width: 90px;
	height: 33px;
	border: 1px solid #d9d9d9;
	text-align: center;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
	line-height: 33px;
	display: inline-block;
	transition: all 0.5s;
	margin: 0 10px;
}
 @media (min-width: 1024px) {
 .product-info .paging a:hover {
 background: #037069;
 border: 1px solid #037069;
 color: #fff;
}
}
 @media (max-width: 410px) {
 .product-info .paging a {
 width: 70px;
 margin: 0 7px;
}
}
 @media (max-width: 1200px) {
 .product-info .content {
 width: 96%;
}
 .product-info .content .con .conn {
 min-height: 280px;
}
}
 @media (max-width: 940px) {
 .product-info .content .con .tits {
 font-size: 18px;
 line-height: 30px;
}
 .product-info .content .con .conn {
 min-height: 200px;
}
}
 @media (max-width: 680px) {
 .product-info {
 padding-top: 30px;
 padding-bottom: 50px;
}
 .product-info .content .pic {
 width: 100%;
 height: auto;
 float: none;
}
 .product-info .content .con {
 width: 100%;
 float: none;
 margin-top: 20px;
}
 .product-info .content .con .conn {
 min-height: auto;
}
 .product-info .content .con .tit {
 margin-top: 30px;
}
}
.table-box {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-top: 40px;
}
.group .input-group {
	width: 33.3%;
	float: left;
	margin-bottom: 8px;
}
.group .input-group select {
	background: none;
}
.group .input-group.file {
	width: 100%;
	height: 60px;
}
.group .input-group.file input {
	position: relative;
	top: 5px;
	font-size: 14px;
	color: #333;
}
.group .input-group.resume {
	float: none;
	clear: both;
}
.group .input-group.resume .text {
	width: 296%;
	resize: none;
	height: 150px;
	background: none;
	border: 1px solid #ccc;
}
.group .input-group label {
	font-size: 14px;
	line-height: 26px;
	display: block;
	color: #333;
}
.group .input-group .text {
	width: 96%;
	height: 34px;
	line-height: 34px;
	border: 1px solid #ccc;
	text-indent: 1em;
	color: #333;
}
.group .input-group input.text {
	height: 32px;
	line-height: 32px;
	background: none;
	font-size: 14px;
}
.group .submit {
	width: 152px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	font-size: 16px;
	color: #fff;
	border: 1px solid #3072c4;
	background: #3072c4;
	clear: both;
}
 @media (max-width: 1240px) {
 .table-box {
 width: 94%;
}
 .group .input-group.resume {
 float: none;
 clear: both;
}
 .group .input-group.resume .text {
 width: 292%;
 resize: none;
 height: 180px;
 background: none;
}
 .group .input-group label {
 font-size: 14px;
 line-height: 26px;
 display: block;
}
 .group .input-group .text {
 width: 92%;
 height: 34px;
 line-height: 34px;
 box-sizing: border-box;
}
 .group .input-group input.text {
 height: 32px;
 line-height: 32px;
 background: none;
 font-size: 14px;
}
}
@media (max-width: 1024px) {
 .group {
 padding-top: 30px;
}
 .group .input-group {
 width: 100%;
 margin-bottom: 10px;
 float: none;
}
 .group .input-group .text {
 width: 100%;
 height: 30px;
 line-height: 30px;
}
 .group .input-group.resume .text {
 width: 100%;
 resize: none;
 height: 100px;
}
}
@media (max-width: 1240px) {
 .group .submit {
 width: 120px;
 height: 35px;
 line-height: 35px;
 font-size: 14px;
}
}
@media (max-width: 1024px) {
 .group .submit {
 width: 100px;
 height: 30px;
 line-height: 30px;
 font-size: 14px;
}
}
.v {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	display: none;
}
.v .v-new {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 900px;
	height: 600px;
	background-color: #000;
	margin: auto;
}
.v .v-new .close {
	position: absolute;
	right: 33px;
	top: 18px;
	width: 27px;
	height: 27px;
	background: url(../images/bg_btn02.png) no-repeat center;
	cursor: pointer;
}
 @media (max-width: 940px) {
 .v .v-new {
 width: 100%;
 height: 300px;
}
}
.search-tk {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	display: none;
	z-index: 10000;
}
.search-tk .close {
	width: 46px;
	height: 45px;
	display: block;
	background: url(../images/close.png) no-repeat;
	background-size: cover !important;
	position: absolute;
	top: 4%;
	right: 5.3%;
}
.search-tk .search-new {
	width: 92%;
	height: 105px;
	position: absolute;
	left: 4%;
	top: 50%;
	margin-top: -53px;
	border-bottom: 1px solid #a1a1a1;
}
.search-tk .search-new form {
	width: 100%;
	height: 100%;
	display: block;
}
.search-tk .search-new .text {
	width: 70%;
	height: 100%;
	background: none;
	font-size: 40px;
	line-height: 105px;
	border: none;
	color: #bfbfbf;
}
.search-tk .search-new .submit {
	width: 46px;
	height: 100%;
	float: right;
	display: block;
	background: url(../images/bocweb_search1.png) center no-repeat;
	background-size: 100%;
	border: none;
}
 @media (max-width: 590px) {
 .search-tk .close {
 width: 30px;
 height: 29px;
}
 .search-tk .search-new {
 height: 50px;
 margin-top: -25px;
}
 .search-tk .search-new .text {
 font-size: 20px;
 line-height: 50px;
}
 .search-tk .search-new .submit {
 width: 30px;
}
}
 @media (min-width: 1024px) {
 .js-m {
 transform: translateY(50px);
 opacity: 0;
}
 .js-m1 {
 transform: translateX(-50px);
 opacity: 0;
}
 .js-m2 {
 transform: translateX(50px);
 opacity: 0;
}
 .js-m3 {
 transform: translateY(-50px);
 opacity: 0;
}
}
/*Powered鑱絙y鑱絯ww.bocweb.cn*/

/*# sourceMappingURL=style.css.map */