html{font-family: '微软雅黑';} body{max-width: 7.5rem;margin:0 auto;} .banner{width: 7.5rem;margin: 0 auto;} .banner img{max-width: 100%;} @charset 'utf-8'; @font-face { font-family: 'dinregular'; src: url('font/din.woff2') format('woff2'), url('font/din.woff') format('woff'); font-weight: normal; font-style: normal; } /***************** welcome *****************/ .welcome{position: fixed;top: 0;height: 0;width: 100%;height: 100%;background: #00873b;} .welcome .logo{position: fixed;top: 20%;left: 50%;margin-left: -1.42rem;width: 2.84rem;height: 3.18rem;} .welcome .copyright{position: fixed;left: 0;width: 100%;bottom: 10%;font-size: 0.18rem;color: white;text-align: center;} /***************** location *****************/ #location{height: 0.75rem;line-height: 0.75rem;padding-left: 0.3rem;background: #f2f2f2;font-size: 0.2rem;} /***************** header *****************/ #header_background{width: 100%;height: 1.14rem;} #index_header_background{width: 100%;height: 0.5rem;} #header{position: fixed;top: 0;left: 0;width: 100%;height: 1.14rem;z-index: 11;} /***************** header > index *****************/ #header .head{position:relative;width: 7.5rem;height: 1.14rem;margin:0 auto;background: white;} #header .head .menu{float: left;width: 1.14rem;height: 1.14rem;background: url(/mobile/images/menu.png) no-repeat center center / 0.37rem 0.32rem;} #header .head .search{position: relative;float: left;width: 5.18rem;padding-top: 0.54rem;margin-top: 0.1rem;} #header .head .search .input{position: absolute;top: 0;left: 0;width: 5.18rem;height: 0.54rem;margin-top: 0.2rem;border:none;outline: none;text-indent: 0.62rem;background: #f5f5f5 url(/mobile/images/search.png) no-repeat 0.21rem center / 0.28rem 0.26rem;font-size: 0.2rem;} #header .head .search .button{position: absolute;top: 0;left: 0;width: 0.6rem;padding: 0;margin: 0;height: 0.54rem;z-index: 1;border:none;background: none;outline: none;} #header .head .ipt_nav{position:fixed;top:1.14rem;left: 50%;width: 7.2rem;height: 0.5rem;padding: 0 0.15rem;margin-left: -3.75rem;font-size: 0.2rem;text-align: justify;line-height: 0.45rem;background:#16a34c;} #header .head .ipt_nav .ipt_nav_list{display: inline-block;padding: 0 0.3rem;font-size: 0.25rem;margin: 0 0.1rem;background: #16a34c;color: white;} #header .head .ipt_nav .br{display: inline-block;width: 100%;font-size: 0;line-height: 0;} #header .head .share{float: right;margin-right: 0.13em;width: 0.8rem;height: 1.14rem;background: url(/mobile/images/share.png) no-repeat center center / 0.32rem 0.38rem;} #head_nav{display:none;position: fixed;top: 0rem;left: 50%;width: 7.5rem;overflow: auto;padding-top: 1.84rem;padding-bottom: 0.2rem;margin-left: -3.75rem;background: rgba(0,135,59,0.8);z-index: 10;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #head_nav .top_nav{position: relative;} #head_nav .top_nav .more{position: absolute;right: 0;top: 0;width: 1rem;height: 0.55rem;font-size: 0.4rem;font-family: 'Arial';color: white;text-align: center;font-weight: bold;line-height: 0.55rem;cursor: pointer;} #head_nav .top_nav .top_list{display:block;height: 0.6rem;line-height: 0.6rem;font-size: 0.4rem;color: white;padding-left: 0.3rem;} #head_nav .top_nav .top_list:hover{background: rgba(0,0,0,0.5);} #head_nav .sec_nav{display: none;} #head_nav .sec_nav .sec_list{display:block;height: 0.55rem;line-height: 0.55rem;font-size: 0.35rem;padding-left: 0.6rem;color: white;} /***************** header > other *****************/ #header .top{width: 7.5rem;height: 1.14rem;margin:0 auto;line-height: 1.14rem;font-size: 0.3rem;text-align: center;color: black;background:white;} #header .top .return{float: left;width: 1.14rem;height: 1.14rem;background: url(/mobile/images/return.png) no-repeat center center / 0.19rem 0.32rem;} #header .top .search{float: right;margin-right: 0.13em;width: 0.8rem;height: 1.14rem;background: url(/mobile/images/search.png) no-repeat center center / 0.28rem 0.26rem;} #header .top .member_menu{width: 1.14rem;height: 1.14rem;margin: 0 auto;background: url(/mobile/images/menu.png) no-repeat center center / 0.37rem 0.32rem;} #header .top .share{float: right;margin-right: 0.13em;width: 0.8rem;height: 1.14rem;background: url(/mobile/images/share.png) no-repeat center center / 0.32rem 0.38rem;} /***************** foot_menu *****************/ #foot_menu{position: fixed;bottom: 0;left: 0;height: 1.39rem;width: 100%;z-index: 1;} #foot_menu #nav{width: 7.5rem;margin:0 auto;background:white;} #foot_menu #nav .list{float: left;/*width:20%;*/width:25%;padding-top: 0.8rem;height: 0.59rem;font-size: 0.2rem;text-align: center;line-height: 120%;color: black;} #foot_menu #nav .list0{background: url(/mobile/images/h_ico0.png) no-repeat center 0.25rem / 0.43rem 0.44rem ;} #foot_menu #nav .list1{background: url(/mobile/images/h_ico1.png) no-repeat center 0.25rem / 0.41rem 0.44rem;} #foot_menu #nav .list2{background: url(/mobile/images/h_ico2.png) no-repeat center 0.25rem / 0.5rem 0.47rem;} #foot_menu #nav .list3{position: relative;background: url(/mobile/images/h_ico3.png) no-repeat center 0.25rem / 0.38rem 0.46rem;} #foot_menu #nav .list3 span{position: absolute;right: 0.35rem;top: 0.15rem;font-size: 0.14rem;background: #85c226;padding:0.02rem 0.1rem;border-radius: 100%;color: white;} #foot_menu #nav .list4{background: url(/mobile/images/h_ico4.png) no-repeat center 0.25rem / 0.35rem 0.47rem;} /***************** footer *****************/ #footer{width: 7.5rem;height: 2.76rem;padding-bottom: 1.39rem;margin:0 auto;background: url(/mobile/images/foot_bg.png) no-repeat center top / 7.5rem 2.76rem;} #footer .message{float: right;margin-right: 0.5rem;margin-top: 0.2rem;} #footer .message .list{padding-left: 0.4rem;font-size: 0.2rem;line-height: 0.52rem;color: white;} #footer .message .addr{background: url(/mobile/images/addr.png) no-repeat left 0.13rem / 0.23rem 0.27rem;} #footer .message .tel{background: url(/mobile/images/tel.png) no-repeat left 0.14rem / 0.23rem 0.22rem;} #footer .message .email{background: url(/mobile/images/email.png) no-repeat left 0.21rem / 0.24rem 0.14rem;} #footer .message .contact{display: block;height: 0.52rem;padding-left: 0.7rem;margin-top: 0.1rem;background: url(/mobile/images/contact.png) no-repeat left top / 0.52rem 0.52rem;} /***************** index *****************/ #index{width: 7.5rem;margin: 0 auto;} #index .banner{ width:100%; margin:0 auto; position:relative; overflow:hidden; } #index .banner .hd{ width:100%; height:0.05rem; position:absolute; z-index:1; bottom:0; text-align:center; } #index .banner .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:0.05rem; background-color:rgba(51,51,51,0.5); } #index .banner .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;text-indent: 999rem; } #index .banner .hd ul .on{ background:#FF4000; } #index .banner .bd{ position:relative; z-index:0; } #index .banner .bd li img{ width:100%; } #index .banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } #index .top_title{height: 0.4rem;line-height: 0.4rem;margin-top: 0.4rem;margin-bottom: 0.1rem;background: url(/mobile/images/top_tit_g.png) no-repeat center center / 2.1rem 0.09rem;font-size: 0.34rem;text-align: center;} #index .sec_title{margin-bottom: 0.3rem;font-size: 0.16rem;font-family: 'Arial';color: #5d5d5d;text-transform: uppercase;text-align: center;} #index .company_culture{position: relative;width: 7.5rem;height: 8.6rem;} #index .company_culture img{max-width: 100%;max-height: 100%;} #index .company_culture .video{position: absolute;bottom: 1.8rem;left: 50%;width: 1rem;height: 0.65rem;margin-left: -0.71rem;background: url(../images/video.png) no-repeat center center / 0.58rem 0.4rem;} /***************** category *****************/ #index .category{margin-left: 0.13rem;} #index .category .list{float: left;width: 2.38rem;margin: 0 0.02rem;height: 0.89rem;background: #16a34c;cursor: pointer;} #index .category .m_list{background: #9ac715;} #index .category .list_on{background: url(/mobile/images/cate_bg.jpg) no-repeat center center / 2.38rem 0.89rem;} #index .category .list_mid{display: table-cell;width: 2.38rem;height: 0.89rem;text-align: center;vertical-align: middle;font-size: 0.24rem;color: white;} #index .category .list_mid span{font-size: 0.16rem;font-family: 'Arial';text-transform: uppercase;} /***************** ind_pro *****************/ #index #ind_pro{ width:100%; margin:0 auto; position:relative; overflow:hidden; } #index #ind_pro .tips{width: 100%;height: 1.5rem;line-height: 1.5rem;font-size: 0.25rem;text-align: center;} #index #ind_pro .prev{position: absolute;top: 2.15em;left: 1.1rem;width: 0.33rem;height: 0.68em;} #index #ind_pro .next{position: absolute;top: 2.15em;right: 1.1rem;width: 0.33rem;height: 0.68em;} #index #ind_pro .hd{ width:0; height:0; position:absolute; z-index:1; bottom:0; text-align:center; } #index #ind_pro .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:0.05rem; background-color:rgba(51,51,51,0.5); } #index #ind_pro .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;text-indent: 999rem; } #index #ind_pro .hd ul .on{ background:#FF4000; } #index #ind_pro .bd{ position:relative; z-index:0; width: 3.24rem;margin:0.56rem auto 0.2rem;} #index #ind_pro .bd li{position: relative;width: 3.2rem;padding: 0.02rem;} #index #ind_pro .bd li .img{display: table-cell;width: 3.2rem;height: 4.2rem;vertical-align: middle;text-align: center;} #index #ind_pro .bd li .img .buy{position: absolute;top: 0.02rem;left: 0.02rem;width: 3.2rem;height: 4.54rem;z-index: 2;} #index #ind_pro .bd li img{max-width: 100%;max-height: 100%;} #index #ind_pro .bd li .name{display: block;width: 100%;height: 1.2rem;line-height: 1.2rem;overflow: hidden;text-align: center;font-size: 0.24rem;} /***************** information *****************/ #index .information{width: 7.5rem;margin: 0 auto;padding-top: 0.4rem;background: #16a34c url(/mobile/images/information_bg.jpg) no-repeat bottom center / 7.5rem 9.03rem;} #index .information .top_title{background-image: url(/mobile/images/top_tit_w.png);color: white;margin-top: 0;} #index .information .sec_title{margin-bottom: 0.15rem;color: #bae4ca;} #index .information .top_desc{font-size: 0.22rem;line-height: 0.44rem;color: white;text-align: center;} #index .information .sec_desc{margin-bottom: 0.4rem;font-size: 0.16rem;line-height: 0.24rem;color: white;text-align: center;} /***************** information_list *****************/ #index .information #information_list{} #index .information .bd{width: 4.7rem;height: 4.5rem;overflow: hidden;margin:0 auto;} #index .information .bd li{position: relative;width: 4.7rem;height: 4.5rem;} #index .information .bd .num{position: absolute;top: 1.88rem;right: 0.16rem;width: 0.77rem;height: 0.72rem;line-height: 0.72rem;font-weight: bold;background:url(/mobile/images/b_cir.png) no-repeat center center / 0.77rem 0.72rem;color: #85c226;font-size: 0.32rem;font-family: 'dinregular';text-align: center;} #index .information .bd .pic{width: 4.7rem;height: 2.25rem;} #index .information .bd .content{width: 100%;height: 2.25rem;background:white;} #index .information .bd .name{display:block;height: 0.5rem;padding:0 0.2rem;margin-top: 0.3rem;line-height: 0.5rem;font-size: 0.24rem;font-weight: bold;color: #333;} #index .information .bd .desc{max-height: 0.8rem;padding:0 0.2rem;margin-top: 0.1rem;overflow: hidden;line-height: 0.4rem;font-size: 0.2rem;color: #555;} #index .information .hd{margin-bottom: 0.4rem;text-align: center;} #index .information .hd li{display: inline-block;width: 0.59rem;height: 0.59rem;margin: 0 0.22rem;font-size: 0.32rem;line-height: 0.59rem;color:#85c226;text-align: center;background:url(/mobile/images/s_cir.png) no-repeat center bottom / 0.59rem 0.55rem;font-family: 'dinregular';} #index .information .hd .on{color: black;} /***************** activity_photos *****************/ #index .activity_photos{} #index .activity_photos .photos_list{} #index .activity_photos .photos_list .list{position: relative;float: left;width: 3.48rem;height: 2.28rem;margin:0 0.13rem 0.26rem;} #index .activity_photos .photos_list .pic{width: 3.48rem;height: 2.28rem;} #index .activity_photos .photos_list .name{position: absolute;bottom: 0;left: 0;width: 100%;height: 0.44rem;line-height: 0.44rem;overflow: hidden;text-align: center;color: white;font-size: 0.2rem;background: rgba(0,0,0,0.3);} /** 公司列表页 **/ #gs{width:7.2rem;margin:0.45rem auto 0px;} #gs .company_title{width:100%;text-align:right;font-size: 0;} #gs .company_title .titles{display:inline-block;} #gs .company_title .titles .title_cn{display:block;font-size:0.3rem;color:#000000;} #gs .company_title .titles .title_en{display:block;font-family:'SourceHanSansCN Light',arial;font-size:0.16rem;color:#7e7e7e;} #gs .company_title .list{display:inline-block;width:1.62rem;height:0.5rem;font-family:"微软雅黑";font-size:0.2rem;color:#fff;background:#555555;line-height:0.5rem;text-align:center;margin-right:15px;vertical-align:top;} #gs .company_title .list.on{background:#16a34c;} #gs .first_segmentation{width:100%;height:0.89rem;background:url('../images/company_bg_1.png') no-repeat 90% 0px;background-size:auto 100%;} #gs .news_item{width:100%;} #gs .news_item{width:6.8rem;height:1.55rem;background:#f7f7f7;padding:0.2rem;} #gs .news_item .news_pic{float:left;width:2.5rem;height:1.55rem;} #gs .news_item .news_pic img{max-width:100%;max-height:100%} #gs .news_item .font_box{float:left;margin-left:0.2rem;width:4rem;} #gs .news_item .font_box .news_title{height: 0.29rem;line-height: 0.29rem;overflow: hidden;font-size:0.22rem;color:#333333;margin-bottom:0.06rem;} #gs .news_item .font_box .news_bf_desc{max-height: 0.68rem;overflow: hidden;font-size:0.18rem;color:#555555;line-height:0.34rem;margin:0px;} #gs .news_item .font_box .more{display:inline-block;width:1.34rem;height:0.42rem;color:#fff;font-size:0.18rem;text-align:center;line-height:0.42rem;background:#16a34c;margin-top:0.06rem;} #gs .other_segmentation{width:100%;height:0.60rem;background:url('../images/company_bg_2.png') no-repeat 90% 0px;background-size:auto 100%;} /** 公司详细页 **/ #gs .info_title{width:7.15rem;height:0.67rem;line-height:0.67rem;overflow: hidden;text-indent:0.35rem;background-image:url('../images/company_detail_title_bg.png');background-repeat:no-repeat;background-size:cover;font-size:0.35rem;color:#333333;} #gs .info_content{max-width:7.2rem;margin:0 auto;overflow: auto;padding:0.4rem 0;font-size: 0.2rem;padding: 0.15rem;} /*************************** platform start ***************************/ #gs .platform_list{padding: 0.1rem;border: #ddd 1px solid;border-radius: 0.04rem;margin: 0.1rem auto;font-size: 0.12rem;} #gs .platform_list .platform_title{} #gs .platform_list .platform_title .date{ display:inline-block; width:1.37rem; height: 0.20rem; line-height:0.20rem; padding:0.14rem 0.08rem; font-size:14px; font-weight:bold; text-align:center;} #gs .platform_list .platform_title .city{ display:inline-block; width:1.19rem; height: 0.20rem; line-height:0.20rem; padding:0.14rem 0.08rem; font-size:14px; font-weight:bold;text-align:center;} #gs .platform_list .platform_title .type{ display:inline-block; width:1.20rem; height: 0.20rem; line-height:0.20rem; padding:0.14rem 0.08rem; font-size:14px; font-weight:bold;text-align:center;} #gs .platform_list .platform_title .title{ display:inline-block; width:2.30rem; height: 0.20rem; line-height:0.20rem; padding:0.14rem 0.08rem; font-size:14px; font-weight:bold; text-align:left;} #gs .platform_list .list{border-bottom:1px dashed #ddd; } #gs .platform_list .list a:hover{ color:#000; } #gs .platform_list .list .date{ display:inline-block; width:1.37rem; padding:0.14rem 0.08rem; font-size:12px; text-align: center; vertical-align:middle;} #gs .platform_list .list .city{ display:inline-block; width:1.19rem; padding:0.14rem 0.08rem; font-size:12px; text-align: center; vertical-align:middle;} #gs .platform_list .list .type{ display:inline-block; width:1.20rem; padding:0.14rem 0.08rem; font-size:12px; text-align: center; vertical-align:middle; } #gs .platform_list .list .title{ display:inline-block; width:2.30rem; padding:0.14rem 0.08rem; font-size:12px; text-align: left; vertical-align:middle;} #gs .post_button{ display:block; width:6rem; height: 0.90rem; line-height: 0.90rem; margin:0 auto; margin-top:0.2rem; text-align: center;background: #16a34c; vertical-align: top; text-decoration: none; font-size:18px; color: white; border-radius:4px; } #gs .apply_info{ float:right; margin:0.11rem 0.60rem; font-size: 12px; color:#333; } /*************************** platform end ***************************/ /*platform_apply表单*/ #lib_product_inquire{width:100%; clear:both; overflow:hidden;font-size: 0.2rem;} #lib_product_inquire .form{ width:100% !important; margin-top:0.4rem;} #lib_product_inquire .rows{margin:0.1rem 0; clear:both;} #lib_product_inquire .rows label{width:15%; overflow:hidden; float:left; height:0.3rem; line-height:0.3rem; text-align:right; color:#555;} #lib_product_inquire .rows span{width:75%; float:left; display:block; padding-left:2px;} #lib_product_inquire .rows span .contents{width:85%; height:1.2rem;} #lib_product_inquire .rows span .vcode{text-transform:uppercase;} #lib_product_inquire .rows span img{margin-top:0.02rem;} #lib_product_inquire .form .rows .apply_button{ border: none; width: 1.1rem; height: 0.35rem;line-height: 0.35rem; background: #16a34c; font-size:12px; color: white; font-weight: bold; text-align: center;} /*在线留言表单*/ #lib_feedback_form{width:100%; clear:both; overflow:hidden;font-size: 0.2rem;} #lib_feedback_form .rows{margin:0.1rem 0; clear:both;} #lib_feedback_form .rows label{width:15%; overflow:hidden; float:left; height:0.3rem; line-height:0.3rem; text-align:right; color:#555;} #lib_feedback_form .rows span{width:75%; float:left; display:block; padding-left:2px;} #lib_feedback_form .rows span .contents{width:85%; height:1.2rem;} #lib_feedback_form .rows span .vcode{text-transform:uppercase;} #lib_feedback_form .rows span img{margin-top:0.02rem;} #inside_banner{height: 4rem;} #inside_banner img{width: 7.5rem;} /*产品列表页*/ #product{} #product .tips{text-align: center;font-size: 0.3rem;color: red;font-weight: bold;line-height: 1rem;} #product .list{width: 3.2rem;margin-left: 0.36rem;margin-top: 0.25rem;text-align: center;overflow: hidden;} #product .list .photo{width: 3.2rem;height: 4.25rem;background: url(../images/pro_list_photo_bg.jpg) no-repeat center center/3.17rem 4.21rem;text-align: center;} #product .list .online_photo{width: 3.16rem;height: 4.25rem;padding: 0 0.02rem 0.4rem;background: url(../images/online_pro.png) no-repeat left center /3.2rem 4.43rem;text-align: center;} #product .list:hover .photo{background: url(../images/pro_list_photo_bg_hover.png) no-repeat center center/3.2rem 4.25rem;} #product .list:hover .online_photo{background: url(../images/online_proh.png) no-repeat left center /3.17rem 4.45rem;} #product .list .price{color: #16a34c;font-size: 0.2rem;text-align: center;} #product img{max-width: 90%;max-height: 90%;vertical-align: middle;} #product .photo span{display: inline-block;height:100%;vertical-align: middle;} #product .name{height: 0.6rem;margin: 0.25rem 0;} #filter{display:none;position: fixed;top: 0;left: 50%;width: 7.2rem;height: 100%;overflow: auto;padding: 0 0.15rem;margin-left: -3.75rem;background: white;z-index: 10;} #filter .search{position: relative;width: 100%;height: 0.54rem;margin-top: 0.3rem;margin-bottom: 0.3rem;} #filter .search .input{width: 6rem;height: 0.54rem;border:none;background: #f5f5f5 url(../images/search.png) no-repeat 0.2rem center / 0.28rem 0.26rem;text-indent: 0.6rem;outline: none;} #filter .search .button{position: absolute;top: 0;left: 0;width: 0.55rem;height: 0.54rem;background: none;border:none;} #filter .search .close{float: right;width: 0.8rem;height: 0.54rem;line-height: 0.54rem;text-align: center;font-size: 0.24rem;cursor: pointer;} #filter .filt_list .name{height: 0.86rem;line-height: 0.86rem;font-size: 0.24rem;text-indent: 0.2rem;color: #333;background: #f3f2f0;} #filter .filt_list .name .all{float: right;width: 1.3rem;height: 0.86rem;line-height: 0.86rem;text-align: center;font-size: 0.24rem;} #filter .filt_list .filt_right{margin: 0.18rem 0;background: url(../images/border.png) repeat-y center -0.02rem / 7.2rem 0.71rem;} #filter .filt_list .filt_right .list{float: left;width: 33.3%;height: 0.69rem;line-height: 0.69rem;text-align: center;} #filter .filt_list .filt_right .cur{background: rgba(0,135,59,0.8);color: white;} #filter .category .top_cate{position: relative;height: 0.9rem;margin-top: 0.1rem;line-height: 0.9rem;background: #f3f2f0;text-indent: 0.2rem;} #filter .category .top_list{display: block;font-size: 0.24rem;color: #333;} #filter .category .plus{position: absolute;right: 0;top: 0;width: 1.5rem;height: 0.9rem;background: url(../images/add.jpg) no-repeat center center / 0.85rem 0.9rem;} #filter .category .less{background-image: url(../images/sub.jpg);} #filter .category .sec_cate{display: none;} #filter .category .sec_list{display: block;text-indent: 0.45rem;height: 0.9rem;line-height: 0.9rem;border-bottom: 1px solid #e7e7e7;font-size: 0.24rem;color: #555;} /*产品列表页 end*/ /*产品详细页*/ #goods{} #goods .goods_img{text-align: center;border-bottom: 1px solid #d4d4d4;} #goods .goods_img img{max-width: 100%;max-height: 100%;vertical-align: middle;} #goods .goods_img span{display: inline-block;height: 100%;vertical-align: middle;} #goods .name{height: 1.24rem;line-height: 1.24rem;margin-left: 0.15rem;background: url(../images/good_name_list_style.png) no-repeat left center/0.46rem 0.56rem;} #goods .price{padding-left: 0.2rem;} #goods .name span{padding-left: 0.65rem;} #goods .buy{width: 1.76rem;height: 0.49rem;margin-left: 0.2rem;line-height: 0.49rem;margin-top: 0.38rem;margin-right: 0.27rem;background: #16a34c;text-align: center;color: white;border:none;font-size: 0.2rem;outline: none;} #goods .buy.gray{ background:#ccc;} #goods .buy a{width: 100%;display:inline-block;color: white;} #goods .top_tab{height: 0.9rem;line-height: 0.9rem;background: #f1f1f1;border-bottom: 2px solid #e9e9e9;} #goods .top_tab .title{margin-left: 0.8rem;color: #555555;} #goods .top_tab .title.on{padding-bottom: 0.24rem;background: url(../images/bottom_arrow.png) no-repeat bottom center / 0.4rem 0.24rem; color: #000000;} #goods .top_tab .title.on em{} #goods .content{margin: 0.5rem 0 0.2rem 0;} #goods .content .detail{display:none;margin: 0 0.15rem;} #goods .content .detail p{font-size: 0.25rem;} #goods .content .detail.on{display: block;} /*产品详细页 end*/ /*关于我们*/ #aboutus{position: relative;width: 100%;height: 10.78rem;background: url(../images/aboutus_bg.jpg) no-repeat center center/ 7.5rem 10.78rem;} #aboutus .list_1{position: absolute;left: 0.49rem;width: 3.4rem;height: 2.23rem;padding-left: 0.02rem;background: url(../images/aboutus_left_circle.png) no-repeat left top/3.38rem 2.21rem;} #aboutus .list_2{position: absolute;right: 0.49rem;width: 3.4rem;height: 2.23rem;background: url(../images/aboutus_right_circle.png) no-repeat left top/3.38rem 2.21rem;} #aboutus .e1{top: 0.65rem;} #aboutus .e2{top: 2.69rem;} #aboutus .e3{top: 4.89rem;} #aboutus .e4{top: 7.07rem;} #aboutus .list_1 .photo{position: absolute;left: 0;top: 0;} #aboutus .list_2 .photo{position: absolute;right: 0;top: 0;} #aboutus .list_1 .name{position: absolute;left: 0;} #aboutus .list_2 .name{position: absolute;right: 0;} #aboutus .list .photo{width: 2.21rem;height: 2.21rem;} #aboutus .list .photo img{margin-top: 0.03rem;margin-left: 0.03rem;width: 2.15rem;height: 2.15rem;border-radius: 100%;} #aboutus .name{position: absolute;bottom: -0.8rem;width: 2.21rem;text-align: center;} #aboutus .name .name_cn a{font-size: 0.24rem;} #aboutus .name .name_en a{font-size: 0.18rem;color: #b9b9b9;} /*关于我们 end*/ /** share **/ .am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1111; } .am-modal-active { transform: translateY(0px); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; } .am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; } .am-share-footer { margin: 10px; } .am-share-footer .share_btn { color: #555; display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑"; } .am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 0.15rem; height:auto; zoom:1; overflow:auto; } .am-share-sns li { margin-bottom: 0.15rem; display: block; float: left; height: auto; width: 25%;} .am-share-sns a { color: #555; display: block; text-decoration:none; } .am-share-sns b { display: block; } .am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; } .am-share-sns li span.jiathis_txt{float:none;display:inline-block;margin:0 auto 5px; } .am-share-sns li span.jtico {display:inline-block !important;} .sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; } .sharebg-active { opacity: 1; display:block; }