.css{ padding-top: 60px !important;}
.headerbox{width: 100%; background: #fff;position: fixed;z-index: 10000;}
.w1300{width: 1300px; margin: auto;  padding-top:0 }
.topBox ul{overflow: hidden; padding:10px 0}
.topBox ul li{float: left; margin-right: 20px;}
.topBox ul li:hover{ cursor: pointer}
.topBox ul li img{display: block; float: left; height: 18px; }
.topBox ul li span{float: left; line-height: 18px; font-size: 12px; color:#7b7b7b; padding-left: 5px;}
.logo img{ width: 100px; display: block; margin:10px auto; position: relative}
.nav{width: 100%; margin: auto; position: relative}
.nav ul{width: 1000px; margin: auto}
.nav ul > li{float: left; width: 166px;text-align: center}
.nav ul > li > a{color:#676767; font-size: 14px; line-height: 40px;display: block;white-space: nowrap;}
.nav ul > li > a:hover{color:#333;font-weight: bold; }
.nav ul > li.on > a{color:#333; font-weight: bold}
.nav ul > li ol{position: absolute; width: 100%; border-top: 1px solid #e0dddd; top:40px; left: 0; padding: 20px 0;text-align: left;display:none; background: #fff; z-index: 9999}
.nav ul > li ol li{width: 1300px; margin: auto}
.nav ul > li ol li div.v1{width: 860px; float: left;}
.nav ul > li ol li div.v1 a.a1{width: 310px; float: left;}
.nav ul > li ol li div.v1 a.a1 img{display: block;width: 310px; height:310px}
.nav ul > li ol li div.v1 a.a1 span{display: block; color:#7b7b7b; font-size: 16px; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.nav ul > li ol li div.v1 a.a2{float: left; width: 150px; margin-left: 30px; margin-bottom: 10px}
.nav ul > li ol li div.v1 a.a2 img{display: block; width: 150px; height: 150px }
.nav ul > li ol li div.v1 a.a2 span{display: block; color:#7b7b7b; font-size: 16px; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.nav ul > li ol li div.v2{padding-left: 30px; overflow: hidden; float: left}
.nav ul > li ol li div.v2 a{display: block; color:#7b7b7b; font-size: 16px; margin-bottom:30px}
.nav ul > li ol li div.v2 a:hover{color:#007aff}
.banner{overflow: hidden; position: relative;padding-top:170px !important;}
.banner ul li img{display: block; max-width: 100%}
.Paging{position: absolute; z-index: 2; bottom: 20px; text-align: center; width: 100%;left: 0}
.Paging span{width: 10px; height: 10px; border-radius: 100px; background: #dce1d9; display: inline-block; margin: 0 3px;}
.Paging span.swiper-pagination-bullet-active{width: 10px; height: 10px; border-radius: 100px; background: #96a48b}
.embox{display: none}
.em_left{display: none}
.Mask{width: 100%; height: calc(100% - 1rem); background: rgba(0,0,0,0.5); z-index: 5; position: fixed; left: 0; bottom:0;display: none; }
.Mask2{width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 397; position: fixed; left: 0; bottom:0;display: none; }
.titel_in{color:#333; font-size: 45px; text-align: center; font-family: "宋体"; padding: 40px 0 25px 0}
.brief{text-align: center; color:#333; font-size: 24px; font-family: "宋体"}
.Cententbox{color:#747886; font-size: 16px; line-height: 25px;; width: 650px; text-align: center; margin: auto; padding: 20px 0 0 0}
.Cententbox a.C_a{color:#c2a27a; font-size: 16px; display: block;text-align: center; padding-top:30px;}
.indegoodshow{padding-top:60px;}
.indegoodshow ul li{width: 98%;float: left;text-align: center;}
.indegoodshow ul li img{display: block;width: 100%;max-width:  100%;}
.indegoodshow ul li p{width: 76%;margin: auto;background: #fff;padding: 20px;transform: translateY(-30%);}
.indegoodshow ul li p span{display: block;color:#333;font-size: 25px;font-family: "宋体";text-align: center;}
.indegoodshow ul li p em{display: block;color:#333;font-size: 16px;text-align: center;padding-top:15px;}
.indegoodshow ul li p a{display: inline-block; position: relative; color:#a48156; font-size: 14px; padding: 10px 20px;margin: auto; margin-top:30px; float: inherit}



.indegoodshow ul li p .lj{display: inline-block;position: relative;color:#a48156;font-size: 14px;margin-top: 15px;padding: 10px 20px;}


.indegoodshow ul li {
    margin-right: 2%;
    /* padding: 0px 60px; */
}



.indegoodshow ul a{
    width: 33%;
    float: left;
}
.Cententbox2{width: 750px;}
.goods_classification{width: 100%; padding-top:20px}
.goods_classification ul li.l_1 a.a1{display: block;float: left;width: 415px;height: 343px;border:1px solid #e1e1e1;}
.goods_classification ul li.l_1 a.a1 img,.goods_classification ul li.l_1 a.a2 img{width: 100%}
.goods_classification ul li.l_1 a.a2{display: block;width: 875px;height: 343px;float: right;}
.goods_classification ul li.l_2{margin-top:20px;}
.goods_classification ul li.l_2 a img{display: block; width: 100%}
.goods_classification ul li.l_1 a.a1 p{     display: table-cell;vertical-align: middle;padding: 0 50px;color:#999;font-size: 14px;line-height: 25px;height: 343px;}


.boxinmgvi{width: 100%;background: #f5f5f5;margin-top:20px;padding: 60px 0px;}
.boxinmgvi ul li{width: 25%;text-align: center;float: left;cursor: pointer;}
.boxinmgvi ul li img{display: block; margin: auto; height: 33px;}
.boxinmgvi ul li span{display: inline-block; color:#000000; font-size: 26px; padding: 15px 0; position: relative}
.boxinmgvi ul li p{ text-align: center; margin: auto; line-height: 22px; font-size: 12px; padding-top:10px;}
/*.boxinmgvi ul li span:after{content: ''; width: 80%; height: 1px; background: #aaaaaa; bottom: 0; left: 10%; position: absolute}*/
.footerbix{background: #96a48b; color:#fff; font-size: 14px; text-align: center; padding: 0.1rem 0}
.hsowv3{display: none}
.boxobg{width: 1240px; margin: auto; position: relative; margin-top:30px;}
.baone_Box{width: 100%; overflow: hidden}
.baone_Box ul li{width: 310px; float: left; }
.baone_Box ul li a{display: table-cell;width: 310px;height: 219px;vertical-align: middle;}
.baone_Box ul li img{display: block; max-width: 100%; margin: auto}
.baone_Box ul li span{display: block;text-align: center;color:#000000;font-size: 16px;/* padding: 20px 0; */}
.baone_Box_lsit ul li{width: 220px;}
.baone_Box_lsit ul li a{display: block; width: 220px; height:220px;}




.poosbiox{display: block}
.poosbiox span{position: absolute; top:50%; transform: translateY(-50%); z-index: 3;}
.poosbiox span.swiper-button-next{right:-32px; width: 23px; height: 42px; }
.poosbiox span.swiper-button-prev{left:-32px; width: 23px; height: 42px; }
.fanye{display: none}
.goods_fenl{width: 100%}
.goods_fenl ul{overflow: hidden; margin-top:20px;}
.goods_fenl ul li.l_text{width: 535px; height: 300px; float: left}
.goods_fenl ul li.l_text p{width: 535px; height: 300px; vertical-align: middle; padding-left:110px;display: table-cell}
.goods_fenl ul li.l_text p span{font-size:30px; color:#333; display: block; position: relative; padding: 20px 0}
.goods_fenl ul li.l_text p span:after{content: ''; width: 50px; height: 1px; background: #000; position: absolute; left: 0; bottom: 0; }
.goods_fenl ul li.l_text p em{color:#000000;font-size: 18px;display: block; padding-top:25px;}
.goods_fenl ul li.l_text p a{padding: 10px 20px;font-size: 16px; color:#96a48b; border-radius: 5px; display: inline-block; margin-top:50px;}
.goods_fenl ul li.r_img{ float: right; height: 300px;}
.goods_fenl ul li.r_img img{display: block;}
.goods_fenl ul:nth-child(2n) li.l_text{float: right}
.screen_lsit ul li{overflow: hidden; padding: 30px 0; width: 100%}
.screen_lsit ul li span{color:#000000; font-size: 32px; float: left; margin-right: 30px;}
.screen_lsit ul li p{float: left; position: relative; margin-right: 20px; margin-top:5px;}
.screen_lsit ul li p select{width: 200px; height: 30px; border:1px solid #dcdcdc; padding-left: 10px; font-size: 13px; color:#000;}
.screen_lsit ul li p:after{width: 30px;height: 30px; content: ''; background: url(../images/jt.png) no-repeat center; position: absolute; right: 0; top:0}
.screen_lsit ul li p input.in1{width: 200px; height: 30px; border:1px solid #dcdcdc; padding-left: 10px;}
.screen_lsit ul li p:last-child:after{width: 0}
.screen_lsit ul li p input.in2{width: 30px; height: 30px; position: absolute; right: 0; top:0; background: url(../images/iconde2.png) no-repeat center; border:0; background-size: 15px}
.screen_listshow{width: 100%; padding-top:30px;}
.screen_listshow ul{margin-bottom:20px; overflow: hidden}
.screen_listshow ul li.s6{width: 805px; float: left; }
.screen_listshow ul li.s6 a{float: left; width: 240px; height: 240px; border: 1px solid #fafafa; position: relative; margin-right: 25px; margin-bottom: 10px;}
.screen_listshow ul li.s6 a:nth-child(5n){ margin-right: 0}
.screen_listshow ul li.s6 a img{width: 100%; height: 240px; display:block}
.screen_listshow ul li a p{position: absolute;bottom: 0;z-index:-1;height:100%;width: calc(100% + 25px);background: #fff;border: 1px solid #fafafa;transform: translateX(50%);padding:20px;overflow: hidden;opacity: 0;transition: all 0.5s;}
.screen_listshow ul li a p span{display: block; color:#333; font-size: 14px;line-height: 25px; }
.screen_listshow ul li a:nth-child(5n) p{transform: translateX(-50%)}
.screen_listshow ul li a p em{display: block; color:#999; font-size: 12px; padding: 20px 0; line-height: 0.25rem}
.screen_listshow ul li a p b{display: block; color:#999; font-size: 12px; font-weight: inherit}
.screen_listshow ul li a p i{width: 24px; height: 22px; background: url(../images/iconde4.png) no-repeat; background-size: cover; display: block; margin-top:30px}
.screen_listshow ul li a p i.on{width: 24px; height: 22px; background: url(../images/icond5.png) no-repeat; background-size: cover; display: block; }
.screen_listshow ul li a.as p{opacity: 1; transform: translateX(91%);z-index: 99}
.screen_listshow ul li a:nth-child(5n).as p{transform: translateX(-100%);z-index: 99}
.screen_listshow ul li.s1{width: 495px; height: 495px; float: right; position: relative; overflow: hidden}
.screen_listshow ul li.s1 a img{width: 100%; height: 100%; display: block}
.screen_listshow ul:nth-child(2n) li.s6{width: 805px; float: right; }
.screen_listshow ul li.s1 a p{padding:100px;}
.screen_listshow ul li.s1 a p span{font-size: 24px;}
.screen_listshow ul li.s1 a p em{font-size: 16px; padding: 30px 0}
.screen_listshow ul li.s1 a p b{font-size: 16px;}
.screen_listshow ul li.s6 a:nth-child(1){animation-delay:0.1s;}
.screen_listshow ul li.s6 a:nth-child(2){animation-delay:0.2s}
.screen_listshow ul li.s6 a:nth-child(3){animation-delay:0.3s}
.screen_listshow ul li.s6 a:nth-child(4){animation-delay:0.4s}
.screen_listshow ul li.s6 a:nth-child(5){animation-delay:0.5s}
.screen_listshow ul li.s6 a:nth-child(6){animation-delay:0.6s}
.screen_listshow ul:nth-child(2n) li.s6 a{margin-left: 28px; margin-right: 0}
.imgboxong{ padding-top: 155px !important; }

.imgbox{padding: 30px;}
.imgbox img{display: block; width: 100%}
.Cenlsit{line-height: 25px; padding: 0 20px; font-size: 14px; color:#666}
.goodsadata{padding-top:50px;}
.leftimgbix{width: 800px;float: left}
.suok{width: 100px; float: left; margin: 0 30px; height: 590px;}
.suok ul li{margin: 10px 0; border:1px solid #e7e7e7; width: 100px; height: 100px; opacity: 0.8}
.suok ul li.on{opacity: 1}
.suok ul li img{width: 100%; height: 98px;}
.showimg{width: 590px; height: 590px; float: left; border:1px solid #e7e7e7}
.showimg img{width: 100%; height: 588px;}
.left_textshow{width: 500px; float: right; padding: 0 100px; text-align: center}
.left_textshow ul li.l1{font-size: 24px;padding-top: 18px;text-align: center;line-height: 33px;}
.left_textshow ul li.l2{padding: 20px 0; color:#808080; font-size: 18px}
.left_textshow ul li.l3{ color:#2a5345; font-size: 14px}
.left_textshow ul li.l4{ color:#909090; font-size: 20px; padding-top:30px;}
.left_textshow ul li.l5 i{width: 24px; height: 22px; background: url(../images/iconde4.png) no-repeat; background-size: cover; display: block;margin: auto; margin-top:30px;}
.left_textshow ul li.l5 i.on{width: 24px; height: 22px; background: url(../images/icond5.png) no-repeat; background-size: cover; display: block;}
.left_textshow ul li.l6 a{display: block; color:#fff; font-size: 14px; width: 100%; line-height: 40px; background: #96a48b; margin-top:35px;}
.telson{margin-top:40px; font-size: 28px;  padding-left: 20px; padding-bottom: 20px;}
.Mrombiox{text-align: center; padding: 50px 0; font-size: 28px; color:#333}
.mrom_list ul li{width: 240px; float: left; border:1px solid #ededed; margin-right: 20px;}
.mrom_list ul li a.a1 img{width: 100%; display: block; height: 238px;}
.mrom_list ul li em{display: block;font-size: 18px;padding: 10px 10px;}
.mrom_list ul li span{display: block;font-size: 16px;padding: 0 10px;color:#999;line-height: 25px;}
.mrom_list ul li p{display: block; font-size: 16px; padding: 20px 10px;color:#999}
.mrom_list ul li i{width: 24px; height: 22px; background: url(../images/iconde4.png) no-repeat; background-size: cover; display: block;margin-left:10px; margin-bottom: 20px;}
.mrom_list ul li i.on{width: 24px; height: 22px; background: url(../images/icond5.png) no-repeat; background-size: cover; display: block;}
.imgboxong{width: 1300px; margin: auto; padding-top:30px;}
.imgboxong img{display: block}
.senozne{text-align: center; padding: 30px 0}
.senozne ul li{ display: inline-block}
.senozne ul li input.in1{width: 340px;height: 44px; border:1px solid #dcdcdc; font-size: 14px; padding-left: 10px;}
.senozne ul li input.in2{width: 120px; border:0; background: #96a48b; text-align: center; line-height: 44px; margin-left: 20px; font-size: 14px; color:#fff}
.Bsaobelist ul li{width: 385px; height: 350px; border: 1px solid #e1e1e1; margin-left: 45px; float: left; padding: 0 50px; margin-bottom: 30px;}
.Bsaobelist ul li p{padding: 55px 0; color:#808590; font-family: "宋体"; font-size: 26px;}
.Bsaobelist ul li span{line-height: 36px;display: block; color:#808590; font-size: 16px; padding: 10px 0;padding-left: 30px;}
.Bsaobelist ul li span.a1{background: url(../images/icon-item.png) no-repeat left center; }
.Bsaobelist ul li span.a2{background: url(../images/icon-tel.png) no-repeat left center; }
.Bsaobelist ul li span.a3{background: url(../images/icon-map.png) no-repeat left 16px; }
.Bsaobelist ul li a{background: #96a48b; padding: 10px 20px;border-radius: 5px; color:#FFF; font-size: 14px; display: inline-block; margin-top:56px; display: none}
.store_databox{padding: 30px 0}
.leftboximg{width: 838px; height: 560px; float: left}
.leftboximg img{width: 838px; height: 560px; display: block}
.right_stgeb{width: 460px; float: right; text-align: center;}
.right_stgeb ul li.t_1{color:#808590; font-size: 32px; padding: 15px 0; }
.right_stgeb ul li.t_2{color:#809173; font-size: 20px;}
.right_stgeb ul li.t_3{color:#808590; font-size: 18px; padding-top:25px;}
.right_stgeb ul li.t_5{margin-bottom: 25px; color:#808590; font-size: 18px;}
.right_stgeb ul li.t_4{margin-bottom: 15px; color:#808590; font-size: 18px;}
.imgshowz{width: 100%; padding: 30px 0;}
.imgshowz img{width: 100%; display: block}
.title_box{position: relative; width: 100%; text-align: center; border-bottom:1px solid #f2f2f2}
.title_box ul{display: inline-block; padding: 0 30px; position: relative; background: #fff; z-index: 3}

.title_box ul li span{display: inline-block; padding: 0 15px; color:#999999; font-size: 28px; padding-bottom: 10px; margin: 0 20px;}
.title_box ul li span.on{border-bottom: 1px solid #000000; color:#000}
.terboxmnw{padding: 30px 0; color:#000; font-size: 14px;width: 960px; margin: auto}
.maintain{width: 960px; margin: auto; }
.maintain ul{margin-bottom: 20px;}
.maintain ul li.left_te{width: 590px; float: left; }
.maintain ul li.left_te p.p1{color:#000000; font-size: 28px; border-bottom: 1px solid #c6c6c6; padding: 20px 0; font-style: italic}
.maintain ul li.left_te p.p2{color:#000; font-size: 16px; line-height: 23px; padding:20px 0}
.maintain ul li.right_te{width: 310px; float: right; padding-top:50px;}
.maintain ul li.right_te img{display: block; width: 310px; height: 310px; }
.maintain ul:nth-child(2n) li.left_te{float: right}
.maintain ul:nth-child(2n) li.right_te{float: left}
.llogin{width: 100%; text-align: center; padding: 40px 0; color:#000; font-size: 30px;}
.login_box{width: 985px; border:1px solid #595959; padding: 20px; margin: auto}
.login_form{width: 50%; float: left; padding-right: 15px;}
.login_form ul li.l_1 p{text-align: center; font-size: 16px; color:#000;}
.login_form ul li.l_1 span{text-align: left; font-size: 14px; color:#a0a0a0; border-bottom: 1px solid #595959;display: block; padding-bottom: 15px; padding-top:20px;}
.login_form ul li p{color:#a0a0a0; padding: 10px 0; font-size: 14px;}
.login_form ul li p i{color:#f00}
.login_form ul li.l_2 input{width: 100%; height: 30px; border:1px solid #bdbdbd; background: #eeeeee; padding-left: 10px}
.login_form ul li.l_3{text-align:right; padding: 10px 0; border-bottom: 1px solid #595959}
.login_form ul li.l_3 a{ text-align: right; color:#a0a0a0; font-size: 14px; background: url(../images/jt.jpg) no-repeat left center; padding-left: 10px}
.login_form ul li.l_4{overflow: hidden}
.login_form ul li.l_4 img{float: left; height: 30px;}
.login_form ul li.l_4 input.but{width: 56px; height: 30px; border:1px solid #bdbdbd; background: #eeeeee; margin-left:30px;}
.login_form ul li.l_4 input.te{width:200px ; height: 30px; border:1px solid #bdbdbd; background: #eeeeee; margin-left:30px; padding-left: 10px}
.login_form ul li.l_5{text-align: center; padding: 30px 0}
.login_form ul li.l_5 input{width: 150px; height: 30px; background: #96a48b; color:#fff; font-size: 14px; border: 0}
.login_form ul li.l_6 input{width: 60%; height: 30px; border:1px solid #bdbdbd; background: #eeeeee; padding-left: 10px}
.login_form ul li.l_6 span{width: 35%; float: right; text-align: center; color:#fff; font-size: 12px; height: 30px; background: #96a48b; line-height: 30px;}





.register{width: 50%; float: left; padding-left: 15px; border-left: 1px dashed #bdbdbd;}
.register ul li.r_1 em{display: block; text-align: center; color:#a0a0a0; font-size: 30px;}
.register ul li.r_1 span{display: block;
    color: #a0a0a0; font-size: 14px; padding: 25px 0; text-align: center}
.register ul li p{color:#a0a0a0; padding: 10px 0; font-size: 14px;}
.register ul li p i{color:#f00}
.register ul li.r_2 label{margin-right: 20px; color:#000; font-size: 14px;}
.register ul li.r_2 label input{margin-right: 5px; vertical-align: bottom}
.register ul li.r_3 input{width: 100%; height: 30px; border:1px solid #bdbdbd; background: #eeeeee; padding-left: 10px}
.register ul li.r_4 img{float: left; height: 30px;}
.register ul li.r_4 input.but{width: 56px; height: 30px; border:1px solid #bdbdbd; background: #eeeeee; margin-left:30px;}
.register ul li.r_4 input.te{width:200px ; height: 30px; border:1px solid #bdbdbd; background: #eeeeee; margin-left:30px; padding-left: 10px}
.register ul li.r_5{padding: 15px 0}
.register ul li.r_5 label{color:#a0a0a0; font-size: 14px;}
.register ul li.r_5 label input{vertical-align: bottom; margin-right: 5px;}
.register ul li.r_6 input{width: 150px; height: 30px; background: #96a48b; color:#fff; font-size: 14px; border: 0}
.Customize{width: 100%; overflow: hidden}
.Customize ul{margin-bottom: 20px;overflow: hidden}
.Customize ul li.C_l{width:820px; height: 520px; float: left;  }
.Customize ul li.C_l img{display: block; width:820px; height: 520px; }
.Customize ul li.C_r{width: 480px; float: left; padding-left: 75px;}
.Customize ul li.C_r span{display: block; color:#000000; font-size: 32px; padding-top:35px;}
.Customize ul li.C_r em{display: block; color:#809173; font-size: 18px; padding-top:5px;}
.Customize ul li.C_r p{display: block; margin-top:20px; padding-top:10px; color:#000000; font-size: 15px; line-height: 25px; border-top:1px solid #c6c6c6}
.Customize ul:nth-child(2n) li.C_l{float: right}
.Customize ul:nth-child(2n) li.C_r{padding-left: 10px; padding-right: 65px;}
.autobox_Tc{position: fixed;z-index: 100000000000000000;width: 1000px;background: #fff;top:50%;left:50%;transform: translate(-50%,-50%);display: none;box-shadow: 0 0 10px #f0f0f0;}
.autobox_Tc .login_box{border:0; padding-top:0; padding-bottom: 50px;}
.nong_img{padding: 20px; text-align: right}
.nong_img img{cursor: pointer}
.left_data{width: 50%; float: right; padding-left: 30px; text-align: center}
.left_data ul li.l_1 span{display: block ;color:#000; font-size: 18px; padding: 25px 0}
.left_data ul li.l_1 p{color:#a0a0a0; font-size: 14px}
.left_data ul li.l_1 em{display: inline-block; padding-top:15px; color: #a0a0a0; font-size: 14px;}
.left_data ul li.l_2 p{text-align: left; font-size: 14px; line-height: 25px;}
.left_data ul li.l_2 a{color:#2a5345; font-size: 14px; text-align: left}
.mrom_list2 ul li{margin-bottom: 20px;}
.teboix{padding:30px 0; font-size: 24px; width: 100%; overflow: hidden; text-align: center;}





.loader{ width: 100%;height: 100%;position: fixed;z-index: 100;top:0px;
    animation: bgc 4s 1s infinite;-webkit-animation: bgc 4s 1s infinite;-moz-animation: bgc 4s 1s infinite;-o-animation: bgc 4s 1s infinite;-ms-animation: bgc 4s 1s infinite;
    animation-fill-mode: both;}
@keyframes bgc{
    0%{ background-color: rgba(255,255,255,0,8); }
    25%{ background-color: rgba(255,255,255,0,8);}
    50%{ background-color: rgba(255,255,255,0,8);}
    75%{ background-color: rgba(255,255,255,0,8);}
    100%{ background-color: rgba(255,255,255,0,8); }
}
@-webkit-keyframes bgc{
    0%{ background-color: rgba(255,255,255,0,8) }
    25%{ background-color: rgba(255,255,255,0,8)}
    50%{ background-color: rgba(255,255,255,0,8)}
    75%{ background-color: rgba(255,255,255,0,8)}
    100%{ background-color: rgba(255,255,255,0,8) }
}
@-moz-keyframes bgc{
    0%{ background-color: rgba(255,255,255,0,8); }
    25%{ background-color: rgba(255,255,255,0,8)}
    50%{ background-color: rgba(255,255,255,0,8)}
    75%{ background-color: rgba(255,255,255,0,8)}
    100%{ background-color: rgba(255,255,255,0,8) }
}
@-ms-keyframes bgc{
    0%{ background-color: rgba(255,255,255,0,8)}
    25%{ background-color: rgba(255,255,255,0,8)}
    50%{ background-color: rgba(255,255,255,0,8)}
    75%{ background-color: rgba(255,255,255,0,8)}
    100%{ background-color: rgba(255,255,255,0,8) }
}
@-o-keyframes bgc{
    0%{ background-color: rgba(255,255,255,0,8) }
    25%{ background-color: rgba(255,255,255,0,8)}
    50%{ background-color: rgba(255,255,255,0,8)}
    75%{ background-color: rgba(255,255,255,0,8)}
    100%{ background-color:rgba(255,255,255,0,8) }
}
.myloading{ display:block;border-radius:100px;width: 80px;line-height:80px;height: 80px;background-color: #FFF;margin: auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0;
    animation: load 2s infinite;-webkit-animation: load 2s infinite;-moz-animation: load 2s infinite;-o-animation: load 2s infinite;-ms-animation: load 2s infinite;
    animation-fill-mode: both;text-align: center}
@keyframes load{
    0%{ transform: perspective(100px) rotateX(0deg) rotateY(0);}
    25%{ transform: perspective(100px) rotateX(180deg) rotateY(0);}
    50%{ transform: perspective(100px) rotateX(180deg) rotateY(180deg);}
    75%{ transform: perspective(100px) rotateX(0) rotateY(180deg);}
    100%{ transform: perspective(100px) rotateX(0) rotateY(0); }
}
@-webkit-keyframes load{
    0%{ transform: perspective(100px) rotateX(0deg) rotateY(0);}
    25%{ transform: perspective(100px) rotateX(180deg) rotateY(0);}
    50%{ transform: perspective(100px) rotateX(180deg) rotateY(180deg);}
    75%{ transform: perspective(100px) rotateX(0) rotateY(180deg);}
    100%{ transform: perspective(100px) rotateX(0) rotateY(0); }
}
@-moz-keyframes load{
    0%{ transform: perspective(100px) rotateX(0deg) rotateY(0);}
    25%{ transform: perspective(100px) rotateX(180deg) rotateY(0);}
    50%{ transform: perspective(100px) rotateX(180deg) rotateY(180deg);}
    75%{ transform: perspective(100px) rotateX(0) rotateY(180deg);}
    100%{ transform: perspective(100px) rotateX(0) rotateY(0); }
}
@-o-keyframes load{
    0%{ transform: perspective(100px) rotateX(0deg) rotateY(0);}
    25%{ transform: perspective(100px) rotateX(180deg) rotateY(0);}
    50%{ transform: perspective(100px) rotateX(180deg) rotateY(180deg);}
    75%{ transform: perspective(100px) rotateX(0) rotateY(180deg);}
    100%{ transform: perspective(100px) rotateX(0) rotateY(0); }
}
@-ms-keyframes load{
    0%{ transform: perspective(100px) rotateX(0deg) rotateY(0);}
    25%{ transform: perspective(100px) rotateX(180deg) rotateY(0);}
    50%{ transform: perspective(100px) rotateX(180deg) rotateY(180deg);}
    75%{ transform: perspective(100px) rotateX(0) rotateY(180deg);}
    100%{ transform: perspective(100px) rotateX(0) rotateY(0); }
}


#Menuerw{ z-index: 1000000;width: 80px;height: 80px;background: rgb(206, 219, 173);border-radius: 100%;position: fixed;top:50%;right: 0;transform: translateX(40%);transition: all 0.5s}
#Menuerw .img{ width: 30px;display: block; margin-top: 26px; margin-left: 15px;position: absolute;}
#Menuerw .shopEwm{ width: 30px;height: 30px;position: absolute;left: 15px;top:26px;transition: all 0.5s ;opacity: 0}
.wap_show{display: none}
@media screen and (min-width: 1024px){

    #Menuerw:hover{ width: 120px;height: 120px;border-radius: 10px;transform:  translate(0)}
    #Menuerw:hover .shopEwm{ width: 100px;height: 100px;left: 50%;top:50%;transform: translate(-50%,-50%);opacity:1}
    #Menuerw:hover .img{ opacity: 0}
    #footLoadsIngs:hover div{ transform: translate(-50%,-50%) scale(1) !important;opacity: 1 !important;}
    .aljsdds{position: absolute;opacity: 0;z-index: 9999;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all 0.5s;}
    .img1_lg2{display: none}
}
.inb li{ margin-top: 30px}
.inb{ width: 1300px; margin: auto;  padding-top:0 }
@media screen and (max-width: 750px) {
    .img1_lg1{display: none}
    .aljsdds{ position: fixed; top:50%; left: 50%; z-index: 99999; transform: translate(-50%,-50%);display: none;  background: rgb(206, 219, 173); padding: 0.2rem; border-radius: 5px;}
    .aljsdds img{width: 150px !important;}
    .aljsdds p{display: block; color:#fff; font-size: 0.24rem; line-height: 0.3rem !important; text-align: center;padding-top:0 !important}

    .mask_l{width: 100%; height: 100%; position: fixed;z-index: 9;background: rgba(0,0,0,0.5); left: 0; top:0; display: none}
    .wap_show{ height: auto;border-radius: 10px;transform:  translate(-50%,-50%);left: 50%; top:50%; position: fixed; z-index: 999; background: rgb(206, 219, 173); padding: 0.2rem}
    .wap_show p{display: block; color:#fff; font-size: 0.24rem; line-height: 0.3rem; text-align: center;}
    .wap_show .shopEwm{ width: 150px;height: 150px;}
    .wap_show p:nth-child(1){margin-top:0.1rem}


    .w1300{width: 100%; margin: auto; padding-top: 65px !important}
    .banner{ padding-top:86px !important;}
    .inb{ padding-top: 0px !important;width: 100%; margin: auto; }
    .inb li{ margin-top: 10px}

    .topBox{position: fixed; right:0; top:0.8rem; width: 30%; background: #fff; border-radius: 5px; box-shadow: 0 0 10px #eee;z-index: 9; padding-bottom: 15px;display: none;padding-top: 0.1rem !important;}
    .topBox ul{width: 100%; float: inherit; padding: 0}
    .topBox ul li{width: 100%;float: inherit; overflow: hidden; padding-left: 15px; margin-top:10px; }
    .Paging{position: absolute; z-index: 2; bottom: 0.2rem; text-align: center; width: 100%;left: 0}
    .Paging span{width: 0.15rem; height: 0.15rem; border-radius: 100px; background: #dce1d9; display: inline-block; margin: 0 3px;}
    .Paging span.swiper-pagination-bullet-active{width: 0.15rem; height: 0.15rem; border-radius: 100px; background: #96a48b}
    .logo img{max-width: 30%; height: auto}
    .logo{position: relative}
    .nav{width: 40%; position: fixed; top:1rem; left: 0; height: 100%; background: #fff;z-index: 99; transform: translateX(-100%);transition: all 0.5s}
    .nav2{width: 40%; position: fixed; top:1rem; left: 0; height: 100%; background: #fff;z-index: 99; transform: translateX(0%);transition: all 0.5s}
    .embox{width: 1.35rem; height: 1.35rem; background: url(../images/show.png) no-repeat left center ;background-size: 0.35rem 0.35rem; position: absolute; left: 0.2rem; top:50%;transform: translateY(-50%); display: block}
    .embox2{width: 1.35rem; height: 1.35rem; background: url(../images/none.png) no-repeat left center ;background-size: 0.35rem 0.35rem; position: absolute; left: 0.2rem; top:50%;transform: translateY(-50%); display: block}

    .em_left{width: 1.35rem; height: 1.35rem;  background: url(../images/zhank.png) no-repeat right center;background-size: 0.5rem 0.5rem; position: absolute; right: 0.2rem; top:50%;transform: translateY(-50%); display: block }



    .nav ul li{width: 100%;}
    .nav ul{width: 100%}
    .nav ul > li ol li{width: 100%}
    .nav ul > li > a{font-size: 0.3rem}
    .titel_in{color:#96a48b; font-size: 0.45rem; text-align: center; font-family: "宋体"; padding: 0.4rem 0 0.25rem 0}
    .brief{text-align: center; color:#96a48b; font-size: 0.3rem; font-family: "宋体"}
    .Cententbox{color:#747886; font-size: 0.24rem;  width:90%; text-align: center; margin: auto; padding: 0.2rem 0 0 0; line-height: 0.4rem}
    .Cententbox a.C_a{color:#c2a27a; font-size: 0.24rem; display: block;text-align: center; padding-top:0.2rem; }
    .indegoodshow ul li p span{font-size: 0.3rem}
    .indegoodshow ul li p em{font-size: 0.24rem; padding-top:0.1rem; line-height: 0.35rem}
    .indegoodshow ul li p a{font-size: 0.24rem; padding: 0.1rem 0.2rem; margin-top:0.2rem; padding-bottom: 0.2rem}
    .indegoodshow{padding: 0.2rem}
    .Cententbox2{width: 100%; padding: 0 0.2rem}
    .goods_classification{padding: 0 0.2rem}
    .goods_classification ul li.l_2{margin-top:0.2rem;}
    .goods_classification ul li.l_1 a.a1{display: block; float: left; width: 31%; height:auto; border:1px solid #e1e1e1}
    .goods_classification ul li.l_1 a.a2{display: block; float: right; width: 65%; height:auto; border:1px solid #e1e1e1}
    .boxinmgvi{padding: 0.2rem}
    .boxinmgvi ul li img{display: block; margin: auto; height: 0.35rem; cursor: pointer}
    .boxinmgvi ul li span{display: inline-block; color:#000000; font-size: 0.28rem; padding: 0.2rem 0; position: relative}
    .boxinmgvi ul li p{font-size: 0.24rem}
    .footerbix{font-size: 0.24rem}
    .nav ul > li ol{width: 7.5rem; display: none;position: fixed; top:-1rem; left: 0; background: #fff; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding-top:0.8rem; transition: all 0.5s}
    .nav3 ul > li ol{ display: block; transition: all 0.5s;left: -150%;}
    .nav ul > li ol li{padding: 0 0.2rem}
    .nav ul > li ol li div.v1{width: 100%}
    .nav ul > li ol li div.v1 a.a1 img{width: 100%; height: auto}
    .nav ul > li ol li div.v1 a.a1{width: 31%; height: auto; margin-right: 3.5%; margin-bottom:10px;}
    .nav ul > li ol li div.v1 a.a1 span{font-size: 0.24rem; padding: 0.1rem}
    .nav ul > li ol li div.v1 a.a2{width: 31%;margin:0;margin-right: 3.5%; margin-bottom:10px;}
    .nav ul > li ol li div.v1 a.a2:nth-child(3n){margin-right: 0}
    .nav ul > li ol li div.v1 a.a2 img{width: 100%; height: auto}
    .nav ul > li ol li div.v1 a.a2 span{font-size: 0.24rem; padding: 0.1rem}
    .nav ul > li ol li div.v2{padding: 0.2rem}
    .nav ul > li ol li div.v2 a{display: inline-block; font-size: 0.26rem; padding: 0 0.2rem}
    .hsowv3{position: absolute; width: 0.35rem; height: 0.35rem; top:0.2rem; right: 0.2rem; display: block}
    .hsowv3 img{width: 100%; display: block}
    .poosbiox{display: none}
    .goods_classification ul li.l_1 a.a1 p{ overflow: scroll; }
    .boxobg{width: 100%; padding: 0.2rem; margin-top:0.1rem}
    .baone_Box ul li{width: 48%}
    .baone_Box ul li a{display: block; width: 70%; height: auto; margin: auto}
    .baone_Box ul li a img{width: 100%;display: block}
    .baone_Box_lsit ul li a{display: block; width: 100%; height: auto; margin: auto}

    .baone_Box ul li span{padding: 0.1rem 0; font-size: 0.28rem}
    .goods_fenl{padding: 0 0.2rem}
    .goods_fenl ul li.l_text{width: 40%; height:  2.07rem}
    .goods_fenl ul li.r_img{width: 60%; height: 2.07rem}
    .goods_fenl ul li.r_img img{width: 100%; height: auto}
    .goods_fenl ul li.l_text p{width: 100%; height: 1rem; padding-left:0.1rem}
    .goods_fenl ul li.l_text p span{font-size: 0.28rem; padding: 0.2rem 0}
    .goods_fenl ul li.l_text p span:after{width: 30%}
    .goods_fenl ul li.l_text p em{font-size: 0.24rem; padding-top:0.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 95%}
    .goods_fenl ul li.l_text p a{font-size: 0.24rem; padding: 0.1rem 0.2rem; margin-top:0.2rem}
    .screen_lsit{padding: 0 0.2rem}
    .screen_lsit ul li{padding: 0.2rem 0}
    .screen_lsit ul li span{display: block; color:#666; font-size: 0.28rem; float: inherit}
    .screen_lsit ul li p{width: 48%; margin-right: 4%}
    .screen_lsit ul li p select{width: 100%; font-size: 0.24rem}
    .screen_lsit ul li p:nth-child(2n +3){margin-right: 0}
    .screen_lsit ul li p input.in1{width: 100%;font-size: 0.24rem}
    .screen_listshow{padding: 0 0.2rem}
    .screen_listshow ul li.s6{width: 100%}
    .screen_listshow ul li.s6 a{width: 48%; height: auto; margin-right: 4%;}
    .screen_listshow ul li.s6 a img{width: 100%; height: auto}
    .screen_listshow ul li.s1{width: 100%; height: auto}
    .screen_listshow ul li.s1 a img{width: 100%; height: auto}
    .screen_listshow ul:nth-child(2n) li.s6 {
        width: 100%;
        float: right;
    }
    .screen_listshow ul:nth-child(2n) li.s6 a {
        margin-left: 0;
        margin-right: 4%;
    }
    .screen_listshow ul li a p{padding: 0.2rem}
    .screen_listshow ul li a p span{font-size: 0.26rem; line-height: 0.4rem}
    .screen_listshow ul li a p em{padding: 0.2rem 0}
    .screen_listshow ul li a p i{margin-top:0.3rem}
    .screen_listshow ul li.s6 a:nth-child(2n){margin-right: 0}
    .screen_listshow ul li.s1 a p{padding: 0.4rem}
    .imgbox{padding: 0.2rem;}
    .Cenlsit{line-height: 0.4rem; padding: 0 0.2rem; font-size: 0.24rem; color:#666}
    .showimg{display: none}
    .goodsadata{padding-top:0.2rem}
    .leftimgbix{width: 100%; position: relative; float: inherit; overflow: hidden}
    .suok{width: 100%; margin:auto; overflow: hidden; height: auto}
    .suok ul li{border:0; opacity: 1; width: 100%; height: auto}
    .suok ul li img{width: 100%; display: block; height: auto}
    .saghne{position: absolute; left: 0; width: 100%; text-align: center; bottom: 0.4rem; z-index: 9}
    .saghne span{width: 0.2rem; height: 0.2rem; border-radius: 100%; background: #ccc; margin: 0 0.02rem}
    .saghne span.swiper-pagination-bullet-active{background: #96a48b;}
    .left_textshow{width: 100%; float: inherit; padding: 0.2rem; text-align: left}
    .left_textshow ul li.l1{font-size: 0.3rem; padding-top:0.1rem; text-align: left}
    .left_textshow ul li.l2{padding: 0.2rem 0; font-size: 0.26rem}
    .left_textshow ul li.l3{font-size: 0.24rem}
    .left_textshow ul li.l4{font-size: 0.28rem; padding-top:0.3rem}
    .left_textshow ul li.l5 i{margin: inherit; margin-top:0.3rem}
    .left_textshow ul li.l6 a{text-align: center}
    .telson{font-size: 0.4rem;margin-top:0.3rem;padding-left:0.2rem;
        padding-bottom: 0.2rem;}
    .Mrombiox{font-size: 0.4rem; padding: 0.3rem 0}
    .mrom_list{padding: 0.2rem}
    .mrom_list ul li{width: 48%; margin-right: 4%; margin-bottom: 0.2rem}
    .mrom_list ul li:nth-child(2n){margin-right: 0}
    .mrom_list ul li a.a1 img{height: auto}
    .mrom_list ul li em{padding: 0.2rem; font-size: 0.3rem}
    .mrom_list ul li span{font-size: 0.28rem}
    .mrom_list ul li p{padding: 0.2rem}
    .imgboxong{width: 100%}
    .imgboxong img{display: block;width: 100%}
    .Bsaobelist ul li{width: 48%; float: left}
    .senozne{ padding: 0.2rem 0 0.15rem 0;  }
    .senozne ul li{width: 100%; padding: 0 0.2rem}
    .senozne ul li input.in1{width: 65%; height: 0.7rem;}
    .senozne ul li input.in2{width: 30%; height:0.7rem; color: #fff; font-size: 0.24rem; line-height: 0.7rem;margin-left:0.1rem;}
    .Bsaobelist{padding:0  0.2rem 0.2rem 0.2rem}
    .Bsaobelist ul li{margin-left: 0; height: auto; padding: 0 0.2rem; width: 100%; margin-bottom:0.2rem}
    .Bsaobelist ul li p{font-size: 0.3rem; text-align: center; padding: 0.2rem 0}
    .Bsaobelist ul li span.a1{font-size: 0.24rem; background-size: 0.25rem; padding-left: 0.4rem}
    .Bsaobelist ul li span.a2{font-size: 0.24rem; background-size: 0.25rem; padding-left: 0.4rem}
    .Bsaobelist ul li span.a3{font-size: 0.24rem; background-size: 0.25rem; padding-left: 0.4rem}
    .Bsaobelist ul li a{margin-top:0.2rem; padding: 0.1rem 0.2rem; margin-bottom: 0.3rem; margin-left: 0.4rem}
    .store_databox{padding: 0.2rem 0}
    .leftboximg,.right_stgeb{width: 100%; height: auto; }
    .leftboximg img{width: 100%; height: auto; }
    .right_stgeb{padding:0.2rem;}
    .right_stgeb ul li.t_1{color:#808590; font-size: 0.4rem; padding: 0.2rem 0}
    .right_stgeb ul li.t_2{color:#809173; font-size: 0.28rem;}
    .right_stgeb ul li.t_3{color:#808590; font-size: 0.26rem; padding-top:0.2rem;}
    .right_stgeb ul li.t_5{margin-bottom: 0.2rem; color:#808590; font-size: 0.24rem;}
    .right_stgeb ul li.t_4{margin-bottom: 0.15rem; color:#808590; font-size: 0.24rem;}
    .imgshowz{width: 100%; padding: 0.2rem 0;}
    .title_box ul{padding: 0 0.2rem}
    .title_box ul li span{padding: 0 0.2rem; font-size: 0.28rem; margin:0 0.2rem; padding-bottom: 0.1rem }
    .terboxmnw{padding: 0.2rem; width: 100%; line-height: 0.4rem}
    .maintain{width: 100%; padding: 0 0.2rem}
    .maintain ul li.left_te{width: 100%}
    .maintain ul li.left_te p.p1{padding: 0.2rem 0; font-size: 0.28rem}
    .maintain ul li.left_te p.p2{font-size: 0.24rem; padding: 0.2rem 0}
    .maintain ul li.right_te{text-align: center; width: 100%; padding-top:0.2rem}
    .maintain ul li.right_te img{width: 100%; display: block; height: auto}
    .llogin{display: none}
    .login_box{width: 100%; border:0; padding: 0.2rem}
    .login_form{width: 100%; padding-right: 0}
    .login_form ul li.l_4 input.te{width: 3.3rem; margin-left: 0.2rem}
    .register{padding-left:0; border:0; width: 100%; border-top:1px dashed #ccc; padding-top:0.4rem}
    .register ul li.r_1 em{font-size: 0.4rem}
    .register ul li.r_1 span{font-size: 0.28rem; padding: 0.2rem 0}
    .register ul li.r_4 input.te{width: 3.3rem; margin-left: 0.2rem}
    .Customize{padding: 0 0.2rem}
    .Customize ul li.C_l{width: 100%; height: auto; float: inherit}
    .Customize ul li.C_l img{width: 100%; height: auto; }
    .Customize ul li.C_r{float: inherit; width: 100%; padding-left: 0}
    .Customize ul li.C_r span{font-size: 0.3rem; display: block; padding-top: 10px;}
    .Customize ul li.C_r em{font-size: 0.26rem; display: block; }
    .Customize ul li.C_r p{font-size: 0.24rem; display: block; line-height: 0.4rem; padding-top:0.1rem; margin-top:0.2rem}
    .Customize ul:nth-child(2n) li.C_r{padding-left: 0; padding-right: 0;}
    .Customize ul:nth-child(2n) li.C_l{float: inherit}
    .autobox_Tc{width: 95%; height: 90%; overflow: auto; }
    .left_data{width: 100%; padding-left: 0}
    .left_data ul li.l_1 span{font-size: 0.32rem}
    .left_data ul li.l_1 p{font-size: 0.24rem}
    .nong_img{padding: 0.2rem}
    .mrom_list2 ul li{margin-bottom:0.2rem;}
    .Mrombiox2{padding: 0.2rem; font-size: 0.38rem}
    .goods_classification ul li.l_1 a.a1 p{padding: 0.1rem;
        font-size: 0.24rem;
        height: 2.6rem;
        overflow: scroll;
        display: block;
        line-height: 0.4rem;}
    .teboix{padding: 0 0.2rem; font-size: 0.3rem; width: 100%; overflow: hidden; text-align: center; padding-top:0.2rem}
    .indegoodshow ul a{width: 100%;}
}