@charset "utf-8";
@import url('jazz-timeline.css');
html::-webkit-scrollbar{width:6px;height:6px;background:#f0f0f0;}
html::-webkit-scrollbar-button{display:none;}
html::-webkit-scrollbar-track-piece{display:none;}
html::-webkit-scrollbar-thumb{background:#cdcdcd;}
html::-webkit-scrollbar-thumb:hover{background:#0275d8;}
body {margin: 0;background: #fff;}
.header{height: 66px;/*background: url(../images/header-bg.jpg) left center no-repeat; background-size: cover;*/}
.navbar {width: 100%;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);transition: top 0.5s ease-in-out;-webkit-transition: top 0.5s ease-in-out;-moz-transition: top 0.5s ease-in-out;-o-transition: top 0.5s ease-in-out;}
.hide {top: -66px;}
.logo{display: block;margin-right: 50px;}
.logo img{height: 50px;}
.dropdown-menu .dropdown-menu-inner {-webkit-animation: fadeInDownMenu 0.5s forwards;animation: fadeInDownMenu 0.5s forwards;}
@media (max-width: 992px) {.navbar-nav .nav-item .nav-link{ text-align: center;}
.dropdown-menu-inner{background: #f2f2f2;}
.dropdown-menu-inner .dropdown-item {text-align: center;}}
.navbar-inner{position: relative;}
.search{position: absolute;top: 4px; right: 0;}
.search span{display: block;float: left;}
.search .icon{width: 1.875rem; height: 1.875rem;margin-left: 0.5rem;}
@media (max-width: 992px){.search{position: absolute;right: 40px;margin-right: 10px; padding-right: 20px;}}
/*.translateY{position: relative;top: 50%;left: 0;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
.translateX{position: relative;top: 50%;left: 0;right: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}*/
.white{color: #fff;}
.blue{color: #0275d8;}
.black{color: #000;}
.bgc1{background-color: #ffffff;}
.bgc2{background-color: #f2f2f2}
.border-none{border: none}
.animation-delay-3{ animation-delay: 0.3s;-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s}
.animation-delay-5{ animation-delay: 0.5s;-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s}
.animation-delay-8{ animation-delay: 0.8s;-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s}
.sepline{color:#d4d4d4;font-family:arial;margin-left:8px;margin-right:8px}
 blockquote {border: 0px solid #999;page-break-inside: avoid;  }
 blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #0096f3;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.main{ overflow: hidden;}
.section-ptb{padding-top: 3.125rem;padding-bottom: 5rem;}
.section-head{text-align: center;text-transform:uppercase;margin-bottom: 1.875rem; color: #222; text-shadow: 0 0px 1px rgba(0, 0, 0, 0.2)}
.section-head span{margin-bottom: 0.875rem;width: 60px;height: 0px; border-bottom: 1px solid #444; display: inline-block;}
.section-head p{margin-bottom: 3rem;padding-top: 0rem; color: #555;}
.section-btn a{font-size:0.875rem;display: inline-block}
.section-btn .icon{width: 1rem; height: 1rem;margin-top: -0.3125rem;margin-left: 0.3125rem; vertical-align: middle;fill: currentColor;overflow: hidden;}
.section-sub{padding: 1rem 0;}
.section-sub a{ padding:0  1rem;}
.section-sub .active{color: #0096f3}
.box-shadow{-webkit-transition:-webkit-box-shadow 0.5s ease;-moz-transition:-moz-box-shadow 0.5s ease;-ms-transition:-ms-box-shadow 0.5s ease;-o-transition:-o-box-shadow 0.5s ease;transition:box-shadow 0.5s ease;}
.box-shadow:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.hover {width: 100%;height: 100%;overflow: hidden;position: relative;cursor: default;}
.hover img {display: block;position: relative;}
.ehover1 img {transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.ehover1:hover img {-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
#carousel-home {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#carousel-home .carousel-item {
	width: 100%;
	height: 90vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 1s;
}
#carousel-home .carousel-indicators .span {
	width: 0%;
	height: 3px;
	display: block;
	cursor: pointer;
	transition: width 6s;
	-moz-transition: width 6s;
	-webkit-transition: width 6s;
	-o-transition: width 6s;
}
#carousel-home .carousel-indicators .active .span {width: 100%;background-color: #0096f3;}
#carousel-home .carousel-text{display: block;background:rgba(0, 0, 0, 0.2);padding: 30px 60px 50px 60px;}
.service-home {
	padding-top: 5.125rem;
	padding-bottom: 5rem;
	background:#f2f2f2 url(/images/service-home-bg.jpg) center no-repeat;
	background-size: cover;
}
.service-home .owl-dot.active span {
	background: #f2f2f2;
}
.service-home .item {
	margin-top: 2rem;
	border: none;
	background-color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.service-home .item:hover {
	-ms-transform: translateY(-1rem);
	-webkit-transform: translateY(-1rem);
	-moz-transform: translateY(-1rem);
	-o-transform: translateY(-1rem);
	transform: translateY(-1rem);
	z-index: 1002;
	position: relative;
	left: 0;
}
.service-home .card-body h3 {
	/*color: #808080;
	font-size: 1.125rem;
	font-weight: 300;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.service-home .card-text {
	font-size: 0.875rem;
	/*fcolor: #919191;*/
}
@media (min-width: 576px) {
.service-home .item {height: 450px;}
}
@media (min-width: 768px) {
.service-home .item {height: 360px;}
}
@media (min-width: 992px) {
.service-home .item {height: 370px;}
}
@media (min-width: 1200px) {
.service-home .item {height: 340px;}
}
@media (max-width: 575.99px) {
.service-home .item {height: 450px;}
}
@media (max-width: 360px) {
.service-home .item {height: 350px;}
}
.owl-nav .owl-prev,.owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;  
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  opacity: 0.5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.owl-nav .owl-prev:hover,.owl-nav .owl-prev:focus,.owl-nav .owl-next:hover,.owl-nav .owl-next:focus {color: #fff;text-decoration: none;outline: 0;opacity: 1;}
.owl-nav .owl-prev {left: -25px;}
.owl-nav .owl-next {right: -25px;}
.owl-nav .owl-prev span, .owl-nav .owl-next span {display: block;text-indent: -9999px;font-size: 40px; width: 40px;height: 40px;
background-repeat: no-repeat;
background-position: center;
  background-size: 100% 100%;}
.owl-nav .owl-prev span{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 512 512'%3E%3Cpath d='M 301.3 147.6 c -7.5 -7.5 -19.8 -7.5 -27.3 0 l -95.4 95.7 c -7.3 7.3 -7.5 19.1 -0.6 26.6 l 94 94.3 c 3.8 3.8 8.7 5.7 13.7 5.7 c 4.9 0 9.9 -1.9 13.6 -5.6 c 7.5 -7.5 7.6 -19.7 0 -27.3 l -79.8 -81 l 81.9 -81.1 c 7.5 -7.5 7.5 -19.7 -0.1 -27.3 Z'/%3E%3Cpath d='M 256 48 C 141.1 48 48 141.1 48 256 s 93.1 208 208 208 s 208 -93.1 208 -208 S 370.9 48 256 48 Z m 124.4 332.4 C 347.2 413.7 303 432 256 432 s -91.2 -18.3 -124.4 -51.6 C 98.3 347.2 80 303 80 256 s 18.3 -91.2 51.6 -124.4 C 164.8 98.3 209 80 256 80 s 91.2 18.3 124.4 51.6 C 413.7 164.8 432 209 432 256 s -18.3 91.2 -51.6 124.4 Z'/%3E%3C/svg%3E");
}
.owl-nav .owl-next span{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' viewBox='0 0 512 512'%3E%3Cpath d='M 210.7 147.6 c 7.5 -7.5 19.8 -7.5 27.3 0 l 95.4 95.7 c 7.3 7.3 7.5 19.1 0.6 26.6 l -94 94.3 c -3.8 3.8 -8.7 5.7 -13.7 5.7 c -4.9 0 -9.9 -1.9 -13.6 -5.6 c -7.5 -7.5 -7.6 -19.7 0 -27.3 l 79.9 -81.1 l -81.9 -81.1 c -7.6 -7.4 -7.6 -19.6 0 -27.2 Z'/%3E%3Cpath d='M 48 256 c 0 114.9 93.1 208 208 208 s 208 -93.1 208 -208 S 370.9 48 256 48 S 48 141.1 48 256 Z m 32 0 c 0 -47 18.3 -91.2 51.6 -124.4 C 164.8 98.3 209 80 256 80 s 91.2 18.3 124.4 51.6 C 413.7 164.8 432 209 432 256 s -18.3 91.2 -51.6 124.4 C 347.2 413.7 303 432 256 432 s -91.2 -18.3 -124.4 -51.6 C 98.3 347.2 80 303 80 256 Z'/%3E%3C/svg%3E");
}

@media (min-width: 1200px) {
.owl-nav .owl-prev {left: -60px;}
.owl-nav .owl-next {right: -60px;}
}
.case-home{	padding-top: 3.125rem;padding-bottom: 5rem; background-color: #ffffff;}
.case-home h3{text-align: center;font-size: 1.5rem}
.case-carousel img{
transition-duration:1s;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=3); 
filter: grayscale(5%);
filter: #000;
-webkit-filter: grayscale(5%);
-moz-filter: grayscale(5%);
-ms-filter: grayscale(5%);
-o-filter: grayscale(5%);
opacity: 0.9;
border: 1px solid #fff;
}
.case-carousel img:hover{
transition-duration:1s;
filter: none;
-webkit-filter: grayscale(0%);
opacity: 1;
border: 1px solid #f2f2f2;
cursor:pointer;
}
.owl-controls {
/*	margin-top: 15px;
	margin-bottom: 15px;*/
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-controls .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}
.owl-controls .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none
}
.owl-controls .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-dots{padding-bottom: 15px; text-align: center;}
.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
*display:inline;

}
.owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-top: 30px;
}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #869791}

/*首页新闻*/
.news-home{background:#0096f3 url(../images/bg-news.jpg) center no-repeat;background-size: cover;padding: 80px 0}
.news-home-list{background:#0096f3;padding: 30px 15px 80px 30px}
.news-home-list,.news-home-list a{color: #fff;}
.news-home-list li{margin-bottom: 30px; clear: both;}
.news-home-list .time{float: left; width: 20%;}
.news-home-list .text{float: left; width:80%}
.news-home-list .time span{font-size: 32px;}

.about-intro{margin-bottom: 3.125rem;text-indent: 2rem;}
.about-label .item h2{font-size: 2.5rem;}
.about-text1,.about-text2,.about-text3,.about-text4{
	padding: 1.875rem;
	width: 100%;
	height: 300px;
	color: #fff;
	text-align: center;
	border-radius: 0.25rem;	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;}
.about-text1{background-image: url(../images/bg-about-1.jpg)}
.about-text2{background-image: url(../images/bg-about-2.jpg)}
.about-text3{background-image: url(../images/bg-about-3.jpg)}
.about-text4{background-image: url(../images/bg-about-4.jpg)}
#content{}
#content img{display: block;max-width: 100%;margin: auto;}

.culture-box{border-left: 2px solid #0275d8;padding-left: 1rem;margin-bottom: 3rem;}
.culture-box:last-child{margin-bottom: 0;}
/*相册*/
.album .card-wrap{ display: block; margin-bottom: 30px;}
.album .card-img-box{height: 100%;overflow: hidden}
.album-bg{background: url(../images/album-bg.jpg) bottom center no-repeat;background-size: 100%;}
/*内部banner*/
.bg-about{height: 20rem; background: url(../images/bg-about.jpg) center no-repeat;background-size: cover; overflow: hidden;}
.bg-news{height: 20rem;background: url(../images/bg-news.jpg) center no-repeat;background-size: cover;}
.bg-service{height: 20rem;background: url(../images/bg-service.jpg) center no-repeat;background-size: cover;}
.bg-contact{height: 20rem;background: url(../images/news.png) center no-repeat;background-size: cover;}
/*面包屑*/
.breadcrumb-wrap{background: #fff; border-bottom: 1px solid #ddd; margin-bottom: 2rem;height: 60px;}
.subnav{overflow: hidden}
.subnav li{ float: left; margin-right: 5%;line-height: 58px;border-bottom: 2px solid transparent;}
.subnav .active {border-bottom: 2px solid #0275d8;}
.subnav .active a{color:#0275d8;}
.news-box{background: #fff;margin-bottom: 2rem; padding: 2rem;position: relative;}
.news-box .time{margin: auto;color: #555;font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"}
.news-box .time .month-day{ font-size: 2rem;}
.news-box .time .year{display: block;margin-top: 0.625rem; padding-top: 0.625rem;border-top: 1px solid #555; width: 38%;}
.news-box .img{overflow: hidden;height:auto}
.news-box .con{ padding-left: 2rem;}
.news-box .con .title{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.news-box .con .intro{padding-top: 0.875rem;color: #555;padding-top: 1rem}
.news-box .con .link a{position: absolute;bottom: 2rem;right: 2rem;border: 1px solid #ddd;padding: 5px 10px;}
.news-box .con .link a:hover{border: 1px solid #0275d8;}
@media (min-width: 768px) {
.news-box .img{ width: 40%;}
.news-box .con{width: 60%;}

}
@media (min-width: 992px) {
.news-box .time{width: 15%}
.news-box .img{ width: 25%;}
.news-box .con{width: 60%;}
}
@media (min-width: 1200px) {
.news-box .time{width: 12%}
.news-box .img{ width: 28%;}
.news-box .con{width: 60%;}
}
@media (max-width: 767.98px) {
.news-box{ padding: 0rem;}
.news-box .img{ border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important;}
.news-box .con{padding: 2rem;}
}
.news-wrap{margin-top: -6.25rem;}
.news-meta,.news-meta a{color: #999}
.news-content img{display: block;max-width: 100%;margin: auto;}
.demo{padding: 2em 0;}
		.main-timeline{
		    overflow: hidden;
		    position: relative;
		}
		.main-timeline:before{
		    content: "";
		    width: 7px;
		    height: 100%;
		    background: url(../images/hbox-bg.jpg) repeat-y center center;
		    position: absolute;
		    top: 0;
		    left: 50%;
		    transform: translateX(-50%);
		}
		.main-timeline .timeline{
		    width: 50%;
		    padding-left: 50px;
		    float: right;
		    position: relative;
		}
		.main-timeline .timeline:before{
		    content: "";
		    width: 30px;
		    height: 30px;
		    border-radius: 50%;
		    background: #0275d8;
		    border: 7px solid #fff;
		    position: absolute;
		    top: 50%;
		    left: -15px;
		    transform: translateY(-50%);
		}
		.main-timeline .timeline:after{
		    content: "";
		    display: block;
		    border-right: 30px solid #ee4423;
		    border-top: 20px solid transparent;
		    border-bottom: 20px solid transparent;
		    position: absolute;
		    top: 50%;
		    left: 24px;
		    transform: translateY(-50%);
		}
		.main-timeline .timeline-content{
		    display: block;
		    padding: 25px;
		    border-radius: 100px;
		    background: #ee4423;
		    position: relative;
		}
		.main-timeline .timeline-content:before,
		.main-timeline .timeline-content:after{
		    content: "";
		    display: block;
		    width: 100%;
		    clear: both;
		}
		.main-timeline .timeline-content:hover{ text-decoration: none; }
		.main-timeline .inner-content{
		    width: 70%;
		    float: right;
		    padding: 15px 20px 15px 15px;
		    background: #fff;
		    border-radius: 0 100px 100px 0;
		    color: #ee4423;
		}
		.main-timeline .year{
		    display: inline-block;
		    font-size: 50px;
		    font-weight: 600;
		    color: #fff;
		    position: absolute;
		    top: 50%;
		    left: 7%;
		    transform: translateY(-50%);
		}
		.main-timeline .title{
		    font-size: 24px;
		    font-weight: 600;
		    text-transform: uppercase;
		    margin: 0 0 5px 0;
		}
		.main-timeline .description{
		    font-size: 14px;
		    margin: 0 0 5px 0;
		}
		.main-timeline .timeline:nth-child(2n){ padding: 0 50px 0 0; }
		.main-timeline .timeline:nth-child(2n):before,
		.main-timeline .timeline:nth-child(2n) .year{
		    left: auto;
		    right: -15px;
		}
		.main-timeline .timeline:nth-child(2n) .year{ right: 7%; }
		.main-timeline .timeline:nth-child(2n):after{
		    border-right: none;
		    border-left: 30px solid #ee4423;
		    left: auto;
		    right: 24px;
		}
		.main-timeline .timeline:nth-child(2n) .inner-content{
		    float: none;
		    border-radius: 100px 0 0 100px;
		    text-align: right;
		}
		.main-timeline .timeline:nth-child(2){ margin-top: 130px; }
		.main-timeline .timeline:nth-child(odd){ margin: -130px 0 0 0; }
		.main-timeline .timeline:nth-child(even){ margin-bottom: 80px; }
		.main-timeline .timeline:first-child,
		.main-timeline .timeline:last-child:nth-child(even){ margin: 0; }
		.main-timeline .timeline:nth-child(2n) .timeline-content{ background: #f68829; }
		.main-timeline .timeline:nth-child(2n),
		.main-timeline .timeline:nth-child(2n) .inner-content{ color: #f68829; }
		.main-timeline .timeline:nth-child(2n):after{ border-left-color: #f68829; }
		.main-timeline .timeline:nth-child(3n) .timeline-content{ background: #2991d0; }
		.main-timeline .timeline:nth-child(3n),
		.main-timeline .timeline:nth-child(3n) .inner-content{ color: #2991d0; }
		.main-timeline .timeline:nth-child(3n):after{ border-right-color: #2991d0; }
		.main-timeline .timeline:nth-child(4n) .timeline-content{ background: #9361aa; }
		.main-timeline .timeline:nth-child(4n),
		.main-timeline .timeline:nth-child(4n) .inner-content{ color: #9361aa; }
		.main-timeline .timeline:nth-child(4n):after{ border-left-color: #9361aa; }
		.main-timeline .timeline:nth-child(5n) .timeline-content{ background: #a7be26; }
		.main-timeline .timeline:nth-child(5n),
		.main-timeline .timeline:nth-child(5n) .inner-content{ color: #a7be26; }
		.main-timeline .timeline:nth-child(5n):after{ border-right-color: #a7be26; }
		@media only screen and (max-width: 1200px){
		    .main-timeline .inner-content{ width: 80%; }
		    .main-timeline .year{
		        font-size: 45px;
		        left: 10px;
		        transform: translateY(-50%) rotate(-90deg);
		    }
		    .main-timeline .timeline:nth-child(2n) .year{ right: 10px; }
		}
		@media only screen and (max-width: 990px){
		    .main-timeline .year{
		        font-size: 40px;
		        left: 0;
		    }
		    .main-timeline .timeline:nth-child(2n) .year{ right: 0; }
		}
		@media only screen and (max-width: 767px){
		    .main-timeline:before,
		    .main-timeline .timeline:before{
		        left: 10px;
		        transform: translateX(0);
		    }
		    .main-timeline .timeline:nth-child(2n):after{
		        border-left: none;
		        border-right: 30px solid #ee4423;
		        right: auto;
		        left: 24px;
		    }
		    .main-timeline .timeline,
		    .main-timeline .timeline:nth-child(even),
		    .main-timeline .timeline:nth-child(odd){
		        width: 100%;
		        float: none;
		        margin: 0 0 30px 0;
		    }
		    .main-timeline .timeline:last-child{ margin-bottom: 0; }
		    .main-timeline .timeline:nth-child(2n){ padding: 0 0 0 50px; }
		    .main-timeline .timeline:before,
		    .main-timeline .timeline:nth-child(2n):before{ left: -2px; }
		    .main-timeline .inner-content{ width: 85%; }
		    .main-timeline .timeline:nth-child(2n) .inner-content{
		        float: right;
		        border-radius: 0 100px 100px 0;
		        text-align: left;
		    }
		    .main-timeline .timeline:nth-child(2n) .year{
		        right: auto;
		        left: 0;
		    }
		    .main-timeline .timeline:nth-child(2n):after{ border-right-color: #f68829; }
		    .main-timeline .timeline:nth-child(3n):after{ border-left-color: #2991d0; }
		    .main-timeline .timeline:nth-child(4n):after{ border-right-color: #9361aa; }
		    .main-timeline .timeline:nth-child(5n):after{ border-left-color: #a7be26; }
		}
		 
		@media only screen and (max-width: 479px){
		    .main-timeline .timeline-content{ padding: 15px; }
		    .main-timeline .inner-content{ width: 80%; }
		    .main-timeline .year{ font-size: 30px; }
		}
/*案例*/
.case-box{text-align: center;margin-bottom: 30px;}
.case-box img{border: 1px solid #ddd;width: 100%;}
.list-page{margin-top: 2rem; text-align:center;}
.list-page a{ display: inline-block; width: 2rem;height: 2rem;line-height: 2rem;}
.list-page a:hover{color:#0275d8}
.list-page a.none{color: #999;}
.show-page{text-align: center;margin-top: 5rem; margin-bottom: 5rem;}
.show-page .icon{margin-top: -4px}
.show-page a{display: inline-block; width: 2rem; height: 2rem; line-height: 2rem;}
.show-page a:hover {color:#0275d8}
.show-page b{display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; background-color: #0275d8; color:#fff; font-weight:normal; border-radius: 50%;}
.footer-contact{height: 100px;background:#0096f3 url(../images/footer-contact.png) left bottom no-repeat; background-size: cover;}
.footer-contact .telephone{color: #fff;padding-top: 1.25rem;}
.footer-contact .telephone span{display: inline-block;}
.footer-contact .telephone .icon-phone{font-size: 0.875rem;width: 2.25rem; height: 2.25rem;vertical-align: middle;fill: currentColor;overflow: hidden;}
.footer-contact .telephone .num{font-size: 1.875rem;font-family: "Constantia", Arial, "sans-serif";margin-left: 0.5rem}
#accordion{overflow: hidden;}
.footer{padding-top: 3.125rem;overflow: hidden}
.footer-nav{float:left; width: 20%;}
.footer-nav-header{display: inline-block;position: relative; width: 100%;height: 30px; line-height: 30px;}
.footer-nav-header h3{font-size: 1rem;}
.footer-nav-btn{position: absolute;top: -10px;right: 5px; display: block; font-size: 1rem;}
.footer-nav-body{display: inline-block;}
.footer-nav-body ul{margin: 0 0 1rem 0; padding: 0;}
.footer-nav-body ul li {list-style: none; font-size: 0.875rem; line-height: 1.5rem; }
@media (max-width: 767.98px) {
.footer-nav{float: none;width: auto;border-bottom: 1px solid #ddd;margin-bottom: 1rem;}
.footer-nav:last-child{border-bottom: none;}
.footer-nav-body ul{margin: 0 0 1rem 1rem; padding: 0;}
.footer-nav-body ul li {list-style: none;}
}
@media (min-width: 768px) {
.footer-nav-btn{display: none;}
}
.footer-other{border-top:1px solid #ddd;padding: 0.9375rem 0;}
.footer-share a{ margin-right: 8px; width: 33px; height: 33px; float: left; display: block;cursor: pointer;}
.footer-share a.foot-icon1{ background: url(../images/foot-share.png) -2px 0 no-repeat;}
.footer-share a.foot-icon2{ background: url(../images/foot-share.png) -48px 0 no-repeat;}
.footer-share a.foot-icon3{ background: url(../images/foot-share.png) -94px 0 no-repeat;}
.footer-share a.foot-icon4{ background: url(../images/foot-share.png) -135px 0 no-repeat;}
.footer-link ul{margin: 0;padding: 0;}
.footer-link ul li{float: left;font-size: 0.875rem;line-height: 1.5rem; padding-left: 0.5rem;}
.lang{margin-top: -3px; margin-left: -10px;}
.lang .lang-link{display: inline; font-size: 0.875rem; padding-left: 40px;height: 30px; line-height: 30px;}
.lang-cn,.lang-us {background-repeat: no-repeat;background-size: 16px 16px;background-position: 16px center;cursor: pointer;}
.lang-cn {background-image: url("../images/cn.png")}
.lang-us {background-image: url("../images/us.png")}





.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInDownMenu {
 from {
 opacity: 0.5;
 -webkit-transform: translate3d(0, -5%, 0);
 transform: translate3d(0, -5%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes fadeInDownMenu {
 from {
 opacity: 0.5;
 -webkit-transform: translate3d(0, -5%, 0);
 transform: translate3d(0, -5%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*****    
主色 #0275d8 rgba(2, 117, 216, 0.9)   
链接 #0096f3 rgba(0, 150, 243, 0.9)
字体颜色 #444 rgba(68, 68, 68, 0.9)
灰色背景 #f2f2f2

-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;


******/