/*底部*/
/*.blu{background: #28a7e1; color: #fff;}
.blu a{color: #fff;}*/
/*banner*/
.banner1{width: 100%; height: auto;}
.banner1_sec img{width: 100%; height: auto; display: block;}


.lantit{font-size: 30px; color: #000; text-align: center; margin:66px 0 15px;}
.lanxian{background: url(../images1/bg.png) no-repeat center; height: 5px;}

.custom .t{font-size: 16px; color: #28a7e1; line-height: 25px; text-align: center; margin-top: 50px;}
.custom .in5_main{margin: 70px 0;}



.service1 .t{font-size: 16px; color: #28a7e1; line-height: 25px; text-align: center; margin-top: 20px;}
.service1 .box{margin-top: 60px;}
.service1 .box ul li{float: left;width: 23.5%;margin-right: 2%; text-align: center;vertical-align: middle; border: 1px solid #dfdfdf;}
.service1 .box ul li:nth-child(4n){margin-right: 0;}
.service1 .box ul li .pic{margin-bottom: 33px;}
.service1 .box ul li img{width: 100%; height: auto;}
.service1 .box ul li .t1{font-size: 20px; margin-bottom: 20px;}
.service1 .box ul li .t2{background: url(../images1/bg1.png) no-repeat center; height: 2px; }
.service1 .box ul li .t3{font-size: 14px; color: #777; padding: 0 25px;margin: 25px 0; min-height:57px;}
.service1 .box ul li .t4{ padding:0 55px;line-height: 50px; margin: 55px 0 50px;}
.service1 .box ul li .t4 a{font-size: 16px;display: block;border: 1px solid #28A7E1; border-radius: 50px; color: #28a7e1; background: url(../images1/more.png) no-repeat 85% center;}
.service1 .box ul li .t4 a:hover{color: #fff; background:#28A7E1 url(../images1/more1.png) no-repeat 85% center;}

.service2{margin-bottom: 75px;}
.service2 .t{font-size: 16px; color: #28a7e1; line-height: 25px; text-align: center; margin-top: 20px;}
.service2 .box{text-align: center;}
.service2 .box img{width: 100%;}


.jianjie .box{font-size: 14px;margin: 70px 0;}
.jianjie .box img{width: auto; float: left; margin-right: 9px;}
.jianjie .box p{line-height: 30px;margin-bottom: 30px;}

.news1{margin: 40px 0 30px 0;}
.news1_sec ul li{float: left; width: 31.66%;margin-right: 2.5%; border: 1px solid #dfdfdf; border-radius: 10px;}
.news1_sec ul li:hover{border: 1px solid #28A7E1;}
.news1_sec ul li:nth-child(3n){margin-right: 0;}
.news1_sec .pic{padding: 15px; text-align: center; border-bottom: 1px solid #dfdfdf;}
.news1_sec .pic img{width: 100%;}
.news1_sec .lanxian1{height: 1px;width: 39.4%; background: #28A7E1;}
.news1_sec .t1{margin: 30px 0 15px 0; padding-left: 15px; font-size:16px;color: #c6c6c6;}
.news1_sec .t2{margin-bottom: 50px; padding-left: 15px;}
.news1_sec .t2 a{font-size: 18px; color: #28a7e1;}

.news2_sec ul li{ vertical-align: middle;padding:25px 20px; border-bottom: 1px solid #dfdfdf;}
.news2_sec ul li .t1{font-size: 60px; border-bottom: 1px solid #000;}
.news2_sec ul li .timebox{width: 5.8%; text-align: center;}
.news2_sec ul li .tbox{width: 91%; padding-top: 15px;}
.news2_sec ul li .t2{font-size: 16px; margin-top: 5px;}
.news2_sec ul li .t3{margin-bottom: 25px; }
.news2_sec ul li .t3 a{font-size: 20px; color: #000;}
.news2_sec ul li .t3 a:hover{color: #28A7E1;}
.news2_sec ul li .t4{font-size: 14px;}

.newsmore{margin: 100px auto; text-align: center; width: 180px; line-height: 50px;}
.newsmore a{display: block;font-size: 16px; color: #fff;border-radius: 50px;  background:#28A7E1 url(../images1/more1.png) no-repeat 80% center;}
.newsmore a:hover{border: 1px solid #28A7E1; color: #28A7E1; background:#fff url(../images1/more.png) no-repeat 80% center;}

.join{padding: 50px 0; border-bottom: 1px solid #dfdfdf;}
.join .tit {padding-left: 65px; color: #28A7E1; background: url(../images1/img11.png) no-repeat left center;}
.join .tit .t1{font-size: 30px;}
.join .tit .t2{font-size: 12px;}
.join .tit2{margin-top: 2px; margin-left: 30px;padding-left:30px; border-left:1px solid #dfdfdf ;}
.join .tit2 .t3{font-size: 18px; margin-bottom: 5px;}
.join .tit2 .t4{font-size: 14px;}


.join2{padding: 50px 0;}
.join2 .box ul li{float: left; width: 31.66%; margin-right: 2.5%;padding: 35px 0 55px;  border: 1px solid #dfdfdf; border-radius: 20px; margin-bottom:50px; height:600px;overflow-y: auto; }
.join2 .box ul li:nth-child(3n){margin-right: 0;}
.join2 .box ul li .tit{padding: 0 20px 15px; border-bottom: 1px solid #dfdfdf;}
.join2 .box ul li .tit .t1{font-size: 18px;}
.join2 .box ul li .tit .t2{padding: 0 25px; border-radius: 25px; background: #dfdfdf; font-size: 16px; line-height: 34px;}

.join2 .box ul li .t3{height: 1px; width: 38%; background: #28A7E1;}
.join2 .box ul li .t4{padding: 0 20px;color: #28A7E1; margin-top: 30px;font-size: 14px;}
.join2 .box ul li p{padding: 0 20px;font-size: 14px;}



/*发展*/
.container {margin: 35px 0 75px;}
.container::after {content: '';display: table;clear: both;}
#timeline {background: #fff; position: relative;}
#timeline::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 50%;
  /*margin-left: 6px;*/
  height: 100%;
  width: 3px;
  background: #eee;
}
.timeline-block {position: relative;/*width: 100%;margin: 0 auto;*/}
.timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.timeline-img {
  position: absolute;
  top: 10px;
 background: url(../images1/yuan.png);
  width: 16px;
  height: 16px;
  left: 50%;
  margin-left: -6px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  
}
.timeline-content {
	width: 50%;
  position: relative;
  font-size: 14px;
  color: #000;
  border-radius: 0.25em;
  line-height: 34px;
}
.timeline-content .year{float: right; padding: 0 25px; margin-right: 25px; margin-left:5px;text-align: center;color: #28a7e1;  border: 1px solid #28a7e1; border-radius: 50px; }
.timeline-content .t{float: right; width: auto; }
.timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.timeline-block:nth-child(even) .timeline-content { float: right; /*padding-left: 20px;*/}
.timeline-block:nth-child(even) .timeline-content .year { float: left; margin-left:25px; margin-right: 5px;}
.timeline-block:nth-child(even) .timeline-content .t{ float: left;}



/*响应式样式*/
@media only screen and (max-width:1200px) {

/*.w{
	width:1024px;
}
.head_others .long{
	display: none;
}*/

/*.timeline-content .year{padding: 0 15px; margin-right: 15px; margin-left:5px; }	
.timeline-block:nth-child(even) .timeline-content .year { float: left; margin-left:15px; margin-right: 5px;}
.timeline-block .timeline-content .t {font-size: 13px;}*/
.timeline-block{margin-bottom: 2px;}
.timeline-block .timeline-content .year { float: left; margin-left:25px; margin-right: 5px;}
.timeline-block .timeline-content .t{ float: left;}
.timeline-block .timeline-content{float: left; width: 100%;}
.timeline-block:nth-child(even) .timeline-content {float: left; /*margin-left:25px;*/ /*margin-right: 5px;*/}

#timeline::before,.timeline-img{left: 1%;}

.service1 .box ul li .t4 a{background: none;}
.service1 .box ul li .t4 a:hover{background-image: none;}
}


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

/*.w{
	width:960px;
}*/
.container{margin: 25px 0;}
.lantit{font-size: 25px; color: #000; text-align: center; margin:15px 0;}

.custom .t{margin-top: 20px;}
.custom .in5_main,.jianjie .box{margin: 30px 0;}
.jianjie .box p{margin-bottom: 0;}
.join,.join2{padding: 20px 0;}
.news1{margin: 20px 0;}
.news2_sec ul li{padding: 20px;}
.news2_sec ul li .t3{margin-bottom: 10px;}
.newsmore{margin: 20px auto;}
.news1_sec .t2{margin-bottom: 20px;}
.service1 .box{margin-top: 20px;}
.service1 .box ul li .t1{margin-bottom: 10px;}
.service1 .box ul li .t3{margin: 15px 0;}
.service1 .box ul li .t4{margin: 20px 0;}
.service2{margin-bottom: 20px;}
}


@media only screen and (max-width:960px) {
.banner1{margin-top: 60px;}
.lantit{font-size: 20px; }
.lanxian{background: url(../images1/bg.png) no-repeat center; height: 2px;}
.custom .t{font-size: 14px;}
.jianjie .box img{width: 200px;}
.news1_sec .t1{margin: 15px 0;}
.news1_sec .t2 a{font-size: 16px;}
.news2_sec ul li .t1{font-size: 50px;}
.news2_sec ul li .timebox{width: 7.5%;}
.news2_sec ul li .t3{ margin-bottom: 5px;}
.news2_sec ul li .t3 a{font-size: 18px;}
.service1 .t,.service2 .t,.service1 .box ul li .t4 a{font-size: 14px;}
.service1 .box ul li .t1{font-size: 18px;}
.service1 .box ul li .t4{line-height: 30px; padding: 0 50px;}
.service1 .box ul li .pic{margin-bottom: 15px;}

}

@media only screen and (max-width:780px) {
	.timeline-block .timeline-content .t{ width: 95%; margin-left: 25px;}
	
.join2 .box ul li{width: 100%; margin-right: 0; margin-bottom: 10px; padding: 20px 0;}
.join2 .box ul li .t4{margin-top: 15px;}
.join .tit .t1{font-size: 25px;}
.join .tit2 .t3{font-size: 16px;}
.join .tit2 .t4{font-size: 12px;}
.join .tit2{margin-left: 15px; padding-left: 15px;}
.news2_sec ul li .tbox{width: 87%;}
.news2_sec ul li .timebox{width: 10%;}
.news2_sec ul li .t1{font-size: 40px;}
.news2_sec ul li .t2{font-size: 14px;}
.news2_sec ul li .t3 a{font-size: 16px;}
.service1 .box ul li .t4{padding: 0 20px;}
.service1 .box ul li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
.service1 .box ul li:nth-child(2n+2){margin-right: 0;}
.news1_sec ul li{width: 100%; margin-right: 0; margin-bottom: 10px;}
}

@media only screen and (max-width:480px) {
.join .tit{padding-left: 55px;}
.join .tit2{display: none;}
.join2 .box ul li .tit .t1{font-size: 16px;}
.join2 .box ul li .tit{padding-bottom: 10px;}
.join2 .box ul li{padding: 10px 0;}
.news2_sec ul li .timebox{width: 20%;}
.news2_sec ul li .tbox{width: 100%;}
.service1 .box ul li .t1{font-size: 16px;}
.service1 .box ul li .t3{font-size: 13px; min-height:68px;}
/*.news2_sec ul li .t1{font-size: 30px;}*/
}

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



	
}


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



	
}