@charset "UTF-8";
/* CSS Document */
/*导航*/

#header{ width:100%; height:80px; background:url(../images/top_bj.png) repeat; background-size:cover; color:#fff;  position:fixed; z-index:999;}
.header a{ color:#fff;}

.header{ width:100%;  position:relative;}
.header .logo{ width:20%; height:50px; float:left; margin-left:1%; margin-top:1%;} 
.header .nav{float:right; margin-right:1%;}
.header .nav1 li{ float:left;}
.header .nav1 li:hover .pc_nav2{ display:block;}
.header .nav1 li a{ display:block; padding:0px 40px; height:50px; margin-top:28px; font-size:18px;font-family: "微軟正黑體";	}
.header .nav1 li:hover a{ color:#459882; 
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear}
.header .nav1 i{ font-style:normal; display:none;}

.header .nav1 li .pc_nav2{ position:absolute; top:80px; left:0; z-index:999; width:63%; background:#265347; display:none; padding:50px 0;}
.header .nav1 li .pc_nav2 ul li{ float:none;}
.header .nav1 li .pc_nav2 ul li a{ margin-top:2px; height:26px; font-size:15px;  padding: 0px 22px;}
.header .nav1 li:hover .pc_nav2 ul li a{ color:#fff;}
.header .nav1 li .pc_nav2 ul li a:hover{ text-decoration:underline;}

.header .nav1 li .pc_nav2 .pc_nav_l{ float:left; width:18%; line-height:28px; margin-left:5%; }
.header .nav1 li .pc_nav2 .pc_nav_r{ float:right; width:70%; border-left:1px solid #fff; padding-left:3%;}
.header .nav1 li .pc_nav2 .pc_nav_r_img{ width:40%;float:left;}
.header .nav1 li .pc_nav2 .pc_nav_r_txt{ width:37.5%;float:left;padding-left:3%;}
.header .nav1 li .pc_nav2 .pc_nav_r_txt h3{ font-size:16px; margin-bottom:13px; padding-top:1px; font-weight:normal; color:#fff;}
.header .nav1 li .pc_nav2 .pc_nav_r_txt p{ line-height:25px; font-size:13px;color:#fff;}

.header .lang span{ padding:0 10px;}
.header .lang a{ font-size:12px;}

.header .m_nav2{ display:none;}
.header .m_btn{ width:50px; height:36px; padding-top:18px; position:absolute; right:0; top:0; display:none;}
.header .m_btn span{ display:none; width:20px; height:3px; background:#fff; margin:3px auto;}




#footer{ background:#1A171A; color:#fff;font-family: "微軟正黑體";}
.footer_tt{ width:100%; max-width:1800px; margin:0 auto; padding-top:3%; padding-bottom:1%;border-bottom:1px solid #2F2F2F;}
.footer_t{ width:100%; max-width:1800px; margin:0 auto; padding-top:3%; padding-bottom:1%;}


.footer_l{ width:100%;}
.footer_l h3{font-size:17px;font-weight:normal; letter-spacing:2px; padding-bottom:15px; }
.footer_l i{ display:block; width:15px; background:#2C5F51; height:1px; margin-bottom:15px;}
.footer_l a{ display:block;font-size:14px; color:#ddd; line-height:30px;}
.footer_l li{ margin-right:50px;}

.shop_share span{ position:relative;display:inline-block;width:17.74%; max-width:48px; margin-right:2.5%; margin-top:10px;}
.shop_share span:last-child{ margin-right:0}
.shop_share a{ display:block; padding:12px;}
.shop_share a img{opacity:0.5; display:block;}
.shop_share .img{ display:none; position:absolute; width:118px; bottom:60px; max-width:none;}
.shop_share span:hover .img{ display:block;}


.bq{ width:100%; line-height:35px; font-size:12px; color:#ddd; text-align:center; padding-top:25px;}
.footer_b{ padding:1.5% 0; border-top:1px solid #2F2F2F; text-align:left; color:#5b5a56; max-width:1800px; margin:0 auto;font-family: "微軟正黑體";}
.footer_b span{ padding-left:10px;color:#666;}
.footer_b span a{color:#666;}

/*手机*/
/*平板*/
@media (min-width: 200px) and (max-width: 1300px){
#header{ height:70px;}
.header{ width:100%; height:70px; background:#000; position:fixed; z-index:999;}
.header .logo{  margin-top:0; width:50%; margin-left:4%; height:70px; float:none;}
.header .pc_nav2,.header .search{ display:none;}
.header .m_btn span{ display:block;}
.header .m_btn{ display:block;}

.header .m_nav2{ display:block; overflow:hidden;}
.header .nav1 li:hover .pc_nav2{ display:none;}
.header .nav1 li:hover a{ color:#fff; background:#265347;line-height:45px;}
.header .nav1{ position:relative;}
.header .nav1 i{ display:block; position:absolute; right:5%; top:16px; width:10px; height:5px;-webkit-transition: all 0.8s; transition: all 0.8s; -webkit-transform-origin: center bottom;transform-origin: center bottom}
.header .nav{ float:none; position:absolute; top:70px; left:0; min-width:100%; overflow:hidden; opacity:0;}
.header .nav1 li{ float:none; background:#000;position:relative;}
.header .nav1 li a{padding:0; margin-top:0; line-height:45px; width:100%; text-align:center;  background:#265347; color:#fff;}
.header .nav1 li .m_nav2 li a{ background:#333; border:none;}
.tel{float: left;margin-top:0px;width:0%; display:none; }
.header .lang{ display:none;}
}


@media (min-width: 1250px) and (max-width: 1400px){
.footer_t,.footer_b{ max-width:1200px; }

}

@media (min-width: 992px) and (max-width: 1250px){
.footer_t,.footer_b{ max-width:900px; }
.footer_r{ width:10%;}
.footer_l li{ margin-right:60px;}
}


/*平板*/
@media (min-width: 765px) and (max-width: 1300px){

.footer_t{width:95%; padding-top:7%;margin-left:2%;}
.footer_r{  float: right; padding-top:0%; width:12%;}
.footer_b{ padding:3%;}
.footer_l{ width:auto;}
.footer_l a{ line-height:25px;}
.footer_l h3{ letter-spacing:1px; font-size:15px;}


}


/*手机*/
@media (max-width: 765px){
.header .logo{  margin-top:15px; width:45%; margin-left:1%; height:50px; float:none;}
.header .logo img{max-width:100% !important; height:auto !important;transition:all 300ms ease;}
.tel{float: left;margin-top:0px;width:0%; display:none; }
.footer_t{ width:95%; padding-top:5%; padding-bottom:2%; margin-left:2%;}

.footer_l{ width:100%;}
.footer_l a{ line-height:25px;}
.footer_l li{ margin-bottom:5%; margin-right:0px; margin-left:30px;}
.footer_l h3{ letter-spacing:1px; font-size:15px;}

.footer_r{ width:50%; float: none; clear:both; margin-top:5%; text-align:center; margin:0 auto;}
.ewm{text-align:center;}
.footer_r span{ font-size:13px; }
.footer_b{ line-height:16px; padding:5% 3%;}

.header .nav1a{display:block; padding:5px 23px; height:45px; margin-top:0px; font-size:16px;}
.footer_b .lang span{ display:inline-block;}
}