.banner_box{position: relative;}
.banner{overflow: hidden;position: relative;z-index: 99;width: 100%;}
.banner .swiper-slide a{display: block;background-repeat: no-repeat;background-position: center;height: 890px;}
.bannerhd{z-index: 20;text-align: center;width: 100%;position: absolute;bottom: 205px;}
.bannerhd span,.twoboxswi_hd span{width: 13px;height: 13px;background: #fff;margin: 0 7px;-webkit-border-radius: 100%;border-radius: 100%;}
.bannerhd span.swiper-pagination-bullet-active,.twoboxswi_hd span.swiper-pagination-bullet-active{background: #069be5;}

.index_one{position: absolute;bottom:0;width: 100%;z-index: 99;background: url(../image/h_65.png);padding: 22px 0 20px}
.index_oneswiper{position: relative;overflow: hidden;}
.index_oneswiper .swiper-slide a{display: block;text-align: center;color: #fff;font-family: 'Microsoft JhengHei','Microsoft Yahei';}
.index_oneswiper .swiper-slide a span{display: block;line-height: 30px;}
.index_oneswiper .swiper-slide a span.tit{padding-top: 12px;font-size: 20px;font-weight: 600;}
.index_oneswiper .swiper-slide a span.txt{font-size: 16px;}
.index_oneswiper .swiper-slide a:hover img{-webkit-transform: translateY(-5px);transform: translateY(-5px);	opacity: 0.7;filter: alpha(opacity=70);}
.index_oneswiper .swiper-slide a:hover span.tit{color: #069be5;}

.index_bg{background: #f5f5f5;}
.index_tit{text-align: center;font-size: 30px;color: #1a1a1a;line-height: 35px;}
.index_tit a{color: #1a1a1a;}
.index_two{padding: 100px 0 80px}
.twobox{margin-top: 59px;background: #fff;padding: 30px;margin-bottom: 60px;}
.twoboxswiper{width: 42.6%;position: relative;overflow: hidden;}
.twoboxswiper .swiper-slide a{display: block;}
.twoboxswiper .swiper-slide a span.img{display: block;padding-bottom: 380px;background-position: center;-webkit-background-size: cover;background-size: cover;}
.twoboxswiper .swiper-slide a span.txt{display: block;position: absolute;bottom: 0;width: 100%;background: url(../image/h_50.png) repeat;height: 62px;}
.twoboxswiper .swiper-slide a span.txt i{line-height:60px;color: #fff;display: block;width: 80%;margin: 0 4%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 14px;}
.twoboxswi_hd{position: absolute;right: 8px;bottom: 20px;z-index: 4;}
.twoboxswi_hd span{margin: 0 6px 0;width: 12px;height: 12px;}
.twoboxright{width: 55%;height: 380px;overflow: hidden;}
.twoboxright dl{padding-bottom: 18px;margin-bottom: 13px;line-height: 26px;border-bottom: 1px solid #dbdbdb;}
.twoboxright dt {padding: 5px 0 10px;}
.twoboxright dt a{overflow: hidden;display: block;white-space: nowrap;text-overflow:ellipsis;font-size: 18px;font-weight: bold;color: #069be5;}
.twoboxright dd{font-size: 14px;color: #666;}
.twoboxright ul li{font-size: 16px;line-height: 38px;height: 38px;}
.twoboxright ul li em{float: right;color: #808080;}
.twoboxright ul li i{margin-right: 11px;margin-top: 17.5px;float: left;width: 4px;height: 4px;background: #333;-webkit-border-radius: 100%;border-radius: 100%;display: inline-block;}
.twoboxright ul li span{display: inline-block;width: 75%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;float: left;}
.twoboxright ul li a{display: block;}
.twoboxright ul li a:hover span{color: #069be5;}
.twoboxright dt a:hover{opacity: 0.7;filter: alpha(opacity=70);}
.twoboxright ul li a:hover i,.three_swiper .swiper-slide ul li a:hover i {width: 15px;background: #069be5;-webkit-border-radius: 5px;border-radius: 5px;}
.more{text-align: center;}
.more a{display: inline-block;color: #fff;background: #069be5;line-height: 60px;width: 200px;font-size: 16px;-moz-box-shadow: 0px 3px 7px #069be5;-webkit-box-shadow: 0px 3px 7px #069be5;box-shadow: 0px 3px 7px #069be5;}
.more a:hover{-moz-box-shadow:0px 3px 7px #333; -webkit-box-shadow:0px 3px 7px #333; box-shadow:0px 3px 7px #333;}

.index_three{background: url(../image/img2.jpg) center center no-repeat;position: relative;-webkit-background-size: cover;
background-size: cover;}
.index_three:after{width: 50%;height: 100%;content: '';position: absolute;left: 0;top: 0;background: url(../image/h_40.png);display: block;}
.sec_2_left{width: 39%;float: left;color: #fff;position: relative;z-index: 2;padding: 115px 0 200px;}
.sec_2_left h5 a{font-size: 30px;line-height: 40px;color: #fff;}
.sec_2_left_box{margin-top: 58px;margin-bottom: 109px;font-size: 14px;line-height: 28px;overflow: hidden;text-indent: 2em;}
.sec_2_left_box a{color: #fff;}
.sec_2_left ul{border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);}
.sec_2_left ul li{float: left;margin-left: 18%;text-align: center;padding: 33px 0;}
.sec_2_left ul li:first-child{margin-left: 0;}
.sec_2_left ul li i{font-family: 'Conv_DINCOND-MEDIUM';font-size: 50px;line-height: 50px;}
.sec_2_left ul li p{font-size: 14px;line-height: 28px;}

.three_right{margin-top: 240px;width: 35%;padding: 10px;float: right;background: url(../image/black_22.png) repeat;position: relative;z-index: 3;}
.three_rightbox{background: rgba(255,255,255,0.9);padding:20px 10px;-webkit-box-shadow: 0 0 10px #00265a;box-shadow: 0 0 10px #00265a;}
.three_tabs a{margin-left: 10px;display: inline-block;width: 32.5%;font-size: 16px;line-height: 48px;background: #fff;color: #666;text-align: center;border:1px solid #d4d7da;}
.three_tabs a.active{background: #415fa9;color: #fff;border-color: #415fa9;}
.three_swiper{overflow: hidden;}
.three_swiper .swiper-slide ul{padding-top: 19px;margin-bottom: 12px;min-height: 190px;width: 95%;}
.three_swiper .swiper-slide ul li{float: left;width: 45%;margin-left: 10px;}
.three_swiper .swiper-slide ul li a{display: block;font-size: 16px;line-height: 38px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.three_swiper .swiper-slide ul li a i{margin-right: 11px;margin-top: 17.5px;float: left;width: 4px;height: 4px;background: #333;-webkit-border-radius: 100%;border-radius: 100%;display: inline-block;}
.three_swiper .swiper-slide ul li a span{color: #666;}
.three_swiper .swiper-slide ul li a:hover span{color: #415fa9;}

.index_four{background: url(../image/img3.jpg) center center no-repeat;background-attachment: fixed;padding:156px 0 135px;}
.sec_3_txt{width: 73%;text-align: center;font-size: 16px;color: #4c4c4c;line-height: 26px;margin:33px auto 0;}
.sec_3_txt a{color: #4c4c4c;}
.gallery-thumbs {margin:103px auto 36px;}
.gallery-thumbs span{display: inline-block;width: 100%;text-align: center;height: 40px;line-height: 40px;color: #fff;background-repeat: no-repeat;background-position: center center;-webkit-border-radius: 5px;border-radius: 5px;font-size: 14px;-webkit-background-size: cover;background-size: cover;}
.gallery-thumbs span i{display: block;background: url(../image/h_50.png) repeat;width: 100%;height: 100%;-webkit-border-radius: 5px;border-radius: 5px;}
.gallery-thumbs span.span1{background-image: url(../image/img9.jpg);}
.gallery-thumbs span.span2{background-image: url(../image/img10.jpg);}
.gallery-thumbs span.span3{background-image: url(../image/img11.jpg);}
.gallery-thumbs span.span4{background-image: url(../image/img12.jpg);}
.gallery-thumbs span.span5{background-image: url(../image/img13.jpg);}
.gallery-thumbs span.span6{background-image: url(../image/img14.jpg);}
.gallery-thumbs span.span7{background-image: url(../image/img15.jpg);}
.gallery-thumbs span.span8{background-image: url(../image/img16.jpg);}
.gallery-top{padding: 10px 0;}
.gallery-top li{float: left;width: 22.7%;margin-left: 3%;-moz-box-shadow:0px 3px 7px #555; -webkit-box-shadow:0px 3px 7px #555; box-shadow:0px 3px 7px #555;}
.gallery-top .swiper-slide ul li:first-child{margin-left: 0;}
.gallery-top a{display: block;position: relative;}
.gallery-top .gat_img{display: block;width: 100%;height: 260px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-background-size: cover;background-size: cover;background-position: center;}
.gallery-top a i{position: absolute;background: url(../image/jb.png) left bottom repeat-x;display: block;width: 100%;padding-top: 40px;left: 0;bottom: 0;font-size: 16px;color: #fff;line-height: 43px;height: 43px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.gallery-thumbs li.on span i{background: #4196db;}
.gallery-thumbs li{margin-left: 0.9%;cursor: pointer;width: 11.7%;float: left;}
.gallery-thumbs li:first-child{margin-left: 0;}
.gallery-top a:hover .gat_img{opacity: 0.7;filter: alpha(opacity=70);}
.tab_swiper{overflow: hidden;}

.five_swiper{position: relative;overflow: hidden;margin-top: 40px;}
.five_swiper .swiper-slide a{display: block;position: relative;overflow: hidden;}
.five_swiper .swiper-slide a span{padding-bottom: 160px;display: block;-webkit-background-size: cover;background-size: cover;background-position: center;background-repeat: no-repeat;}
.five_swiper .swiper-slide a:hover{opacity: 0.8;filter: alpha(opacity=80);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.five_next,.five_prev{cursor: pointer;position: absolute;top: 50%;margin-top: -34px;z-index: 2;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.five_next{right: -38px}
.five_prev{left: -38px}
.five_swiper:hover .five_prev{left: 0}
.five_swiper:hover .five_next{right: 0}
.five_next.swiper-button-disabled{display: none;}
.five_prev.swiper-button-disabled{display: none;}


.index_five{padding: 70px 0 85px;}

.tab_0829{margin-top: 90px;position: relative;overflow: hidden;}
.tab_0829 .swiper-slide{-webkit-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #ccc;-webkit-border-radius: 10px;border-radius: 10px;}
.tab_0829 a,.tab_0829 a *{display: block;}
.tab_0829 a{position: relative;}
.tab_0829 a span.gat_img{padding-bottom: 260px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;-webkit-border-radius: 10px;border-radius: 10px;}
.tab_0829 a i{    position: absolute;background: url(../image/jb.png) left bottom repeat-x;display: block;width: 100%;padding-top: 40px;left: 0;bottom: 0;font-size: 16px;color: #fff;line-height: 43px;height: 43px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.tab_0829_hd{margin-top: 80px;width: 100%;text-align: center;}
.tab_0829_hd span{cursor: pointer;width: 13px;height: 13px;background: #fff;-webkit-border-radius: 50%;border-radius: 50%;margin: 0 8px;}
.tab_0829_hd span.swiper-pagination-bullet-active{background: #069be5;}

.indexSix{position:relative;overflow:hidden;display:flex;justify-content: space-between;padding:40px 0;}
.indexSix a,.indexSix a span{display:block}
.indexSix a{text-align: center;color: #333;font-family: 'Microsoft JhengHei','Microsoft Yahei';}
.indexSix a span{line-height: 30px;}
.indexSix a span img{max-width:100%}
.indexSix a span.tit{padding-top: 12px;font-size: 20px;font-weight: 600;}
.indexSix a span.txt{font-size: 16px;}
.indexSix a:hover img{-webkit-transform: translateY(-5px);transform: translateY(-5px);	opacity: 0.7;filter: alpha(opacity=70);}
.indexSix a:hover span.tit{color: #069be5;}

@media screen and (max-width: 1440px){
.sec_2_left ul li{margin-left: 10%;}
}
@media screen and (max-width: 1290px){
	.bannerhd{bottom: 20px}
	.banner{height: auto !important;}
	.banner .swiper-slide a{height: 0;padding-bottom: 50%;-webkit-background-size: cover;background-size: cover;}
	.index_one{position: relative;}
	.index_two,.index_four,.index_five{padding: 50px 0;}
	.twobox{margin: 30px 0;}
	.twoboxswiper,.twoboxright{width: 100%;}
	.twoboxswiper .swiper-slide a span.img{padding-bottom: 70%;}
	.twoboxswi_hd{bottom: 10px}
	.twoboxswiper .swiper-slide a span.txt i{line-height: 40px;}
	.twoboxright{margin-top: 20px;}
	.sec_2_left{padding: 80px 0;width: 45%;}
	.three_right{margin-top: 210px;}
	.three_right{width: 43%;}
	.sec_2_left ul li i{font-size: 35px;}
	.sec_2_left ul li{margin-left: 3%;}
	.gallery-thumbs{margin: 50px auto 30px}
	.sec_3_txt{width: 100%;}
	.gallery-top .gat_img{height: 0;padding-bottom: 70%;}
	.five_swiper .swiper-slide a span{padding-bottom: 51%;}
	
	.tab_0829{margin-top: 6%;}
	.tab_0829_hd{margin-top: 5%;}
	.tab_0829 a span.gat_img{padding-bottom: 70%;}

}
@media screen and (max-width: 991px){
	.gallery-top{display: none;}
	.gallery-thumbs li,.gallery-thumbs li:first-child{width: 23%;margin: 0 1% 1%}
	.indexSix a span.tit{font-size:16px;}
	.indexSix a span.txt{font-size:14px}
}
@media screen and (max-width: 778px){
	.index_one{background: none;}
	.index_oneswiper .swiper-slide a{color: #333;}
	.index_oneswiper .swiper-slide a span img{height: 50px;}
	.index_oneswiper .swiper-slide a span.tit,.indexSix a span.tit{font-size: 15px;}
	.index_oneswiper .swiper-slide a span.txt,.indexSix a span.txt{font-size: 13px;}
	.index_oneswiper .swiper-slide a span,.indexSix a span{line-height: 22px;}
	.banner .swiper-slide a{padding-bottom: 80%;}
	.twobox{padding: 3%;}
	.twoboxright ul li span{width: calc(100% - 120px);font-size: 14px;}
	.twoboxright ul li em,.sec_3_txt a{font-size: 14px;}
	.more a{width: 130px;height: 40px;line-height: 40px;}

	.index_three:after{width: 100%;}
	.sec_2_left{width: 100%;}
	.sec_2_left_box{margin: 20px 0 50px}
	.sec_2_left ul li{margin-left: 0;width: 33.3%;}
	.three_right{margin-top: 0;width: calc(100% - 20px);}
	.sec_2_left{padding: 0;}
	.index_three{padding: 50px 0;}
	.index_two, .index_four, .index_five{padding: 35px 0;}
	.index_four{padding: 35px 0 7% 0;}
	.five_swiper{margin-top: 20px;}
	.index_tit{font-size: 26px}
	
	.indexSix{flex-wrap:wrap}
	.indexSix div{width:50%}
}
@media screen and (max-width: 420px){
	.three_tabs a{width: 44%;}
	.gallery-thumbs li, .gallery-thumbs li:first-child{width: 48%;}
}