.head .navbox .navList a:nth-child(5)::before, 
.head .navbox .navList a:nth-child(5)::after {transform: scale(1);}
.head .navbox .navList a:nth-child(5) {color: #fff!important;}
.map .head .navbox .navList a:nth-child(3),
.newsinfo .head .navbox .navList a:nth-child(4){color: #fff!important;}
.map .head .navbox .navList a:nth-child(3)::before,
.map .head .navbox .navList a:nth-child(3)::after,
.newsinfo .head .navbox .navList a:nth-child(4)::after,
.newsinfo .head .navbox .navList a:nth-child(4)::before{transform: scale(1);}
.navoutwrap .navboxs{width: 1000px;}
.box1{margin-top: 90px;}
.box1 .wrap{width: 1200px;margin: 0 auto;}
.box1 .wrap .chosebox{/*清除ie的默认选择框样式清除，隐藏下拉箭头*/}
.box1 .wrap .chosebox select{width: 378px;height: 60px;float: left;display: block;margin-right: 33px;font-size: 18px;box-sizing: border-box;padding-left: 44px;padding-right: 10px;border: none;background-color: #edf0f2;/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*//*很关键：将默认的select选择框样式清除*/appearance: none;-moz-appearance: none;-webkit-appearance: none;/*在选择框的最右侧中间显示小箭头图片*/background-image: url(../images/use-03.png);background-position: 89.417% center;/*为下拉小箭头留出一点位置，避免被文字覆盖*/padding-right: 11%;background-repeat: no-repeat;}
.box1 .wrap .chosebox select::-ms-expand{display: none;}
.box1 .wrap .chosebox select:last-child{margin-right: 0;}
.box2{margin-top: 74px;margin-bottom: 50px;}
.box2 .wrap{width: 1200px;margin: 0 auto;}
.box2 .wrap li{float: left;width: 378px;margin-right: 33px;margin-bottom: 33px;}
.box2 .wrap li a{display: block;}
.box2 .wrap li .imgbox{width: 100%;overflow: hidden;}
.box2 .wrap li .imgbox img{width: 100%;transition: all .3s;}
.box2 .wrap li .textbox{transition: all .3s;background: #edf0f2;padding: 16px 24px 0 24px;color: #666;border: 1px solid rgba(227, 227, 228, 0.5);border-top: none;}
.box2 .wrap li .textbox .tl{line-height: 56px;font-size: 24px;border-bottom: 1px solid #fff;}
.box2 .wrap li .textbox .more{line-height: 56px;background-position: 95.2% center;background-image: url(../images/use-05.png);background-repeat: no-repeat;}
.box2 .wrap li:hover .imgbox img{transform: scale(1.02, 1.02);}
.box2 .wrap li:hover .textbox{background: #005ba0;color: #fff;}
.box2 .wrap li:nth-child(3n){margin-right: 0;}
.box3{background: #f0f2f5;overflow: hidden;}
.box3 .wrap{width: 1200px;padding: 80px 96px;box-sizing: border-box;margin: 66px auto 144px auto;background: #fff;overflow: hidden;}
.box3 .wrap .title{margin: 77px 0 50px 0;background: url(../images/use-06.png) no-repeat;background-position: left center;padding-left: 53px;font-size: 40px;color: #333;line-height: 40px;}
.box3 .wrap .content{padding: 60px 53px;line-height: 2;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}

.box3 .wrap .content .tl{color: #005ba0;font-size: 16px;}
.box3 .wrap .content .tl span{color: #666;font-size: 14px;}
.box3 .wrap .content .txt{color: #666;}
.box3 .wrap .pagewrap2{margin: 68px 0 178px 0;}
.box3 .wrap .pagewrap2 .left{float: left;width: 858px;color: #4D4D4D;}
.box3 .wrap .pagewrap2 .left a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;-ms-text-overflow: ellipsis;display: block;font-size: 14px;line-height: 14px;margin-bottom: 22px;}
.box3 .wrap .pagewrap2 .left a:last-child{margin-bottom: 0;}
.box3 .wrap .pagewrap2 .right{float: right;width: 150px;height: 50px;display: block;text-align: center;line-height: 50px;background: #005ba0;color: #fff;}
.box3 .wrap .pagewrap2 .right:hover{opacity: .8;}

.box2 .tlbox .etl{color: #ddd;font-size: 48px;line-height: 48px;font-family: Bebas;margin-bottom: 30px;}
.box2 .tlbox .ctl{color: #333;font-size: 32px;line-height: 32px;}
.box2 .tlbox {
    margin-top: 99px;margin-bottom: 50px;
    text-align: center;
}




.index-part3 {
    margin-top: 10%;
    padding-top: 0;margin-left: auto;
	margin-right: auto;}




.index-part3 .img{
  position: relative;
  width: 100%;
}
.index-part3 .img img{
  position: relative;
  width: 100%;
}
.index-part3 .img span{
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  -webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
  -webkit-animation-duration: 4s;/*动画持续时间*/
  -webkit-animation-timing-function: ease; /*动画频率，和transition-timing-function是一样的*/
  -webkit-animation-delay: 0s;/*动画延迟时间*/
  -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
  -webkit-animation-direction: normal;/*定义动画方式*/
  opacity: 0;
  /*-webkit-filter: blur(1px);
     -moz-filter: blur(1px);
     -o-filter: blur(1px);
     -ms-filter: blur(1px);
     filter: blur(1px); */

}
.index-part3 .img span.c1{
  background: #b4c75b; background: rgba(180,199,91,0.5);
  width: 16.2%;
  padding-bottom: 16.2%;
  top: 23%;
  left: 11.4%;
  animation-delay: 1s;
}
.index-part3 .img span.c2{
  background: #5bc762; background: rgba(91,199,98,0.5);
  width: 16.2%;
  padding-bottom: 16.2%;
  bottom: 66.7%;
    left: 59.39%;
  animation-delay: 2s;
}
.index-part3 .img span.c3{
  background: #5ba2c7; background: rgba(91,162,199,0.5);
  width: 10.06%;
  padding-bottom: 10.06%;
  top: 45%;
  left: 43.9%;
  animation-delay:3s;
}
.index-part3 .img span.c4{
  background: #c7a25b; background: rgba(199,162,91,0.5);
  width: 14%;
  padding-bottom: 14%;
  left: 62.6%;
  bottom: 38.4%;
  animation-delay: 1.5s;
}
.index-part3 .img span.c5{
  background: #c75b88; background: rgba(199,91,136,0.5);
  width: 15.2%;
  padding-bottom: 15.2%;
  right: 18.5%;
    bottom: 37.9%;
  animation-delay: 2.5s;
}
.index-part3 .img span.c6{
  background:#4ecf0f; background: rgba(78,207,15,0.5);
  width: 12.59%;
  padding-bottom: 12.59%;
  right: 31.7%;
  top: 32.7%;
  animation-delay: 0.5s;
}
.index-part3 .img span.c7{
  background: #098ae4; background: rgba(9,138,228,0.5);
  background-size: 100%;
  width: 13.2%;
  padding-bottom: 13.2%;
  right: 9.2%;
    top: 47.6%;
  animation-delay: 2s;
}
.index-part3 .img span.c8{
  background: #0be9e1; background: rgba(11,233,225,0.5);
  background-size: 100%;
  width: 9.2%;
  padding-bottom: 9.2%;
  left: 76%;
  top: 36%;
  animation-delay: 1.6s;
}
.index-part3 .img span.c9{
  background: #c7e90b; background: rgba(199,233,11,0.5);
  background-size: 100%;
  width: 9.2%;
  padding-bottom: 9.2%;
  left: 87.9%;
  top: 25.3%;
  animation-delay: 1.8s;
}

.index-part3 .lett{line-height: 30px;display: inline-block;color: #333;padding-left: 26px;position: relative;}

.index-part3 .lett1{background: url(../images/map_icon1.png) left center no-repeat;}






@keyframes ripple {
  0% {
    transform: scale(0);  
    opacity: 0; 
  }
  
  50% {
    transform: scale(1.5,1.5);
    opacity: 1; 
  }
  100% {
    
    opacity: 0; 
  }
}
@-webkit-keyframes ripple {
  0% {
    transform: scale(0);  
    opacity: 0; 
  }
  
  50% {
    transform: scale(1.5,1.5);
    opacity: 1; 
  }
  100% {
    
    opacity: 0; 
  }
}
@-moz-keyframes  ripple {
  0% {
    transform: scale(0);  
    opacity: 0; 
  }
  
  50% {
    transform: scale(1.5,1.5);
    opacity: 1; 
  }
  100% {
    
    opacity: 0; 
  }
}













.join-scrtion3 .list li {
	float: left;}
	.join-scrtion3 .title{
		-webkit-transition: all 0.3s;
      	transition: all 0.3s;
		font-size: 22px;
    	line-height: 35px;
    	text-transform: capitalize;
    	font-family: 'Century Gothic','arial';
	}

.join-scrtion3 .tixi img{width:100%}

	.join-scrtion3 .title span{
		font-size: 30px;
	}
	.join-scrtion3 .tit{
		font-size: 18px;
    	line-height: 30px;
    	margin-bottom: 50px;
    	-webkit-transition: all 0.3s;
      	transition: all 0.3s;
    	position: relative;
    	font-family: '微軟正黑體';
	}


	.join-scrtion3{
		padding: 50px 0;
		width: 1200px;
		max-width: 92%;
		margin: 0 auto;
	}
	.join-scrtion3 .title,
	.join-scrtion3 .tit{
		text-align: center;
	}
	.join-scrtion3 .tit{
		margin-bottom: 40px;
	}
	.join-scrtion3 .list{
		text-align: left;
		width: 100%;
		margin-top: 50px;
		overflow: hidden
	}
	.join-scrtion3 .list li{
		margin-bottom: 20px;
		font-size: 14px;
		color: #444444;
		line-height: 1.7;
		width:33.333%
	}
	.join-scrtion3 .list .mtitle{
		font-size: 20px;
		color: #005ba0;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 13px;
		font-family: '微軟正黑體';
	}
	.join-scrtion3 .list .detaile p{
		padding-left: 18px;
		position: relative;
	}
	.join-scrtion3 .bot{
		margin-top: 50px;
		text-align: center;
	}
	.join-scrtion3 .bot .btitle{
		font-size: 20px;
		color: #333333;
		line-height: 1;
		margin-bottom: 60px;
		position: relative;
		font-family: '微軟正黑體'; 
	}
	.join-scrtion3 .bot .btitle:before{
		display: block;
		width: 1px;
		height: 30px;
		background-color: #d2d2d2;
		content: '';
		position: absolute;
		left: 50%;
		bottom: -45px;
	}
	.join-scrtion3 .bot .fa{
		font-size: 16px;
		color: #282828;
		line-height: 30px;
		margin-bottom:15px;
		font-family: '微軟正黑體';
	}
	.join-scrtion3 .bot .tel{
		font-size: 45px;
		color: #005ba0;
		line-height: 1;
		font-family: 'Century Gothic',arial
	}

@media (max-width:768px){
	
			.box2 .tlbox .etl {
    color: #ddd;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 8px;
}
	.box2 .tlbox .ctl {
    color: #333;
    font-size: 20px;
		line-height: 20px;}


	.index-part3 .img span.c1{top:63%}
	.index-part3 .img span.c3{top:83%}
	.index-part3 .img span.c6{top:62%}
	.index-part3 .img span.c8{top:62%}
	
	.wel-add .mian .title,
	.join-scrtion2 .title,
	.join-scrtion3 .title{
		font-size: 34px;
		line-height: 60px;
	}
	.wel-add .mian .title span,
	.join-scrtion2 .title span,
	.join-scrtion3 .title span{
		font-size: 48px;
	}
	.wel-add .mian .tit,
	.join-scrtion2 .tit,
	.join-scrtion3 .tit{
		font-size: 29px;
		line-height: 45px;
		margin-bottom: 70px;
	}
	.wel-add .mian .tit:before {
	    height: 30px;
	    bottom: -40px;
	}
	.wel-add .mian img {
	    width: 70%;
	    max-width: 794px;
	}
	.wel-add .mian .btn{
		width: 128px;
		margin-top: 40px;
	}
	.wel-add .img {
	    width: 120%;
	    left: -10%;
	}
	.join-scrtion1{
		padding: 40px 0
	}
	.join-scrtion1 .left{
		padding: 30px 0 15px;
	}
	.join-scrtion1 .right{
		padding: 15px 0 30px;
	}
	.join-scrtion1 .left, 
	.join-scrtion1 .right {
	    font-size: 14px;
	    line-height: 1.7;
	    float: left;
	    width: 55%;
	}
	.join-scrtion1 .pic {
	    width: 40%;
	    float: right;
	}
	.join-scrtion2 .tit{
		margin-bottom: 15px;
	}
	.join-scrtion2 .list li {
	    width: 48%;
	    float: left;
	    margin: 30px 4% 0 0;
	}
	.join-scrtion2 .list li:nth-child(2n){
		margin-right: 0
	}
	.join-scrtion2 .list li .box {
	    padding: 20px 15px 20px 55px;
	}
	.join-scrtion3 {
	    padding: 60px 0 80px;
	}
	.join-scrtion3 .list li {
	    float: left;
	    width: 100%;
		
	    margin: 0 0 20px 0;
	    line-height: 1.9;
				text-align: center;

	}
	
	
	.join-scrtion3 .list li:last-child{
		margin-right: 0 !important
	}
	.join-scrtion3 .list .mtitle{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.join-scrtion3 .tit{
		margin-bottom: 50px;
	}
	.join-scrtion3 .bot .btitle {
	    font-size: 24px;
	    margin-bottom: 85px;
	}
	.join-scrtion3 .bot .btitle:before {
	    height: 45px;
	    bottom: -64px;
	}
	.join-scrtion3 .bot .fa {
	    font-size: 16px;
	    margin-bottom: 5px;
	}
	.join-scrtion3 .bot .tel {
	    font-size: 50px;
	}
}


















.pagewrap2{margin-bottom: 132px;}
@media screen and (min-width: 100px) and (max-width: 1024px){
	.box1{margin-top: 44px;}.box1 .wrap{width: 90%;}.box1 .wrap .chosebox select{width: 100%;height: 36px;float: none;margin-right: 0;font-size: 16px;margin-bottom: 3vw;}.box1 .wrap .chosebox select:last-child{margin-bottom: 0;}.box2{margin: 44px auto 0 auto;}.box2 .wrap{width: 90%;}.box2 .wrap li{float: none;width: 100%;margin-right: 0;margin-bottom: 3vw;}.box2 .wrap li .imgbox{width: 100%;height: auto;max-height: 300px;}.box2 .wrap li .textbox{padding: 6px 24px;color: #666;border: 1px solid rgba(227, 227, 228, 0.5);border-top: none;}.box2 .wrap li .textbox .tl{line-height: 32px;font-size: 16px;border-bottom: 1px solid #fff;}.box2 .wrap li .textbox .more{line-height: 32px;background-position: 95.2% center;background-image: url(../images/use-05.png);background-repeat: no-repeat;}.box2 .wrap li:hover .imgbox img{transform: scale(1.02, 1.02);}.box2 .wrap li:hover .textbox{background: #005ba0;color: #fff;}.box2 .wrap li:nth-child(3n){margin-right: 0;}.box3{background: #f0f2f5;overflow: hidden;}.box3 .wrap{width: 90%;padding: 44px 3%;margin: 44px auto;}.box3 .wrap .content{padding: 0 0px;}.box3 .wrap .content .txt{font-size: 14px;line-height: 24px;}.box3 .wrap .title{margin: 0 0 22px 0;background: url(../images/use-06.png) no-repeat;background-size: auto 20px;background-position: left center;padding-left: 30px;font-size: 24px;line-height: 26px;}.box3 .wrap .pagewrap2{margin: 22px 0 44px 0;}.box3 .wrap .pagewrap2 .left{width: 70%;}.box3 .wrap .pagewrap2 .right{width: 30%;max-width: 150px;}.loadmore{margin-bottom: 44px;}.box3 .wrap .pagewrap2 .left a{margin-bottom: 16px;}.box3 .wrap .pagewrap2 .right{height: 44px;line-height: 44px;}
	.box3 .wrap .content img{display: block;max-width: 100%;margin: 0 auto;height: auto !important;}
	.join-scrtion3 .list{margin-top: 0px;}
}

@media screen and (min-width: 640px) and (max-width: 1024px){.box2 .wrap li{width: 48.5%;margin-right: 3%;float: left;}.box2 .wrap li:nth-child(2n),.box2 .wrap li:nth-child(6n){margin-right:0;}.box2 .wrap li:nth-child(3n){margin-right: 3%;}}