/* 
* @Author: Royeh
*/


body,html{ height:100%; width: 100%; min-width: 375px;}
header{ width:100%; height:100px; padding:20px 16px; box-sizing: border-box;}
header .logo{ width:187px; height:60px; float:left; left:0;}
header .logo h1 a{ width:187px; height:60px; display:block; background: url(../img/logo.png) no-repeat 50% 50% / cover; text-indent:-999em;}

header .menu{ width:44px; height:44px; background: #474747; border-radius: 50%; float:right; right:0; margin-top:8px; position: relative;}
header .menu .menu_line_t{ width:20px; height:1px; background: #fff; position: absolute; top:14px; left:12px;}
header .menu .menu_line_c{ width:16px; height:1px; background: #fff; position: absolute; top:21px; left:14px;}
header .menu .menu_line_b{ width:20px; height:1px; background: #fff; position: absolute; top:28px; left:12px;}


.menu_type{ width: 100%; height: 100%; background: rgba(71, 71, 71, 0.3); position: fixed; z-index: 1000; top:0; display: none;}
.menu_type .menu_type_text{ width: 172px; height: auto;  color:#fff; text-align: center;  position: absolute; top:28px; right:-172px;}
.menu_type .menu_type_text .close{ width: 172px; height: 44px; background: #474747; border-radius: 12px; line-height: 44px; font-size:20px; font-weight: bold;}
.menu_type .menu_type_text ul { width: 172px; height: auto; background: #474747; border-radius: 12px; padding:24px 0; box-sizing: border-box; margin-top:4px;}
.menu_type .menu_type_text ul li{ width: 172px; /*line-height: 40px;*/ }
.menu_type .menu_type_text ul li a{ display: block; width: 172px; /*height: 40px;*/ line-height: 48px; color:#fff; font-size:26px; font-weight: bold;}











main{ width:100%; height:auto; padding:0 16px; box-sizing: border-box; }

main .subject{ width: 100%; height:300px; background: #ffd939; border-radius: 12px; padding:40px 24px 0; box-sizing: border-box;color:#fff; position: relative;}
main .subject h3{ font-size: 20px; font-weight: bold;}
main .subject p{ font-size: 15px; line-height: 24px; font-weight: bold;}
main .subject ul{ margin-top:30px;font-weight: bold;}
main .subject ul li a{ font-size: 15px; line-height: 24px; color:#fff; font-weight: bold;}

main .subject .add{ width:32px; height: 32px; border-radius: 16px; /*background: #fff;*/ position:absolute; right:24px; bottom:24px; background:#fff url(../img/add.png) no-repeat 50% 50% / cover;}
main .subject .add a{ width:100%; height: 100%; display: inline-block; }


main .page figure{ width:100%; height:400px; border-radius: 12px;  margin:24px 0; }
main .page p{ padding:20px 0 20px 24px; font-size: 24px; font-weight: bold; color:#606060;}

main .page1 figure{background: url(../img/about_us_1.jpg) no-repeat 50% 50% / cover;}
main .page2 figure{background: url(../img/about_us_2.jpg) no-repeat 50% 50% / cover;}




footer{ width:100%; height:auto; padding:24px 16px; box-sizing: border-box; }


footer .footer{ width:100%; height:160px; border-radius: 12px; background: #ffd939;padding:30px 24px 0;color:#fff;  box-sizing: border-box;}
footer .footer p{ font-size: 22px; font-weight: bold;}
footer .footer p:nth-of-type(2){ font-size: 14px; padding:6px 0;}
footer .footer span{width: 100%; line-height:44px; display: inline-block; padding-left:40px; box-sizing: border-box; position:relative;}
footer .footer span a{width: 100%; line-height:44px; display: inline-block; font-size: 28px; letter-spacing:2px; color:#fff;}
footer .footer span:before{ content:""; width: 28px; height:44px; background: url(../img/icon_iphone.png) no-repeat 50% 50% / cover; position:absolute; top:0px; left:0px;}


footer .copyright{ width:100%; height:auto; padding:24px 2px 0; box-sizing: border-box;/*background: #ffd939;*/ }
footer .copyright p{ font-size: 12px; line-height: 20px; color:#b3b3b3;}



.logo_locat{ width:64px; height:64px; border-radius: 50%; background: url(../img/logo.jpg) no-repeat 50% 50% / cover; position: fixed; bottom:24px; right:16px; z-index:999; box-shadow: 0px 0px 24px 0px rgba(71, 71, 71, 0.1); display: none;}


/*浮窗菜单*/
.float_menu{ width:44px; height:44px; background: #474747; border-radius: 50%; position: fixed; right:16px; top:20px; display: none;}
.float_menu .float_menu_line_t{ width:20px; height:1px; background: #fff; position: absolute; top:14px; left:12px;}
.float_menu .float_menu_line_c{ width:16px; height:1px; background: #fff; position: absolute; top:21px; left:14px;}
.float_menu .float_menu_line_b{ width:20px; height:1px; background: #fff; position: absolute; top:28px; left:12px;}

.float_pro_close{ width:43px; height:43px; background: #474747; border-radius: 50%; position: fixed; left:16px; top:20px; overflow: hidden; display: none;}
.float_pro_close .float_pro_close_line_t,.float_pro_close .float_pro_close_line_b{ width:43px; height:43px; position: absolute; top:0; left:0; transform: rotate(45deg);}
.float_pro_close .float_pro_close_line_t span{ width:21px; height:1px; background: #fff; position: absolute; top:21px; left:11px;}
.float_pro_close .float_pro_close_line_b span{ width:1px; height:21px; background: #fff; position: absolute; top:11px; left:21px;}


.float_menu_type{ width: 100%; height: 100%; background: rgba(71, 71, 71, 0.3); position: fixed; z-index: 1000; top:0; display: none;}
.float_menu_type .float_menu_type_text{ width: 172px; height: auto; color:#fff; text-align: center;  position: absolute; top:20px; right:-172px;}
.float_menu_type .float_menu_type_text .float_close{ width: 172px; height: 44px; background: #474747; border-radius: 12px; line-height: 44px; font-size:20px; font-weight: bold;}
.float_menu_type .float_menu_type_text ul { width: 172px; height: auto; background: #474747; border-radius: 12px; padding:24px 0; box-sizing: border-box; margin-top:4px;}
.float_menu_type .float_menu_type_text ul li{ width: 172px;  }
.float_menu_type .float_menu_type_text ul li a{ display: block; width: 172px; line-height: 48px; color:#fff;font-size:26px; font-weight: bold;}