.ny_main{width: 100%;padding: 100px 60px 140px;}
.xxtemp_head{position: relative;}
.xxtemp_slogan{font-size: 30px;font-weight: lighter;letter-spacing: 5px;line-height: 1.6;padding-right: 24%;}
.xxtemp_slogan br{display: none;}
.xxtemp_slogan em{margin: 0 20px;}
.xxtemp_search{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 19.5%;}
.xxtemp_search form{display: block;border-radius: 24px;background: #f4f4f4;padding-right: 60px;position: relative;}
.xxtemp_search_box{display: block;width: 100%;height: 48px;padding: 0 0 0 30px;background: none;border: none;outline: none;}
.xxtemp_search_btn{width: 60px;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/xxtemp_search_btn.png) center center no-repeat;border: none;outline: none;padding: 0px;}
.xxtemp_menu{margin: 85px 0 95px;width: 100%;display: inline-flex;/*display: flex;align-items: center;*/}
.xxtemp_menu_item{font-weight: lighter;transition: 500ms;width: 100%;padding: 25px 40px;display: flex;align-items: center;position: relative;}
.xxtemp_menu_item:before{content: "";width: 180px;height: 100%;background: #f7f7f7;position: absolute;left: 0;top: 0;}
.xxtemp_menu_indus{background: #ecf2ff;}
.xxtemp_menu_bt{line-height: 1.6;letter-spacing: 2px;float: left;width: 100px;position: relative;z-index: 2;}
.xxtemp_menu_cn{font-size: 20px;}
.xxtemp_menu_en{font-size: 14px;color: rgba(0,0,0,.3);text-transform: uppercase;}
.xxtemp_menu_nr{flex: 1;height: auto;text-align: center;flex-wrap: wrap;margin-left: 40px;padding-left: 40px;}
.xxtemp_mindus_option{min-width: 86px;margin: 5px 5px;padding: 0 14px;float: left;line-height: 32px;border-radius: 8px;text-align: center;background: #fff;color: #676767;font-size: 12px;cursor: pointer;transition: 300ms;letter-spacing: 2px;}
.xxtemp_mindus_option:hover,.xxtemp_mindus_option.on{background: #4481ff;color: #fff;box-shadow: 0px 6px 9px 0 rgba(68,129,255,.3);}

.xxpage{width: 100%;text-align: center;}
.xxpage ul{display: inline-block;vertical-align: top;border-bottom: 1px solid #dfdfdf;}
.xxpage ul li{display: inline-block;vertical-align: top;}
.xxpage a{display: inline-block;vertical-align: top;width: 70px;line-height: 80px;height: 80px;position: relative;font-size: 16px;color: #3f3f3f;z-index: 2;margin: 0 8px;transition: 400ms;}
.xxpage ul li a:after{content: "";width: 100%;height: 2px;background: #4c77ff;position: absolute;left: 0;bottom: -1px;transition: 400ms;transform: scale(0,0);}
.xxpage ul li a:hover,.xxpage ul li a.on1{color: #4c77ff;font-size: 30px;}
.xxpage ul li a:hover:after,.xxpage ul li a.on1:after{transform: scale(1,1);}
.xxpage a.xxpage_prev{background: url(../images/xxpage_prev.png) center center no-repeat;}
.xxpage a.xxpage_next{background: url(../images/xxpage_next.png) center center no-repeat;}
.xxpage a.xxpage_prev:hover{background: url(../images/xxpage_prev_h.png) center center no-repeat;}
.xxpage a.xxpage_next:hover{background: url(../images/xxpage_next_h.png) center center no-repeat;}


.xxtemp_sj_list{padding: 80px 60px 50px 50px;background: #fbfbfb;margin-top: -20px;width: 100%;margin-bottom: 50px;background: url(../images/xxjmy_bg.jpg) left center no-repeat;background-size: cover;}
.xxtemp_sj_item{width: 20%;margin-bottom: 5%;padding: 5px;border-radius: 18px;box-shadow: 0px 5px 24px 0 rgba(0,0,0,.25);background: #fff;position: relative;float: left;margin-right: 6.66%;}
.xxtemp_sj_item:nth-child(4n){margin-right: 0px;}
.xxtemp_sj_img{width: 100%;height: auto;overflow: hidden;border-radius: 18px 18px 0 0;position: relative;}
.xxtemp_sj_img:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.65);position: absolute;left: 0;top: 0;transition: 400ms;left: 100%;}
.xxtemp_sj_img img{width: 100%;}
.xxtemp_sj_bellow{padding: 15px 10px;height: auto;overflow: hidden;position: relative;}
.xxtemp_sj_intro{line-height: 24px;font-size: 14px;}
.xxtemp_sj_bt{line-height: 24px;height: 24px;overflow: hidden;}
.xxtemp_sj_color{display: flex;align-items: center;width: 100%;height: 24px;overflow: hidden;}
.xxtemp_sj_color span{display: inline-block;width: 12px;height: 12px;border-radius: 2px;cursor: pointer;margin-right: 8px;position: relative;}
.xxtemp_sj_color span:after{content: "";width: 4px;height: 4px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0,0);transition: 400ms;}
.xxtemp_sj_color span.on:after{transform: translate(-50%,-50%) scale(1,1);}
.xxtemp_sj_price{}
.xxtemp_sj_price{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.xxtemp_sj_price span{color: #ff6155;font-size: 20px;margin-right: 8px;letter-spacing: 1px;font-weight: bold;}
.xxtemp_sj_ewm{position: absolute;left: 0;top: 60%;width: 100%;transform: translateY(-50%);text-align: center;filter:alpha(opacity=0);opacity: 0;transition: 400ms;}
.xxtemp_sj_ewm i{width: 96px;margin: 0 auto 12px;display: block;padding: 6px;background: #fff;}
.xxtemp_sj_ewm i img{width: 100%;}
.xxtemp_sj_ewm p{font-size: 12px;color: #fff;line-height: 22px;}
.xxtemp_sj_item:hover .xxtemp_sj_img:after{left: 0;}
.xxtemp_sj_item:hover .xxtemp_sj_ewm{filter:alpha(opacity=100);opacity: 1;top: 50%;}


.xxtemp_side{position: fixed;top: 45%;left: 0;background: #fff;padding: 15px 8px;box-shadow: 0px 3px 43px 0 rgba(0,0,0,.13);border-radius: 0 10px 10px 0;z-index: 50;transform: translatex(-100%);transition: 400ms;}
.xxtemp_side.open{transform: translatex(0%);}
.xxtemp_side>div{width: 28px;height: 28px;border-radius: 50%;margin: 8px 0;cursor: pointer;transition: 300ms;background-size: 100%!important;}
.xxtemp_side_btn{background: url(../images/xxtemp_side_btn.png) #eee center center no-repeat;}
.xxtemp_side_top{background: url(../images/xxtemp_side_top.png) #eee center center no-repeat;}
.xxtemp_side_btn:hover,.xxtemp_side_btn.on{background: url(../images/xxtemp_side_btn_h.png) #4c77ff center center no-repeat;}
.xxtemp_side_top:hover{background: url(../images/xxtemp_side_top_h.png) #4c77ff center center no-repeat;}
.xxtemp_side_menu{width: 100%;height: auto;position: fixed;left: 0;top: 45%;padding: 0 60px;z-index: 49;display: none;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;}
.xxtemp_side_menu .xxtemp_menu{margin: 0;}