@charset "UTF-8";
.index-banner {
	width:100%;
	/*height:calc(100vh - 100px);*/
	height:auto;
	overflow:hidden
}
.index-banner .swiper-slide {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover
}
/*.index-banner .swiper-slide:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:0;
	background-color:#000;
	opacity:.15
}*/
.index-banner .swiper-slide.swiper-slide-active .text,.index-banner .swiper-slide.swiper-slide-active .tit {
	opacity:1;
	transform:translateX(0)
}
.index-banner .swiper-pagination {
	display:block
}
.index-banner .swiper-pagination.typea {
	margin-top:0;
	bottom:16px
}
.index-banner .img-m {
	display:none;
	width:100%
}
.index-banner .img-b {
	margin:0 auto;
	display:block;
	width:100%;

}
.index-banner .main {
	color:#fff;
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
	width:100%;
	transform:translateY(-50%);
	padding:0 0 0 8%;
}
.index-banner .text,.index-banner .tit {
	opacity:0;
	transform:translateX(100px);
	transition:transform 1s,opacity 1s
}
.index-banner .tit {
	font-size:90px;
	color:#0e408c;
	line-height:1.5;
	font-weight:500
}
.index-banner .text {
	font-size:60px;
	line-height:1.2;
	color:#000000;
	font-weight:500;
	transition-delay:.2s;
}
.index-banner-bottom {
	position:absolute;
	left:50%;
	bottom:60px;
	z-index:1;
	font-size:12px;
	color:#fff;
	transform:translateX(-50%)
}
.index-banner-bottom:after {
	content:"";
	width:1px;
	height:50px;
	background-color:#fff;
	position:absolute;
	left:50%;
	bottom:-60px;
	-webkit-animation:index-banner-bottom 2s linear infinite;
	animation:index-banner-bottom 2s linear infinite;
	transform-origin:center top;
	transform:scaleY(0)
}

.index-page01 .header{ margin-bottom:50px;}

.index-page01 .list.c-flex{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-ms-flex-align: center;
    -webkit-box-align: center;
	align-items:stretch
}
.index-page01 .item-l{
	position:relative;
	width:33.33%;
	
}
.index-page01 .item-r{
	width:66.67%;
}
.index-page01 .item-l .item{ width:100%; background-size:100% 100%; position:relative;}
.index-page01 .item-l .img, .index-page01 .item-r .item>img{ width:100%;}
.index-page01 .item-l .main{ position:absolute; left:0; bottom:0px;width:100%; height:360px; background-image: linear-gradient(to top, rgb(12,55,112) 30%, transparent); opacity: 0;
    transform: translateY(100%);
    transition: opacity .3s,transform .3s; z-index:1}
.index-page01 .item-l .main a{ position:absolute; bottom:30px; left:0;  padding:5% 8%; display:block;color:#fff; font-size:14px;}
.index-page01 .item-l .main .title{ font-size:24px; font-weight:700; line-height:1.6;}
.index-page01 .item-l .main .text{ padding:15px 0;}
.index-page01 .item-l .main a:hover .arrow{-webkit-animation: jt-anmi 1s linear infinite;animation: jt-anmi 1s linear infinite;}

.index-page01 .item-r{ align-content:stretch;align-items:stretch;}
.index-page01 .item-r .item{ position:relative; width:calc(50% - 20px); margin-left:20px; margin-bottom:20px; overflow:hidden}
.index-page01 .item-r .item:nth-child(3),.index-page01 .item-r .item:nth-child(4){ margin-bottom:0}
.index-page01 .item-r .item img{display:block;width: 100%; height:100%}
/*.index-page01 .item-r .item .bg{ position:absolute; top:3%; left:3%; display:block; width:97%; height:97%; background:#fff; overflow:hidden}
.index-page01 .item-r .item:nth-child(1) .bg, .index-page01 .item-r .item:nth-child(2) .bg{ top:0;}
.index-page01 .item-r .item .bg h3{ position:absolute; top:15%; left:8%; font-size:18px; color:#666; font-weight:700; z-index:3}
.index-page01 .item-r .item .bg img{ position:absolute; right:0%; bottom:0%; max-width:100%; z-index:1}*/
.index-page01 .box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    color: #fff;
    padding:20px 0 100px 0;
    background-image: linear-gradient(to bottom, rgb(12,55,112), transparent);
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .3s,transform .3s;
	text-align:center
}
.index-page01 .title {
    font-size: 18px;
    font-weight: 600;
    color:#fff;
}

.index-page01 .more-a{ margin-top:40px; text-align:center;}
.index-page01 .more-a a{ margin:0 auto;}



.index-page03{ background:#fff; padding:70px 0;}
.index-title-tit {
	display:block;
	width:100%;
	font-size:30px;
	font-weight:700;
	color:#222;
	text-align:center;
}
.index-title-text {
	font-size:16px;
	line-height:1.8;
	color:#555
}

.index-page02{overflow:hidden}
.index-page02 .header {
	position:relative;
	margin-bottom:50px;
	text-align:center;
}

.news-list {
	padding:0px 0;
	align-items:center
}
.news-list .link {
  overflow: hidden;
  position: relative;
}

.news-list .img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.news-list .bg {
  width: 100%;
  display: block;
}

.news-list .title {
  color: #222;
  line-height: 1.4;
  font-size: 16px;
  font-weight:600
}

.news-list .content {
  height: 65px;
  overflow: hidden;
  color: #666666;
  margin: 20px 0 20px;
  font-size: 14px;
}

.news-list .main {
  padding: 24px 20px;
}

.news-list .time {
  color: #666;
  line-height: 1;
}

.news-recommendation .news-list .item {
  margin-bottom: 0;
}

.market{
	width: 100%;
    height: 260px;
    background: url(../images/home_36.jpg) no-repeat center;
    background-size: cover;
    position: relative;
	color:#fff;
	justify-content: center;
    align-items: stretch;
}
.market .item{
	font-size:16px;
    text-align: center;
    padding:0  20px;
    transition: background-color .3s,color .3s;
}

.market .item .price{ font-size:60px; font-family:Arial, Helvetica, sans-serif; font-weight:700}
.market .item .amount{ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:red;}
.market .item .ksgf{ font-weight:700; line-height:1.8;}
.market .item .ksgf span{ color:#666; font-weight:normal; display:block;}
.market .item a.more{ background:#153170;}

@media only screen and (min-width: 961px) {
	.index-page01 .item-r a:hover .box {
		opacity:1;
		transform:translateY(0)
	}
	
	.index-page01 .item-l:hover .item .main {
		opacity:1;
		transform:translateY(0)
	}
	
}

@media only screen and (min-width: 1441px) {
  .news-list .item {
    width: 23.95%;
    margin-right: 1.4%;
    margin-bottom: 1.4%;
  }

  .news-list .item:nth-of-type(4n) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 961px) and (max-width: 1440px) {
  .news-list .item {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .news-list .item:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 960px) {
  .news-list .item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }

  .news-list .item:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 640px) {
  .news-list .item {
   /* width: 49%;
    margin-bottom: 20px;*/
  }

  .news-recommendation {
    display: none;
  }
  .news-list .main{ padding:15px;}
  .news-list .time{ padding-top:15px;display:none;}
  .news-list .title{ font-size:14px; font-weight:300; line-height:1.6;}
  .news-list .title.text-truncate{white-space:normal;}
  .news-list .content{ display:none; font-size:12px;margin:10px 0; height:60px;}
  
  .market{ height:auto; padding:20px 0 10px 0;}
  .market .item{ display:block; margin-bottom:10px; width:100%; text-align:center}
  .market .item .ksgf span{ display:inline-block; margin-left:10px;}
  .market .item .price{font-size:34px;}
  .market .item .amount{ font-size:24px;}
  .market .item a.more{ margin:0 auto;}
  
  .index-page01 .item-r .item .bg h3{ font-size:14px;}
  
}
@media only screen and (max-width:1700px) {
	.index-page01 .item-r .item .bg img{ max-width:80%;}
}
@media only screen and (max-width:1600px) {
	.index-page01 .item-r .item .bg img{ max-width:70%;}
}
@media only screen and (max-width:1440px) {
.index-banner .tit {
	font-size:100px;
}
.index-banner .text {
	font-size:100px;
}
.index-banner-bottom {
	bottom:40px
}
.index-banner-bottom:after {
	height:32px;
	bottom:-40px
}
.index-page01 .item-r .item .bg img{ max-width:60%;}
.index-title-tit {
	font-size:40px;
	margin-bottom:16px
}
.index-title-text {
	font-size:14px
}
.index-page03 .main {
	padding-left:6%
}
.index-page03 .main .title {
	font-size:18px;
	margin-bottom:8px
}
.index-page03 .main .content {
	font-size:14px
}


}
@media only screen and (max-width:1200px) {
	
.index-banner .tit, .index-banner .text {
	font-size:80px;
}
.index-page01 .index-title-text {
	line-height:1.8;
	font-size:14px;
	margin-bottom:0px
}
.index-title-tit {
	font-size:32px;
	margin-bottom:10px
}
.index-title-text {
	font-size:16px
}
.c-btnb {
	font-size:14px;
	width:80px;
	background:url(../images/icon-arraw02.png) right center no-repeat;
	text-align:left;
}
.c-btnb:after {
	width:24px;
	height:24px;
	right:6px;
	margin-top:-12px;
	background-size:10px
}
}
@media only screen and (max-width:960px) {
.index-banner {
	height:auto
}
.index-banner .swiper-slide {
	background:none
}
.index-banner .swiper-pagination {
	display:block
}
.index-banner .swiper-pagination.typea {
	bottom:5%
}
.index-banner .img-m {
	display:block
}
.index-banner .img-b {
	display:none
}
.index-banner .c-btna-next,.index-banner .c-btna-prev {
	display:none
}
.index-banner .tit {
	font-size:36px;
	line-height:46px;
	opacity:1;
	transform:translateX(0)
}
.index-banner .text {
	font-size:36px;
	line-height:46px;
	opacity:1;
	transform:translateX(0)
}
.index-banner-bottom {
	display:none
}
.index-page01 .picture,.index-page01 .wrap {
	margin-top:30px;
	width:100%;
}
.index-page01 .index-title-tit{ margin-bottom:0}
.index-page01 .item .picture {
	order:0; margin-right:0;
}

.index-page01 .item-r{justify-content:space-between;}
.index-page01 .item-l{ display:none}
.index-page01 .item-r{ width:100%}
.index-page01 .item-r .item{ width:49%; margin-left:1%; margin-bottom:2%}
.index-page01 .item-r .item:nth-child(1), .index-page01 .item-r .item:nth-child(3){ margin-left:auto; margin-right:1%;}


.index-title-tit {
	font-size:28px;
	margin-bottom:8px
}
.index-title-text {
	font-size:13px
}

.index-page02 .index-title{
	width:100%; 
}
.index-page02 .index-title .index-title-tit{  font-size:30px; line-height:1.5}
.index-page02 .choose { margin-bottom:0 !important}
.index-page02 .header {
	margin-bottom:30px;
}
.index-page02 .header .index-title{ display:block; width:100%; margin:0 auto; text-align:center;}
.index-page02 .header .nclass{ position:relative; margin-top:30px; display:block; width:100%; text-align:center;}

.index-page03{padding:30px 0;}
.index-page03 .index-title{ padding-bottom:15px}
.index-page03 .main {
	width:100%;
	padding-left:0
}
.index-page03 .main .title {
	font-size:16px;
	margin-bottom:6px
}
.index-page03 .main .content {
	font-size:13px;
	margin-bottom:36px
}
.index-page03 .index-title {
	margin-bottom:28px
}
.index-page03 .media {
	width:100%;
	margin-bottom:32px
}
.index-media .bg,.index-media .box,.index-media .btn-next, .index-media {
	display:none
}
.c-btnc-next,.c-btnc-prev {
	width:48px;
	height:48px
}
.c-btnc-arrow {
	background-size:auto 12px
}

}
@media only screen and (max-width:640px) {
.index-banner .tit {
	font-size:36px;
	line-height:1;
}
.index-banner .text {
	font-size:36px;
	line-height:30px;
	margin-top:10px
}
.index-page01 .main {
	padding:0px 3%
}
.index-page01 .index-title-tit{ margin-bottom:0;}
.index-page01 .index-title-text {
	line-height:1.8;
	font-size:14px;
}
.index-title-tit {
	font-size:24px;
	margin-bottom:6px
}

}
@media only screen and (max-width:480px) {
	
}

/*chanye*/
.cy-page01 {
	overflow:hidden
}
.cy-page01 .item {
	align-items:stretch;
	margin-bottom:50px;
}
.cy-page01 .item:last-child{ margin-bottom:0}
.cy-page01 .item:nth-of-type(2n) .wrap {
	order:1
}
.cy-page01 .picture {
	width:56%;
	overflow:hidden
}
.cy-page01 .wrap {
	width:44%
}
.cy-page01 .picture,.cy-page01 .wrap {
	/*background:no-repeat 50%/cover;*/
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	transition:background-size .3s linear;
}
.cy-page01 .picture:hover{background-size:105% 105%;}
.cy-page01 .main {
	width:100%;
	padding:8% 15%
}
.cy-page01 .title {
	font-size:30px;
	color:#103670
}
.cy-page01 .text {
	font-size:16px;
	color:#666;
	line-height:1.8;
	overflow:hidden
}
.cy-page01 .img {
	width:100%
}
.cy-page01 a.more{ margin-top:40px;}

@media only screen and (max-width:1440px) {
	.cy-page01 .main {
		padding:0 8%
	}
	.cy-page01 .text {
		font-size:14px;
	}
	.cy-page01 a.more{ margin-top:20px;}
}
@media only screen and (max-width:1200px) {
	.cy-page01 .text {
		font-size:14px;
	}
	
}
@media only screen and (max-width:960px) {
	.cy-page01 .picture,.cy-page01 .wrap {
		width:100%;
	}
	.cy-page01 .item .picture {
		order:0
	}
	.cy-page01 .item .wrap {
		order:1
	}
	.cy-page01 .main {
		padding:30px 3% 0 3%
	}
}
@media only screen and (max-width:480px) {
}

/*newslist*/
.news-page01 .wrap{ margin-bottom:30px; width:100%}
.news-page01 .item-l {
	display:inline-block;
	width:29.5%;
	overflow:hidden
}
.news-page01 .item-r {
	display:inline-block;
	width:70.5%;
	padding-left:3%;
	padding-right:2%;
}
.news-page01 .title {
	font-size:18px;
	line-height:3;
	color:#333;
	font-weight:700;
	transition:color .3s;
	-webkit-line-clamp:2
}
.news-page01 .content,.news-page01 .title {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical
}
.news-page01 .content {
	font-size:16px;
	line-height:26px;
	height:100px;
	text-align:justify;
	color:#555;
	-webkit-line-clamp:5
}
.news-page01 .footer {
	margin-top:40px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#888;
}
.news-page01 .img {
	width:100%;
	transition:transform .3s linear
}
.news-page01 hr{ display:block; margin:40px 0; height:1px; width:100%; color:#e5e5e5;}
.news-page01 .choose {
	width:12%;
	margin:30px auto 60px auto;
}

@media only screen and (min-width:961px) {
	.news-page01 .wrap:hover .title {
		color:#103670
	}
	.news-page01 .wrap:hover .img {
		transform:scale(1.1)
	}
	.news-detail01 .content video{ max-width:800px;}
}

@media only screen and (max-width:1440px) {
	.choose{ width:15%;}
	.news-page01 .title {
		font-size:16px;
	}
	.news-page01 .content {
		font-size:14px;
		line-height:22px;
		height:70px
	}
	.news-page01 .footer {
		margin-top:20px;
		font-size:16px
	}
}
@media only screen and (max-width:1200px) {
	.choose{ width:20%!important; margin:30px auto 40px auto !important;}
	.news-page01 {
		padding-left:0;
		padding-right:0
	}
	.news-page01 .footer {
		font-size:14px;
		margin-top:10px
	}
}
@media only screen and (max-width:960px) {
	.inside-nav{ display:none;}
	.news-page01 .title {
		font-size:14px;
		-webkit-line-clamp:1
	}
	.news-page01 .content {
		font-size:13px;
		line-height:20px;
		height:40px;
		-webkit-line-clamp:3
	}
	
}
@media only screen and (max-width:640px) {
	.choose{ width:40% !important;}
	.news-page01 .title {
	font-size:14px;
	line-height:1.4;
	margin-bottom:0;
	-webkit-line-clamp:2
	}
	.news-page01 .content {
		display:none
	}
	.news-page01 .footer {
		margin-top:5px;
		font-size:12px;
	}
	.news-page01 .more {
		display:none
	}
	.news-page01 hr{margin:20px 0;}
}
.news-detail01 {
	width:94%;
	max-width:1420px;
	margin:0 auto;
	padding-top:60px
}
.news-detail01 .header {
	padding-bottom:30px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:50px
}
.news-detail01 .header .title {
	width:100%;
	line-height:1.3;
	color:#222;
	font-weight:700;
	margin-bottom:20px
}
.news-detail01 .share {
	font-size:22px;
	margin-left:auto
}
.news-detail01 .share .item {
	color:#999;
	margin-right:12px
}
.news-detail01 .share .item:last-of-type {
	margin-right:0
}
.news-detail01 .share .item:hover {
	color:#cf000d
}
.news-detail01 .content {
	padding-bottom:20px
}
@media only screen and (max-width:1440px) {
	.news-detail01 {
	padding-top:50px
}
}
@media only screen and (max-width:960px) {
	.news-detail01 {
	padding-top:40px
}
.news-detail01 .header {
	padding-bottom:16px;
	margin-bottom:30px
}
.news-detail01 .header .title {
	margin-bottom:12px
}
.news-detail01 .share {
	display:none
}
}
@media only screen and (max-width:640px) {
	.news-detail01 {
	padding-top:30px
}
.news-detail01 .header {
	padding-bottom:12px;
	margin-bottom:20px
}
.news-detail01 .header .time {
	font-size:12px
}
}
.service, .news-page01, .proview{ margin:0 auto; width:94%; max-width:1320px;}
.service .header{ text-align:center; display:block; margin-bottom:50px;}
.service .title-40{ font-weight:700; padding-top:10px;}
.service .title-18{ font-weight:normal; color:#666;}
.service .search{ width:90%; max-width:680px; margin:0 auto; height:50px; border:1px #dcdcdc solid; line-height:50px; justify-content:space-between;}
.service .search input{ font-size:16px; color:#888; padding:0 30px; width:90%; height:50px; line-height:50px; border:0; background-color: transparent;outline: none;}
.service .search i{ margin-right:3%; font-size:26px; color:#666;}
.service .text-box{ font-size:16px; color:#666; line-height:2;}
.down-page01 .list{justify-content:space-between; align-items:flex-start;}
.down-page01 .list .item{ position:relative; background:#fff; color:#222; padding:2% 2.5%; width:48.5%; margin-bottom:5%; font-size:18px;}
.down-page01 .list .item:after{ content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #0e408c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s linear;}
.down-page01 .list .item .img{ width:10%;}
.down-page01 .list .item .img img{ max-width:50px; width:100%}
.down-page01 .list .item .main{width: calc(100% - 15%); margin-left:5%}
.down-page01 .list .item .main span{ display:block; margin-top:5px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#888;}
.investment-page02{}
.investment-page02 .tablelist{ display:block; width:100%; max-width:1000px; margin:0 auto;}
.investment-page02 .tablelist table{ border:1px #e6e6e6 solid; color:#666666; font-size:16px; background:#fff;}
.investment-page02 .tablelist table td{ padding:15px 0;}
.investment-page02 .tablelist table tr td:nth-child(1){ width:35%; padding-left:10%}
.investment-page02 .tablelist table tr:nth-child(even){ background:#f5f5f5;}
.investment-page03{}
.investment-page03 .main{justify-content:space-between; font-size:16px; color:#666; }
.investment-page03 .main .item-l{ width:42%;position:relative;}
.investment-page03 .main .item-r{ width:58%; padding:0 5%;line-height:2.4;}
.investment-page03 .main .item-l .wrap{position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:0;
	display:flex;
	align-items:center;
	color:#fff;
}
.investment-page03 .main .item-l .wrap .center{ text-align:center; width:100%}
.investment-page03 .img {
	width:100%
}
.investment-page03 .main .item-l .wrap .ksgf{ font-weight:700;}
.investment-page03 .main .item-l .wrap .ksgf span{ color:#666; font-weight:normal; display:block;}
.investment-page03 .main .item-l .item{ align-items:center;justify-content:center;font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:700;}
.investment-page03 .main .item-l .item .price{ font-size:60px; margin-right:40px;}


.form{ width:100%; max-width:640px; margin:40px auto;}
.form .item{ margin-bottom:30px;}
.form .item.c-flex{ justify-content:space-between;}
.form .item.c-flex .l{ width:48%}
.form .item label{ margin-bottom:10px; display:block; font-size:16px; color:#333;}
.form .item label em{ color:#F00; margin-right:10px;}
.form .item input[type='text'], .form textarea{ display:inline-block; width:100%; padding:0 3%; height:50px; border:1px #e6e6e6 solid; line-height:50px; outline:none;}
.form textarea{ height:150px;}
.form .imgs{ margin-top:20px;}
.form .imgs div{ display:inline-block; width:100px; height:100px; margin-right:8px; border:1px #e6e6e6 solid; }
.form .imgs div.btn-upload{ margin-right:0}
.form .imgs div.items, .form .imgs div.btn-upload{ position:relative; display:inline-block; font-size:60px; font-weight:100; color:#ddd; line-height:90px; text-align:center; cursor:pointer; vertical-align:middle}
.form .imgs div.items img{ max-width:100%; max-height:100%; display:inline-block; border:0; margin:0 auto; padding:0;vertical-align:middle}
.form .imgs div.items em{ position:absolute; top:-5px; right:-5px; width:15px; height:15px; border-radius:15px; background:#fff; font-size:12px; line-height:15px; font-style:normal; font-family:Arial; color:#000; box-shadow:0 0 3px rgba(0,0,0,.3);}

.form .btn-submit{ position:relative; margin:30px auto; width:240px; height:60px; cursor:pointer; border:0; background:#2f5294; border-radius:60px; color:#fff; font-size:18px; line-height:60px; text-align:center; outline:none;}

.ser02 .list{ justify-content:space-between; align-items:stretch;}
.ser02 .list .item{ width:49%; padding:3%; background:#FFF; font-size:16px; line-height:2.5; color:#333333;}
.ser02 .list .item .title{ display:block; text-align:center; font-size:30px; color:#222; font-weight:700;}
.ser02 .list .item .content li a{color:#222;}
.ser03 .care{ margin:0 auto; width:100%; max-width:850px;align-items:stretch;}
.ser03 .care .img{ width:30%}
.ser03 .care .text{ width:70%;align-items:stretch;}
.ser03 .care .text .text1:nth-child(1){ margin-right:10%}
.ser03 .care .text .text1 .title-18{ color:#333; padding-top:0}
.ser03 ul{ padding:0 0 0 20px;}
.ser03 ul li{ font-size:16px; color:#333; line-height:2;}


.ser04{}
.ser04 .header{ text-align:center;}
.ser04 .header .title-40{ font-size:30px;}
.ser04 .header .title-18{ font-weight: normal;color: #666;}
.ser04 .main{align-items:stretch; margin-top:40px;}
.ser04 .main .img{ position:relative; width:50%;background:#0e408c; overflow:hidden}
.ser04 .main .img img{ height:100%; transition: transform .4s linear;}
.ser04 .main .text{ background:#0e408c; padding:0 3%; width:50%; font-size:18px; color:#fff; line-height:2;}
.ser04 .main ul, .ser04 .main ul li{ position:relative; margin:0; padding:0; list-style:none;}
.ser04 .main ul li{ padding-left:30px; margin-bottom:5px;}
.ser04 .main ul li:after{ position:absolute; top:18px; left:0; content:''; width:7px; height:3px; background:#fff}
.ser04 .main .tlist{ margin:0; padding:0}
.ser04 .main .tlist ul li{ margin-left:40px; padding-left:20px; font-size:16px; position:relative; line-height:1.5;}
.ser04 .main .tlist ul li:after{ position:absolute; top:14px; left:0; content:''; width:5px; height:5px; border-radius:5px; background:#fff}
.ser05{ padding-bottom:100px;}
.ser05 .list{justify-content:space-between;align-items:stretch;}
.ser05 .list .item{ width:23.5%; padding:5% 0; background:#fff; text-align:center}
.ser05 .list .item .text{ font-size:18px; color:#222222; margin-top:20px;}
.ser05 .list .item .a2{ display:none;}

@media only screen and (min-width:961px) {
	.down-page01 .list .item:hover::after {
		transform:scaleX(1)
	}
/*	.ser05 .list .item:hover{ background:#0e408c;}
	.ser05 .list .item:hover .text{color:#fff;}
	.ser05 .list .item:hover .a1{ display:none}
	.ser05 .list .item:hover .a2{ display:block; margin:0 auto;}*/
	
}

@media only screen and (max-width:1200px) {
	.down-page01 .list .item{ font-size:16px;}
	.down-page01 .list .item .main span{ font-size:14px;}
}
@media only screen and (max-width:960px) {
	.down-page01 .list .item{ font-size:14px;}
	.down-page01 .list .item .main span{ font-size:12px;}
	.ser02 .list .item{ width:100%; margin-bottom:20px;}
	.ser04 .main .img, .ser04 .main .text{ width:100%;}
	.ser04 .main ul{ margin-left:20px;}
	.ser04 .main  ul li{ font-size:16px;}
	.ser04 .main .tlist ul li{ font-size:14px;}
	.ser04 .main .text{ padding:5% 0;}
	.ser04 .main .img img{ height:auto; width:100%}
	
	.investment-page02 .tablelist table td{ padding:15px 0; font-size:14px;}
	.investment-page02 .tablelist table tr td:nth-child(1){ width:40%; padding-left:10px}
}
@media only screen and (max-width:640px) {
	.down-page01 .list .item{ width:100%;}
	.ser02 .list .item .title{font-size:20px;}
	.ser02 .list .item{ width:100%; margin-bottom:20px; font-size:14px;}
	.ser03 .care .img{ display:none;}
	.ser03 ul li{ font-size:14px; color:#333; line-height:2;}
	.ser05 .list .item{ width:48%; margin-bottom:4%}
	.ser05 .list .item .text{ margin-top:10px;}
	.service .header{ margin-bottom:20px;}
	.investment-page03 .main .item-l{ width:100%;position:relative;}
	.investment-page03 .main .item-r{ width:100%; padding:5% 5% 0 5%;line-height:2.4;}
}


.about-page01{overflow:hidden;}
.about-page01 .header{text-align:center; padding-bottom:50px;font-size:48px; color:#222;}
.about-page01 .header .index-title-text i{ font-size:36px; font-family:Arial, Helvetica, sans-serif;}
.about-page01 .wrap{margin:0 auto;}
.about-page01 .list{justify-content: center;align-items:stretch;}
.about-page01 .list .item{ background:#fff; width:18.4%; margin-right:2%; padding:60px 0 50px 0; font-size:16px; color:#666; cursor:pointer; text-align:center;transition: transform .3s;}
.about-page01 .list .item:last-child{ margin-right:0}
.about-page01 .list .item .text{ padding-top:40px;}
.about-page01 .list .item:hover{ transform:translateY(-10px);}
.about-page01 .about-text{align-items:flex-start; margin-bottom:60px}
.about-page01 .about-text .item-l, .about-page01 .about-text .item-r{ width:48%; font-size:16px; color:#222; line-height:2;}
.about-page01 .about-text .item-r{ margin-left:4%}
.about-page01 .about-text p{ margin-bottom:20px; }

.about-page02{ background:#fff;}
.about-page02 .cy-page01 .main{ padding:8% 15% 8% 0;}
.about-page02 .cy-page01 .item:nth-of-type(2n) .main{ padding:8% 0% 8% 15%;}
.about-page02 .cy-page01 a.more{ margin-top:0;}
.about-page02 .cy-page01 .text{ padding:20px 0 30px 0;}

.about-page03{}
.about-page03 .main{ padding:5% 2%}
.list-between{ justify-content:space-between;}
.list-between .item{ width:48%;}
.list-between .item img{ width:100%}
.about-page03 .item .text{ padding:3% 3% 5% 3%; font-size:16px;}
.about-page03 img{ max-width:100%}
.about-page04 .picture{ width:45%}
.about-page04 .picture img{ max-width:100%}
.about-page04 .text{padding-left:6%; width:55%; font-size:16px;}
.about-page04 .text h3{ margin-top:30px;font-size:16px; color:#222; font-weight:600;}
.about-page04 .text h3 img{ margin-right:20px;}
.about-page04 .text ul{ list-style:none; margin:30px 0 0px 18px; padding:0;}
.about-page04 .text ul li{ padding-left:30px; color:#555; background:url(../images/about/icon-03.png) left 15px no-repeat; line-height:3;}
.about-page04 .text ul li.tel{background:url(../images/about/icon-04.png) left 15px no-repeat;}
.about-page04 .text ul li.fax{background:url(../images/about/icon-06.png) left 15px no-repeat;}
.about-page04 .text ul li.email{background:url(../images/about/icon-05.png) left 15px no-repeat;}


@media only screen and (max-width:1440px) {
	.about-page01 .list .item{ padding:40px 0 30px 0;}
}
@media only screen and (max-width:1200px) {
	.about-page01 .header{ font-size:40px;padding-bottom:30px;}
	.about-page01 .about-text{ margin-bottom:40px}
	.about-page01 .list{justify-content:space-between;}
	.about-page01 .list .item{ width:31%; margin-bottom:2%}
	.about-page01 .list .item:last-child{ margin-right:auto}
}
@media only screen and (max-width:1080px) {
	.about-page01 .about-text .item-l, .about-page01 .about-text .item-r{ width:100%; margin-left:0}
}

@media only screen and (max-width:960px) {
	.about-page01 .header .title{ font-size:30px;}
	.about-page01 .list .item{ width:48%;padding:40px 0 30px 0;}
	.about-page01 .list .item img{ }
	.about-page01 .list .item .text{ padding-top:20px;}
	.about-page02 .cy-page01 .main, .about-page02 .cy-page01 .item:nth-of-type(2n) .main{padding: 30px 3% 0 3%;}
	.about-page02 .cy-page01 .text{padding:10px 0 20px 0;}
	.about-page03 .main{ padding:5% 0}
	.about-page03 .item .text{ padding:3% 3% 5% 3%; font-size:14px;}
	
	.about-page04 .text h3{ margin-top:10px;}
	.about-page04 .text ul{margin:10px 0px 0px 18px;}
	.about-page04 .text ul li{ line-height:2.5;}
}
@media only screen and (max-width:640px) {
	.about-page01 .header .title{ font-size:30px;}
	.about-page04 .picture{ display:none;}
	.about-page04 .text{ width:100%;  font-size:14px;}
	.about-page04 .text h3{font-size:14px;}
}
@media only screen and (max-width:480px) {
	.about-page01 .list .item{ width:48%;padding:30px 0 20px 0; font-size:14px;}
	.about-page01 .list .item img{ width:80px}
	.about-page04 .page-pd-m{ padding-top:10px;}
}

.product01 .list{justify-content: space-between;align-items:stretch;}
.product01 .list .item{ background:#fff; width:49%; padding:20px 0 20px 20px; margin-bottom:2%; transition: background-color .3s;}
.product01 .list .item .img, .product01 .list .item .proinfo{ width:50%; overflow:hidden}
.product01 .list .item .img img{ max-width:100%;}
.product01 .list .item .proinfo{ padding:5%;}
.product01 .list .item .proinfo .title{ font-size:30px; color:#222222;}
.product01 .list .item .proinfo .text{ margin:15px auto 25px auto; font-size:16px; color:#888888; line-height:1.8;}

@media only screen and (min-width:961px) {
	.product01 .list .item:hover{  background-image: linear-gradient(to bottom, #d2d2d2 70%, #9e9e9e); cursor:pointer}
	.product01 .list .item:hover .proinfo .title, .product01 .list .item:hover .proinfo .text{ color:#fff;}
	.product01 .list .item:hover .more{ border:1px #fff solid; color:#fff;}
	.product01 .list .item a.more:hover, .product01 .list .item:hover a.more.cur{ background:none;}
}
@media only screen and (max-width:1440px) {
	.product01 .list .item .proinfo .title{ font-size:26px;}
	.product01 .list .item .proinfo .text{margin:10px auto 20px auto; font-size:14px; line-height:1.6}
}
@media only screen and (max-width:1080px){
	.product01 .list .item{ width:100%;}
}
@media only screen and (max-width:640px) {
	.product01 .list .item{padding:20px;}
	.product01 .list .item .img, .product01 .list .item .proinfo{ width:100%; overflow:hidden}
	.product01 .list .item .proinfo{ padding:3%;}
}

.proview{}
.proview .main{justify-content: space-between;align-items:flex-start;}
.proview .main .item-l{ width:45.5%;}
.proview .main .item-l .bigpic{ width:100%}
.proview .main .item-l .bigpic img{border:1px #eeeeee solid; width:100%}
.proview .main .item-l .small{ margin-top:10px; margin-bottom:30px; justify-content:center}
.proview .main .item-l .small img{ margin:0 5px; width:118px; height:100px;border:1px #eeeeee solid;}
.proview .main .item-l .small img.cur{ border:1px #0e408c solid}
.proview .main .item-l .links{justify-content: space-between;align-items:flex-start; margin-top:50px;}
.proview .main .item-l .links .item{ padding:15px 0; width:38%; background:#555555; color:#fff; font-size:16px; text-align:center}
.proview .main .item-l .links .item img{ margin-left:15px;}
.proview .main .item-l .links .item:nth-child(1){background:#2c5dab;}
.proview .main .item-l .links .item:nth-child(2){ width:60%}
.proview .main .item-l .img {
	width: 100%;
}

.proview .main .item-l .box {
	padding: 0 60px;
	margin-top: 10px;
	position: relative
}

.proview .main .item-l .next, .proview .main .item-l .prev {
	width: 40px;
	line-height: 38px;
	height: 40px;
	border: 1px solid #ccc;
	color:#ccc;
	border-radius: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	z-index: 1;
	font-size: 18px;
	text-align: center;
	transition: color .3s,border-color .3s,background-color .3s;
	cursor: pointer
}
.proview .main .item-l .prev {
	left: 0
}
.proview .main .item-l .next {
	right: 0
}
.product-detail-swiper01{border:1px #eee solid;}
.product-detail-swiper01 .swiper-pagination {
	display: none
}
.product-detail-swiper02{ text-align:center;}
.product-detail-swiper02 .swiper-slide {
	opacity: 1;
	border: 1px solid #eeeeee;
	transition: opacity .6s,border-color
}

.product-detail-swiper02 .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
	border-color: #0e408c
}
.tabsbox{ padding:3% 0;}
.tabsbox .tabs{ border-bottom:1px #ccc solid;}
.tabsbox .tabs a{ padding:10px 30px; font-size:16px; color:#0e408c;}
.tabsbox .tabs a.cur{ margin-bottom:-1px; font-weight:700; background:#f5f5f5; border-top:1px #ccc solid;border-left:1px #ccc solid;border-right:1px #ccc solid;}
.tabsbox .tabscont{ padding:3% 0;}
.tabsbox .tabscont .cont{ display:none}
.tabsbox .tabscont .cont:first-child{ display:block}


@media only screen and (min-width:961px) {
	.product-detail01 .next:hover,.product-detail01 .prev:hover {
		background-color: #2c5dab;
		border-color: #2c5dab;
		color: #fff
	}
}

.proview .main .item-r{ width:50%; color:#666666; font-size:16px; line-height:2;}
.proview .item-r .title, .proview .item-r h3{ margin-bottom:20px; font-size:30px; font-weight:700; color:#222222; line-height:1;}
.proview .item-r h3{ font-size:24px; margin-top:40px;}
.proview .item-r ul, .proview .item-r ul li{ position:relative; margin:0; padding:0; list-style:none;}
.proview .item-r ul{ display:block; margin:10px auto;}
.proview .item-r ul li{ padding-left:18px; margin:6px 0;}
.proview .item-r ul li:after{ position:absolute; top:14px; left:0; content:''; width:5px; height:5px; border-radius:5px; background:#666}
.proview .item-r .item-2 .c-flex{ align-items:flex-start;}
.proview .item-r .item-2 ul{ width:35%}
.proview .item-r .text p{ margin-bottom:10px;}
.proview .item-r .text a{ color:#0e408c;}
.proview .item-r .text img{ max-width:100%}

@media only screen and (max-width:960px) {
	.proview .main .item-l, .proview .main .item-r{ width:100%}
	.proview .main .item-r{ margin-top:50px;}
	
	.product-detail01 .box {
		display: none
	}

	.product-detail-swiper01 .swiper-pagination {
		display: block
	}

	.product-btn {
		display: none
	}
}
@media only screen and (max-width:640px) {
	.proview .main .item-l .small{}
	.proview .main .item-l .small img{ margin:0; max-width:25%; width:auto; height:auto; display:inline-block;}
	.proview .main .item-l .links .item{ font-size:14px;}
	.proview .main .item-l .links .item img{ display:none;}
	.proview .main .item-r{ font-size:16px;}
	.proview .item-r .title, .proview .item-r h3{ font-size:20px;}
}


.tech01{}
.tech01 img{ max-width:100%}
.tech{ font-size:16px;}
.tech .header{ margin-bottom:30px; margin-top:60px;}
.tech02 .list{justify-content:center;align-items:stretch; margin-bottom:20px;}
.tech02 .list .item{ width:22%; text-align:center}
.tech02 .list .item .title{ color:#0e408c; font-size:72px; font-weight:700;}
.tech02 .list .item .text{ font-size:18px; color:#222222; margin-top:20px;}
.tech02 .listv{justify-content:space-between;align-items:stretch;margin-top:20px;}
.tech02 .listv .item{ width:49%; padding:3%; background:#fff; line-height:2;}
.tech02 .listv .item h4{ font-size:18px; color:#333333; font-weight:700;}
.tech02 .listv .item ul{ margin-top:20px;}

.tech03 .list{justify-content:space-between;align-items:stretch; margin-bottom:20px;}
.tech03 .list .img, .tech03 .list .text{ width:48%}
.tech03 .list .img img{ width:100%;}
.tech03 .list .text dl{ color:#222; margin-top:-10px;}
.tech03 .list .text dl dd{  border-bottom:1px #e5e5e5 solid; padding:11px 0 11px 40px; cursor:pointer; line-height:1; transition:all .3s;}
.tech03 .list .text dl dd:hover{position:relative;color:#0e408c;padding:11px 0 11px 30px; font-weight:700;border-bottom:1px #0e408c solid; }
.tech03 .list .text dl dd:hover::after{ position:absolute; top:50%; left:10px; content:''; margin-top:-2px; width:7px; height:3px; background:#0e408c;}



.tech-ban{ position:relative; margin-top:50px; margin-bottom:20px; text-align:center}
.tech-ban .wrap{position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    color: #fff;
}
.tech-ban .title{ display:block; margin:0 auto; font-size:48px; color:#fff; text-align:center}

.tech04 .list{justify-content:space-between;align-items:stretch;}
.tech04 .list .item{ width:31%;}
.tech04 .list .item .img img{ width:100%}
.tech04 .list .item .text{ margin:2%; line-height:2;}
.tech04 .list .item h3{ font-size:18px; color:#222; font-weight:700; padding:10px 0;}
.tech04 .list .item ul, .tech04 .list .item ul li{ margin:0; padding:0; list-style-position:inside}

.tech05 .list{justify-content:space-between;align-items:stretch;}
.tech05 .list .item{ width:32%;position:relative;overflow:hidden}
.tech05 .list .item img{ width:100%}
.tech05 .img {
	display:block;
	width:100%;
	transition:transform .3s
}
.tech05 .box {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:100%;
	color:#fff;
	padding:25px 15px;
	background-color:#103670;
	opacity:0;
	transform:translateY(100%);
	transition:opacity .3s,transform .3s
}
.tech05 .title {
	font-size:18px;
	font-weight:400;
}

.tech06 .list{justify-content:space-between;align-items:stretch;}
.tech06 .list .item{ width:48%;}
.tech06 .list .item .img img{ width:100%}
.tech06 .list .item .text{ margin:2%; line-height:2;}
.tech06 .list .item h3{ font-size:18px; color:#222; font-weight:700; padding:0px 0;}

.tech07 .main{ background:#fff; margin-bottom:40px;}
.tech07 .main .tabs{justify-content:flex-start;align-items:stretch;}
.tech07 .main .tabs a{ color:#333; background:#FFF; padding:20px 20px; width:16.66%; border-right:1px #cccccc solid;border-top:1px #cccccc solid;border-bottom:1px #cccccc solid; text-align:center}
.tech07 .main .tabs a:first-child{border-left:1px #cccccc solid;}
.tech07 .main .tabs a.cur, .tech07 .main .tabs a:hover{ background:#0e408c; color:#fff; font-weight:700; border-color:#0e408c}
.tech07 .main .tabcont .cont{ position:relative;}
.tech07 .main .tabcont .wrap{position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    color: #fff;
}
.tech07 .main .tabcont .cont{ display:none;}
.tech07 .main .tabcont .cont img{ width:100%}
.tech07 .main .tabcont .cont:first-child{ display:block;}
.tech07 .main .tabcont .wrap .text{ padding:3% 3%; background:rgba(14,64,110,.7); color:#fff; height:100%; overflow:hidden}
.tech07 .main .tabcont .wrap .text span{ display:block; margin-top:15px; position:relative; padding-left:20px;}
.tech07 .main .tabcont .wrap .text span:after{ position:absolute; content:''; top:10px; left:0; width:5px; height:5px; border-radius:5px; background:#fff;}
.tech07 .main .tabcont .wrap .text .title{ font-size:16px; font-weight:bold; margin-bottom:0px; display:none;}

@media only screen and (min-width:961px) {
	.tech .header span{ display:block;}
	.tech05 .item:hover .img {
		transform:scale(1.1)
	}
	.tech05 .item:hover .box {
		opacity:1;
		transform:translateY(0)
	}
}
@media only screen and (max-width:1440px) {
	.tech-ban .img {
		width: 1440px;
		position: relative;
		left: 50%;
		margin-left: -720px;
	}
}
@media only screen and (max-width:1200px) {
	.tech-ban .title{ font-size:36px;}
	.tech-ban .img {
		width: 1200px;
		position: relative;
		left: 50%;
		margin-left: -600px;
	}
}
@media only screen and (max-width:960px) {
	.tech{ font-size:14px;}
	.tech02 .list .item{ width:25%}
	.tech02 .list .item .title{ font-size:30px;}
	.tech02 .list .item .text{ font-size:14px; margin-top:10px}
	.tech02 .listv .item{ width:100%; margin-top:20px; padding:6%;}
	.tech02 .listv .item ul{ margin:0; padding:0; list-style-position:inside}
	.tech03 .list .img, .tech03 .list .text{ width:100%}
	.tech03 .list .text{ margin-top:20px;}
	.tech-ban{ margin:0;}
	.tech-ban .title{ font-size:24px;}
	.tech-ban .img {
		width: 960px;
		position: relative;
		left: 50%;
		margin-left: -480px;
	}
	
	.tech04 .list .item, .tech06 .list .item{ width:100%}
	.tech04 .list .item .text, .tech06 .list .item .text{ margin:5% 2%;}
	.tech05 .list .item{ width:100%; margin-bottom:20px;}
	.tech05 .item .box {
		opacity:1;
		transform:translateY(0)
	}
	
	.tech07 .main .tabcont .wrap{position:relative;
		left:auto;
		right: auto;
		top: auto;
		bottom: auto;
		z-index: 0;
		width:100%;
		display: flex;
		align-items: center;
		color: #fff;
	}
	.tech07 .main .tabcont .wrap .text{ width:100%;background: rgba(14,64,110,1);}
	.tech07 .main .tabcont .c2 .wrap, .tech07 .main .tabcont .c3 .wrap, .tech07 .main .tabcont .c4 .wrap{ display:block !important}
	.tech07 .main .tabcont .wrap .text .title{ display:block}
}
@media only screen and (max-width:640px) {
	.tech .header{ margin-top:30px;}
}



.pageinfo{ margin:30px auto; text-align:center; justify-content:center;}
.pageinfo .prev, .pageinfo .next{ display:block;width:45px; height:45px; border-radius:45px; background:#d3d4d4; color:#fff;transition: background-color .3s; text-align:center}
.pageinfo .prev i, .pageinfo .next i{font-size:22px; line-height:45px;}
.pageinfo .prev:hover, .pageinfo .next:hover{ background:#0e408c}
.pageinfo .item{ margin:0 2%; font-size:18px;}
.pageinfo .item a{ margin:0 10px; font-family:Arial, Helvetica, sans-serif;}
.pageinfo .item a:hover, .pageinfo .item a.cur{ color:#0e408c;}

.mask{ display:block; position:fixed;top:0; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:33}
.pop{ position:fixed; top:50%; left:50%;display:none; margin-top:-350px; margin-left:-340px; width:680px; height:700px; background:#fff; box-shadow:0 0 5px 5px rgba(0,0,0,.1); overflow:auto; z-index:88}
.pop .close{ position:absolute; top:20px; right:20px; background:url('../images/icon-close.png') no-repeat; width:24px; height:24px; cursor:pointer}
.pop .form-dl{ padding:30px; font-size:16px; color:#666;}
.pop .title{ display:block; margin:20px 0 40px 0; width:100%; text-align:center; font-size:18px; color:#103670;}
.pop .form-dl .li{ margin-bottom:20px;}
.pop .form-dl .li label{ font-weight:bold; width:18%; margin-right:5%; text-align:right}
.pop .form-dl .li input, .pop .form-dl .li textarea, .pop .form-dl .li select{ padding:0 10px; width:70%; border:1px #d2d2d2 solid; height:45px; line-height:45px; outline:none;}
.pop .form-dl .li textarea{ height:60px;}
.pop .form-dl .btn-sub{ display:block; text-align:center}
.pop .form-dl .btn-sub span{ display:inline-block; width:200px; height:55px; line-height:55px; color:#fff; background:#103670; border-radius:55px; text-align:center; cursor:pointer;}

@media only screen and (max-width:960px) {
	.pop{ width:90%; margin-left:-45%;}
	.pop .title{ font-size:16px;}
	.pop .form-dl{font-size:14px;}
	.pop .form-dl .li{ margin-bottom:10px;}
	.pop .form-dl .li label{ display:block; width:100%; margin-bottom:10px; text-align:left;}
	.pop .form-dl .li input, .pop .form-dl .li textarea{ display:block; width:100%;}
}