* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
}

body {
    font-family: "微软雅黑";
}

ul {
    list-style: none;
}

li {
    list-style: none;
}

.clear {
    clear: both;
    overflow: hidden;
}

.banner img {
    width: 100%;
}

.head {
    width: 100%;
    position: fixed;
    background: #fff;
	z-index:999;
	top:0;
	transition:all .6s;
}

.heads {
    max-width: 1300px;
    height: 90px;
    line-height: 90px;
    margin: auto;
    position: relative;
}

.logo {
    position: absolute;
    left: 43%;
    bottom: -85px;
    z-index: 9;
	transition:all .6s;
	text-align:center;

}
.logo img{
	transition:all .6s;
}
.abintros{
	display:none;
}

.nav ul {
    margin-bottom: 0;
}

.nav ul li {
    float: left;
    height: 90px;
    line-height: 90px;
    padding: 0 50px;
	transition:all .6s;
}

.nav ul li:nth-child(3) {
    padding-right: 175px;
}

.nav ul li:nth-child(4) {
    padding-left: 175px;
}

.nav ul li a {
    font-size: 18px;
    color: #434343;
    display: block;
}

.htel_pic,
.htel_num {
    float: left;
}

.headtel {
    position: absolute;
    right: 3.5%;
    top: 15px;
}

.htel_pic {
    margin-right: 10px;
    margin-top: 15px;
}

.htel_num div:first-child {
    font-size: 24px;
    color: #e46925;
    font-family: "Myriad Pro";
}

.htel_num div:nth-child(2) {
    font-size: 14px;
    color: #161515;
}

.index_about {
    width: 100%;
    overflow: hidden;
    margin-top: 95px;
}

.index_abouts {
    max-width: 1440px;
    margin: auto;
}

.index_ab_fl {
    float: left;
    width: 45%;
}

.index_ab_fl img {
    width: 100%;
    border-radius: 10px;
}

.index_ab_fr {
    width: 50%;
    float: right;
    padding-top: 15px;
}

.index_ab_fr_top span:nth-child(2) {
    font-size: 36px;
    color: #212121;
    font-weight: bold;
    margin-left: 15px;
}

.index_ab_fr_top span:nth-child(3) {
    font-size: 36px;
    color: #de6725;
    font-weight: bold;
    font-family: "Candara";
    margin-left: 5px;
}

.index_ab_fr_top img {
    margin-top: -10px;
}

.index_ab_fr_mid {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #e9e9e9;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
    color: #201e1e;
    margin-top: 20px;
}

.index_ab_fr_con {
    width: 100%;
    max-width: 605px;
    font-size: 16px;
    color: #636363;
    line-height: 2;
    margin-top: 20px;
}

.index_ab_fr_link a {
    display: block;
    width: 107px;
    height: 119px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/ablink.png) center no-repeat;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 100px;
    float: left;
    margin-right: 70px;
    margin-top: 10px;
}

.index_ab_fr_link a:last-child {
    margin-right: 0;
}

.index_ab_fr_link a:hover,.index_ab_fr_link a.highlight {
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/ablink_active.png) center no-repeat;
}



.index_product {
    width: 100%;
    overflow: hidden;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/index_probg.jpg) top no-repeat;
    height: 790px;
    margin-top: 95px;
}

.index_products {
    max-width: 1440px;
    margin: auto;
}

.index_product_title {
    text-align: center;
    font-size: 48px;
    color: #fefefe;
    font-weight: bold;
    padding-top: 70px;
}

.index_product_titles {
    text-align: center;
    font-size: 16px;
    color: #fefefe;
    margin-top: 10px;
}

.proswiper .swiper-slide {
    text-align: center;
    height: 500px;
    line-height: 500px;
}

.proswiper .swiper-slide img {
    transition: all 0.8s;
	width:35%;
}

.proswiper .swiper-slide.swiper-slide-next img {
    transform: scale(3);
}
.proswiper .swiper-button-prev,
.proswiper .swiper-button-next {
    z-index: 1;
    display: block;
    width: 55px;
    height: 55px;
    float: left;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/arrow22.png) 0 0 no-repeat;
    filter: alpha(opacity=40);
    opacity: 0.4
}

.proswiper .swiper-button-next {
    background-position: right 0;
    float: right;
    margin-right: 3%
}

.swiper-container.proswiper {
    height: 500px;
    margin-top: 100px;
}

.index_service {
    width: 100%;
    overflow: hidden;
    margin-top: 115px;
}

.index_services {
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
    margin-top: -95px;
}

.title {
    text-align: center;
}

.titles {
    font-size: 42px;
    color: #e46925;
    font-weight: bold;
}

.title_pic {
    margin-top: 20px;
}

.index_ser {
    width: 28%;
    float: left;
    margin-right: 8%;
    text-align: center;
}

.index_ser:last-child {
    margin-right: 0;
}

.index_ser_pic {
    width: 197px;
    height: 186px;
    line-height: 186px;
    margin: auto;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/service.png) center no-repeat;
}

.index_ser_num {
    font-size: 36px;
    color: #222;
    margin-top: -25px;
}

.index_ser_name {
    font-size: 24px;
    color: #464646;
    margin: 5px 0;
}

.index_ser_con {
    font-size: 16px;
    color: #464646;
    line-height: 2;
}

.index_sers {
    width: 100%;
    overflow: hidden;
    margin-top: 165px;
    border-top: 1px solid #f1f1f1;
}

.index_ser:hover .index_ser_pic {
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/service_active.png) center no-repeat;
}

.index_ser:hover .index_ser_num {
    color: #e46c2a;
}

.index_join {
    width: 100%;
    overflow: hidden;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/joinbg.png) center no-repeat;
    min-height: 805px;
    margin-top: 90px;
    padding-top: 80px;
    position: relative;
}

.index_joins {
    max-width: 1440px;
    margin: auto;
}

.swiper-container.joinswiper {
    margin-top: 50px;
}

.index_join .swiper-button-prev {
    width: 42px;
    height: 42px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/left.png) center no-repeat;
    bottom: 80px;
    top: auto;
    left: 47%;
}

.index_join .swiper-button-next {
    width: 42px;
    height: 42px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/right.png) center no-repeat;
    bottom: 80px;
    top: auto;
    right: 47%;
}

.index_new {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
}

.index_news {
    max-width: 1440px;
    margin: auto;
    margin-top: 80px;
    overflow: hidden;
}

.index_nw {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.index_nw:nth-child(3n) {
    margin-right: 0;
}

.index_new_top {
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.index_new_date {
    float: left;
}

.index_new_more {
    float: right;
}

.index_new_day {
    font-family: "Myriad Pro";
    font-size: 48px;
    color: #353535;
}

.index_new_dates {
    font-size: 14px;
    color: #8e8e8e;
    margin-top: -10px;
}

.index_new_more a {
    width: 98px;
    height: 34px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    color: #9e9e9e;
    display: block;
    margin-top: 20px;
}

.index_new_bot_title {
    line-height: 80px;
    font-size: 18px;
    color: #464646;
}

.index_new_bot_pic img {
    width: 100%;
}

.index_new_bot_con {
    font-size: 14px;
    color: #7f7f7f;
    line-height: 1.6;
    margin-top: 10px;
}

.index_new_checkmore {
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.index_new_checkmore a {
    display: inline-block;
    width: 217px;
    height: 55px;
    line-height: 53px;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    color: #464646;
}

.foot {
    width: 100%;
    overflow: hidden;
    min-height: 649px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/foot_02.png) center no-repeat;
    margin-top: -120px;
}

.foots {
    max-width: 1440px;
    margin: auto;
}

.left_foot {
    width: 37.5%;
    float: left;
    padding-top: 210px;
}

.ftel {
    width: 100%;
    overflow: hidden;
}

.ftel_pic {
    float: left;
    margin-top: 10px;
}

.ftel_num {
    float: left;
    margin-left: 10px;
}

.ftel_num div:first-child {
    font-size: 18px;
    color: #fefefe;
}

.ftel_num div:nth-child(2) {
    font-family: "Myriad Pro";
    font-size: 30px;
    color: #fefefe;
}

.fsers span:first-child {
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #8b8b8c;
    margin-right: 15px;
    position: relative;
    top: -5px;
}

.fsers span:nth-child(2) {
    font-size: 14px;
    color: #fefefe;
}

.fsers {
    margin-top: 15px;
}

.fser {
    float: left;
}

.lf_mid {
    width: 100%;
    overflow: hidden;
}

.saoma {
    float: left;
    margin-left: 70px;
    margin-top: 20px;
}

.lflink {
    width: 100%;
    height: 52px;
    border: 1px solid #545454;
    line-height: 50px;
    text-align: center;
    margin-top: 30px;
}

.lflink span,
.lflink a,
.lflink i {
    font-size: 14px;
    color: #fefefe;
}

.lflink i {
    font-style: normal;
}

.copy a {
    font-size: 14px;
    color: #fefefe;
}

.copy {
    margin-top: 25px;
}

.right_foot {
    width: 33%;
    float: right;
    padding-top: 245px;
}

.right_foot_top {
    text-align: center;
    padding-left: 35px;
}

.right_foot_mid {
    text-align: center;
    font-size: 14px;
    color: #fefefe;
    margin-top: 10px;
}

.right_foot_bot {
    width: 80%;
    margin: auto;
    margin-top: 30px;
}

.right_foot_bot input[type=text] {
    width: 100%;
    padding-left: 20px;
    color: #fefefe;
    height: 40px;
    border: 1px solid #ee905b;
    background: #d85e1a;
    margin-bottom: 10px;
    outline: none;
}

.right_foot_bot textarea {
    width: 100%;
    padding-left: 20px;
    color: #fefefe;
    height: 60px;
    border: 1px solid #ee905b;
    background: #d85e1a;
    margin-bottom: 10px;
    padding-top: 10px;
    outline: none;
}

.right_foot_bot input[type=text]::-webkit-input-placeholder,
.right_foot_bot textarea::-webkit-input-placeholder {
    color: #fefefe;
}

.right_foot_bot input[type=text]:-moz-placeholder,
.right_foot_bot textarea:-moz-placeholder {
    color: #fefefe;
}

.right_foot_bot input[type=text]::-moz-placeholder,
.right_foot_bot textarea::-moz-placeholder {
    color: #fefefe;
}

.right_foot_bot input[type=text]:-ms-input-placeholder,
.right_foot_bot textarea:-ms-input-placeholder {
    color: #fefefe;
}

.right_foot_bot input[type=submit] {
    width: 70%;
    display: block;
    margin: auto;
    height: 40px;
    border: none;
    outline: none;
    border-radius: 30px;
    color: #fefefe;
    background: #000;
}

.store {
    width: 100%;
    margin-top: 80px;
}

.stores {
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
    background: #fafafa;
}

.right_store {
    float: right;
    width: 52%;
}

.right_store img {
    width: 100%;
}

.left_store {
    width: 48%;
    float: left;
    padding-left: 65px;
    padding-top: 75px;
    padding-right: 25px;
}

.store_more {
    width: 100%;
    text-align: center;
    margin-top: 85px;
}

.store_more a {
    display: inline-block;
    width: 284px;
    height: 58px;
    border: 3px solid #fff;
    border-radius: 30px;
    background: #e46925;
    font-size: 16px;
    color: #fff;
    line-height: 52px;
    -webkit-box-shadow: #ebebeb 0px 0px 25px;
    -moz-box-shadow: #ebebeb 0px 0px 25px;
    box-shadow: #ebebeb 0px 0px 25px;
}

.storeswiper img {
    width: 100%;
}

.store_pic {
    padding: 0 50px;
    margin-top: 60px;
    position: relative;
}

.store_type {
    font-size: 36px;
    color: #e46925;
    font-weight: bold;
}

.store_intro {
    font-size: 18px;
    color: #343434;
    line-height: 1.5;
    margin-top: 25px;
}

.store_pic .swiper-button-prev {
    top: 55px;
    left: 0;
    width: 36px;
    height: 36px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/left1.png) center no-repeat;
}

.store_pic .swiper-button-next {
    top: 55px;
    right: 0;
    width: 36px;
    height: 36px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/right1.png) center no-repeat;
}

.pro_nav {
    width: 100%;
    overflow: hidden;
    padding-top: 115px;
    background: #fff;
	padding-bottom:90px;
}

.pro_navs {
    max-width: 1440px;
    margin: auto;
}

.pro_navs a {
    display: block;
    width: 32.4%;
    float: left;
    margin-right: 1.4%;
}

.pro_navs a:last-child {
    margin-right: 0;
}

.pro_navs a img {
    width: 100%;
}

.product {
    width: 100%;
    overflow: hidden;
    padding-top: 55px;
    padding-bottom: 150px;
}

.products {
    max-width: 1440px;
    margin: auto;
}

.product_title {
    text-align: center;
}

.product_maintitle {
    font-size: 36px;
    color: #000;
}

.product_maintitle img {
    margin-top: 15px;
    margin-left: 5px;
}

.product_titles {
    text-transform: uppercase;
    font-family: "Arial";
    font-size: 16px;
    color: #737373;
    letter-spacing: 0.2em;
}

.product_list {
    overflow: hidden;
    margin-top: 35px;
}

.prolists {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

.prolists_pic,
.prolists_pic img {
    width: 100%;
	background:#000;
}

.prolists:nth-child(4n) {
    margin-right: 0;
}

.prolist_before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(228, 105, 37, 0.9);
    top: 100%;
    left: 0;
    text-align: center;
    padding: 0 25px;
    transition: all 0.8s;
}

.prolist_before_name {
    font-size: 30px;
    color: #f1f1f1;
    padding-top: 70px;
}

.prolist_before_more {
    margin: 20px 0;
}

.prolist_before_con {
    font-size: 14px;
    color: #f1f1f1;
    line-height: 1.5;
    text-align: justify;
}

.prolists:hover .prolist_before {
    top: 0;
}

.insidebanner {
    width: 100%;
    position: relative;
}

.insidebanner img {
    width: auto;
    max-width: 100%;
}

.inside_btitle {
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #ecfaff;
    position: absolute;
    left: 0;
    top: 120px;
}

.inside_mid {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 180px;
}

.inside_mid span {
    display: inline-block;
    width: 84px;
    height: 1px;
    background: #fff;
}

.inside_mid img {
    margin: 0 25px;
}

.inside_tip {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 230px;
    font-family: "Segoe Script";
    font-size: 52px;
    color: #ecfaff;
    text-transform: uppercase;
}

.inside_blink {
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
}

.inside_blinks {
    max-width: 1440px;
    margin: auto;
    text-align: right;
}

.inside_blinks a,
.inside_blinks span {
    font-size: 16px;
    color: #ecfaff;
}

.new {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    padding-bottom: 170px;
}

.news {
    max-width: 1440px;
    margin: auto;
}

.news .index_nw {
    margin-top: 70px;
}

.job {
    width: 100%;
    overflow: hidden;
    margin-top: 80px;
}

.jobs {
    max-width: 1440px;
    margin: auto;
}

.job_top_left {
    width: 50%;
    float: left;
}

.job_top_right {
    width: 41.45%;
    float: right;
}

.job_top_right img {
    width: 100%;
}

.job_top_left_title {
    font-size: 36px;
    color: #292929;
    font-weight: 300;
    margin-top: 40px;
}

.job_top_left_con {
    font-size: 16px;
    color: #000;
    font-weight: 300;
    line-height: 25px;
    margin-top: 20px;
}

.job_top_left_more a {
    display: inline-block;
    width: 280px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f2f2f2;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    margin-left: 14px;
    margin-top: 35px;
}

.job_top_left_more a:hover {
    color: #fff;
    background: #e46925;
}

.job_top {
    overflow: hidden;
}

.recruit {
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    margin-top: 95px;
    padding: 80px 0;
}

.recruits {
    max-width: 1440px;
    margin: auto;
}

.left_re {
    float: left;
    width: 58.8%;
}

.left_re img {
    width: 100%;
}

.right_res {
    width: 39.6%;
    float: right;
    height: 208px;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-left: 55px;
    padding-right: 65px;
}

.right_res:nth-child(1) {
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/jpb1.png) center no-repeat;
}

.right_res:nth-child(2) {
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/jpb2.png) center no-repeat;
}

.right_res:nth-child(3) {
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/jpb3.png) center no-repeat;
}

.right_res_title {
    font-size: 30px;
    color: #fff;
}

.right_res_con li {
    list-style: circle;
    margin-left: 20px;
    color: #fff;
    font-size: 16px;
    margin-top: 5px;
}

.right_res_con li a {
    color: #fff;
    font-size: 16px;
}

.right_res_more {
    float: right;
    position: relative;
    top: -30px;
}

.right_res_more a {
    color: #fff;
    font-size: 14px;
}

.fi {
    width: 100%;
    overflow: hidden;
    margin-top: 115px;
    padding-bottom: 140px;
}

.fis {
    max-width: 1440px;
    margin: auto;
}

.fulis {
    width: 27%;
    float: left;
    margin-top: 40px;
    margin-right: 9.5%;
}

.fulis:nth-child(3n) {
    margin-right: 0;
}

.fuli_top img {
    margin-right: 20px;
}

.fuli_top {
    font-size: 20px;
    color: #292929;
}

.fuli_bottom {
    font-size: 16px;
    color: #666666;
    padding-left: 50px;
    margin-top: 20px;
}

.fuli {
    margin-top: 15px;
    overflow: hidden;
}

.joinbanner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.joinb_pic,
.joinb_pic img {
    width: 100%;
}

.joinb_intro {
    width: 100%;
    text-align: center;
    font-size: 46px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 180px;
}

.joinb_more a {
    display: inline-block;
    width: 208px;
    height: 57px;
    border: 1px solid #fff;
    border-radius: 30px;
    line-height: 55px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.joinb_more {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 290px;
}

.joinb_more a img {
    margin-right: 5px;
    margin-top: -5px;
}

.join_1 {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.join_1s {
    max-width: 1440px;
    margin: auto;
}

.jointitle {
    text-align: center;
    padding-top: 50px;
    background: #fff;
}

.jointitle_pic {
    padding-right: 240px;
}

.jointitle_line {
    width: 32px;
    height: 4px;
    background: #e46925;
    border-radius: 5px;
    margin: auto;
    position: relative;
}

.jointitle_pic {
    margin-bottom: 8px;
}

.jointitles {
    font-size: 36px;
    color: #323232;
    margin-top: 10px;
}

.join_1_step {
    margin-top: 30px;
    overflow: hidden;
}

.join_1_steps {
    width: 31.25%;
    float: left;
    margin-right: 3.125%;
    height: 323px;
    background: #ededed;
    border-radius: 20px;
    padding: 0 40px;
}

.join_1_steps:last-child {
    margin-right: 0;
}

.join_1_steps_num {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    line-height: 80px;
    background: #e46925;
    font-family: "Segoe Script";
    font-size: 45px;
    color: #fff;
    text-align: center;
    margin: auto;
    margin-top: 40px;
}

.join_1_steps_title {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-top: 10px;
}

.join_1_steps_con {
    text-align: center;
    font-size: 16px;
    color: #595757;
    margin-top: 10px;
    line-height: 1.6;
}

.join_1_steps:hover {
    background: #e46925;
}

.join_1_steps:hover .join_1_steps_num {
    color: #e46925;
    background: #fff;
}

.join_1_steps:hover .join_1_steps_title,
.join_1_steps:hover .join_1_steps_con {
    color: #fff;
}

.join_2 {
    width: 100%;
    overflow: hidden;
    height: 596px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/join_04.jpg) center no-repeat;
    margin-top: -135px;
    padding-top: 170px;
}

.join_2s {
    max-width: 1440px;
    margin: auto;
}

.join_mem {
    width: 100%;
    text-align: center;
}

.join_mem:last-child {
    margin-right: 0;
}

.join_mem_container {
    width: 100%;
    height: 154px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/kuang.png) center no-repeat;
}

.join_mem_title {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding-top: 45px;
}

.join_mem_word {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}

.join_3 {
    width: 100%;
    overflow: hidden;
    margin-top: -15px;
    background: #fff;
}

.join_3s {
    max-width: 1440px;
    margin: auto;
    padding: 0 11.8%;
}

.join_3_stops {
    width: 192px;
    height: 192px;
    border-radius: 100%;
    background: #f8f8f8;
    float: left;
    margin-right: 74px;
    margin-top: 85px;
    position: relative;
}

.join_3_stops:nth-child(4n) {
    margin-right: 0;
}

.join_3_stops_num {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #e46925;
    line-height: 44px;
    text-align: center;
    font-family: "Britannic Bold";
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 15px;
    right: 8px;
}

.join_3_stops_title {
    font-size: 24px;
    color: #e46925;
    font-weight: bold;
    padding-left: 35px;
    padding-top: 55px;
}

.join_3_stops_con {
    padding-right: 18px;
    padding-left: 35px;
    font-size: 16px;
    color: #525252;
    line-height: 1.5;
}

.join_3_stops::before {
    content: "";
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/join_07.jpg) center no-repeat;
    width: 137px;
    height: 27px;
    position: absolute;
    top: 0;
    right: -115px;
}

.join_3_stops:nth-child(4n)::before {
    display: none;
}

.join_4 {
    width: 100%;
    overflow: hidden;
    height: 804px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/join_10.jpg) center no-repeat;
    margin-top: -80px;
}

.join_4s {
    max-width: 1440px;
    margin: auto;
}

.join4_intros {
    width: 70.8%;
    margin: auto;
    text-align: center;
    display: none;
}

.join4_intros_etitle {
    font-family: "Segoe Script";
    font-size: 50px;
    color: #fff;
    margin-top: 105px;
}

.join4_intros_ctitle {
    font-size: 30px;
    color: #fff;
}

.join4_intros_con {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
    line-height: 2;
}

.join4_navs_pic {
    width: 159px;
    height: 159px;
    border: 2px solid #fff;
    line-height: 155px;
    text-align: center;
    border-radius: 100%;
}

.join4_navs_pic img{
	transition:all 1s;
}

.join4_navs_pic:hover img{
	transform:rotate(360deg);
}

.join4_navs {
    display: inline-block;
    padding: 0 49px;
}

.join4_nav {
    text-align: center;
    margin-top: 60px;
}

.join4_navs_title {
    font-size: 24px;
    color: #fff;
    margin-top: 15px;
}

.join4_navs.active .join4_navs_pic {
    background: #e46925;
    border: 2px solid #e46925;
}

.join4_more a {
    display: inline-block;
    width: 284px;
    height: 58px;
    border-radius: 30px;
    background: #e46925;
    border: 3px solid #fff;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    color: #fff;
}

.join4_more {
    text-align: center;
    margin-top: 60px;
}

.join_5 {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.join_5s {
    max-width: 1440px;
    margin: auto;
}

.zc {
    width: 31.25%;
    float: left;
    margin-right: 3.125%;
    height: 323px;
    background: #ededed;
    border-radius: 20px;
    padding: 0 40px;
    margin-top: 45px;
}

.zc:nth-child(3n) {
    margin-right: 0;
}

.zc_pic {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    line-height: 80px;
    background: #e46925;
    text-align: center;
    margin: auto;
    margin-top: 40px;
}

.zc_title {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-top: 10px;
}

.zc_con {
    text-align: center;
    font-size: 16px;
    color: #595757;
    margin-top: 10px;
    line-height: 1.6;
}

.zc:hover {
    background: #e46925;
}

.zc:hover .zc_pic {
    background: #fff;
}

.zc:hover .zc_title,
.zc:hover .zc_con {
    color: #fff;
}

.join_6 {
    width: 100%;
    overflow: hidden;
    height: 826px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/joinbgs.png) center no-repeat;
    margin-top: -140px;
}

.join_6s {
    max-width: 1440px;
    margin: auto;
}

.swiper-container.join6swiper {
    padding-top: 250px;
}

.join6swiper img {
    width: 100%;
}

.join_7 {
    width: 100%;
    overflow: hidden;
    padding-bottom: 145px;
}

.join_7s {
    max-width: 1440px;
    margin: auto;
}

.join7_q {
    float: left;
    width: 45.5%;
    margin-right: 9%;
    height: 66px;
    background: #fff;
    margin-top: 50px;
    padding-left: 30px;
    padding-right: 20px;
}

.join7_q:nth-child(2n) {
    margin-right: 0;
}

.join7_q_tip {
    float: left;
    margin-top: 8px;
}

.join7_q_con {
    float: left;
    line-height: 66px;
    font-size: 18px;
    color: #000;
    margin-left: 30px;
}

.join7_q_more {
    float: right;
    margin-top: 13px;
}

.join7_q_more a {
    display: block;
    width: 132px;
    height: 35px;
    background: #e46925;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
}

.abbanner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.abbanner_pic,
.abbanner_pic img {
    width: 100%;
}

.abbanner_con {
    width: 100%;
    padding-top: 190px;
    position: absolute;
    top: 0;
    left: 0;
}

.abbanner_cons {
    max-width: 1440px;
    margin: auto;
}

.left_abanner {
    float: left;
    width: 43.75%;
}

.left_abanner_title {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
}

.left_abanner_con {
    font-size: 16px;
    color: #fff;
    line-height: 2;
    margin-top: 20px;
	overflow-y: scroll;
    max-height: 390px;
	padding-right:15px;
}

  /* 定义滚动条样式 */
.left_abanner_con::-webkit-scrollbar {
  width: 2px;
  background-color: #949494;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.left_abanner_con::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  border-radius: 10px;
  background-color: #949494;
}
 
/*定义滑块 内阴影+圆角*/
.left_abanner_con::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color: rgba(228,105,37,0.6);
}

.right_abanner {
    width: 50%;
    float: right;
}

.rabsj {
    width: 50%;
    float: left;
    text-align: center;
    border-right: 1px solid #949494;
    margin-bottom: 88px;
}

.rabsj_top {
    font-size: 18px;
    color: #fff;
}

.rabsj_num {
    line-height: 106px;
    height: 106px;
}

.rabsj_num .counter {
    font-size: 100px;
    font-weight: bold;
    line-height: 106px;
    height: 106px;
    color: #fff;
    display: inline-block;
}

.rabsj_num i {
    font-family: "Arial";
    font-size: 48px;
    color: #fff;
    line-height: 106px;
    height: 106px;
    font-style: normal;
    display: inline-block;
    position: relative;
    top: -20px;
    right: -15px;
}

.rabsj_bot {
    font-family: "Arial";
    font-size: 16px;
    color: #fff;
}

.rabsj:nth-child(2n) {
    border-right: none;
}

.aboutintro {
    width: 100%;
    overflow: hidden;
    margin-top: 85px;
}

.aboutintros {
    max-width: 1440px;
    margin: auto;
}

.abintro_top,
.abintro_bot {
    background: #f5f5f5;
    overflow: hidden;
}

.abintro_top .abintro_pic,
.abintro_bot .abintro_con {
    float: left;
    width: 50%;
}

.abintro_top .abintro_con,
.abintro_bot .abintro_pic {
    float: right;
    width: 50%;
}

.abintro_top .abintro_pic img,
.abintro_bot .abintro_pic img {
    width: 100%;
}

.abintro_top .abintro_con,
.abintro_bot .abintro_con {
    padding-top: 85px;
    padding-left: 65px;
    padding-right: 65px;
    font-size: 16px;
    color: #464646;
    line-height: 2.5;
}

.aboutintro .store_more {
    margin-top: 65px;
}

.pinpai {
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
    margin-top: 105px;
}

.left_pinpai {
    width: 49.4%;
    float: left;
}

.left_pinpai img {
    width: 100%;
}

.right_pinpai {
    width: 50.6%;
    float: left;
    padding-left: 6.25%;
    padding-top: 125px;
}

.rpp_title {
    font-size: 30px;
    font-weight: bold;
    color: #e56d2b;
}

.rpp_con {
    font-size: 16px;
    color: #464646;
    line-height: 2.5;
    margin-top: 20px;
}

.culture {
    width: 100%;
    overflow: hidden;
    margin-top: 65px;
}

.cultures {
    max-width: 1440px;
    margin: auto;
    overflow: hidden;
    margin-top: 35px;
}

.cul {
    width: 16.6%;
    float: left;
    border: 1px solid #dfdfdf;
    border-right: none;
    text-align: center;
    padding-left: 35px;
    padding-right: 35px;
    height: 322px;
    position: relative;
}

.cul:last-child {
    border-right: 1px solid #dfdfdf;
}

.cul_line {
    width: 24px;
    height: 3px;
    background: #e46925;
    margin: auto;
    margin-top: 83px;
}

.cul_title {
    font-size: 18px;
    color: #464646;
    font-weight: bold;
    margin-top: 25px;
}

.cul_con {
    font-size: 14px;
    color: #868686;
    line-height: 2;
    margin-top: 10px;
}

.cul_pic {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 65px;
    text-align: center;
}

.cul_num {
    font-family: "Arial";
    font-style: italic;
    font-size: 165px;
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 40px;
    opacity: 0;
}

.cul:hover {
    background: #e46925;
}

.cul:hover .cul_line {
    background: #fff;
}

.cul:hover .cul_title,
.cul:hover .cul_con {
    color: #fff;
}

.cul:hover .cul_num {
    opacity: 1;
}

.abmiddle,
.abmiddle_pic,
.abmiddle_pic img {
    width: 100%;
}

.abmiddle {
    margin-top: 90px;
    position: relative;
}

.abmiddle_con {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 24px;
    color: #fff;
    top: 0;
    line-height: 2;
    padding-top: 110px;
}

.abcircle {
    width: 100%;
    overflow: hidden;
    margin-top: 95px;
}

.abcircles {
    max-width: 1440px;
    margin: auto;
}

.abcis {
    float: left;
    width: 17.4%;
    margin-right: 3.25%;
    border: 8px solid #f0f0f0;
    border-radius: 100%;
    position: relative;
}

.abcis:last-child {
    margin-right: 0;
}

.abcis_pic,
.abcis_pic img {
    width: 100%;
    border-radius: 100%;
}

.abcis_pic {
    position: relative;
}

.abcis_pic::before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    border-radius: 100%;
    left: 0;
    top: 0;
}

.abcis_title {
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 70px;
}

.abcis_intro {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 115px;
}

.abcis_line {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 180px;
}

.abcis_lines {
    width: 23px;
    height: 2px;
    background: #fff;
    margin: auto;
}

.abcis:hover .abcis_pic::before {
    background: rgba(228, 105, 37, 0.8);
}

.fazhan {
    width: 100%;
    overflow: hidden;
    margin-top: 85px;
    padding-bottom: 125px;
}

.fazhans {
    max-width: 1440px;
    margin: auto;
}

.fz_year {
    width: 100%;
    padding: 0 70px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/fazhanline.png) top 4px center no-repeat;
    position: relative;
}

.fzyear {
    text-align: center;
    margin-top: 60px;
}

.fz_year .swiper-button-prev {
    width: 58px;
    height: 58px;
    left: 0;
    top: -25px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/about_17.jpg) center no-repeat;
    margin-top: 0;
	opacity: 1;
}

.fz_year .swiper-button-next {
    width: 58px;
    height: 58px;
    right: 0;
    top: -25px;
    background: url(/web/20220219174527im_/http://shanghaihappybear.com/images/about_20.jpg) center no-repeat;
    margin-top: 0;
	opacity: 1;
}

.fzyear .swiper-slide {
    font-size: 18px;
    color: #8b8b8b;
    font-weight: bold;
    padding-top: 30px;
}

.fzyear .swiper-slide::before {
    content: "";
    width: 9px;
    height: 9px;
    background: #e46925;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 48%;
}

.fzd_pic img {
    width: 100%;
}

.fzdetail {
    margin-top: 50px;
}

.fzd_bot {
    width: 100%;
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 20px;
}

.fzd_title {
    font-size: 18px;
    color: #000;
}

.fzd_con {
    font-size: 14px;
    color: #404040;
}

.mobile-inner-header {
    background-color: rgba(255, 255, 255,1);
    width: 100%;
    height: 60px;
    display: none;
    line-height: 60px;
    color: #333;
    font-weight: bold;
    font-size: 22px;
	padding-left:15px;
	position:fixed;
}

.mobile-inner-header-icon {
    color: #ffffff;
    height: 60px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 60px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    outline: none;
}

.mobile-inner-header-icon:hover {
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(51, 51, 51, 1);
}

.mobile-inner-header img {
    height: 75%;
}

.mobile-inner-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);
}

.mobile-inner-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);
}

.mobile-inner-header-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
}

.mobile-inner-header-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
}

@keyframes clickfirst {
    0% {
        transform: translateY(4px) rotate(0deg);
    }
    100% {
        transform: translateY(0) rotate(45deg);
    }
}

@keyframes clicksecond {
    0% {
        transform: translateY(-4px) rotate(0deg);
    }
    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.mobile-inner-header-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
}

.mobile-inner-header-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
}

@keyframes outfirst {
    0% {
        transform: translateY(0) rotate(-45deg);
    }
    100% {
        transform: translateY(-4px) rotate(0deg);
    }
}

@keyframes outsecond {
    0% {
        transform: translateY(0) rotate(45deg);
    }
    100% {
        transform: translateY(4px) rotate(0deg);
    }
}

.mobile-inner-nav {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    position: fixed;
    top: 60px;
    left: 0px;
    padding-top: 30px;
    padding-bottom: 80px;
    display: none;
    z-index: 999;
}

.mobile-inner-nav a {
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    width: 80%;
    margin-left: 10%;
    color: #333;
    border-bottom: solid 1px rgba(51, 51, 51, 0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
}

.mobile-inner-nav a:hover {
    color: rgba(51, 51, 51, 0.4);
    border-bottom: solid 1px rgba(51, 51, 51, 0.2);
}

.joinswiper img {
    width: 100%;
}
.banner .swiper-pagination-bullet{
	width:15px;
	height:15px;
	background:#fff;
}

.banner .swiper-pagination-bullet-active{
	width:50px;
	background:#212121;
	border-radius:30px;
}
.banner.swiper-container{
	margin-top:90px;
}
.pt60{
	padding-top:60px;
	display:none;
}
/*
     FILE ARCHIVED ON 17:45:27 Feb 19, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:23:02 Jun 23, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.539
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.018
  esindex: 0.008
  cdx.remote: 8.518
  LoadShardBlock: 238.906 (3)
  PetaboxLoader3.datanode: 279.504 (4)
  load_resource: 200.689
  PetaboxLoader3.resolve: 96.828
*/