@charset "UTF-8";
.index-banner {
	position:relative;
	width:100%;
	height:calc(100vh - 20px);
	overflow:hidden;
	background-color:#004781;
}

.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:block
}
.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:35%;
	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:60px;
	line-height:1.2;
	font-weight:600;
}
.index-banner .text {
	font-size:28px;
	line-height:2;
	color:#fff;
	margin-top:8px;
	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-h{ position:absolute; bottom:-45px; left:0; width:100%; z-index:1;}
.index-h .wrap{justify-content:space-between; align-items:stretch}
.index-h .items{ position:relative; width:31.5%; padding-bottom:80px; background:rgba(0,71,129,.8); font-size:16px; color:#ccc; border-radius:5px; text-align:center}
.index-h .items .box{ margin-top:30px; height:100%}
.index-h .items b{ display:block; margin:10px 0; font-size:32px; font-weight:500; color:#fff;}
.index-h .items .icon{ position:absolute; left:0; bottom:10px; width:100%}


.c-btna-next,.c-btna-prev {
	width:50px;
	height:50px;
	border-radius:50%;
	border:0px solid #fff;
	position:absolute;
	top:50%;
	z-index:2;
	margin-top:-25px;
	outline:none;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.c-btna-next .iconfont,.c-btna-prev .iconfont{ font-size:60px; font-weight:600; color:rgba(255,255,255,.5)}
.c-btna-next:hover .iconfont,.c-btna-prev:hover .iconfont{color:rgba(255,255,255,.8)}

.c-btna-prev {
	left:3%
}
.c-btna-next {
	right:3%;
}
.c-btna-arrow {
	height:11px;
	background:url(../images/icon-arrow-w.png) no-repeat 0/6px 11px;
	position:relative
}
.c-btna-arrow:after {
	content:"";
	display:block;
	position:relative;
	left:0;
	top:5px;
	width:6px;
	height:1px;
	background-color:#fff;
	opacity:0;
	transition:opacity .3s,width .3s
}

.index-page01 {
	background: #f5f7f8;
	overflow:hidden
}
.index-page01 .index-title-tit{ margin-bottom:30px; margin-top:10px; font-weight:600; display:block;}
.index-page01 .item {
	
}
.index-page01 .picture {
	width:60%;
	padding-left:5%;
	margin-top:20px;
}
.index-page01 .wrap {
	width:40%;
}
.index-page01 .picture .v-box{
	position:relative;
	width:100%;
	cursor:pointer;
	overflow:hidden;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.index-page01 .picture .v-box img{transition:all 1s;}
.index-page01 .picture .v-box:hover img{transform: scale(1.1);}
.index-page01 .picture .v-box a{ position:absolute; top:50%; left:50%; margin-left:-100px; margin-top:-100px; width:200px; height:200px; background:url(../images/icon-play.png) no-repeat; z-index:2}
.index-page01 .picture .list{ width:100%;max-width:700px; border:1px #e2e2e2 solid;justify-content:space-between; align-items:flex-start; background:rgba(255,255,255,.5)}
.index-page01 .picture .item {
	width:25%;
	padding:6% 0;
	font-size:14px;
	border-right:1px #e2e2e2 solid;
	text-align:center
}
.index-page01 .picture .item:last-child{ border-right:0}
.index-page01 .picture .t1 {
	justify-content:center;
	margin-bottom:16px
}
.index-page01 .picture .t2 {
	align-items:flex-start
}
.index-page01 .picture .t2.end {
	align-items:flex-end
}
.index-page01 .picture .iconfont {
	color:#103670
}
.index-page01 .picture .num {
	font-size:40px;
	font-family:Impact;
	line-height:1;
	color:#103670
}
.index-page01 .picture .list .txt {
	margin-left:5px
}

.index-page01 .main {
	width:100%;
	padding:0
}
.index-page01 .index-title-text {
	line-height:2;
	font-size:18px;
	overflow:hidden
}
.index-page01 .links-a{
	margin:30px 0;
}
.index-page01 .listc .items{
	width:33.333%;
	text-align:center;
}
.index-page01 .listc .items span{
	display:block;
}
.index-page01 .listc .items img{
	max-width:100%;
	margin-bottom: 3px;
}
.index-page01 .img {
	width:100%
}

.index-title-tit {
	font-size:48px;
	line-height:1.3;
	font-weight:500;
	color:#3f3f3f;
	margin-bottom:20px
}
.index-title-text {
	font-size:18px;
	line-height:2;
	color:#2f2f2f
}
.page-title-40{
	display:block;
	font-size:40px;
	line-height:1.3;
	font-weight:500;
	color:#3f3f3f;
	margin-top:50px;
	text-align:center
}

.index-page02{ background:#fff; overflow:hidden}
.index-page02 .header {
	position:relative;
	margin-bottom:30px
}
.index-page02 .index-title {width:100%;}
.index-page02 .index-title .index-title-tit{ margin:0; width:100%; font-size:24px; font-weight:600; line-height:1}
.index-page02 .index-title .index-title-tit a{ vertical-align:middle; font-size:14px !important;padding:6px 20px; font-weight:400;}

.index-page02 .links-a{ display:none}


.news-list {
	padding:0px 0
}
.news-list .link {
  overflow: hidden;
  position: relative;
  width:30%;
}

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

.news-list .bg {
  width: 100%;
  display: block;
  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}

.news-list .title {
padding-bottom:10px;
  color: #333;
  font-size: 16px;
  font-weight:600;
  border-bottom:1px #ccc solid;
}

.news-list .content {
height: 80px;
  overflow: hidden;
  color: #555;
  margin: 10px 0 10px;
  font-size: 14px;
  line-height:1.5;
}

.news-list .main {
	width:70%;
    padding:0px 25px 0 15px;
}

.news-list .time {
  color: #333;
  font-family: bebas;
  line-height: 1;
}
.news-recommendation .news-list .item {
  margin-bottom: 0;
}
@media only screen and (min-width: 1441px) {
  .news-list .item {
    width: 33%;justify-content:space-between
  }
  

}

@media only screen and (min-width: 961px) and (max-width: 1440px) {
  .news-list .item {
    width: 33%;
  }
.news-list .content {height: 45px;}

}

@media only screen and (min-width: 641px) and (max-width: 960px) {
  .news-list .item {
    width: 100%;
	margin-bottom:20px;
  }
.index-page02 .index-title .index-title-tit a{ display:none}

 
}
@media only screen and (max-width: 960px) {
	.index-page02 .index-title .index-title-tit a{ display:none}
}

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

  .news-recommendation {
    display: none;
  }
  .news-list .time{ font-size:12px; padding-top:0px;}
  .news-list .title{ font-size:14px; font-weight:600;}
  .news-list .title.text-truncate{white-space:normal;}
  .news-list .content{margin:10px 0; height:40px;}
	
  .index-page01 .listc .items{
	font-size: 12px;
	width:33.333%;
	text-align:center;
}
}

/**/
.index-page03 {
	background:#2f2f2f;
	color:#fff !important;
	overflow:hidden;
}
.index-page03 .wrap{justify-content:space-between}
.index-page03 .left{ width:100%;text-align:center}
.index-page03 .right{ width:100%;text-align:center; margin-top:30px;}
.index-page03 .left .index-title-tit{ color:#fff; font-weight:600;}
.index-page03 .left .index-title-tit em{ color:#00a0d4; font-weight:400; font-style:normal}
.index-page03 .left .index-title-text{ margin:30px 0; color:#fff;}
.index-page03 .right img{ max-width:100%; }
.index-page03 .sol-team{ display:block; margin-top:30px;}
.index-page03 .sol-team .title{ display:block; font-size:36px;}

.index-page03 .sol-team ul{ display:block; padding:0; margin:0;}
.index-page03 .sol-team ul li{ display:block; margin:10px 0; font-size:16px;}

.index-page04{
	position:relative;
	background:url(../images/img_07.jpg) top center no-repeat;
	background-size:100% 100%;
	background-color: #004781;
	color:#fff !important;
	min-height:500px;
	overflow:hidden;
}
.index-page04:after{ position:absolute; top:3px; left:50%; margin-left:-15px; content:''; display:block; width:0; height:0; border-left:19px solid transparent; border-right:19px solid transparent; border-top:19px solid #2f2f2f}
.index-page04 .wrap{ position:relative}
.index-page04 .swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
	  opacity:1
    }
.index-page04 .swiper-slide {
      background-size: cover;
      background-position: center;
    }
	
.index-page04 .swiper-button-next, .index-page04 .swiper-button-prev{ top:auto; bottom:19%; left:-30px; width:60px; height:60px; background:url(../images/btn-np.png) left top no-repeat; z-index:999}
.index-page04 .swiper-button-next{ background-position:right top; left:auto; right:-30px;}



.gallery-top {
  width: 100%;
  margin-top:60px;
}
.gallery-thumbs {
  box-sizing: border-box;
  display:block; margin:120px 0 80px 0;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  text-align:center
}
.gallery-thumbs .swiper-slide-thumb-active {}
.gallery-thumbs:after{ position:absolute; content:''; top:50%; left:3%; width:94%; height:1px; background:rgba(47,47,47,0.40);}
.gallery-thumbs .tit{ display:inline-block; padding:5px 30px; color:#fff; font-size:20px; border:3px solid #ccc; background:#2f2f2f; border-radius:36px; cursor:pointer}
.gallery-thumbs .swiper-slide-thumb-active .tit{ border-color:#f9850d;}


.index-page04 .proinfo{justify-content:space-between;align-items:stretch; margin:0 auto; width:92%}
.index-page04 .proinfo > div{ width:48%; font-size:18px; color:#fff; line-height:1.8;}
.index-page04 .proinfo .img{ border:1px #2f2f2f solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:1px 0px 8px rgba(0,0,0,0.3);}
.index-page04 .proinfo .img img{ width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.index-page04 .proinfo .text{ position:relative;}
.index-page04 .proinfo .text .tit{ position:relative; display:block; font-size:36px; margin-bottom:10px; padding-left:25px;}
.index-page04 .proinfo .text .tit a{ color: #FFFFFF;}
.index-page04 .proinfo .text .tit:after{ position:absolute;content:''; top:50%; left:0; width:5px; height:30px; margin-top:-13px; background:#00a0d4;}
.index-page04 .proinfo .text .links-a{ position:absolute;left:0; bottom:20px; width:100%}

.index-page05{
	background:#f5f7f8;
	font-size:18px;
}
.index-page05 .header, .index-page05 .main{justify-content:space-between}
.index-page05 .header .page-title-40{ margin-top:0}
.index-page05 .line{ border-bottom:1px #ddd dotted; width:60%}
.index-page05 .class{}
.index-page05 .class a{ display:inline-block; margin-left:30px; padding:15px 30px; border-radius:55px; border:3px #ccc solid; font-size:20px; color:#2f2f2f;line-height:1;}
.index-page05 .class a:hover{ border-color:#00a0d4;}

.index-page05 .main{align-items:flex-start;}
.index-page05 .imglist{justify-content:space-between; margin-top:40px; width:65%;}
.index-page05 .imglist img{
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.index-page05 .imglist a{ width:48%; overflow:hidden}
.index-page05 .imglist a img{ width:100%;}
.index-page05 .imglist a span{ display:block; padding:15px 20px; border:1px #d1d1d1 solid; border-bottom-right-radius:5px;border-bottom-left-radius:5px; background:#FFF;}

.index-page05 .list{ width:30%;}
.index-page05 .list ul{ list-style:none; padding:40px 0 30px 0;}
.index-page05 .list ul li{ display:block; list-style:none; padding:15px 0;border-bottom:1px #ddd dotted;}
.index-page05 .list li a{ }


.feedback {
	background:#f5f7f8;
	overflow:hidden;
}
.feedback .wrap{align-items:flex-start;}
.feedback .address, .feedback .form{ display:inline-block; width:50%; float:left; font-size:16px; color:#2f2f2f;}
.feedback .address{ padding-left:100px; background:url(../images/icon-tel.png) left 15% no-repeat}
.feedback .address .txt-1{ display:block; font-size:24px;}
.feedback .address b{ display:block; font-size:48px; font-weight:600; color:#3f3f3f;}
.feedback .address .btn-links{ margin-top:20px;}
.feedback .address .btn-links a{ display:inline-block; padding:10px 20px 10px 40px; border:3px #ccc solid; border-radius:38px; margin-right:20px; background:url(../images/icon-address.png) 10% center  no-repeat;}
.feedback .address .btn-links a:last-child{background:url(../images/icon-cont.png) 10% center  no-repeat;}
.feedback .address .btn-links a:hover{ border-color:#f9850d; color:#f9850d;}

.form{}
.form .title{ display:block; margin-bottom:20px; font-size:24px;}
.form .input{justify-content:space-between}
.form input, .form textarea{ border:1px #ccc solid; padding:10px; width:32%; border-radius:4px; outline:none}
.form textarea{ width:100%; height:120px; margin:20px 0;}
.form .btn-submit{ text-align:center}

@-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-page03 .left{ width:60%}
.index-page03 .right{ width:40%; margin-top:0}
.index-page03 .left{ text-align:left}
.index-page03 .left .index-title-text{ margin:40px 0;}

.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:#103670
}
.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(../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){
	.index-page04 .proinfo{ width:100%}
	.index-page05 .line{ border-bottom:1px #ddd dotted; width:45%}
	.index-page05 .list .clear{ display:none;}

}
@media only screen and (max-width:1440px) {
.index-banner .tit {
	font-size:55px;
}
.index-banner .text {
	font-size:26px;
}

.index-banner-bottom {
	bottom:40px
}
.index-banner-bottom:after {
	height:32px;
	bottom:-40px
}

.index-page01 .index-title-text {
	font-size:16px;
}
.index-page01 .listc img{ width:60%; margin:0 auto;}
.index-title-tit {
	font-size:40px;
	margin-bottom:16px
}
.index-title-text {
	font-size:16px
}
.index-project .swiper-slide {
	width:250px
}
.index-project .title {
	font-size:18px;
	padding:10px 0 0
}
.index-page05 .list .clear{ display:none;}
.index-page05 .imglist,.list{font-size:16px }
	
.index-page04 .proinfo > div{font-size:16px; color:#fff;}
.index-page04 .proinfo .text .tit{ font-size:32px; margin-bottom:10px; padding-left:25px;}
.gallery-thumbs .tit{ font-size:16px;}
}
@media only screen and (max-width:1200px) {
.index-banner .tit {
	font-size:50px;
}
.index-banner .text {
	font-size:26px;
}

.index-page01 .index-title-text {
	line-height:1.8;
	font-size:16px;
	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
}
.index-page04 .proinfo .text .tit{ font-size:24px; margin-bottom:10px; padding-left:25px;}
/*.index-page04 .gallery-thumbs{ display:none;}*/
.index-page04 .proinfo > div{font-size:14px; }

.index-page05 .imglist,.list{font-size:14px }
.index-page05 .list .clear{ display:none;}
.index-page05 .line{ border-bottom:1px #ddd dotted; width:30%}
.feedback .address b{ font-size:30px;}

}
@media only screen and (max-width:960px) {
	.index-page05 .list .clear{ display:block}
.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 .main{ display:none}
.index-h{ display:none}
.index-banner .tit {
	font-size:48px;
	line-height:1.6;
	opacity:1;
	transform:translateX(0)
}
.index-banner .text {
	font-size:24px;
	opacity:1;
	transform:translateX(0)
}
.index-banner-bottom {
	display:none
}
.index-page01 .picture{ padding-left:0}
.index-page01 .picture,.index-page01 .wrap {
	margin-top:0px;
	width:100%;
}
.index-page01 .index-title-tit{ margin-bottom:30px}
.index-page01 .item .picture {
	 margin-right:0;
	 margin-top:30px;
}
/*.index-page01 .wrap a.btn-b{ display:none;}*/
.index-page01 .picture .v-box, .index-page01 .picture .list{ max-width:100%}
.index-title-tit {
	font-size:38px;
	margin-bottom:8px
}
.index-title-text {
	font-size:16px
}
.page-title-40{ font-size:28px; font-weight:600;margin-top:30px;}
.index-page02 .index-title{
	width:100%; 
}
.index-page02 .index-title .index-title-tit{  font-size:24px; font-weight:600}
.index-page02 .links-a{ display:block}

.index-page02 .header {
	margin-bottom:31px;
}
.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 .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
}
.index-page04 .proinfo > div{ display:block; width:100%;}
.index-page04 .proinfo .desc{ display:none}
.gallery-top{ margin-top:30px;}
.index-page04 .proinfo .text .links-a{ display:none;}
.index-page04 .gallery-thumbs{ margin:30px 0;}
.index-page04 .swiper-button-next, .index-page04 .swiper-button-prev{ display:none;}
.index-page04 .proinfo .text .tit{ font-size:18px; margin-top:10px; padding-left:15px;}
.index-page04 .proinfo .text .tit:after{ height:20px; margin-top:-10px;}
.index-page05 .header .line{
	display:none;
}
.index-page05 .header{ display:block; text-align:center;}
.index-page05 .header .class{ display:block; width:100%; margin-top:30px;}
.index-page05 .header .class a{ font-size:14px; margin-left:20px; padding: 10px 20px;border-radius: 35px;}

	
.index-page05 .main{ font-size:14px;}
.index-page05 .main .imglist{ display:block; width:100%}
.index-page05 .main .imglist a{ display:inline-block; float:left;}
.index-page05 .main .imglist a:nth-child(even){ float:right;}
.index-page05 .main .list{ display:block; width:100%}
.index-page05 .main .list ul{padding:10px 0 10px 0;}
.index-page05 .list ul li {
    padding: 10px 0;
}
.index-page05 .list .clear{ display:block}
.index-page05 .imglist a span {
    padding:10px 10px;
}
.index-page05 .links-a{ text-align:center}

.feedback .address, .feedback .form{ width:100%; float:none;}
.feedback .address{ margin-bottom:30px;}

}
@media only screen and (max-width:640px) {
	.index-page04 .proinfo .text .tit{ font-size:14px; margin-top:10px; padding-left:15px;}
.index-title-text {
	font-size:14px; line-height:1.8;
}
.index-banner .tit {
	font-size:30px; line-height:1.6;
}
.index-banner .text {
	font-size:18px;
}
.index-page01 .main {
	padding:0px 3%
}
.index-page01 .index-title-tit{ margin-bottom:0; margin-top:0px;} 
.index-page01 .index-title-text {
	margin-top:10px;
	font-size:14px;
	line-height:1.8;
}
.index-title-tit {
	font-size:24px;
	margin-bottom:6px
}
.page-title-40{ font-size:24px; font-weight:600}
.index-project .swiper-slide {
	width:200px;
	transform:scale(1)
}
.index-project .title {
	font-size:16px;
	padding:8px 0 0
}
.index-page03 .sol-team ul li{font-size:14px;}
.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
}
.feedback .address{ background:none; padding-left:0}
.feedback .address .txt-1, .form .title { font-size:18px}
.feedback .address, .feedback .form{ font-size:14px;}
.feedback .address .btn-links{ margin-top:10px}
.feedback .address .btn-links a{ padding:6px 20px 6px 40px}
.feedback .address b { font-size:26px;}



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

}

/*sol*/
.page-menu{ display:block; background:#2f2f2f; text-align:center; font-size:20px; height:75px; line-height:75px; border-bottom:1px #4c4e4f solid; z-index:99}
.page-menu.bg-fff{ background:#fff;border-bottom:1px #e2e2e2 solid;}
.page-menu a{ display:inline-block; position:relative; color:#fff; margin:0 20px;}
.page-menu.bg-fff a{color:#6c6e6f;}
.page-menu a:hover::after, .page-menu a.cur::after{ position:absolute; content:''; left:50%; bottom:-9px; margin-left:-7px; width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #adaeaf; z-index:2}

	

.sol-1, .page-contact{ background:#f5f7f8; overflow:hidden}
.sol-1 .one{ display:block; width:100%; margin-top:50px; padding-bottom:50px; font-size:16px; border-bottom:1px #d1d1d1 solid;}
.sol-1 .title{ display:inline-block; font-size:36px; color:#fff; padding:5px 50px 5px 50px; border:3px #ccc solid; border-radius:48px; background-color: #004781;}
.sol-1 .title img{ margin-right:20px;margin-left:-10px; vertical-align:text-bottom;}
.sol-1 .one .cont{align-items:flex-start; margin-top:40px;}
.sol-1 .one .img{  width:35%}
.sol-1 .one .text{ width:65%; line-height:1.8; padding-left:3%}
.sol-1 .one .img img{ width:100%;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}


.sol-1 .two{ display:block; width:100%; margin-top:50px; padding-bottom:50px; font-size:16px; border-bottom:1px #d1d1d1 solid;}
.sol-1 .two .cont{align-items:flex-start; margin-top:0px;}
.sol-1 .two .title{ margin-bottom:30px;}
.sol-1 .two .img{  width:38%;padding-left:3%}
.sol-1 .two .text{ width:62%; line-height:1.8; }
.sol-1 .two .img img{ width:100%;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.sol-2{ margin-top:85px}
.sol-2 .header{ display:block; border-bottom:1px #d1d1d1 solid; font-size:36px; color:#3f3f3f; padding-bottom:20px; text-align:center}
.sol-2 .header-color{ font-size:32px; color:#00a0d4;}
.sol-2 .main{ display:block; margin:30px auto; font-size:16px; line-height:2;}
.sol-2 .main .img{ margin-top:30px; text-align:center;}
.sol-2 .main .img img{ max-width:100%;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.sol-2 .main .tit{ display:block; margin-top:20px; margin-bottom:20px; font-size:20px; font-weight:600; text-align:center}

/*case*/

.case-box .main{align-items:flex-start; display:block; width:100%}
.case-box .imglist{justify-content:space-between; margin:0 auto; width:90%;}
.case-box .imglist a{ width:32%; overflow:hidden}
.case-box .imglist a img{ width:100%; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}
.case-box .imglist a span{ display:block; padding:15px 0px; margin-bottom:50px; border:1px #d1d1d1 solid; font-size:16px; border-bottom-right-radius:5px;border-bottom-left-radius:5px; background:#FFF; text-align:center}
.case-box .case-table{ display:block; margin:30px auto; width:80%}
.case-box .case-table .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px;
	font-size:16px;
	text-align:center
   
}
.case-pro{justify-content:space-between; width:90%; margin:0 auto;}
.case-pro .case-table{ width:100%;margin:30px auto 0 auto;}



.case-box-1 .list{ justify-content:space-between; display:block; width:100%}
.case-box-1 .list .items{ display:inline-block; float:left; width:24%; margin:10px .5%; text-align:center; border:1px #CCC solid; background:#fff; border-radius:3px; overflow:hidden}
.case-box-1 .list .items .tit{ padding:15px 0; width:100%; background:#004781; border-bottom-right-radius:3px;border-bottom-left-radius:3px; font-size:24px; color:#fff;}
.case-box-1 .list .items .tit.blue{ background:#00a0d4;}
.case-box-1 .list .items span{ display:block; padding:10px 0;}

.case-box-2{ background:#fff;}
.case-box-2 td{ text-align:left !important;}
.case-box-2 td .tit{ padding:8px 0; color:#3f3f3f; font-size:18px; font-weight:600}

.page-contact{ margin-top:100px; padding:15px 0; font-size:18px; border-top:1px #e2e2e2 solid;}
.page-contact .wrap{justify-content:space-between;}
.page-contact .btn-links{}
.page-contact .btn-links a{ display:inline-block; padding:6px 20px 6px 40px; border:3px #ccc solid; border-radius:38px; margin-right:20px; background:url(../images/icon-address.png) 10% center  no-repeat;}
.page-contact .btn-links a:last-child{background:url(../images/icon-cont.png) 10% center  no-repeat;}
.page-contact .btn-links a:hover{ border-color:#f9850d; color:#f9850d;}
.page-contact .tel{ padding-left:50px; background:url(../images/icon-tel.png) left bottom no-repeat; background-size:contain}
.page-contact .tel b{ font-size:23px;}

@media only screen and (min-width:961px) {
	.case-pro .case-table{ width:48%; margin:40px 0  0 0}
}
@media only screen and (max-width:1440px) {

}
@media only screen and (max-width:1200px) {
.case-box .imglist, .case-box .case-table{ width:100%}
.case-pro{ width:100%}
}
@media only screen and (max-width:960px) {
	.sol-1 .one .img{  width:100%; margin-bottom:20px;}
	.sol-1 .one .text{ width:100%; padding-left:0%}
	.sol-1 .two .img{  width:100%; padding-left:0%;margin-bottom:20px; order:0}
	.sol-1 .two .text{ width:100%;  margin-bottom:0px;order:1}
	.sol-2 .header{ font-size:24px; padding-bottom:10px; }
	.sol-2 .header-color{ font-size:28px;}
	.case-box .imglist a{ width:48%; margin-bottom:-22px; overflow:hidden}
	.case-box .imglist a span{ display:block; padding:12px 0px; margin-bottom:40px; border:1px #ccc solid; font-size:14px;  background:#FFF; text-align:center}
	.case-box-1 .list .items{ width:49%;margin:6px .5%;}
	
}

@media only screen and (max-width:640px) {
	.case-box .imglist a{ width:48%; margin-bottom:-22px; overflow:hidden}
    .case-box .imglist a img{ width:100%; -webkit-border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; border-radius:3px 3px 0px 0px;}
	.case-box .imglist a span{ display:block; padding:10px 0px; margin-bottom:40px; border:1px #ccc solid; font-size:12px; border-bottom-right-radius:3px;border-bottom-left-radius:3px;  background:#FFF; text-align:center; }
	
	.page-menu{ font-size:16px; height:auto; line-height:50px;}
	.case-box-1 .list .items .tit{ font-size:14px; padding:8px 0;}
	.case-box-1 .list .items span{ display:block; padding:5px 0; font-size:12px;}
	.sol-1 .title{ font-size:24px;}
	.sol-1 .title img{ width: 25px; margin-right:20px;margin-left:-10px; vertical-align:text-bottom;}
	.sol-1 .one, .sol-1 .two{ font-size:14px; margin-top:30px; padding-bottom:30px;}
	
	.case-box-2 td .tit{ font-size:14px;}
	.page-menu{ padding-top:10px; padding-bottom:10px; line-height:2;}
	.page-menu a:hover::after, .page-menu a.cur::after{ bottom:-20px;}
	
	.case-pro .case-table{ margin:20px auto 0 auto;}
	
.sol-2{ margin-top:60px}
.sol-2 .main{ font-size:14px; line-height:1.8;}
.sol-2 .main .tit{ margin-top:10px; margin-bottom:10px; font-size:18px; }
}

/*newslist*/
.news-box{ margin-top:0px;}
.news-box .wrap{justify-content:space-between; align-items:flex-start;}
.news-box .newslist{width:73.5%}
.news-box .hylist{width:26.5%;}
.news-box .tit{ position:relative; display:block; margin-bottom:30px; padding-left:18px; font-size:24px; color:#252525;}
.news-box .tit:after{ position:absolute;top:50%; left:0; content:''; margin-top:-12px; width:6px; height:24px; background:#00a0d4;}

.news-box .hylist{ margin-top:0}
.news-box .vv{ margin-bottom:10px}
.news-box .hylist ul, .news-box .hylist ul li{ display:block; margin:0; padding:0;}
.news-box .hylist ul li{ border-bottom:1px #ccc dotted; padding:10px;}
.news-box .hylist ul li a{ color:#3f3f3f; font-size:16px;}
.news-box .hylist ul li a:hover{ color:#f9850d}



.news-page01 {
	padding-left:0px;
	margin-right:5%;
	padding-bottom:0;
	
}
.news-page01 a{ margin-bottom:30px;background:#fff;}
.news-page01 .item-l {
	width:29.5%;
	overflow:hidden
}
.news-page01 .item-r {
	width:70.5%;
	padding-left:4%;
	padding-right:4%;
}
.news-page01 .title {
	margin-top:10px;
	font-size:18px;
	line-height:3;
	color:#333;
	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;
	height:110px;
	text-align:justify;
	color:#555;
	-webkit-line-clamp:5
}
.news-page01 .footer {
	justify-content:space-between;
	margin-top:45px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#888;
	line-height:2.5;
	border-top:1px #eee dotted;
}
.news-page01 .img {
	width:100%;
	transition:transform .3s linear
}

@media only screen and (min-width:961px) {
	.news-page01 .wrap:hover .title {
		color:#f9850d
	}
	.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;
		margin-right:0
	}
	.news-page01 .footer {
		font-size:14px;
		margin-top:10px
	}
	.news-box .hylist ul li a{ font-size:14px;}
}
@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:14px;
		line-height:20px;
		height:60px;
		-webkit-line-clamp:3
	}
	
	.news-box .newslist{width:100%}
	.news-box .hylist{width:100%;}
	
	
}
@media only screen and (max-width:640px) {
	.news-page01 .title {
		margin:5px 0;
	font-size:14px;
	line-height:2;
	margin-bottom:0;
	-webkit-line-clamp:2
	}
	.news-page01 .content {
		height:20px;
	}
	.news-page01 .footer {
		margin-top:5px;
		font-size:12px;
	}
	.news-page01 .more {
		display:none
	}
	.news-page01 hr{margin:20px 0;}
	.news-box .tit{ font-size:20px;}
}
@media only screen and (max-width:480px) {
	.news-page01 .content {
		height:0px;
	}
}

.news-detail01 {
	width:94%;
	max-width:1420px;
	margin:0 auto;
	padding-top:20px
}
.news-detail01 .header {
	padding-bottom:30px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:30px
}
.news-detail01 .header .title {
	width:100%;
	line-height:1.3;
	color:#222;
	font-weight:600;
	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
}
}
.contact-box{text-align:center;font-size:18px; display:block; width:100%}
.contact-box .title{ display:block; font-size:30px; }
.contact-box .title span{ display:block; font-size:18px; margin-top: 5px;}
.contact-box .list{justify-content:space-between; display:block; margin:80px auto; width:90%}
.contact-box .list .items{ width:33.333%; float:left;}
.contact-box .list .items img{ display:block; text-align:center; margin:0 auto 30px auto;}


.guest-box{ border-top:1px #e2e2e2 solid; margin-top:100px;}
.guest-box .title{ display:block; font-size:24px; text-align:center}
.guest-box .form{ display:block; margin:50px auto 0 auto ; width:80%}
.guest-box .form textarea{ height:200px;}


@media only screen and (max-width:960px) {
	.contact-box{font-size:16px;}
	.contact-box .list{margin:40px auto; width:100%; font-size:16px;}
	.contact-box .title{ display:block; font-size:24px; }
	
}
@media only screen and (max-width:640px) {
	
	.contact-box .list .items{ width:100%; float:none;}
	.contact-box .list .items img{ display:block; text-align:center; margin:20px auto 20px auto;}
	.guest-box{margin-top:0px;}
	.guest-box .form{ display:block; margin:30px auto 0 auto ; width:100%}
	.guest-box .title{margin:20px auto; width:100%; font-size:16px;}
	
}
.about-1 .wrap, .about-2 .wrap,.about-3 .wrap,.about-4 .wrap,.about-5 .wrap{ max-width:1420px;}
.about-1{overflow:hidden; background:#f5f7f8}
.about-1 .wrap{align-items:stretch;}
.about-1 .items{ position:relative; justify-content:space-between;width:25%; text-align:center; font-size:16px; color:#3f3f3f; }
.about-1 .items:nth-child(1)::before{position:absolute; top:50%;left:0; content:''; width:1px; height:110px; margin-top:-40px; background:#d1d1d1;}
.about-1 .items:after{ position:absolute; top:50%;right:0; content:''; width:1px; height:110px; margin-top:-40px; background:#d1d1d1;}

.about-1 .items .box{ position:relative; margin:0 auto; width:78%}
.about-1 .items .box b{ display:block; padding:15px 0;font-size:30px; color:#004781; font-weight:500;}
.about-1 .items .box p{ height:50px;}
.about-1 .items .icon{ position:absolute; left:0; bottom:-50px; width:100%; text-align:center;}

.about-2 .items{align-items:center;justify-content:space-between; margin-bottom:40px; font-size:16px; color:#2f2f2f; line-height:2;}
.about-2 .items .text, .about-2 .items .img{ width:48%;}
.about-2 .items .text{ order:0;}
.about-2 .items .img{ order:1; text-align:center}
.about-2 .items.even .text{ order:1;}
.about-2 .items.even .img{ order:0;text-align:left}
.about-2 .items .text .title{ font-size:48px; text-align:center}
.about-2 .items .text p{ text-indent:40px;}
.about-2 .items .img img{ max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.about-2 .bimg img{ max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.about-3{}
.about-3 .header, .about-4 .header, .about-5 .header{ width:100%; text-align:center; font-size:18px; color:#3f3f3f;}
.about-3 .header .title, .about-4 .header .title, .about-5 .header .title{ font-size:48px; line-height:2;}

.about-4 .main{}
.about-4 .main ul{ display:block; margin:0; padding:0; list-style:none}
.about-4 .main ul li{ border-top:1px #d1d1d1 solid; padding:30px 120px 20px 360px; background:url(../images/icon-h-1.png) 150px 30px no-repeat; font-size:16px; line-height:1.8;}
.about-4 .main .title{ display:block; font-size:36px; color:#004781;}

.about-5{ font-size:18px;}
.about-5 .desc{ padding:20px 0; border-bottom:1px #ccc solid;border-top:1px #ccc solid; text-align:center}
.about-5 .desc .img{ width:30%}
.about-5 .desc .img img{ max-width:100%}
.about-5 .desc .text{ width:70%}

/*.about-5 .main{align-items:stretch;justify-content:space-between; margin-top:30px;}
.about-5 .main .items{ margin-bottom:30px; width:23%; height:auto; text-align:center}
.about-5 .main .items .img{ border:1px #e7e8e9 solid; height:320px; line-height:320px; overflow:hidden}
.about-5 .main .items .img img{ max-width:100%; max-height:100%;}
.about-5 .main .items span{ display:block; padding-top:10px;}
.about-5 .main{ font-size:16px;}*/

.about-5 .main{align-items:stretch;justify-content:space-between; margin-top:50px;font-size:16px;}
.about-5 .main .items{ margin-bottom:30px; width:32%; height:auto; text-align:center}
.about-5 .main .items .title{ display:block; font-weight:bolder; background:#004781; color:#fff; line-height:3;}
.about-5 .main .items ul{}
.about-5 .main .items ul li{ display:block; margin-bottom:0px; border-bottom:0px #eee solid; background:#fff; padding:15px 0;}
.about-5 .main .items ul li:nth-child(even){ background:#f5f7f8;}


@media only screen and (max-width:1200px) {
	.about-1 .items .box b{ font-size:24px;}
	.about-5 .main .items ul li{ font-size:14px;}
}

@media only screen and (max-width:960px) {
	.about-1{ display:none}
	.about-1 .items{ width:50%; margin-bottom:20px; font-size:14px;}
	.about-1 .items:after, .about-1 .items:nth-child(1)::before{ width:0}
	.about-1 .items .box b{ font-size:18px;}
	.about-2 .items .text, .about-2 .items .img{ width:100%;}
	
	.about-2 .items .text{ order:1; margin-top:30px;}
	.about-2 .items .img{ order:0;}
	.about-3 .header .title, .about-4 .header .title, .about-5 .header .title{ font-size:30px; line-height:2;}
	.about-4 .main ul li{  padding:20px; background:none !important; font-size:14px; line-height:1.8;}
	.about-4 .main .title{ display:block; font-size:18px; color:#004781;}
	
/*	.about-5 .main .items{ margin-bottom:20px; width:31%; height:auto; text-align:center}
	.about-5 .main .items .img{ border:1px #e7e8e9 solid; height:220px; line-height:220px; overflow:hidden}*/
	.about-5 .main{ margin-top:30px;}
	.about-5 .main .items{ width:100%}
	
}
@media only screen and (max-width:640px) {
	
	.about-1 .items{ width:100%; margin-bottom:20px; font-size:14px;}
	.about-1 .items .box{ width:100%}
	.about-1 .items .box p{ height:auto;}
	.about-1 .items .icon{ display:none;}
	.about-2 .items{ font-size:14px; line-height:1.8}
	.about-2 .items .text .title{ font-size:26px;}
	.about-3 .header, .about-4 .header, .about-5 .header{ font-size:16px;}
	.about-5{ font-size:14px;}
	.about-5 .desc{ display:none;}
	.about-5 .desc .img img{ width:60%}
	
/*	.about-5{ font-size:14px;}
	.about-5 .main{ font-size:14px;}
	.about-5 .main .items{ margin-bottom:20px; width:32%; height:auto; text-align:center}
	.about-5 .main .items .img{ border:1px #e7e8e9 solid; height:120px; line-height:120px; overflow:hidden}*/
	
}
@media only screen and (max-width:480px) {
	
}
.jobs-box .wrap{ position:relative; max-width:1420px}
.jobs-box .header{
	margin:30px auto;
	padding:40px 0;
  width:100%;
  background:url(../images/icon-jobs.jpg) #ffffff 8% center no-repeat;
  border:1px #d1d1d1 solid;
  font-size: 24px;
  color:#3f3f3f;
  text-align: center;
  border-radius:6px;
}
.jobs-box .header span{
  font-size: 30px;
  color:#004781;
}
.jobs-box .main{ margin:0 auto; width:90%}
.joblist{
  margin:50px auto;
}
.jobname{
  margin-bottom:10px;
  font-size:24px;
  color: #3f3f3f;
  font-weight:600;
}
.jobname span{ color:#00a0d4}
.jobtit{
  position:relative;
  padding:15px 30px;
  font-size:18px;
  color:#2f2f2f;
  background:#fff;
  border:1px #d1d1d1 solid;
  border-radius:5px;
}
.jobtit span{
  color: #ccc;
}
.jobtit em{
  color: #2f2f2f;
  font-size:16px;
  font-style: normal;
  float: right;
}
.jobcont{
  display: none;
  padding:30px 0 0 0;
  font-size:16px;
}
.jobtit.active em{ color:#f7820e}


@media only screen and (max-width:1200px) {
	.jobname{ font-size:18px;}
	.jobtit{ font-size:16px;}
}
@media only screen and (max-width:960px) {
	.jobs-box .header{ background:#fff;margin:10px auto; padding:20px;}
}
@media only screen and (max-width:640px) {
	.jobs-box .main{ width:100%}
	.joblist{ margin:20px auto;}
	.jobs-box .header, .jobs-box .header span{ font-size:16px;}
	.jobtit{ font-size:14px; padding:10px 10px;}
	.jobtit em{ display:none;}
	.jobcont{ font-size:14px;}
	.jobname{ font-size:16px;}
	
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding:10px;
    font-size: 12px;
    text-align: center;
}
	
}

.animated {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.animated.slideDown {top: -120px;}
.animated.slideUp {top: 0;}

.page{ margin:50px auto; text-align:right;}
.page li{line-height: 35px;display: inline-block;width: 35px;height: 35px;margin-right: 3px;margin-left: 3px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;color: #fff;background: #ccc; text-align:center}
.page li img{margin-bottom: 2px;}
.page li.activepage,
.page li:hover{background: #222;}