﻿header{height:75px;background-color:#fff;border-bottom:1px solid #e8e8e8;text-align:center;
	line-height:75px;position:fixed;top:0;left:0;width:100%;z-index:9990;}
header .btn{position:absolute;top:0;width:50px;height:75px;background-size:45%;background-position:center;
	background-repeat:no-repeat;}
header .btn:hover{background-color:#59e0a6;}
header .header_menu{background-image:url(../images/menu_ico.png);left:10px;}
header .header_search{background-image:url(../images/search_ico.png);right:0px;width:28px;background-size:24px;}
header a.lang_en{position:absolute;top:0;right:28px;width:36px;height:75px;background-size:45%;background-position:center;background:#fff!important;}
header a.lang_en img{width:20px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
header .logo{display:inline-block;background:url(../images/logo_2.jpg) no-repeat;width:220px;height:38px;
	text-indent:-9999em;background-size:cover;vertical-align:middle;}
	

/* page_menu */
.page_menu{width:100%;height:100%;background-color:#fff;overflow:auto;overflow-x:none;
	position:fixed;z-index:9990;top:0;left:-100%;}
.page_menu .close_bar{height:50px;line-height:50px;overflow:hidden;position:absolute;top:0;left:0;
	width:100%;background-color:#fff;border-bottom:1px solid #c7c7c7;text-align:right;}
.page_menu .close_bar a{background:url(../images/menu_close_btn.jpg) no-repeat;width:25px;height:25px;
	background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.page_menu .close_bar a:hover{transform:rotate(180deg);}
.page_menu .menu_list{width:100%;margin-top:50px;}
.page_menu .menu_list li h3{height:65px;line-height:65px;font-size:18px;position:relative;
	border-bottom:1px solid #e8e8e8;}
.page_menu .menu_list li h3 a{color:#383838;text-decoration:none;padding-left:20px;display:block;}
.page_menu .menu_list li h3 i{background:url(../images/menu_list_ico.png) center no-repeat;background-size:cover;
	position:absolute;right:25px;width:19px;height:19px;top:50%;margin-top:-10px;transition:transform ease-in 0.3s;}
.page_menu .menu_list li h3:hover a , .page_menu .menu_list li h3.cur a{color:#59e0a6;}
.page_menu .menu_list li h3.cur i{transform:rotate(180deg);}
.page_menu .menu_list li .con{background-color:#f8f8f8;padding:20px;display:none;}
.page_menu .menu_list li .con p{line-height:37px;}
.page_menu .menu_list li .con p a{color:#383838;font-size:15px;display:block;}
.page_menu .menu_list li .con p a:hover , .page_menu .menu_list li .con p a.cur{text-decoration:none;color:#59e0a6;}


/* search_bar */
.search_bar{position:fixed;z-index:999;height:70px;line-height:70px;background-color:#f1efec;
	width:100%;top:71px;left:0px;overflow:hidden;display:none;}
.search_bar .in{padding:15px 10px;}
.search_bar ul{height:40px;}
.search_bar ul li{float:left;height:40px;line-height:40px;}
.search_bar ul li:first-child{width:75%;}
.search_bar ul li:last-child{width:25%;}
.search_bar ul li input  , .search_bar ul li a{vertical-align:middle;}
.search_bar ul li input{height:40px;line-height:40px;background-color:#fff;text-indent:10px;font-size:16px;color:#666;
	border:0;width:100%;}
.search_bar ul li a{display:block;width:100%;height:40px;line-height:40px;text-align:center;text-decoration:none;
	font-size:14px;background-color:#59e0a6;color:#fff;}


/* footer */
footer{background-color:#f4f4f4;padding:20px;}
footer h6{text-align:center;margin-bottom:35px;}
footer h6 i{display:inline-block;background:url(../images/footer_ico.png) no-repeat;
	width:24px;height:10px;background-size:cover;}
footer p{line-height:28px;text-align:center;}
footer p a{color:#000;font-size:13px;margin:0 15px;}
footer p a:hover{text-decoration:none;color:#ffa1bb;}
footer h5{color:#666;font-size:13px;padding-top:10px;text-align:center;}


/* top_ico */
.top_ico{position:fixed;right:10px;bottom:10px;width:50px;height:50px;z-index:900;border-radius:100%;
	background:#59e0a6 url(../images/top_ico.png) center no-repeat;background-size:60%;display:none;}
	
.more_btn_body{background-color:#fff;border-top:15px solid #f9f9f9;border-bottom:15px solid #f9f9f9;padding:25px 0;
	text-align:center;}
.more_btn_body a{display:inline-block;width:135px;height:40px;line-height:40px;
	text-align:center;border:1px solid #333;color:#333;font-size:14px;}
.more_btn_body a:hover{text-decoration:none;background-color:#ffa3bc;color:#fff;}


@media only screen and (max-width : 320px) {
header .logo{width:207px;height:31px;}
}