@charset "utf-8";
body{
	margin: 0;
	font-family: open sans,helvetica neue,microsoft yahei,Helvetica,Arial,sans-serif;
	background: #ececec;
}
img {border:none;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix,.note_btn,article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
* html .clearfix {height: 1%;}
div.bk{clear:both;}
.must{color:#DD1137;}
.n_link{color:#0DABD3;}
#main01{
	position:relative;
	width:100%;
	overflow:hidden;
}
.logo img,.banner,.banner img,.footer_box{width:100%}
.in_m h1{font-size:1.5em;color:#333;line-height: 2em;}
.main_m h1{
	font-size: 1.2em!important;
    color: #333;
    line-height: 2em;
    margin: 0;
    padding: 0 2%;
    text-transform: uppercase;
}
.main_m h1 .en{font-size:.8em !important;line-height: 1.5em !important;}
h2{
	font-size:1.2em;
	color:#09c;
	line-height: 2em;
	text-transform: uppercase;
}
p{font-size:1em;line-height: 2em;}
.contact{
	margin:0;
	padding:0;
	width:100%;
	background: #18b3c5;
}
.contact_b p{color:#09c;font-size: 1.5em;line-height: 2em;}
.contact_b p .en{font-size: .8em !important;line-height: 1.5em  !important;}
body ul{margin:0;padding:0;}
ul {list-style: none;display: block;}
a{color:#fff;text-decoration: none;}
body h2, body ul, body li, body p {
    margin: 0;
    padding: 0;
}
.form-control{
	width:100%;
	height:40px;
	border:1px solid #ccc;
	font-size:1em;
	color:#666;
	font-family: "Microsoft JhengHei"!important;
	padding:0 0 0 2%;
}	
.store_btn hover,.store_btn_act hover{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.8s ease, opacity 0.8s ease;
	transition: transform 0.8s ease, opacity 0.8s ease;
}
.store_up{margin:2%;}
.store_pr h1{padding:0;margin:0 0 0 1.5%;font-size:1em;line-height: 2em;}
.store_pr .font05{padding:0;margin:0 0 0 1.5%;font-size:.85em;line-height: 2em;}
.ad_top{
	background: url(../images/top.png);
	height: 56px;
	width: 55px;
}
.ad_top:hover{background-position: bottom;}
.ti01{background: url(../images/store_ti_01.png) no-repeat;}
.ti02{background: url(../images/store_ti_02.png) no-repeat;}
.store_pr ul{margin:0;display: block;padding:0;}
.store_add{background: url(../images/store_add.png) no-repeat;}	
.store_tel{background: url(../images/store_tel.png) no-repeat;}
.store_add a,.store_tel a{color:#898989;text-decoration: none;}
.store_add a:hover,.store_tel a:hover{color:#1A8FE4;text-decoration: underline;}
.page_icon{
	background: #3ad0d1;
	float:left;
	width:40px;
	height:40px;
	margin:5% 5px 10% 5px;
	text-align: center;
	color:#fff;
	line-height: 40px;
	font-weight: bold;
	cursor: pointer;
	border-radius:0 40%;
}
.page_icon1{
	background: #f39e41;
	float:left;
	width:40px;
	height:40px;
	margin:5% 5px 10% 5px;
	text-align: center;
	color:#fff;
	line-height: 40px;
	font-weight: bold;
	cursor: pointer;
	border-radius:0 40%;
}
.page_money{
	color:#666;
	font-size:.8em;
	text-align: center;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.store_pr ul li a{
    background: #9c9794;
    color: #fff;
}
.store_pr ul li a:hover,.store_pr ul li a:active{
    background: #736d69;
    color: #ff0;
}
.pri_txt {color:#333;}
.pri_txt:hover{color:#09c;}
.index_product_box .filter_box{width: 100%;}
.index_product_box {
    width: 100%;
    padding:3% 0;
}
.index_product_box .title{
	width: 100%;
	text-align: center;
	color: #595650;
}
.index_product_box .title_tw{
	font-size:2em;
	line-height:2em;
	font-weight: bold;
}
.index_product_box .title_en{
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: normal;
}
.index_product_box .title_en:after{
	content: "";
	display: block;
	background: #3AD0D1;
	width: 120px;
	height: 4px;
	margin: 8px auto 32px;
}
.ul_1 {margin:8% 0 0 0;}
#lens1_p1,#lens1_p2,#lens1_p3,#lens1_p4{margin:3% 0 0 0 !important;}
.li_1_pic img{
	width:100%;
	border-radius:10px 10px 0 0;
}
.li_1_pic {
	width:100%;
	margin:0 auto;
	background: #ececec;
	border-radius:10px 10px 0 0;
}
.li_1_day {
    font-size: .9em;
    font-weight: bold;
    letter-spacing: 1px;
    color:#7caee0;
    line-height: 1.5em;
    margin:1% 4%;
}
.li_1_in{margin:0 4% 5% 4%;}
.li_1_in p{color:#666;font-size:.9em;line-height: 1.8em;}
.li_1_in a{color:#008080;}
.li_l_btn{ 
	border-radius: 0 0 10px 10px;
    text-align: center;
    font-size: 1em;
    line-height: 3em;
    border: 1px solid #ececec;
    color: #666;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    background: #3899c7;
}
.li_l_btn:hover{ 
	background:#40bee4; 
	color:#fff;
}
.scroll{top: -126px;}
.no-scroll{top: 0;z-index: 9999;}
.spinner-master input[type=checkbox]{display: none;}
.menu{
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
}
.menu > li > ul.sub_menu{
  min-width: 10em;
  padding: 4px 0;
  background: #f4f4f4;
}
.menu ul li a{
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 1em;
	cursor: pointer;
}
.menu ul ul > li a:hover,.menu ul ul ul > li a:hover{color: #666;background: #fff;}
.en{font-size:.9em !important;color:#999 !important;}
.co_email {
    font-size: 1.5em;
    font-weight: bold;
    color: #fbf287;
    margin:0 0 5% 0;
}
.co_ti,.co_time {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    line-height: 1.5em;
    letter-spacing: 2px;
}
.co_email :after{
	content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin: 25px 0;
}
.font1{ 
	width: 90%;
    height: 50px;
    border: 2px solid #ececec;
	padding:0 2%;  
	font-family: open sans,helvetica neue,microsoft yahei,Helvetica,Arial,sans-serif;
}
.remarks {
    width: 90%;
    height: 165px;
    padding:2%;
	border: 2px solid #ececec;
	font-family: open sans,helvetica neue,microsoft yahei,Helvetica,Arial,sans-serif;
}
.contact_table table td{
	padding:1%;
	font-size:.85em;
	line-height:1.5em;
	color:#666;
}	
.co_btn:hover {
    color: #3ad0d1;
    background: #fff;
}
.co_btn p {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 4px;
    padding: 12px 75px;
}
/**/
.in_m img{width:100%;}	
.in_m p{color:#666;}
.box{
	margin: 2% 0;
    background: #fdf9f9;
    padding: 2%;
}
.cen_box_img img{width:100%;}
.cen_box_img:hover{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.ce04 h1{color:#94c43c;text-align:center;font-size:1em;}
.ce03 h1{color:#ec6d78;text-align:center;font-size:1em;}
.ce01 h1{color:#58bedc;text-align:center;font-size:1em;}
.ce02 h1{color:#f49f41;text-align:center;font-size:1em;}
@media screen and (min-width:1200px){
#bg{background: #fff;padding:0 0 5% 0;border-bottom:1px solid #ccc;}
#wrapper{width:1100px;margin:0 auto;}		
#container{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.li_1,.li_2 {
	float:left;
    width: 30.1%;
    display: inline-block;
    vertical-align: top;
    margin: 2% 1.5%;
    border: solid 1px #ececec;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;	
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.li_1_ti{font-size:1.2em;margin:2%;text-align: center;color:#333;height:30px;}
.li_1_ti_en{font-size:1em;margin:2%;text-align: center;color:#666;height:30px;}	
.li_1_txt {
    padding:3%;
    background: #FFF;
    border-radius: 10px;
	min-height:100px;
}
.li_1_txt1 {
    padding:3%;
    background: #FFF;
    border-radius: 10px;
	height:200px;
}
.li_1_pic{min-height: 200px;}
.pri_box{
	background: #c3c5c7;
	width:100%;
	height:50px;
	margin:0 0 2% 0;
}
.pri_box1{
	background: #c3c5c7;
	width:100%;
	height:50px;
	margin:1% 0;
}	
.pri_m{width:70%;margin:0 auto;}
.pri_ti{
	color: #fff;
    background: #2cb2daa1;
    border-top: 3px solid #ccc;
    float: left;
    text-align: center;
    line-height: 47px;
    padding: 0 1%;
    font-size: 1em;
}
.pri_txt_b{
	float: left;
    width: 80%;
}
.pri_txt{
    background: url(../images/store_line.png) #f5f5f5 no-repeat right;
    float: left;
    margin: 1%;
    border-radius: 5px;
    height: 28px;
    padding: 3px 4% 0 1%;
    line-height: 1.5em;
    display: block;
    font-size: 1em;
}
.cellphone,.header_box_phone,.index_menu{display: none;}
#gotop{
 	display: none;
	position: fixed;
    right: 100px;
    bottom: 100px;       
    cursor: pointer;
    z-index: 999;
}
.header_box {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10000;
	background: rgba(0,0,0,0.8);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);	
}
.index_menu{display: block!important;}	
.index_menu ul {
    width: 100%;
	overflow: hidden;
}
.index_menu ul li.index_menu_text_bg1 {background: #58bddb;}
.index_menu ul li.index_menu_text_bg2 {background: #f39e41;}
.index_menu ul li.index_menu_text_bg3 {background: #eb6d78;}	
.index_menu ul li.index_menu_text_bg4 {background: #93c33c;}
.index_menu ul li.index_menu_text_bg1:hover {background: #79c2d9;}
.index_menu ul li.index_menu_text_bg2:hover {background: #eda967;}
.index_menu ul li.index_menu_text_bg3:hover {background: #e06d77;}	
.index_menu ul li.index_menu_text_bg4:hover {background: #a1c763;}	
.index_menu ul li {
    width: 25%;
    float: left;
    color: #fff;
    padding: 1% 0;
    text-align: center;
}	
.index_menu .index_menu_text_tw {
    font-size: 1.2em;
    line-height:1.8em;
    letter-spacing: 0;
}	
.index_menu .index_menu_text_en {
    font-size: .8em;
    line-height: 1em;
    font-weight: 100;
	letter-spacing: 0;
}	
.menu_top{	
	color:#fff;
	height:35px;
	font-size:.8em;
	line-height:35px;
	width:70%;
	padding:0 15%;
	margin:0 auto;
	overflow: hidden;
	background: #000;
}
.menu_top a{color: #fff;text-decoration: none;}
.menu_top a:hover{color: #FF0;}
.p_logo,.menu_top_link{float:left;}
.menu_top_lan{float:right;}
.header_box_up_ul{float: right;padding:.8% 0;}
.header_box_up_ul li{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 1px;
	float:left;
}
li.header_box_up_line{
	width: 1px;
	height: 15px;
	background: #fff;
	margin: 0 9px;
}
.header_box_up_list div{
	display: inline-block;
	vertical-align: middle;
}
.header_box_up_list div.text{margin: 0 0 0 5px;}
.header_box_up_list div.img2 {
    width: 13px;
    height: 14px;
    background: url(../images/header_ig_icon.png) no-repeat;
}	
.header_box_up_list div.img3 {
    width: 13px;
    height: 14px;
    background: url(../images/header_fb_icon.png) no-repeat;
}	
.header_box_up_list div.img4{
	width: 13px;
	height: 15px;
	background: url('../images/header_remem_icon.png') no-repeat;
	float:left;
}	
.header_box_up_list div.img5{
	width: 13px;
	height: 14px;
	background: url('../images/header_phone2_icon.png') no-repeat;
	float:left;
}
.header_box_up_list:hover div.img2{
	width: 13px;
	height: 15px;
	background: url('../images/header_ig_icon_hover.png') no-repeat;
}	
.header_box_up_list:hover div.img3{
	width: 13px;
	height: 15px;
	background: url('../images/header_fb_icon_hover.png') no-repeat;
}
.header_box_up_list:hover div.img4{
	width: 13px;
	height: 15px;
	background: url('../images/header_remem_icon_hover.png') no-repeat;
}
.header_box_up_list:hover div.img5{
	width: 13px;
	height: 14px;
	background: url('../images/header_phone2_icon_hover.png') no-repeat;
}
.header_box_up_phone:hover .text,.header_box_up_list:hover .text{color: #00cccc;}		
.header_box_down{
	background: rgba(255,255,255,1);
	padding:8px 0 0 0;
}	
.wrapper {
    width: 70%;
	margin: 0 auto;
}	
.header_box_down .logo_box {
    display: inline-block;
    vertical-align: middle;
	float:left;
}
.header_box_down .nav {
    float:right;
	display: inline-block;
    vertical-align: middle;
}
.header_box_down .nav_ul {width: 100%;}
.header_box_down .nav_ul .nav_list {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: center;
    color: #2c2c2c;
    padding: 15px 20px;
    transition: ease-in-out .3s;
    -moz-transition: ease-in-out .3s;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
}
.header_box_down .nav_ul .nav_list_tw {
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 2px;
}	
.header_box_down .nav_ul .nav_list_en {
    font-size: .8em;
    font-weight: bold;
	letter-spacing: 0;
}	
.header_box_down .nav_ul .nav_list:hover{background:#e89441;color:#fff}	
.page_title_box {
    width: 100%;
    height: 0;
    background: url(../images/page_title_bg.png) no-repeat;
    background-size: cover;
    overflow: hidden;
	padding:120px 0;
    background-position: 50% 100%;
}	
.page_title {
	display: inline-block;
    vertical-align: middle;
    float: left;
	padding:1%;
	color:#fff;
}
.page_title_tw {
    font-size: 1.5em;
    line-height:1.5em;
}
.page_title_en {
    font-size: .8em;
    line-height:1.5em;
	text-transform: uppercase;
	letter-spacing: 0;
}
.page_title_bread {
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 16px;
    color: #afafaf;
	margin:2.5% 1%;
}
.page_title_bread_list {
    display: inline-block;
    vertical-align: middle;
	float:left;
}
.main_m1 {
    width: 65%;
    margin: 0 auto;
	min-height: 500px;
}	
#main_box{position: relative;}	
.main_b_in{width:60%;margin:3% auto 5% auto;}	
.main_b_in img {width:100%;height:auto;}
.main_b_in >:nth-child(1),.main_b_in >:nth-child(2),.main_b_in >:nth-child(3),.main_b_in >:nth-child(4){float:left;width:23%;height:10vw;margin:0 1%;}
.main_b_in >a{position:relative;}
.main_b_in >a:hover>:last-child{position: absolute; top:0;left:0;}			
.in_m{
   /* height: 800px;*/
    padding:5%;
    line-height: 1.7;
    border: solid 2px #ececec;
    overflow: auto;
    margin:5% auto;
}	
.filter_b{
	width:100%;
	margin:0 auto;
	vertical-align: middle;
}
.filter_b ul{
	width:100%;
	text-align: center;
	border: solid 2px #3AD0D1; 
    border-radius: 30px;
	padding: 12px 0;
}
.filter_b .filter_b_list{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.filter_b .filter_b_list a{color: #333;}
.filter_b .filter_b_list a:hover{color: #3ad0d1;}
.filter_b .line_div{
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 15px;
	background: #3AD0D1;
	margin: 0 20px;
}	
#main_box form{	
	width: 65%;
	margin:0 auto;
	padding:2% 0;
}
.form-group,.form-group1{
	float:left;
	width:23%;
	margin:0 1%;
}
.main_m{
	width: 1100px;
	margin:0 auto;
}
.m_title{display:block;height:30px;}
.m_ti{color:#666;float:left;margin: 0 0 0 1%;}
.no_ti{color:#E03943;float:right;font-size:1em;margin: 0 1% 0 0;}	
.main_store{
	margin:1%;
	background: #fff;
	border-radius: 10px;
	border:1px solid #ccc;
	color:#706e6b;
	box-shadow: 1px 1px 5px 1px #ccc;
	position: relative;
}	
.store_ti{
	float:left;
	height:34px;
	padding: 6px 0 0 6%;
	width:20%;
	font-size:1em;
	display: block;
	color:#31383d;
	font-weight: bold;
}
.store_add{
	float:left;
	padding: 6px 0 0 4%;
	width:32%;
	font-size:1em;
	line-height:1.5em;
	display: block;
}
.store_tel{
	float:left;
	height:28px;
	padding: 6px 0 0 4%;
	width:22%;
	font-size:1em;
	display: block;
}
.store_btn{
	float:right;
	width:10%;
	background: #534741;
	color:#fff;
	line-height: 2em;
	font-size:.9em;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
}	
.store_btn_act{
	float:right;
	width:10%;
	background: #826659;
	color:#fff;
	line-height: 2em;
	font-size:.9em;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
}	
.store_pr{
	background: #f2f1f1;
	padding:.5% 2%;
	clear:both;
	border-radius: 0 0 10px 10px;
}
.store_pr ul li{
	float:left;
	background: #9c9794;
	padding:.8%;
	margin:.5%;
	font-size:.9em;
	line-height: .9em;
	color:#fff;
	border-radius: 5px;
}
.main_page{
	width:310px;
	height:80px;
	margin:3% auto 0 auto;
	clear:both;
	border-top:1px solid #ccc;
	display: flex;
	flex-direction: column;
}
	.page_box{
		display: flex;
        justify-content: center;
        margin: 5% 0;
	}
.main_page1{
	width:150px;
	height:80px;
	margin:3% auto 0 auto;
	clear:both;
	border-top:1px solid #ccc;
}
.main_page2{
	width:100px;
	height:80px;
	margin:3% auto 0 auto;
	clear:both;
	border-top:1px solid #ccc;
}
.main_page3{
	width:200px;
	height:80px;
	margin:3% auto 0 auto;
	clear:both;
	border-top:1px solid #ccc;
}	
.contact_service {
    width: 35%;
    float: left;
	margin:5% 0;
	background: #3ad0d1;
    padding:3% 2%;
    border-radius: 0 50px 50px 50px;
    -webkit-border-radius: 0 50px 50px 50px;
    -moz-border-radius: 0 50px 50px 50px;
}
.contact_table {
    width: 55%;
    float: right;
	margin:5% 0 0 0;
}	
.co_btn {
    display: inline-block;
    color: #fff;
    background: #3ad0d1;
    border: solid 3px #3ad0d1;
    cursor: pointer;
    float: right;
	margin:3% 5%;
}
.contact_b{width:80%;margin:15% auto 0 auto;text-align: center;min-height: 200px;}	
/*footer*/
footer{width:100%;position: relative;margin:3% 0 0 0;}
.footer_special_info{
	width:92%;padding:20px 4%;
	background:#e06d77;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.7;
	transform:translateY(29%);
	-ms-transform:translateY(29%);
	-moz-transform:translateY(29%);
	-webkit-transform:translateY(29%);
	-o-transform:translateY(29%);
}
.footer_special_info ol{margin:0;}
.footer_box_up{width:100%;background:#202126;color:#fff;padding:3% 0;}
.footer_box_up_left{width:35%;display:inline-block;vertical-align:top;float:left;}
.footer_box_up_left_text{width:100%;text-align:center;font-weight:normal;margin:0 0 5% 0;}
.fbult_tw{font-size:28px;line-height:2em;letter-spacing:7px;padding:0;}
.fbult_en{font-size:22px;line-height:28px;letter-spacing:1px;}
.footer_box_up_left_pic{width:100%;text-align:center;}
.footer_box_up_left_pic img {width:80%;}	
.footer_box_up_right{width:64%;display:inline-block;vertical-align:top;margin:1% 0 0 1%;float:right;}
.box_up_right_list{
	width: 26%;
    display: block;
    vertical-align: top;
    margin: 0 2%;
    float: left;
}
.box_up_right_list:last-child{width:35%;}
.right_list_title{width:100%;font-size:1.2em;line-height:1.5em;letter-spacing:2px;color:#fff;font-weight:600;}
.right_list_title .en{font-size: .75em !important;color: #999 !important;}	
.right_list_title:after{content:"";display:block;background:#43d2d3;width:130px;height:4px;margin:6px 0 11px;}
/**/	
.cen_box{
	float:left;
	width:20%;
	padding:0 2.5%;
	margin:0;
	text-align:center;
}
.cen_box h1{font-size:2em;}
.cen_box p{line-height:1.5em;}	
/**/	
.footer_box .sub_last{width:150%;}
.footer_box .sub li{font-size:15px;line-height:2;letter-spacing:1px;color:#fff;}
.footer_box .sub li:hover{color:#43d2d3;}
.footer_box_down{
	width: 90%;
    text-align: center;
    background: #0b0b0c;
    color: #838486;
    padding: 1% 5%;
    font-size: .85em;
    line-height: 1.5em;
}
.footer_box_down .wrapper{margin:0 auto;}
.fbdt_text1{font-size: 1em;line-height: 1.8em; margin:0 0 1% 0;}
.fbdt_text2{font-size: 1.2em;line-height: 1.5em;color:#fff;}
}
@media screen and (max-width:1200px){
#bg{background: #fff;padding:0 0 15% 0;border-bottom:1px solid #ccc;}		
#wrapper{width:96% ; margin:0 auto;}	
#container{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	min-height:680px;
}
header{
	top: 0;
    position:relative;
    width: 100%;
    height: auto;
    transition: top .5s ease-out;
    background: #000;
    z-index: 1;
    border-top: 1px solid #65e9f9;
    -moz-box-shadow: 3px 0 15px 0 rgba(51,51,51,0.2);
    -webkit-box-shadow: 3px 0 15px 0 rgba(51,51,51,0.2);
   box-shadow: 3px 0 15px 0 rgba(51,51,51,0.2);
}	
.spinner-master *{
    transition: all 0.3s;
    box-sizing: border-box;
}
.spinner-master{
    position: absolute;
    margin: 15px;
    height: 30px;
    width: 30px;
    float: right;
	top:5px;
	right:5px;
}
.spinner-master label{
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 5px;
    left: 0;
}
.spinner-master .spinner{
    position: absolute;
    height: 4px;
    width: 100%;
    padding: 0;
    background: #fff;
}
.spinner-master .diagonal.part-1{
    position: relative;
    float: left;
}
.spinner-master .horizontal,.spinner-master .diagonal.part-2{
    position: relative;
    float: left;
    margin: 4px 0 0 0;
}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal{opacity: 0;}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin: 10px 0 0 0;
}
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin: -12px 0 0 0;
}	
#menu{overflow-y: auto;overflow-x: hidden;position: absolute;}	
.menu{
    clear: both;
    min-width: inherit;
    float: none;
}
.menu ul{
    padding: 0px;
    list-style: none;
    position: relative;
    display: inline-block;
    margin: 0;
}
.menu, .menu > ul ul{
    overflow: hidden;
    max-height: 0;
    background: #fff;	
}
.menu > li > ul.sub-menu{
    padding: 0px;
    border: none;
}
.menu.active{
	position: absolute;
    max-height: 55em;
	right:10px;
	width:50%;
	margin:0;
	z-index:1;
	border-top:2px solid #24a9c9;
	border-bottom:2px solid #24a9c9;
	-moz-box-shadow: 3px 0 15px 0 rgba(51,51,51,0.8);
    -webkit-box-shadow: 3px 0 15px 0 rgba(51,51,51,0.8);
    box-shadow: 3px 0 15px 0 rgba(51,51,51,0.8);
}
.menu > ul ul.active{
    max-height: 55em;
	margin:0;
	padding:0;
}
.menu ul{display: inline;}
.menu ul li > a{line-height:2em;}	
.menu ul ul > li{position: relative;}
.menu ul ul > li a,.menu ul ul ul > li a{
	text-shadow: none;
	font-size: .8em;
	white-space: nowrap;
	background: #ececec;
	line-height:55px;
}
.menu ul ul{
 	display: none; 
 	border-bottom: 2px solid #65e9f9;
    border-top: 2px solid #65e9f9;
    border-right: 1px solid none;
    position: absolute;
    z-index: 99;
    padding: 0;
    margin: 0;
    -moz-box-shadow: 3px 0 15px 0 rgba(51,51,51,0.2);
    -webkit-box-shadow: 3px 0 15px 0 rgba(51,51,51,0.2);
    box-shadow: 3px 0 15px 0 rgba(51,51,51,0.2);
}
.menu li, .menu > ul > li{
	display: block;
	float: left;
    width: 100%;
	text-align: left;
    position: relative;
    background: #fff;
}
.nav-2{
	float: left !important;
    width: 50% !important;
	text-align: center;
    display: inline-block;
    position: relative;
}	
.nav-3{
	float: left !important;
    width: 25% !important;
	text-align: center;
    display: inline-block;
    position: relative;
}	
.nav-4{
	float: left !important;
    width: 33.3% !important;
	text-align: center;
    display: inline-block;
    position: relative;
}	
.menu li a{
    color: #666;
    display: block;
    position: relative;
	border-bottom: 1px solid #ececec;
	padding:0 5%;
	font-size:.8em !important;
}
.menu li.has-submenu > a:after{
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0 0.5em;
}
.menu li.has-submenu > a.active:after{content: "-";}
.menu ul ul > li a,.menu ul li a:hover{color: #666;}
.menu ul li.hover > a{
    background: #333;
    color: #fff;
}
.menu ul li.hover > a .en{color: #F8EF04 !important;}
.menu ul ul, .menu ul ul ul{
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none;
}		
.li_1 {
	height:100%;
    width:46%;
	float:left;
    display: inline-block;
    vertical-align: top;
    margin:3% 2%;
    border: solid 1px #ececec;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);	
}
.li_2 {
	height:100%;
    width:80%;
	float:left;
    display: inline-block;
    vertical-align: top;
    margin:3% 10%;
    border: solid 1px #ececec;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);	
}
.li_1_ti{font-size:1em;margin:2%;text-align: center;color:#000;line-height: 1.5em;font-weight: bold;}
.li_1_ti_en{font-size:.85em;margin:2%;text-align: center;color:#666;line-height: 1.5em;}
.li_1_pic{min-height: 150px;}
.li_1_txt {
    padding:3%;
    background: #FFF;
    border-radius: 10px;
	height:110px;
}
.li_1_txt1 {
    padding:3%;
    background: #FFF;
    border-radius: 10px;
}	
.pri_box,.pri_box1{
	background: #c3c5c7;
	width:100%;
	margin:0 0 2% 0;
}
.pri_m{width:100%;margin:0 auto;}
.pri_ti{
	color: #fff;
    background: #2cb2daa1;
    border-top: 3px solid #ccc;
    float: left;
    text-align: center;
    line-height: 40px;
    padding: 0 1%;
    font-size: 1em;
    width: 100%;
}
.pri_txt_b{
	float: left;
    width: 96%;
	margin:2%;
}
.pri_txt{
	background: url(../images/store_line.png) #f5f5f5 no-repeat right;
    float: left;
    margin: .8%;
    border-radius: 5px;
    height: 28px;
    padding: 3px 6.5% 0 2%;
    font-size: 1em;
    line-height: 1.5em;
    display: block;
}		
.pc,.header_box,.page_title_box{display: none;}	
#gotop{
 	display: none;
	position: fixed;
    right: 10px;
    bottom:230px;       
    cursor: pointer;
    z-index: 999;
}
.header_box_phone{
	display: block;
    background: #4a4a4a;
    padding: 2% 5%;
    position: relative;
	color:#fff;
	letter-spacing: 1px;
}
.header_box_phone h1{
	font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 100;
	margin:0;
	padding:0;
}
.header_box_phone p{
	font-size: .6em;
    font-weight: 100;
    text-transform: uppercase;	
	color:#fff;
}	
.index_menu{display: block!important;}	
.index_menu ul {
    width: 100%;
	overflow: hidden;
}
.index_menu ul li.index_menu_text_bg1 {background: #58bddb;}
.index_menu ul li.index_menu_text_bg2 {background: #f39e41;}
.index_menu ul li.index_menu_text_bg3 {background: #eb6d78;}	
.index_menu ul li.index_menu_text_bg4 {background: #93c33c;}
.index_menu ul li.index_menu_text_bg1:hover {background: #79c2d9;}
.index_menu ul li.index_menu_text_bg2:hover {background: #eda967;}
.index_menu ul li.index_menu_text_bg3:hover {background: #e06d77;}	
.index_menu ul li.index_menu_text_bg4:hover {background: #a1c763;}	
.index_menu ul li {
    width: 21%;
    float: left;
    color: #fff;
    padding: 2%;
    text-align: center;
}	
.index_menu .index_menu_text_tw {
    font-size: 1em;
    line-height:2em;
    letter-spacing: 0;
}	
.index_menu .index_menu_text_en {
    font-size: .75em;
    line-height: 1em;
    font-weight: 100;
	letter-spacing: 0;
}
.main_m1{padding: 0 2%;}
#main_box{position: relative;padding:0;height:auto;}	
.main_b_in{width:80%;margin:0 auto;height:auto;padding:5% 0;}	
.main_b_in img {width:100%;height:auto;}
.main_b_in >:nth-child(1){float:left;width:100%;height:80vw;margin:2% 0 30% 0;}
.main_b_in >:nth-child(2){float:left;width:100%;height:95vw;margin:-22% 0 10% 0;}
.main_b_in >:nth-child(3){float:left;width:100%;height:95vw;margin:-22% 0 10% 0;}
.main_b_in >:nth-child(4){float:left;width:100%;height:95vw;margin:-22% 0 -15% 0;}
.main_b_in >a{position:relative;}
.main_b_in >a:hover>:last-child{position: absolute; top:0;left:0;}		
.filter_b{
	width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.filter_b ul{
	width: 34%;
    display: inline-block;
    text-align: center;
    border: solid 2px #3ad0d1;
    border-radius: 35px;
    padding: 7px 5%;
    font-size: 14px;
    font-weight: bold;
    margin: 1% 2%;
    cursor: pointer;
    float: left;
}
.filter_b .filter_b_list{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
.filter_b a{color: #333;}
.filter_b a:hover{color: #3ad0d1;}
.filter_b .line_div{
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 15px;
	background: #3AD0D1;
	margin: 0 20px;
}	
#main_box form{    
	width: 96%;
    margin: 0 auto;
    padding: 2%;
	}
.form-group{
	float:left;
	width:48%;
	margin:0 2% 0 0;
	padding:2% 0;
}
.form-group1{
	float:left;
	width:48%;
	margin:0 0 0 2%;
	padding:2% 0;
}
.main_m{padding:0 2%;}
.m_ti{color:#666;margin:0 2%;}
.no_ti{color:#E03943;font-size:.9em;padding:2% 0;margin:0 2%;}
.in_m{
	width: 89%;
    height:auto;
	min-height: 450px;
    padding: 5%;
    line-height: 1.7;
    border: solid 2px #ececec;
    overflow: auto;
    margin:5% auto 0 auto;
}
.in_m h2{text-align: center;}	
.main_store{
	margin:1% 1% 3% 1%;
	background: #fff;
	border-radius: 10px;
	border:1px solid #ccc;
	color:#706e6b;
	box-shadow: 1px 1px 5px 1px #ccc;
	position: relative;
}	
.store_ti{
	height:38px;
	padding: 10px 0 0 45px;
	font-size:1em;
	display: block;
	color:#31383d;
	font-weight: bold;
}
.store_add,.store_tel{
	height:35px;
	padding: 5px 0 0 45px;
	font-size:1em;
	display: block;
	line-height:1.5em;
}
.store_btn{
	background: #534741;
	color:#ececec;
	line-height: 1.8em;
	font-size:.8em;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	padding:1% 2%;
	position: absolute;
	right:2%;
	top:5%;
}		
.store_btn_act{
	background: #826659;
	color:#ececec;
	line-height: 1.8em;
	font-size:.8em;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	padding:1% 2%;
	position: absolute;
	right:2%;
	top:5%;	
}		
.store_pr{
	background: #f2f1f1;
	padding:.5% 2% 2% 2%;
	clear:both;
	border-radius: 0 0 10px 10px;
}
.store_pr ul li{
	float:left;
	background: #9c9794;
	padding:1.5%;
	margin:1%;
	font-size:.8em;
	line-height: 1em;
	color:#ececec;
	border-radius: 5px;
}
.main_page{
	width:310px;
	height:15vw;
	margin:5% auto 0 auto;
	clear:both;
	border-top:1px solid #ccc;
}
.main_page1{
	width:150px;
	height:80px;
	margin:5% auto 0 auto;
	clear:both;
	border-top:1px solid #ccc;
}	
.main_page2{
	width:100px;
	height:80px;
	margin:5% auto 0 auto;
	clear:both;
	border-top:1px solid #ccc;
}	
.main_page3{
	width:200px;
	height:80px;
	margin:3% auto 0 auto;
	clear:both;
	border-top:1px solid #ccc;
}		
.contact_service {
   	width: 80%;
    margin: 7% 5%;
    background: #3ad0d1;
    padding: 5%;
    border-radius: 0 50px 50px 50px;
    -webkit-border-radius: 0 50px 50px 50px;
    -moz-border-radius: 0 50px 50px 50px;
}
.contact_table {
    width: 96%;
	margin:5% 2%;
}
.co_btn {
    display: inline-block;
    color: #fff;
    background: #3ad0d1;
    border: solid 3px #3ad0d1;
    cursor: pointer;
	margin:5% 0;
}	
.contact_b{width:80%;margin:20% auto 0 auto;text-align: center;}	
/**/
.cen_box{
	width:60%;
	margin:2% auto;
	text-align:center;
}
.cen_box img{width:70%;}
.cen_box h1{font-size:1.5em;}
.cen_box p{line-height:1.5em !important; display:block;}	
/**/	
footer{width:100%;position:relative;margin:10% 0 0 0;}
.footer_box .wrapper{width:100%;}
.footer_special_info{
	width:96%;
	padding:10px 2%;
	background:#e06d77;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.4;
	transform:translateY(0%);
	-ms-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-webkit-transform:translateY(0%);
	-o-transform:translateY(0%);
}
.footer_special_info>div{margin:5px 0;}
.footer_box_up{width:100%;background:#202126;color:#fff;padding:65px 0 0;display:none;}
.footer_box_down{width:100%;text-align:center;background:#0b0b0c;color:#838486;padding:5% 0;}
.footer_box_down .wrapper{width:90%;margin:0 auto;}
.fbdt_text1{font-size:.8em;line-height:2em;font-weight:bold;margin:0 0 5% 0;}
.fbdt_text2{font-size:.85em;line-height:1.5em;letter-spacing:1px;color:#fff;}
}
::-webkit-scrollbar{width:12px;height: 12px;}
::-webkit-scrollbar-thumb{background: #999 !important;}
::-webkit-scrollbar-track{
	    background: #FFFFFF;
    -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
    border: 1px solid #D8D8D8;
}
::selection{
    background: #F9A386;
    color: #fff;
    text-shadow: none;
}