@charset "utf-8";



html,body { font:400 14px/21px "微軟正黑體","Microsoft Yahei",Helvetica,Arial,sans-serif; background:#fefefe; }
body { }

a:hover { text-decoration:none !important; }


.serach_box{/*left: 20%;*/position: relative;}


.top_soical {float: left;}
.top_soical a{margin-right: 10px;display: inline-block;}
.top_soical .fa{font-size: 20px;color: #fff;}
#nav { margin-top:20px; padding-left: 0; }
#nav > li { float:left; list-style:none; margin-left:35px; }
#nav > li > a { display:block;line-height:40px; font-size:16px;color:#fff; transition:all .5s; position:relative; }
#nav > li > a:before { position:absolute; left:50%; right:50%; content:''; bottom:-2px; height:2px; background:#24618b; transition:all .5s; }
#nav > li > a:after { position:absolute; right:50%; left:50%; content:''; bottom:-2px; height:2px; background:#24618b; transition:all .5s; }
#nav > li > a.top-a.active,#nav > li > a.top-a:hover {color:#fff;  }
#nav > li > a.top-a.active:before,#nav > li > a.top-a:hover:before { right:0; }
#nav > li > a.top-a.active:after,#nav > li > a.top-a:hover:after { left:0; }

.lang-box { margin-top:50px; border-left:solid 1px #ccc; }
.lang-box a { display:inline-block; transition:all .5s; margin:0 5px 0 5px; width:30px; height:30px; line-height:30px; text-align:center; color:#999;}
.lang-box a.active,.lang-box a:hover { }

.index-part1 .uk-dotnav { padding-right:5%; }
.index-part1 .uk-dotnav>.uk-active>* { transform:none !important; }
.index-part1 .uk-dotnav .uk-active a { background:#fccb02; }
.index-part1 .uk-dotnav a { width:10px !important; height:10px !important; }
.index-part1 .uk-slideshow li {  }
.index-part1 .uk-slideshow li .bg{ position:absolute; background:rgba(0,0,0,.2); left:0; right:0; top:0; bottom:0; }

.index-part2 { position:relative; padding-bottom:60px; }
/*.index-part2:before { content:''; background:url('../images/2.png') repeat; position:absolute; left:0; right:0; top:0; bottom:0; }*/
.index-part2 .left-box { position:relative;background:url('../images/bg1.png') no-repeat center top; background-size:cover; padding:3%;  }
.index-part2 .left-box>div { color:#fff; }
.index-part2 .left-box>div .title { border-bottom:solid 1px #fff; margin:5% 0 5% 0; font-size:30px; padding-bottom:20px; color:#fff; }
.index-part2 .left-box>div .info { font-size:14px; line-height:30px; }

.index-part2 .uk-grid>div { margin-top:-30px; position:relative;}

.index-part3 { position:relative; padding:2% 0 6%; }
.index-part3 .uk-container{padding: 0 100px!important;}
.index-part3 .uk-grid>div { position:relative; }
.index-part3:before { content:''; background:#1e3b52; top:0; left:0; right:0; height:90%; position:absolute; }
.index-part3 .left-box fieldset { border:solid 1px #cd8e64; }
.index-part3 .left-box legend { font-size:30px; color:#cd8e64; padding:0 20px; }
.index-part3 .left-box .title { color:#ffd7bc; font-size:18px; padding:20px; line-height:30px; font-style:italic; }
.index-part3 .left-box .info { line-height:30px; font-size:16px; margin-top:20%; color:#fff; }
.index-part3 .right-box>div { border-radius:100px; overflow:hidden; margin:0 5%; }

footer { background:#042339; color:#fff; line-height:30px; padding:10px 0; }
footer a { color:#fff; text-decoration:underline; }

.video-img { cursor:pointer; }
.video-img:hover { box-shadow:0 0 30px #999; }

#top { background:#042339; color:#fff; text-align:right; line-height:40px; }

header { height:80px; background:#175483; position:relative; }


/*#logo { padding-left:10%; background:#175483; position:absolute; left:0; top:0; }*/
#logo img { max-height:80px;padding: 5px 0; }
.more-btn1 { position: absolute; right: 0; bottom: 0;    border: solid 1px #000;
    padding: 0 25px;
    line-height: 35px;
    font-size: 16px;
    color: #000;
    transition: all .5s;
    width: fit-content;}
.more-btn1:hover { background:#000; color: #fff; }
.p-img-box { /*padding-top:3%; padding-bottom:3%; box-sizing:border-box; height: 381px; margin-top:2.8%;*/}
.p-content { color:#000; box-sizing:border-box; position: relative; }
.p-content .title { color:#b61c2a; font-weight:bold; margin-bottom: 5px; }
.p-content .des {}
.p-content .property_jg b {font-size: 18px; margin-top:20px;}

.index-part4 .item { position:relative;  }
.index-part4 .item>a{display: block;}
.index-part4 .item .img {min-height: 400px;}
.index-part4 .item .info { position:absolute; bottom:0; left:0; right:0; padding:10px 20px; }
.index-part4 .item .info:before { position:absolute; width:100%; height:100%; content:'';  bottom:0; left:0; right:0; background:linear-gradient(to top,#335470,#6d99c5); opacity:.9; }
.index-part4 .item .info * { color:#fff; position:relative; }
.index-part4 .item .info .field1 {transition: all .5s; height: 0; overflow: hidden;}
.index-part4 .item:hover .field1 {height: 42px;}
.index-part4 .item .info .title { margin-bottom:5px; }

.title-box { border-bottom:solid 1px #06253d; line-height:40px; }
.title-box .title { border-left:solid 3px #06253d; color:#06253d; padding-left:15px; font-weight:bold; margin:0 0 0 10px; }
#mobile_bar i.fa { color:rgba(255,255,255,.9); position:absolute; right:5px; top:20px; font-size:40px; }

.aa1 { position:absolute;width:80%;left:50%;top:50%;transform:translate(-50%,-50%); }

.services_box1 {background:#fff;padding:3%;line-height:30px;margin-bottom:10px;color:#666;text-align:center;}

footer ul{padding: 0;list-style-type: none;}
footer li{padding: 0;list-style-type: none;}
footer a{text-decoration: none;}
footer h3{color: #fff;text-decoration: none;margin-top: 15px;}
footer table td{vertical-align: top;min-width: 50px;}



.desktop_footer{display: block;}
.mob_footer{display: none!important;padding: 10px;}
.mob_footer .fa{
    padding: 10px;
    background: #333740;
    color: #fff;
    transition: 1s ease;
}
.mob_footer a:hover{color: #fff;background: #333;}


@media screen and (min-width: 1367px) {
	/*.uk-container { max-width:80% !important; }*/
}

@media (max-width: 960px) {
    .nav_padding{padding: 10px 15px!important;}
    .mob_phonea a{display: inline!important;}
    .index-part2 .left-box{padding: 6% 10%!important;}
    .video-img{width: 100%!important;}
    .index-part3 .uk-container{padding: 15px!important;}
    footer .top_soical a:nth-child(1) i{background: #3b5998;}
    footer .top_soical a:nth-child(2) i{background: #ff0000;}
    footer .top_soical a:nth-child(3) i{background: #4fc134;}
    .index-part3 .left-box .info{margin-top: 10px!important;}
    .mob_flogo img{width: 80%;display: block;margin: 0 auto;}
    footer{padding: 25px;}
    .desktop_footer{display: none!important;}
    .mob_footer{display: block!important;}
    #header-box {position: static !important;}
    #logo {margin-bottom: 0;}
    .index-part2 .left-box>div .title {font-size: 24px; margin:-5px 0 10px 0; padding-bottom: 10px; font-weight: 600;}
    .index-part2 .left-box>div .info {font-size: 14px; line-height: 25px; font-weight: 400;}
    .index-part4 .uk-h1 {margin-top: 40px; margin-bottom: 20px !important;}
    .services_box1 {padding:0; text-align: justify;}
    .uk-margin-large-bottom {margin-bottom: 20px !important;}
    .index-part2 {padding-bottom: 0;}
    .index-part3.uk-margin-large-top {margin-top: 0 !important;}
    .index-part2 .right-box > img { padding: 20px 0 !important; }
}

@media screen and (min-width: 961px){
    .desktop_hidden{display: none;}
    .video-img{width: 75%;}

}
@media (max-width: 960px) {
    .mob_display{display: none;}
    .desktop_hidden{display: block;margin-top: 30px;}
		.serach_box{left: 0;}

	.index-part2 .uk-grid>div { margin-top:0 !important; }
	.index-part2 .uk-container,.index-part4 .uk-container,header .uk-container { padding-left:0 !important; padding-right:0 !important; }
	.index-part4 .uk-h1 { text-align:center; }
	.uk-flex { display:block !important; }
	.big_icon:not(.last):after { display:none; }
	#aa2 { margin-left:0; }
    .myhide {display: none;}
    .mybr {display: block;}
}


@media screen and (min-width: 960px)  and (max-width: 1220px) {

}
@media screen and (max-width: 1220px) and (min-width: 960px)  {
}