@charset "UTF-8";
.index-banner {
	width:100%;
	height:calc(100vh - 20px);
	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;
	
}
.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:none
}
.index-banner .swiper-pagination.typea {
	margin-top:0;
	bottom:16px
}
.index-banner .img-m {
	display:none;
	width:100%
}
.index-banner .main {
	color:#fff;
	position:absolute;
	left:0;
	top:50%;
	z-index:1;
	width:100%;
	transform:translateY(-50%);
	padding:0 3%;
	text-align:center;
	font-family:OpenSans,Arial,Helvetica,sans-serif
}
.index-banner .text,.index-banner .tit {
	opacity:0;
	transform:translateX(100px);
	transition:transform 1s,opacity 1s
}
.index-banner .tit {
	font-size:100px;
	line-height:1.2;
	font-weight:600
}
.index-banner .text {
	font-size:48px;
	line-height:1.2;
	color:#fff;
	margin-top:8px;
	font-weight:300;
	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)
}
.c-btna-next,.c-btna-prev {
	width:46px;
	height:160px;
	position:absolute;
	top:50%;
	z-index:2;
	margin-top:-80px;
	outline:none;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.c-btna-prev {
	left:3%
}
.c-btna-next {
	right:3%;
	transform:rotate(180deg)
}
.c-btna-arrow {
	width:100%; height:100%;
	background:url(/theme/default/images/icon-arrow.png) no-repeat;
	position:relative;
	opacity:.7;
}
.c-btna-arrow:hover{opacity:1;}

.index-video .content{ font-family:Arial, Helvetica, sans-serif; font-size:36px;}
.index-video .img{ transition: all .3s ease; filter: grayscale(100%); opacity: 1; cursor:pointer}
.index-video:hover .img{filter: none;}

@media only screen and (max-width:1200px) {
	.index-video .content{font-size:28px;}
	.index-video .title img{ width:60px}
}


.index-page01 {
	padding-bottom:0;
	
	overflow:hidden
}
.index-page01 .index-title-tit{ margin-bottom:40px; display:block;}
.index-page01 .item {
	align-items:stretch
}
.index-page01 .item .wrap {
	
}
.index-page01 .picture {
	width:50%
}
.index-page01 .wrap {
	width:50%;
}
.index-page01 .main h2{ font-size:56px; color:#009ba2; font-family:Arial, Helvetica, sans-serif; font-weight:600}
.index-page01 .main .title{ font-size:48px; font-weight: bolder; color:#282828;}
.index-page01 .main{ font-size:18px; color:#666666}
.index-page01 .main .text{ padding:15px 0 35px 0;}

.index-media .bg {
	height:220px;
	background-image:linear-gradient(rgba(238,238,238,.5),transparent)
}
.index-media .bg,.index-media .img-box {
	position:relative
}
.index-media .play {
	position:absolute;
	left:50%;
	top:50%;
	width:90px;
	height:90px;
	margin:-45px 0 0 -45px;
	background:url(/theme/default/images/icon-play.png) no-repeat 50%/cover;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
	transition:opacity .3s,visibility .3s
}
.index-media .img {
	width:100%;
	opacity:.5;
	transition:opacity .3s
}
.index-media .swiper-slide {
	width:60%;
	transform-origin:center bottom;
	background-color:#fff;
	overflow:visible;
	z-index:0
}
.index-media .swiper-slide-next,.index-media .swiper-slide-prev {
	z-index:1
}
.index-media .swiper-slide-active {
	z-index:2
}
.index-media .swiper-slide-active .box,.index-media .swiper-slide-active .img,.index-media .swiper-slide-active .play {
	opacity:1;
	visibility:visible
}
.index-media .box {
	color:#fff;
	background-image:linear-gradient(rgba(209,217,217,.5),transparent);
	padding:50px 12% 96px;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	z-index:0;
	width:100%;
	transform:translateY(100%);
	opacity:0;
	transition:opacity .3s
}
.index-media .tit {
	font-size:20px;
	line-height:30px;
	margin-bottom:6px;
	color:#282828;
}
.index-media .text {
	font-size:16px;
	line-height:24px;
	height:48px;
	color:#eee;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.index-media .btn-next {
	width:60px;
	height:60px;
	border-radius:50%;
	background:#fff url(/theme/default/images/icon-arraw01-w.png) no-repeat 50%/24px auto;
	position:absolute;
	right:25%;
	bottom:190px;
	z-index:1;
	cursor:pointer;
	transition:all .3s
}
.index-media .btn-next:hover{background:#009ba2 url(/theme/default/images/icon-arraw01-w1.png) no-repeat 50%/24px auto; }
@-webkit-keyframes index-banner-bottom {
	0% {
	transform:scaleY(0) translateY(0)
}
20% {
	transform:scaleY(0) translateY(0)
}
50% {
	transform:scaleY(1) translateY(0)
}
80% {
	transform:scaleY(1) translateY(100%)
}
to {
	transform:scaleY(1) translateY(100%)
}
}@keyframes index-banner-bottom {
	0% {
	transform:scaleY(0) translateY(0)
}
20% {
	transform:scaleY(0) translateY(0)
}
50% {
	transform:scaleY(1) translateY(0)
}
80% {
	transform:scaleY(1) translateY(100%)
}
to {
	transform:scaleY(1) translateY(100%)
}
}


.index-page01 .main {
	width:100%;
	padding:0
}
.index-page01 .index-title-text {
	line-height:2;
	font-size:16px;
	margin-bottom:20px;
	overflow:hidden
}
.index-page01 .index-title-text p{ text-indent:30px; margin-bottom:5px;}
.index-page01 .img {
	width:100%
}
.index-title-tit {
	font-size:48px;
	line-height:1.3;
	font-weight:500;
	color:#000;
	margin-bottom:20px
}
.index-title-text {
	font-size:16px;
	line-height:1.8;
	color:#555
}
.page-title-40{
	display:block;
	font-size:40px;
	line-height:1.3;
	font-weight:600;
	color:#282828;
	text-align:center
}
.page-title-48{
	display:block;
	font-size:48px;
	text-align:center
}


.c-btnb {
	color:#009ba2!important;
	width:180px;
	height:46px;
	line-height:46px;
	background:url(/theme/default/images/btn-hover2.png) #009ba2 right top no-repeat;
	display:block;
	position:relative;
	font-size:16px;
	 text-align:center
}

.index-page02{ background:#efefef; overflow:hidden}
.index-page02 {
	padding:80px 0 80px 0px;
	text-align:center
}
.index-page02 .page-title-40{ display:block; width:100%}

.choose {
	margin:80px auto 0 auto;
	width:10%;
	text-align:center
}
.c-btnc-next,.c-btnc-prev {
	margin:0 auto;
	width:45px;
	height:45px;
	border-radius:50%;
	outline:none;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	background-color:#d3d4d4;
	transition:background-color .3s,border-color .3s,opacity .3s
}
.c-btnc-next.disable,.c-btnc-prev.disable {
	opacity:.3;
	pointer-events:none
}
.c-btnc-next.type-line,.c-btnc-prev.type-line {
	background-color:transparent;
	border:1px solid #d4d4d4;
	color:#d4d4d4
}
.c-btnc-next.type-line .c-btnc-arrow,.c-btnc-prev.type-line .c-btnc-arrow {
	background-image:url(/theme/default/images/icon-arrow-grey.png)
}
.c-btnc-next .c-btnc-arrow {
	transform:rotate(180deg)
}
.c-btnc-arrow {
	height:14px;
	background:url(/theme/default/images/icon-arrow-w.png) no-repeat 0/8px 14px;
	position:relative;
	padding-left:1px;
	transition:background-image .3s
}
.c-btnc-arrow:after {
	content:"";
	display:block;
	position:relative;
	left:0;
	top:7px;
	width:8px;
	height:1px;
	background-color:#fff;
	opacity:0;
	transition:opacity .3s,width .3s
}
.news-list {
	padding:80px 0 20px 0;
	width:100%;
	overflow: auto;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.news-list .swiper-pagination {
	display:none
}
.news-list.swiper-wrapper {
	align-items:center
}
.news-list .swiper-slide {

}
.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 {
 display:block;
  color: #282828;
  font-size: 18px;
  text-align:left;
  height:60px;
  text-overflow: -o-ellipsis-lastline;  
overflow: hidden;  
text-overflow: ellipsis;  
display: -webkit-box;  
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical;
  line-height:1.8;
}
.news-list .main {
  padding:20px 10px 20px 5px;
}

.news-list .time {
	padding-top:20px;
  color: #282828;
  line-height: 1;
}

.news-recommendation .news-list .item {
  margin-bottom: 0;
}
.news-list .item {
	  display:inline-block;
}
@media only screen and (min-width: 1441px) {
  .news-list .item {
    width:380px;
	margin:0 15px;
  }

  /*.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:320px;
	margin:0 10px;
  }

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

  .news-recommendation .news-list .item:nth-of-type(4) {
    display: none;
  }
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
  .news-list .item {
   	width:320px;
	margin:0 10px;
  }
  .news-recommendation .news-list .item:nth-of-type(3),
  .news-recommendation .news-list .item:nth-of-type(4) {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .news-list .item {
    width:320px;
	margin:0 10px;
  }
  .news-recommendation {
    display: none;
  }
  .news-list .main{ padding:15px;}
  .news-list .time{ padding-top:5px;display:; color:#ccc;}
  .news-list .title{ font-size:14px; font-weight:300; height:auto;-webkit-line-clamp:1;   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;}
  .index-video .title img{ width:40px}
}

/**/
.index-page03 {
	background:url(/theme/default/images/img-product.jpg) top  center no-repeat;
	background-size:cover;
	padding:80px 0 120px 0px;
	overflow:hidden;
}
.index-page03 .media {
	position:relative;
	margin:0 auto;
	width:100%;
}
.index-page03 .page-title-40{ color:#fff;}
.index-page03 .list{justify-content: space-between;align-items:stretch; margin:80px 20px 0 20px;}
.index-page03 .list .item-pro{ width:32%; }
.index-page03 .list a{ position:relative; display:block;width:100%; margin:0 auto; border-radius:10px; height:100%;max-width:440px; max-height:580px; text-align:center; font-size:24px; color:#282828; overflow:hidden;}
.index-page03 .list a:hover{ }
.index-page03 .list .img{display:block;width: 100%; height:100%; max-width:440px; max-height:580px; z-index:1}
.index-page03 .box{ position:absolute; left:0; bottom:0; width:100%; height:100%; transition:all .3s; z-index:2}
.index-page03 .box .title{ position:absolute; left:0; bottom:80px; width:100%; text-align:center; z-index:3}
.index-page03 .box .title img{ display:none;margin:0 auto; padding-top:15px;transition: opacity .3s,transform .3s;}
.index-page03 a:hover .box{color:#fff; background-image: linear-gradient(to top, rgb(0,155,162) 5%, transparent 50%);}
.index-page03 a:hover .box .title{bottom:80px;}
.index-page03 a:hover .box .title img{ display:block; }

.index-page04 {
	padding:80px 0 120px 0px;
	text-align:center
}
.index-page04 .page-title-40{ display:block; width:100%}
.index-page04 .list{justify-content: space-between;align-items:stretch; margin-top:80px;}
.index-page04 .list .item{ position:relative; width:25%; color:#666666;font-size:16px; line-height:2;}
.index-page04 .list .item:after{ position:absolute; content:''; top:20%; right:0; width:1px; height:70%; background:#e7e7e7}
.index-page04 .list .item:last-child:after{width:0px;}

.index-page04 .list .item .box{ width:70%; margin:0 auto;}
.index-page04 .list .item .icon{ display:block; margin:0 auto; background:url(/theme/default/images/icon-ser.png) no-repeat; background-position:left top; width:78px; height:78px;}
.index-page04 .list .item .title{ font-size:24px; color:#282828;}
.index-page04 .list .item .cont{ padding-top:10px; padding-bottom:20px;}
.index-page04 .list .item .box:hover{ cursor:pointer;}
.index-page04 .list .item .box:hover a, .index-page04 .list .box:hover .title{ color:#009ba2}
.index-page04 .list .item .icon-jd{ background-position:-78px 0}
.index-page04 .list .item .icon-yanf{ background-position:-156px 0}
.index-page04 .list .item .icon-team{ background-position:-234px 0}
.index-page04 .list .item .box:hover .icon-ser{background-position:0 -78px}
.index-page04 .list .item .box:hover .icon-jd{background-position:-78px -78px}
.index-page04 .list .item .box:hover .icon-yanf{background-position:-156px -78px}
.index-page04 .list .item .box:hover .icon-team{background-position:-234px -78px}



@-webkit-keyframes index-banner-bottom {
	0% {
	transform:scaleY(0) translateY(0)
}
20% {
	transform:scaleY(0) translateY(0)
}
50% {
	transform:scaleY(1) translateY(0)
}
80% {
	transform:scaleY(1) translateY(100%)
}
to {
	transform:scaleY(1) translateY(100%)
}
}@keyframes index-banner-bottom {
	0% {
	transform:scaleY(0) translateY(0)
}
20% {
	transform:scaleY(0) translateY(0)
}
50% {
	transform:scaleY(1) translateY(0)
}
80% {
	transform:scaleY(1) translateY(100%)
}
to {
	transform:scaleY(1) translateY(100%)
}
}
@media only screen and (min-width:961px) {
.index-project .swiper-slide:hover .img {
	transform:scale(1.1)
}
.c-btna-next:hover .c-btna-arrow:after,.c-btna-prev:hover .c-btna-arrow:after {
	width:18px;
	opacity:1
}
.c-btnc-next:hover,.c-btnc-prev:hover {
	background-color:#009ba2
}
.c-btnc-next:hover.type-line,.c-btnc-prev:hover.type-line {
	border-color:#cf000d
}
.c-btnc-next:hover.type-line .c-btnc-arrow,.c-btnc-prev:hover.type-line .c-btnc-arrow {
	background-image:url(/theme/default/images/icon-arrow-w.png)
}
.c-btnc-next:hover .c-btnc-arrow:after,.c-btnc-prev:hover .c-btnc-arrow:after {
	width:26px;
	opacity:.8
}
}
@media only screen and (max-width:1700px){
}
@media only screen and (max-width:1440px) {
.index-banner .tit {
	font-size:80px;
}
.index-banner .text {
	font-size:28px;
}
.index-banner-bottom {
	bottom:40px
}
.index-banner-bottom:after {
	height:32px;
	bottom:-40px
}
.index-page01 .main{ font-size:16px;}
.index-page01 .main h2{ font-size:50px;}
.index-page01 .main .title{ font-size:40px;}

.index-page01 .index-title-text {
	font-size:14px;
	margin-bottom:20px;
}
.index-title-tit {
	font-size:40px;
	margin-bottom:16px
}
.index-title-text {
	font-size:14px
}
.index-media .play {
	width:70px;
	height:70px;
	margin:-35px 0 0 -35px
}
.index-media .box {
	padding:34px 10% 70px
}
.index-media .tit {
	font-size:18px;
	line-height:26px
}
.index-media .text {
	font-size:14px;
	line-height:22px;
	height:44px
}
.index-media .bg {
	height:180px
}
.index-media .btn-next {
	width:50px;
	height:50px;
	background-size:16px;
	bottom:155px;
	right:26%
}
}
@media only screen and (max-width:1200px) {
.page-title-40{ font-size:34px;}
.page-title-48{ font-size:40px;}
.index-banner .tit {
	font-size:60px;
	 font-weight:normal
}
.index-page01 .main{ font-size:16px;}
.index-page01 .main h2{ font-size:40px;}
.index-page01 .main .title{ font-size:30px;}
.c-btnb {
	font-size:14px;
	width:80px;
	background:url(/theme/default/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
}
.index-page03 .list{margin: 40px 0px 0 0px;}
.index-page03 .box .title{bottom:50px;}
.index-page03 a:hover .box .title{bottom:50px;}

}
@media only screen and (max-width:1080px) {
	.index-page03{padding:40px 0 80px 0px;}
	.index-page03 .list a{ font-size:20px;}
}
@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 .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 .wrap{ text-align:center; width:100%}
.index-page01 .picture {
	margin-top:30px;
	width:100%;
}
.index-page01 .index-title-tit{ margin-bottom:0}
.index-page01 .wrap a.btn-b{ display:none;}

.index-title-tit {
	font-size:28px;
	margin-bottom:8px
}
.index-title-text {
	font-size:13px
}
.page-title-40{ font-size:28px; margin-top:0px;}
.page-title-48{ font-size:30px;}
.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 .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 .media {
	width:100%;
}
.index-page02 .header .nclass .item{ width:45%; margin-right:0;}
.index-page04{padding:40px 0 40px 0px;}
.index-page04 .list{ margin-top:40px;}
.index-page04 .list .item{ width:50%; margin-bottom:30px;}
.index-page04 .list .item:nth-child(2):after{ width:0}

}
@media only screen and (max-width:640px) {
.index-banner .tit {
	font-size:36px;
	line-height:1;
}
.index-banner .text {
	display:block;
	font-size:16px;
	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
}
.page-title-40{ font-size:26px;}
.page-title-48{ font-size:22px;}
.index-page03 .media {
	margin-bottom:24px
}
.index-media .play {
	width:48px;
	height:48px;
	margin:-24px 0 0 -24px
}
.c-btnc-next,.c-btnc-prev {
	width:40px;
	height:40px
}
.c-btnc-arrow {
	background-size:auto 10px
}

.index-page03{ padding-bottom:40px;}
.index-page02 .header .nclass{ margin-top:20px;}
.index-page02 .header .nclass .item{ width:30%; height:30px; line-height:30px; font-size:14px;}
.index-page03 .list a{ font-size:16px;}
.index-page03 .box .title{bottom:20px;}
.index-page03 a:hover .box .title{bottom:20px;}
.index-page04 .list .item{ margin-bottom:20px; font-size:14px;line-height:1.5;}
.index-page04 .list .item .title{ font-size:16px; font-weight:600}
}

@media only screen and (max-width:480px) {
	.index-page01 .picture .num{ font-size:22px;}
	.index-page03 .list a{ font-size:14px;}
	
	
}

/*newslist*/
.news-page01 {
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0
}
.news-page01>a{ display:block; width:100%;}
.news-page01 .wrap {
    margin-bottom: 30px;
    width: 100%;
}
.news-page01 .item-l {
	display:inline-block; float:left;
	width:29.5%;
	overflow:hidden
}
.news-page01 .item-r {
	display:inline-block; float:left;
	width:70.5%;
	padding-left:5%;
	padding-right:0%;
}
.news-page01 .title {
	padding:10px 0;
	font-size:18px;
	line-height:2;
	color:#282828;
	font-weight:600;
	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:#666666;
	-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:#009ba2
	}
	.news-page01 .wrap:hover .img {
		transform:scale(1.1)
	}
}

@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 {
		padding:5px 0;
	font-size:14px;
	font-weight:normal;
	line-height:1.5;
	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;}
}

.location{ width:100%; background:#fff; height:80px; box-shadow:0 0 8px rgba(0,0,0,.2);}
.location .min-wrap{justify-content:space-between;}
.location .home{ line-height:80px; color:#888888;}
.location a{ color:#888; margin:0 20px;}
.location a.cur{ color:#009ba2}
.location .home span{  font-size:14px; }


.news-detail01{ }
.news-detail01 .header {
	padding-bottom:30px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:50px;
	text-align:center
}
.news-detail01 .header .title {
	width:100%;
	line-height:1.3;
	margin-bottom:20px
}
.news-detail01 .header .time{ display:block; width:100%; text-align:center; color:#888; font-size:14px;}
.news-detail01 .header .time span{ padding:0 10px;}
.news-detail01.cy-detail .header .title.h2 {
	width:100%;
	line-height:1.3;
	margin-bottom:20px
}
.news-detail01 .content {
	padding-bottom:20px
}
.news-detail01 .other {
	justify-content:space-between;
	margin-top:50px;
	padding-top:30px;
	border-top:1px #e6e6e6 solid;
}
.news-detail01 .other .list a{ display:block; font-size:14px; line-height:2;}


@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
}
.location{ display:none}
}

.case{}
.case .menu{ margin-bottom:80px; text-align:center}
.case .menu a{ display:inline-block; padding:15px 30px; font-size:14px; color:#282828; background:#e7e7e7; border-radius:5px; margin-right:5px; transition:all .3s;text-align:center}
.case .menu a:last-child{ margin-right:0}
.case .menu a:hover, .case .menu a.cur{ background:#009ba2; color:#fff;}
.case .list{}
.case .list .item{ position:relative;}
.case .list .item img{width:100%;}
.case .list .item .casename{ position:absolute; left:0; bottom:0; padding:20px; width:100%;  color:#fff;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));}
.case .caseview img{ max-width:100%}

.case .lists{justify-content:space-between;align-items:stretch; margin-top:5px;}
.case .lists .item, .case .lists .aitem{ position:relative;}
.case .lists .item img{width:100%;}
.case .lists .item .casename{ position:absolute; left:0; bottom:0; padding:20px; width:100%;  color:#fff;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));}
.case .caseview img{ max-width:100%}
.case .lists .text{ background:#009ba2; color:#fff;  width:350px}
.case .lists .item ul{ margin:0; padding:0;}
.case .lists .item li{ display:block; color:#fff; padding-left:30px; line-height:2;}
.case .lists .item.items, .case .lists .aitem.text{flex-direction:column; justify-content:space-between; align-items:stretch;}
.case .lists .aitem.text{ width:400px; background:#5a5a5a; height:185px;justify-content:center;}


@media only screen and (min-width:1080px) {
.case .list .item{width:33%; margin-right:5px;margin-bottom:5px;}
.case .list .item:nth-child(3n){ margin-right:0}
}

@media only screen and (max-width:1400px) {
	
}
@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width: 1080px) and (min-width: 641px){
.case .list .item{ width:48%;margin-right: 2%;margin-bottom: 2%;}
.case .list .item:nth-child(2n){ margin-right:0}
}

@media only screen and (max-width:960px) {
	.case .lists .item, .case .lists .aitem.text{ width:100%;}
	.case .lists .item img{ width:100%}
}
@media only screen and (max-width:640px) {
.case .list .item{width: 100%;margin-bottom: 20px;}
.case .menu{ display:none;}
}


@media only screen and (min-width:961px) {

}

[data-page='about'] .content{ font-size:16px; line-height:2;}
.min-wrap{ margin:0 auto; width:94%; max-width:1300px;}
.about-page01 .content{ margin:50px 0;}
.about-page01 .list{justify-content:space-around;align-items:center; text-align:center;}
.about-page01 .list .item{}
.about-page01 .list .item h3{ display:block; padding-bottom:30px; font-size:18px; font-weight:600; color:#282828;}
.about-page01 .list .img{ position:relative;}
.about-page01 .list .img img{filter:brightness(100%);transition:all .3s; cursor:pointer; max-width:100%;}
.about-page01 .list .img:hover img{filter:brightness(100%)}
.about-page01 .list .img .popp{ position:absolute; left:0; bottom:0; width:100%; height:55px; line-height:55px; background:rgba(0,155,162,.8); color:#fff; z-index:2}


.about-page02{ overflow:hidden; background:url(/theme/default/images/about/bg-1.jpg) center no-repeat;background-size:cover;}
.about-page02 .imgs{ display:block; margin:50px auto; width:100%; text-align:center}
.about-page02 .imgs img{ max-width:100%}
.about-page02 .history{ position:relative; padding-top:28px;}
.about-page02 .history:after{ position:absolute; top:102px; left:0; content:''; width:100%; height:1px; background:#cccccc;}
.about-page02 .history .item{ text-align:center;}
.about-page02 .history .year{ position:relative; padding-bottom:50px; font-family:Arial, Helvetica, sans-serif; font-size:30px;}
.about-page02 .history .year:after{ position:absolute;content:''; top:71%; left:50%; width:9px; height:9px; background:#ccc; border:2px #fff solid; border-radius:10px; z-index:2}
.about-page02 .history .swiper-slide-active .item{ color:#009ba2;}
.about-page02 .history .swiper-slide-active .item .year{ font-weight:600;}
.about-page02 .history .swiper-slide-active .item .year:after{background:#fff; border:2px #009ba2 solid;}
.about-page02 .history .c-btnc-prev, .about-page02 .history .c-btnc-next{ position:absolute; left:-60px; top:50%; margin-top:-30px; display:inline-block; width:60px; height:60px; background:url(/theme/default/images/about/icon-4.png) #fff center center no-repeat; z-index:222}
.about-page02 .history .c-btnc-next{ left:auto; right:-60px; transform:rotateY(180deg)}
.about-page02 .history .c-btnc-prev:hover{ background:url(/theme/default/images/about/icon-5.png) #009ba2 center center no-repeat;}
.about-page02 .history .c-btnc-next:hover{ background:url(/theme/default/images/about/icon-5.png) #009ba2 center center no-repeat;transform:rotateY(180deg)}



.about-page03{}
.about-page03 .page-title-48{ margin-bottom:50px;}
.about-page03 .list{justify-content:space-between;align-items:stretch; text-align:center}
.about-page03 .list .item{display: flex;flex-direction:column; justify-content:space-between; align-items:center;}
.about-page03 .list .subitem{ position:relative; display:table; width:100%;}
.about-page03 .list .subitem .box{ position:absolute; left:0; top:50%;  width:100%; font-size:16px;color:#fff; transform:translateY(-50%)}
.about-page03 .list .subitem .box h3{ font-size:30px;color:#fff;  display:block; padding-bottom:10px;}
.about-page03 .list .bigg .subitem .box,.about-page03 .list .bigg .subitem .box h3{ font-size:24px; color:#282828;}
.about-page03 .list .bigg .subitem .box h3{ font-size:36px;}
.about-page03 .list .subitem img{filter:brightness(50%);transition:all .3s; cursor:pointer; max-width:100%;}
.about-page03 .list .subitem:hover img, .about-page03 .list .bigg .subitem img{filter:brightness(100%)}

.about-page04 .content2{ margin:50px 0;}
.about-page04 .jtable{ display:block; width:100%;}
.about-page04 .jtable tr{ border-bottom:1px #f1f1f1 solid}
.about-page04 .jtable td{text-align:center; font-size:16px; height:60px; line-height:60px;}
.about-page04 .jtable .th td{ background:#009ba2; font-size:16px; font-weight:700; color:#fff; }
.about-page04 .jtable td .content2{ text-align:left !important; padding:20px; line-height:1.8;}
.about-page04 .jtable .view{ display:none;}
.maps{ width:100%; height:550px;}

.about-page05{}
.about-page05 .list, .about-page05 .list2{ margin:50px 0;}
.about-page05 .list .item{ position:relative; display:inline-block; width:48%; margin:0 1%; padding:40px 0 50px 120px; box-shadow:0 0 8px rgba(0,0,0,.1);  color:#666666; line-height:2}
.about-page05 .list .item:after{ position:absolute; top:38px; left:60px; content:''; width:40px; height:40px; background:url(/theme/default/images/about/icon-2.png) no-repeat;}
.about-page05 .list .item:nth-child(2):after{ position:absolute; top:38px; left:60px; content:''; width:40px; height:40px; background:url(/theme/default/images/about/icon-1.png) no-repeat;}
.about-page05 .list .item h3{ padding:8px 0;}
.about-page05 .list2 .item{ position:relative; display:inline-block; float:left; width:44%; margin:0 3%; padding:30px 0 30px 50px; font-size:14px; border-bottom:1px #e0e0e0 solid; color:#666666; line-height:1.7}
.about-page05 .list2 .item:after{ position:absolute; top:30px; left:5px; content:''; width:30px; height:32px; background:url(/theme/default/images/about/icon-3.png) no-repeat;}
.about-page05 .list2 .item:nth-child(5),.about-page05 .list2 .item:nth-child(6){ border-bottom:0}


@media only screen and (max-width:960px) {
	.about-page05 .list .item{ display:block; width:96%; margin:0 auto;}
	.about-page05 .list2 .item{ display:block; width:96%; margin:0 auto; padding-right:0}
	.about-page05 .list2 .item:nth-child(5){border-bottom:1px #e0e0e0 solid;}
}
@media only screen and (max-width:640px) {
	.about-page01 .list .item h3{ padding-bottom:10px;}
	.about-page01 .list .item{ margin-bottom:30px;}
	.about-page01 .list .img .popp{ display:none}
	.about-page04 .jtable .th td{ font-size:14px;}
	.about-page04 .jtable td{ font-size:14px; line-height:1.5;}
}
@media only screen and (max-width:480px) {
	
}
}

.csr-page01{}
.csr-page01 .content{ margin:50px 0; line-height:2;}
.csr-page01 .list{justify-content: center;align-items:stretch;}
.csr-page01 .list .item{ background:#fff; width:18.4%; margin-right:2%; padding:40px 0 40px 0; font-size:16px; color:#666; cursor:pointer; text-align:center;transition: transform .3s; box-shadow:0 0 8px rgba(0,0,0,.2)}
.csr-page01 .list .item:last-child{ margin-right:0}
.csr-page01 .list .item .text{ padding-top:20px;}
.csr-page01 .list .item:hover{ transform:translateY(-10px);}
.csr-page01 .about-text{align-items:flex-start; margin-bottom:60px}
.csr-page01 .about-text .item-l, .csr-page01 .about-text .item-r{ width:48%; font-size:16px; color:#222; line-height:2;}
.csr-page01 .about-text .item-r{ margin-left:4%}
.csr-page01 .about-text p{ margin-bottom:20px; }

.csr-page02{}
.csr-page02 .item{justify-content:space-between; width:100%; margin-bottom:80px;}
.csr-page02 .item .wrap{ width:50%; padding-left:40px; }
.csr-page02 .item .wrap .text{ margin-top:20px;line-height:2.2;}
.csr-page02 .item .picture{ width:50%;}
.csr-page02 .item .picture img{ max-width:100%}

.csr-page02 .item:nth-child(even) .wrap{ order:1; padding-left:0; padding-right:40px;}
.csr-page02 .item:nth-child(even) .picture{ order:2;}

.ser-page01{}
.ser-page01 .content{ margin:50px 0;}
.ser-page01 .list{justify-content:space-between; align-items:flex-start}
.ser-page01 .list .item{ position:relative; width:24%; margin-right:1%}
.ser-page01 .list .item:last-child{ margin-right:0}
.ser-page01 .list .item img{ width:100%;}
.ser-page01 .list .item .text{ position:absolute; top:0; left:0; padding:40px 30px 0 30px; height:100%; color:#fff; font-size:14px;transition:all .3s}
.ser-page01 .list .item .title-24{ font-size:24px; text-align:center; padding-bottom:20px;}
.ser-page01 .list .item:hover{ cursor:pointer}
.ser-page01 .list .item:hover .text{ background:#009ba2}

.ser-page02 .ser-title{ margin-bottom:80px; font-size:36px; text-align:center}
.ser-page02 .main{align-items:stretch; margin-top:40px;}
.ser-page02 .main .img{ position:relative; width:50%; overflow:hidden}
.ser-page02 .main .img img{ height:100%; transition: transform .4s linear;}
.ser-page02 .main .text{ background:#009ba2; padding:0 3%; width:50%; font-size:18px; color:#fff; line-height:2;}
.ser-page02 .main ul, .ser-page02 .main ul li{ position:relative; margin:0; padding:0; list-style:none;}
.ser-page02 .main ul li{ padding-left:30px; margin-bottom:5px;}
.ser-page02 .main .tlist{ margin-top:50px; padding:0}
.ser-page02 .main .tlist ul li{ margin-left:40px; padding-left:0px; font-size:16px; position:relative; line-height:2; }
.ser-page02 .main .tlist ul li span{ font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-left:10px;}
.ser-page02 .main .tlist ul li i{ display:inline-block; width:28px; height:26px;background:url(/theme/default/images/services/icon-2.png)  no-repeat; background-position:left top; margin-right:10px;}
.ser-page02 .main .tlist ul li i.fax{background-position:-28px top;}
.ser-page02 .main .tlist ul li i.tel2{background-position:-56px top;}
.ser-page02 .main .tlist ul li i.tel3{background-position:-84px top;}

.ser-page03 .min-wrap{justify-content:space-between;}
.ser-page03 .item{ box-shadow:0 0 6px rgba(0,0,0,.2); width:49%; padding:50px; text-align:center}
.ser-page03 .item img{ max-width:100%; margin:0 auto;}
.ser-page03 .item .text{ width:100%; text-align:center}
.ser-page03 .item .text .title-30{ font-weight:normal;}

.ser-page04 .ser-title{ margin-bottom:80px; font-size:36px; text-align:center}
.ser-page04 .list{}
.ser-page04 .list dl{ margin-bottom:30px; padding-bottom:30px; border-bottom:1px #e6e6e6 solid;}
.ser-page04 .list dl dt{ font-size:18px; font-weight:600; background:url(/theme/default/images/services/icon-1.png) left center no-repeat; padding-left:40px;}
.ser-page04 .list dl dd{ margin-top:20px; color:#666;padding-left:40px; line-height:1.6}

.sol01{}
.sol01 .content{ line-height:2;}
.sol01 .line{ position:relative; margin-top:30px; padding-top:20px; border-top:1px #e7e7e7 solid; text-align:center;}
.sol01 .line:after{ position:absolute; left:0%; top:-23px; content:''; width:100%; height:23px; background:url(/theme/default/images/sol/icon-7.png) top center no-repeat;}
.sol01 .list{justify-content:space-between; align-items:flex-start}
.sol01 .list .item{ width:50%; border-top:1px #e7e7e7 solid; padding:50px 0;}
.sol01 .list .item:nth-child(1),.sol01 .list .item:nth-child(2){ border-top:0}
.sol01 .list .item .img img{ max-width:100%}
.sol01 .list .item .title{ font-size:24px; font-weight:600; margin-left:0px;}
.sol01 .list .item .title a{font-size:24px; font-weight:600; color:#282828}
.sol01 .list .item .links{}
.sol01 .list .item .links a{ display:block; line-height:2.4;}
.sol01 .list .item a i{ font-size:14px;}
.sol02 .min-wrap{justify-content:space-between;align-items:flex-start}
.sol02 .sol-cont{ width:960px;}
.sol02 .sol-menu{ width:310px;}
.sol02 .sol-cont .title{  border-bottom:1px #d2d2d2 solid; height:auto;}
.sol02 .sol-cont .title span{ display:inline-block;padding:10px 15px; font-size:20px; font-weight:600;border-bottom:2px #009ba2 solid;}
.sol02 .sol-cont .content{ padding:20px 0; line-height:2;}
.sol02 .sol-cont .content img{ max-width:100%}

.sol-menu ul{ margin:0; padding:0; list-style:none}
.sol-menu ul li{ background:#eee; min-height:46px;  border-bottom:1px #fff solid; text-indent:0px;}
.sol-menu ul li a{ font-size:14px; display:block;line-height:46px; padding-left:10px;}
.sol-menu ul li a.cur{ background:url(/theme/default/images/sol/bg.jpg) left center no-repeat; background-size:cover; color:#fff}
.sol-menu ul li .a a{border-top:1px #fff solid; text-indent:0px;padding:8px 0 8px 20px; line-height:1.6}
.sol-menu ul li .a a:hover, .sol-menu ul li .a a.cur{ background:url(/theme/default/images/sol/bg.jpg) left center no-repeat;background-size: 100% 100%;color:#fff}


.sol02 .clist .item{ padding:15px 0; width:100%;}
.sol02 .clist .item .img{ margin-right:30px;}
.sol02 .clist .item .img img{ max-width:100%;}


@media only screen and (max-width:1440px) {
	
}
@media only screen and (max-width:1350px) {
	.sol02 .sol-cont{ width:70%;}
}
@media only screen and (max-width:1200px) {
	.csr-page01 .about-text{ margin-bottom:40px}
	.csr-page01 .list{justify-content:space-between;}
	.csr-page01 .list .item{ width:31%; margin-bottom:2%}
	.csr-page01 .list .item:last-child{ margin-right:auto}
	.csr-page02 .item .wrap .text{ margin-top:10px;line-height:2;} 
	.ser-page01 .list .item .text{padding:40px 20px 0 20px;}
	.ser-page01 .list .item .title-24{ padding-bottom:10px;}
}
@media only screen and (max-width:1080px) {
	.csr-page01 .about-text .item-l, .csr-page01 .about-text .item-r{ width:100%; margin-left:0}
	.ser-page01 .list .item{ position:relative; width:49%; margin-right:1%; margin-bottom:2%;}
	.ser-page01 .list .item:nth-child(2n){ margin-right:0}
	.sol02 .sol-menu{ display:none;}
	.sol02 .sol-cont{ width:100%;}
}

@media only screen and (max-width:960px) {
	.csr-page01 .list .item{ width:48%;padding:40px 0 30px 0;}
	.csr-page01 .list .item .text{ padding-top:20px;}
	.csr-page02 .item{ margin-bottom:40px;}
	.csr-page02 .item .wrap, .csr-page02 .item .picture{ width:100%; padding-left:0;}
	.csr-page02 .item .wrap .title-40{ margin-top:20px;}
	.csr-page02 .item .picture img{ width:100%}
	.csr-page02 .item:nth-child(even) .wrap,.csr-page02 .item:nth-child(even) .picture{ order:1; padding-right:0}
	
	.ser-page02 .main .img, .ser-page02 .main .text{ width:100%;}
	.ser-page02 .main ul{ margin-left:20px;}
	.ser-page02 .main  ul li{ font-size:16px;}
	.ser-page02 .main .tlist ul li{ font-size:14px;}
	.ser-page02 .main .text{ padding:5% 0;}
	.ser-page02 .main .img img{ height:auto; width:100%}
	
	.ser-page03 .item{ padding:30px; text-align:center;}
	.ser-page03 .item img{ margin:0 auto;}
	.ser-page03 .item .text{ margin-left:auto; width:100%}
	
	.ser-page02 .main ul{ margin-left:0;}
	.ser-page02 .main ul li{ padding:0 10px;}
	
	
}
@media only screen and (max-width:640px) {
	.ser-page01 .list .item{ position:relative; width:100%; margin-right:0%; margin-bottom:2%;}
	.ser-page01 .list .item .text{ padding: 60px 20px 0 20px; font-size:16px;}
	.ser-page01 .list .item .text{ line-height:1.5;}
	.ser-page01 .list .item .title-24{ font-size:18px; font-weight:bold; padding-bottom:20px;}
	.sol01 .list .item{ width:100%; padding:20px 0;}
	.sol02 .clist .item .img{ margin-right:0; margin-bottom:10px; display:block; width:100%}
	.sol01 .list .item .img{ width:100%}
	.sol01 .list .item .img img{ width:100%}
	.sol01 .list .item .title{width:100%;margin-left:0; font-size:20px; text-align:center; margin-top:10px;}
	.ser-page03 .item { width:100%; margin-bottom:10px}
	.sol01 .list .item .title a { font-size:20px;}
	.sol01 .list .item .links a{ line-height:2;}

	
}
@media only screen and (max-width:480px) {
	.csr-page01 .list .item{ width:48%;padding:30px 0 30px 0;}
	.csr-page01 .list .item img{ width:80px}
	
}

.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:#666; line-height:1.8;}

@media only screen and (min-width:961px) {
	.product01 .list .item:hover{  cursor:pointer; background:url(/theme/default/images/product/bg.jpg) no-repeat; background-size:cover}
	.product01 .list .item:hover .proinfo .title, .product01 .list .item:hover .proinfo .text{ color:#333}
	.product01 .list .item .more{ padding:10px 30px; border-radius:40px;background-image: linear-gradient(to bottom, #e6e6e6 50%, #f7f7f7); color:#666}
	.product01 .list .item:hover .more{ background:#009ba2; color:#fff;}
	
}
@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 #009ba2 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:#009ba2;}
.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: #009ba2
}
.tabsbox{ padding:3% 0;}
.tabsbox .tabs{ border-bottom:1px #ccc solid;}
.tabsbox .tabs a{ padding:10px 20px; font-size:16px; color:#009ba2;}
.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}
.proview .other{ border-top:1px #d2d2d2 solid; margin-top:80px; padding-top:40px;}
.proview .other .title, .proview .other .list{justify-content: space-between;}
.proview .other .title-24{ font-size:24px;}
.proview .other .list{ margin-top:50px;}
.proview .other .list .item{ background:#fff; width:24%; margin-right:1%; padding:40px 0; text-align:center}
.proview .other .list .item span{ display:block; padding-top:30px;}
.proview .other .list .item img{ max-width:100%}


@media only screen and (min-width:961px) {
	.product-detail01 .next:hover,.product-detail01 .prev:hover {
		background-color: #009ba2;
		border-color: #009ba2;
		color: #fff
	}
	.proview .other .list .item:last-child{ margin-right:0}
}

.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:#009ba2;}
.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
	}
	.proview .other .list .item{ width:49%; margin-right:2%; margin-bottom:2%}
	.proview .other .list .item:nth-child(2n){ margin-right:0}
}
@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;}
}

.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('/theme/default/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:#009ba2;}
.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:#009ba2; 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%;}
}






.pageinfo{ margin:30px auto; text-align:center; justify-content:center;}
.pageinfo .prev, .pageinfo .next{ display:block;text-align:center}
.pageinfo .prev i, .pageinfo .next i{font-size:22px;}
.pageinfo .item{ margin:0 2%; font-size:18px;}
.pageinfo .item a{ display:inline-block; margin:0 2px; font-family:Arial, Helvetica, sans-serif; width:38px; height:38px; border:1px #dedede solid; line-height:38px; border-radius:38px; text-align:center}
.pageinfo .item a:hover, .pageinfo .item a.cur{ color:#fff; background:#009ba2; border:1px #009ba2 solid;}