body{position:relative;}
.public_title { width: 100%; text-align: center; }
.public_title p { font-size: 60px; color: #683418; font-family: 'Segma-Medium'; }
.short_term { width: 116px; height: 2px; background: #683418; }
.config_title { font-size: 22px; font-family: 'Segma-Medium'; }
.tran { transition: all .3s; }
.fl { float: left; }
.relative { position: relative; }
.inline_block { display: inline-block; }
.middle { vertical-align: middle; }
.text_center { text-align: center; }
.text_over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pointer { cursor: pointer; }
.absolute { position: absolute;z-index: 1; }
.over { overflow: hidden; }
.trans_show { transition:all .5s;-webkit-transition:all .5s;opacity: 0;visibility: hidden;}
.trans_show.visable { opacity: 1;visibility: visible; }
.block { display: block; }
.trans { -webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
.middleimg img{vertical-align: middle;}
.middleimg .mid-ilb{vertical-align: middle;display: inline-block;}
.middleimg span{height: 100%;vertical-align: middle;display: inline-block;}

/* .responsive_pc_header{ height: 166px;} */
.responsive_pc_header .header_in{ width: 100%; transition: all 0.3s;}
.responsive_pc_header .header_in.fixed{ position: fixed; left: 0; top: 0; z-index: 100; background: #683418;}
.responsive_pc_header .header_in.fixed .default_nav_style .n_item>a { color: #fff; }

.header_box {width: 100%; position: relative; z-index: 1; }
.header_box .header { margin: 0 auto; width: 76.927%; height: 132px; z-index: 1; }
.header_box .header .logo_box { width: 260px; position: absolute; }
.header_box .header .logo_box .logo_img { padding-top: 30px; }
/* .header_box .header .logo_box .brand { font-size: 37.78px; color: #fff; font-family: 'Segma-Medium'; float: right; margin-top: 32px; } */
.header_box .header .navbar { width: 830px; width: calc(100% - 320px); height: 100%; float: right; }
.header_box .header .navbar .right_top { height: 72px; float: right; display: flex; } 
.header_box .header .navbar .right_top .h_icon { margin-left: 31px; width: 26px; height: 100%; line-height: 72px; cursor: pointer;}
.header_box .header .navbar .right_top .h_icon div, .h_icon a{ display: block; height: 100%;}
.header_box .header .navbar .right_top .search_form{ position: relative; height: 100%; z-index: 1;}
.header_box .header .navbar .right_top .search_form .search_icon{ display: block; width: 100%; height: 100%; background: url(../images/header_search.png) no-repeat center; filter: invert() grayscale();}
.header_box .header .navbar .right_top .search_form form{ opacity: 0; position: absolute; top: 50%; right: 0; width: 250px; height: 42px; background: #fff; border-bottom: 1px solid #9cc6cd; pointer-events: none; transform: translateY(-50%);}
.header_box .header .navbar .right_top .search_form.open form{ opacity: 1; pointer-events: auto;}
.header_box .header .navbar .right_top .search_form form input.text{ padding-left: 10px; width: 80%; height: 100%; background: none; border: 0; box-sizing: border-box;}
.header_box .header .navbar .right_top .search_form form input.sub_btn{ width: 15%; height: 100%; background: url(../images/search_black.png) no-repeat center / 50% auto; border: 0; }

.header_box .header .navbar .right_top .admin .login { display: block; width: 100%; height: 100%; background: url(../images/header_admin.png) no-repeat center;}
.header_box .header .navbar .right_top .langua { width: 47px; position: relative; margin-left: 24px; }
/* .header_box .header .navbar .right_top .langua a { height: 30px; font-size: 16px; color: #000; font-family: 'Segma-Medium'; text-decoration: none; } */
.header_box .header .navbar .right_top .langua .triangle { width: 0; height: 0; border-width: 7px 7px 0px 7px; border-style: solid; border-color: #fff transparent transparent transparent; transform: rotate(0deg); 
    position: absolute; top: 0; left: 0; bottom: 0; right: -35px; margin: auto;}
.header_box .header .navbar .right_top .langua .left{ height: 100%;}
.header_box .header .navbar .right_top .langua .left .h_lang{ height: 100%; width: 46px;}
.header_box .header .navbar .right_top .langua .left .h_lang .lang_on{ height: 100%; line-height: 72px; font-size: 20px;color: #fff; font-family: 'Segma-Medium'; text-transform: uppercase;}
.header_box .header .navbar .right_top .langua .left .h-user{font-size: 0;}
.header_box .header .navbar .right_top .langua .left .icon .layer{ padding: 0 10px; width: 100px; background: #fff; top: 80%; left: 35%; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); max-height: 690px; overflow-y: auto;}
.header_box .header .navbar .right_top .langua .left .icon .layer::-webkit-scrollbar{display: none;}
.header_box .header .navbar .right_top .langua .left .icon .layer a{line-height: 25px;font-size: 14px; color: #000; font-weight: bold; margin: 15px 0px; }
.header_box .header .navbar .right_top .langua .left .icon .layer a + a{border-top: 1px solid rgba(255, 255, 255, 0.2);}
.header_box .header .navbar .right_top .langua .left .icon .layer a:hover{text-decoration: none;}
.header_box .header .navbar .right_top .langua .left .icon:hover .layer{opacity: 1;visibility: visible;}

.header_box .header .navbar .right_dump .nav_box { width: calc(100% - 180px); height: 44px; } 
.header_box .header .navbar .right_dump .nav_box .head_nav{ display: flex; -webkit-justify-content: space-between; justify-content: space-between; height: 100%;}
.default_nav_style { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.default_nav_style .n_item { float: none; }
.default_nav_style .n_item>a{font-size: 16px; line-height: 44px; font-family: 'Segma-Medium'; color: #fff; text-transform: uppercase; text-decoration: none; padding:0px 18px 16px;}
.default_nav_style .small_nav_sec{border-radius: 3px;}
.default_nav_style .small_nav_sec .nav_sec_item a, .default_nav_style .small_nav_sec .nav_sec_item dt a{display: block; text-decoration: none;font-size: 14px; padding: 0px 20px; height: 36px; line-height: 36px; text-transform: capitalize; font-weight: bold;}
.default_nav_style .small_nav_sec .nav_thd_list,.default_nav_style .small_nav_sec .nav_four_item{border-radius: 3px;}
.index .default_nav_style .n_item>a{ color: #fff;}
/*
.header_box .header .navbar .right_dump .nav_box .head_nav .n_item{ max-width: 150px; position: relative;padding: 0 10px; z-index: 100;}

.header_box .header .navbar .right_dump .nav_box .head_nav .n_item .topname{ position: relative; line-height: 44px; font-size: 16px; font-family: 'Segma-Medium'; color: #fff; text-transform: uppercase; text-decoration: none;}

.header_box .header .navbar .right_dump .nav_box .head_nav .n_item .navsub{width: 200px;background: url('../images/nav_sub_bg.png') no-repeat center top #fff;position: absolute;top: 99%;left:50%;transform: translate(-50%,0);box-shadow: 0 0 10px rgba(0,0,0,.1);padding:9px 30px;box-sizing: border-box;opacity: 0; border-radius: 3px; pointer-events: none;}
.header_box .header .navbar .right_dump .nav_box .head_nav .n_item .navsub .subname{display: block; line-height: 36px;font-size: 14px;text-transform: capitalize; font-weight: bold; text-decoration: none;}
.header_box .header .navbar .right_dump .nav_box .head_nav .n_item:hover .topname:before{ width: 100%;}
.header_box .header .navbar .right_dump .nav_box .head_nav .n_item:hover .navsub{ opacity: 1; pointer-events: auto;}*/
.header_box .header .navbar .right_dump .quote { float: right; margin-top: -46px; }
.header_box .header .navbar .right_dump .quote a { display: block; width: 150px; height: 44px; line-height: 44px; text-align: center; color: #fff; border: 1px solid #fb6c06; font-size: 14px; font-family: 'Segma-Medium'; background: #fb6c06; text-decoration: none; }

.header_box .header .navbar .right_top .sign{ height: 100%; background: url(../images/header_admin.png) no-repeat left center; cursor: pointer; filter: invert() grayscale();}
.header_box .header .navbar .right_top .sign a, .sign span{ display: block; line-height: 40px; font-size: 14px; color: #000;}
.header_box .header .navbar .right_top .sign span{ margin: 0 5px;}
body .ueeshop_responsive_header .header { background: #1B1618; border-bottom: none; }
body .ueeshop_responsive_header .header .func { margin-top: 15px; }
body .ueeshop_responsive_header .header .func .menu_btn { background: url(../images/phone_img2.png) no-repeat center center / 100%; }
body .ueeshop_responsive_header .header .func .member_btn{ background: url(../../../images/responsive_header/account_btn_white.png) no-repeat center center / 100%; }
body .ueeshop_responsive_header .header .func .menu_btn.on { background: url(../../../images/responsive_header//close_btn_white.png) no-repeat center center / 100%; }
body .ueeshop_responsive_header .header .func .language_btn { color: #fff;}
body .ueeshop_responsive_header .header .func .btn:first-child {background:url(../images/phone_img1.png) no-repeat center center / 100%; }
body .ueeshop_responsive_header .header .func .btn { margin-left: 5%;}
body .ueeshop_responsive_header .header .logo img { margin-left: 10px; max-height: 40px; }
body .ueeshop_responsive_header .header .logo { height: 40px; padding: 5px 0; }

.banner_box { background-size: auto 100%; position: relative; top: 0px;}
.bx-wrapper .bx-pager { display: none; }
.bx-wrapper .bx-controls-direction a { z-index: 3000 !important; }

.beans_box { margin: 155px auto 0px; width: 87.5%; }
.beans_box .park_l { width: 28.988%; float: left; }
.beans_box .park_l .park_upon { width: 100%; overflow: hidden; text-align: center; position: relative; padding-top: 123%;}
.beans_box .park_l .park_upon img { display: table; -webkit-transition: all .3s; transition: all .3s; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.beans_box .park_l .park_upon img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.beans_box .park_l .amid {  height: 72px; margin-top: 46px; margin-bottom: 44px; background: url(../images/coffee_img3.png) no-repeat left center; }
.beans_box .park_l .park_under { width: 100%; margin-top: 45px; }
.beans_box .park_l .park_under p { font-size: 16px; color: #666666; font-family: 'Segma-Medium'; line-height: 29px; font-style: italic; }
.beans_box .park_l .ant { width: 227px; font-size: 23.51px; font-family: 'Segma-Medium'; margin-top: 81px; float: right; font-style: italic; }
.beans_box .park_l .ant .dash { width: 71px; border-top: 1px solid black; float: left; margin-top: 17px; margin-right: 20px;}
.beans_box .park_r { width: 64.88%; float: right; }
.beans_box .park_r .park_r_title { margin-top: -15px; }
.beans_box .park_r .park_r_title p { font-size: 72px; color: #683418; font-family: 'Segma-Medium'; }
.beans_box .park_r .short_term { margin-top: 20px; }
.beans_box .park_r .content { width: 100%; margin-top: 37px; overflow: hidden; }
.beans_box .park_r .content p { font-size: 16px; color: #666666; font-family: 'Segma-Medium'; line-height: 28px; }
.beans_box .park_r .park_r_img { margin-top: 120px; width: 100%; overflow: hidden; position: relative; padding-top: 55.5%;}
.beans_box .park_r .park_r_img img { display: block; -webkit-transition: all .3s; transition: all .3s; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.beans_box .park_r .park_r_img img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

.arrival_box { padding: 70px 6.25% 0px; width: 87.5%; background: #f6e5bc;}
.arrival_box .short_term { margin: 27px auto 0px; }
.arrival_box .p_prosbox { display: none; width: 100%;   }
.arrival_box .p_prosbox .coffee { width: 50%; float: left;}
.arrival_box .p_prosbox .coffee .coffee_img { width: 100%; position: relative; padding-top: 100%; }
.arrival_box .p_prosbox .coffee .coffee_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.arrival_box .p_prosbox .coffee .cof_title { display: block; height: 12vw; overflow: hidden;  margin-top: 14px; width: 100%; font-size: 3.64583vw; text-align: center; overflow: hidden; text-decoration: none;  font-family: 'Segma-Medium'; }
.arrival_box .p_prosbox .more_pros { margin: 40px auto 0px; width: 165px; padding: 15px 0px 12px 0px; background: url(../images/coffe_arrow.png) no-repeat right center;}
.arrival_box .p_prosbox .more_pros a { font-size: 16px; text-decoration: none; }
.arrival_box .p_prosbox .more_pros a .pro_btn { margin: 0 auto; width: 100%; }
.arrival_box .p_prosbox .more_pros a .pro_btn p { font-size: 16px; font-family: 'Segma-Medium'; }
.index .i_products .list .bx-wrapper .bx-viewport { width: 91% !important; margin: 0 auto; }
.index .i_products .list .bx-wrapper .bx-viewport .pro_list .item { width: 457.333px; max-height: 595px; max-width: 495px; }
.index .i_products .list{ margin-top: 60px; width: 100%;}
.index .i_products .list .item { width: 48%; /*margin-right: 4%;*/ }
.index .i_products .list .item:nth-child(2) { margin-right: 0; }
.index .i_products .list .item .img { display: table; width: 100%; max-height: 495px; text-align: center; position: relative; padding-top: 100%; }
.index .i_products .list .item .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .3s; transition: all .3s; }
.index .i_products .list .item .img img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.index .i_products .list .item .title{ display: block; margin-top: 32px; width: 100%; height: 62px; font-size: 24px; text-align: center; overflow: hidden; text-decoration: none;  font-family: 'Segma-Medium';}
.index .i_products .bx-wrapper2{ position: relative; max-width: 100% !important; }
.index .i_products .bx-wrapper2 .bx-controls-direction a{display: block; position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; background: #e7e8e2; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.index  .i_products .list .bx-wrapper .bx-controls .bx-controls-direction .bx-prev { width: 60px; height: 60px; background: url(../images/coffee_prev.png) no-repeat center; background-size: 100% 100%;}
.index  .i_products .list .bx-wrapper .bx-controls .bx-controls-direction .bx-next { width: 60px; height: 60px; background: url(../images/coffee_next.png) no-repeat center; background-size: 100% 100%;}
.index .i_products .bx-wrapper2 .bx-controls-direction a.bx-prev{ left: 0px;}
.index .i_products .bx-wrapper2 .bx-controls-direction a.bx-next{ right: 0px;}
.index .i_products .list .item:hover .img .img2{ opacity: 1;}
.index .i_products .list .item:hover .btn:after{ width: 100%; opacity: 1;}
.index .i_products .bx-wrapper2 .bx-viewport { width: 92% !important; margin: 0 auto; }
.arrival_box .list .more_pros { margin: 40px auto 0px; padding: 15px 0px 12px 0px;text-align: center;}
.arrival_box .list .more_pros a { font-size: 16px; text-decoration: none; }
.arrival_box .list .more_pros a .pro_btn {display: inline-block; padding-right: 45px; background: url(../images/coffe_arrow.png) no-repeat right center;}
.arrival_box .list .more_pros a .pro_btn span { font-size: 16px; font-family: 'Segma-Medium'; }

.video_box { width: 100%; margin-top: 159px; cursor: pointer; position: relative; overflow: hidden; display: table; }
.video_box .video_btn img { display: block; -webkit-transition: all .3s; transition: all .3s; }
.video_box:hover .video_btn img{ -webkit-transform: scale(1.05); transform: scale(1.05); }
.video_box .text_box { position: absolute; top: 10.5vw; right: 0; left: 0; padding: 0 12.8%; z-index: 2; outline: 0; }
.video_box .text_box .foreword p { font-size: 1.25vw; color: #fff; font-family: 'Segma-Medium'; text-align: center; letter-spacing: 8px; transition: all .3s; text-transform: uppercase; }
.video_box .text_box .title { margin-top: 0.4vw; }
.video_box .text_box .title p { font-size: 5.2083vw; color: #fff; font-family: 'Segma-Medium'; text-align: center; letter-spacing: 8px; text-transform: uppercase; }
.video_box .text_box .content { margin-top: -5px; }
.video_box .text_box .content p { font-size: 2.8125vw; color: #fff; font-family: 'Segma-Medium'; text-align: center; }
.video_box .text_box .play_btn { margin-top: 2.2vw; height: 84px; background: url(../images/play_btn.png) no-repeat center;  background-size: auto 100% ;}

.partner_box { margin: 69px auto 0px; width: 76.927%; }
.partner_box .short_term { margin: 21px auto 0px; }
.partner_box .content { margin: 0 auto; width: 670px; text-align: center; margin-top: 50px;}
.partner_box .content p { font-size: 16px; color: #888888; line-height: 30px; font-family: 'Segma-Medium'; }
.partner_box .friends { margin: 10px auto 0px; width: 100%;  display: flex; flex-wrap: wrap;  align-items: center; }
.partner_box .friends .fri_img { display: table-cell; vertical-align: middle; width: 13.2%; max-height: 156px; position: relative; padding-top: 10.65%; text-align: center; margin-left: 55px; margin-top: 52px; overflow: hidden; }
.partner_box .friends .fri_img img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all .3s; transition: all .3s; }
.partner_box .friends .fri_img img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.partner_box .friends .fri_img:nth-child(1) {margin-left: 95px; }
.partner_box .friends .fri_img:nth-child(5) {margin-left: 122px; }
.partner_box .friends .fri_img:nth-child(6) {margin-left: 95px; }
.partner_box .friends .fri_img:nth-child(10) {margin-left: 122px; }

.new_box { width: 100%; margin-top: 185px; }
.new_box .new_item { width: 50%; position: relative; overflow: hidden; }
.new_box .new_item img { -webkit-transition: all .3s; transition: all .3s; display: block; }
.new_box .new_item:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.new_box .new_item .new { position: absolute; top: 16.9vw; right: 0; left: 0; padding: 0 12.8%; z-index: 2; outline: 0; }
.new_box .new_item .new .new_day { width: 127px; height: 25px; background: #683418; text-align: center; }
.new_box .new_item .new .new_day p { font-size: 14px; color: #fff; line-height: 23px; letter-spacing: 1px; font-family: 'Segma-Medium'; transition: all .3s; }
.new_box .new_item .new .new_title { margin-top: 0.7vw; }
.new_box .new_item .new .new_title p { font-size: 38px; color: #fff; font-family: 'Segma-Medium'; transition: all .3s; }
.new_box .new_item .new .new_term { width: 71px; height: 1px; background: #fff; margin-top: 21px; }
.new_box .new_item .new .new_content { width: 100%; height: 55px; overflow: hidden; margin-top: 27px; }
.new_box .new_item .new .new_content p { font-size: 16px; color: #fff; line-height: 30px; font-family: 'Segma-Medium'; transition: all .3s; }

.footer { margin: 0 auto; width: 76.927%; }
.footer .config { width: 100%; margin-top: 63px; padding-bottom: 102px; border-bottom: 1px solid #efefef; }
.footer .config .prod { width: 25%; float: left; }
.footer .config .prod .list { width: 100%; margin-top: 20px; }
.footer .config .prod .list a { padding-top: 10px; width: 100%; font-size: 16px; color: #333333; font-family: 'Segma-Medium'; margin-top: 6px; text-decoration: none; }
.footer .config .prod .list a:hover { color: #683418; }.footer .config .about { width: 25%; float: left; margin-left: 10px; }
.footer .config .about .list { margin-top: 25px; }
.footer .config .about .list a { width: 100%; height: 37px; display: block; line-height: 37px; font-size: 16px; color: #333333; font-family: 'Segma-Medium'; text-decoration: none; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.footer .config .about .list a:hover { color: #683418; }
.footer .config .contact { width: 25%; float: left; margin-left: 17px; }
.footer .config .contact .list { margin-top: 27px; }
.footer .config .contact .list p { width: 100%; min-height: 37px; display: block; color: #333333; }
.footer .config .contact .list p:nth-child(1) { background: url(../images/location.png) no-repeat 0 2px; }
.footer .config .contact .list p:nth-child(2) { background: url(../images/phone.png) no-repeat 0 2px; }
.footer .config .contact .list p:nth-child(3) { background: url(../images/message.png) no-repeat 0 2px; }
.footer .config .contact .list p { padding-left: 36px; padding-top: 3px; font-size: 16px; font-family: 'Segma-Medium'; }
.footer .config .contact .list p a { padding-top: 3px; font-size: 16px; font-family: 'Segma-Medium'; text-decoration: none; }
.footer .config .contact .list p a:hover { color: #683418; }
.footer .config .follow { width: 15%; float: right; }
.footer .config .follow .list .share { margin-top: 15px; display: flex; flex-wrap: wrap; }
.footer .config .follow .list .foot_share .foot_share_box {  margin-right: 5px;margin-bottom: 5px;}
.footer .config .follow .list a { width: 40px; height: 40px; display: block; overflow: hidden; transition: all .3s;}
.footer .config .follow .list a:hover {transform: translateY(-5px); }
.footer .copy { font-size: 14px; color: #888888; font-family: 'Segma-Medium';  }
.footer .copy p { margin-top: 37px; margin-bottom: 46px;}
.footer .copy p a { font-size: 14px; color: #888888; font-family: 'Segma-Medium'; text-decoration: none; }

.index .video_con{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateY(-100%); transform: translateY(-100%); z-index: 1000;}
.index .video_con.cur{ -webkit-transform: translateY(0); transform: translateY(0);}
.index .video_con .video_con_in{ position: absolute; left: 50%; top: 50%; width: 800px; height: 500px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.index .video_con .video_con_in embed{ width: 100%; height: 100%;}
.index .video_con .video_con_in .close_btn{ position: absolute; right: -12px; top: -12px; width: 25px; height: 25px; background: #fff; text-align: center; -webkit-border-radius: 50%; border-radius: 50%;}
.index .video_con .video_con_in .close_btn img{ max-width: 50%; max-height: 505; padding: 6px;}

.NavBgColor { background: #683418 !important; }

.responsive_pc_header{ width: 100%; background: #683418; /*height: 132px;*/}
.responsive_pc_header.ab_header{ position: absolute; left: 0; top: 0; background: none; z-index: 5000;background: #683418;}
.responsive_pc_header.ab_header .header_box .header .navbar .right_top .search_form .search_icon { filter: unset; }
.responsive_pc_header.ab_header .header_box .header .navbar .right_top .sign { filter: unset; }
.responsive_pc_header .fixed .header_box .header .navbar .right_top .search_form .search_icon { filter: unset; }
.responsive_pc_header .fixed .header_box .header .navbar .right_top .sign { filter: unset; }

.w_1200 .warp{ width:1477px; margin:0 auto;}
.w_1200 .body{ width:1200px; margin:0 auto; background:#fff; overflow:hidden; position:relative; height:393px;}
.w_1200 #lib_inquire_list > ul > li .info{width:624px;}
.w_1200 #lib_inquire_list > ul > li .img{ border:0px none !important; width:220px; height:220px;}
.w_1200 #lib_inquire_list > ul > li .img a{ border:0px none !important; width:220px; height:220px;}
.w_1200 .nav{ height:60px; width:920px;}
.w_1200 .nav .nav_box{ width:680px;}
.w_1200 .nav .i .ia{padding:0 20px;}
.w_1200 .nav .i .sub{top:59px;}
.w_1200 .leftside{ width:290px; float:left; border-radius: 7px; margin-top: 14px;}
.w_1200 .rightside{ width:1137px; overflow:hidden; min-height:500px; float:right; margin-top: 14px; /*display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between;*/ }
.w_1200 .rightside #pdetail { margin-top: 0; }
/* .rightside .pc_box { display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.rightside .pc_box .item { width: 30.84%; margin-top: 20px; } */
.blank25 { width: 100%; }
.w_1200 .product_list .item .inner{ width:100%; margin:0 auto; overflow:hidden; height:325px; /*background:#f9f9f8;*/}
.w_1200 .product_list .item .inner .pic{ /*width:205px;*/ width: 100%; height:280px; background:#fff;}
/*.w_1200 */.product_list .item .inner .name{ width:230px; margin:0 auto; margin-top:12px;}
.w_1200 .product_list .item .inner .number{ width:175px; margin:0 auto; margin-top:7px; color:#666666;}
.w_1200 .product_list .item .inner .price{ width:240px; margin:0 auto; margin-top:5px;}
.w_1200 #pdetail .info{width:590px;}
#turn_page { margin-top: 50px; margin-bottom: 175px; }

#main{ background:#F0EDE3;}
#lib_inquire_list{ padding:15px;}
#lib_inquire_list > ul > li .info{ width:522px;}
#lib_inquire_list > ul > li .img{ border:0px none !important; width:185px; height:185px;}
#lib_inquire_list > ul > li .img a{ border:0px none !important; width:185px; height:185px;}
#lib_inquire_list > ul > li{ height:auto;}
#lib_info_detail{ min-height:500px; padding:0px 10px;}
.rightside #lib_info_detail h1 { font-size: 20px;font-family: 'Segma-Medium'; }
#lib_down_list{ min-height:200px;}
#lib_info_list{ min-height:200px;}

.warp{ width:1020px; margin:0 auto;}
.language_silder .l_rows{ height:25px; overflow:hidden;}
.page_content{ min-height:300px;}
.w1160{ width:960px; margin:0 auto; overflow:hidden;}

.share{}
.leftside{width:245px; float:left;}
.leftside .t{ height:43px; line-height:43px; background:#875e39; color:#fff; font-size:18px; text-align:left; border-top-left-radius: 7px; border-top-right-radius: 7px; padding-left: 23px;}
.rightside{width:738px; overflow:hidden; min-height:500px; float:right; }
.web{ height:41px; line-height:41px; background:url(../images/w.png) repeat-x;}
.web .fl{ color:#333333; font-size: 18px; font-family: 'Segma-Medium';}
.web .fr{}
.web .fr a{ margin:0 5px; text-decoration: none;font-family: 'Segma-Medium';}
.web .fr span{ margin:0 5px;}

.leftmenu{ width:265px; float:left;}
.leftmenu .t{color:#000; line-height:32px; text-indent:9px; font-size:16px; border-bottom:3px solid #fda2d0;}
/* .cate_side{ background:#fff;} */
.cate_side .item{ margin: 0 auto;padding: 2px 22px;height: 33px;line-height: 33px;position: relative;padding-right: 20px;overflow: hidden;cursor: pointer;border-top: 2px solid #fff;background: #f4f3f0;}
.cate_side .item .n0:last-child {background: none;}
.cate_side .item .n0 a{ font-size:14px; color:#875e39; text-decoration: none;background:url(../images/jiantou.png) no-repeat left center; padding-left: 20px;}
.cate_side .item.on .n0 a{ font-weight: bold;color: #a6896c;}
.cate_side .item .n1{ width:205px; margin:0 auto; margin-top:10px; display:none;}
.cate_side .item.on .n1{display: block;}
.cate_side .item .n1 li{ margin:5px 0 0 5px; background:url(../images/dian1.png) no-repeat left center; text-indent:15px; height:20px; line-height:20px; overflow:hidden; padding-left: 2px; padding-bottom: 10px; }
.cate_side .item .n1 li a { color: #000; text-decoration: none; line-height: 27px;}
.cate_side .item .n1 .v3{ display: none;text-indent:25px; height:18px; line-height:18px; overflow:hidden;}
.cate_side .item .n1 a.on{color: #c00;}
.product_list{ overflow:hidden; padding-bottom:10px;}
.pro_title{ height:64px; line-height:60px; background:#fff; text-indent:20px; font-size:18px; color:#818181;}
.product_list .item{ /*width:30.84%;*/ overflow:hidden; /*background: #f4f3f0;*/}
.product_list .item .inner{ /*width:176px;*/ width: 100%; margin:0 auto; overflow:hidden; height:265px;}
.product_list .item .inner .pic{ /*width:173px;*/ width: 100%; height:228px;}
.pic a{ text-align:center; margin:0 auto; display:block; width:100%; height:100%;}
.pic span{ display:inline-block; height:100%; vertical-align:middle;}
.pic img{ vertical-align:middle; width: 100%; max-width:100%; max-height:100%;}
.product_list .item .inner .name a{ font-size:14px; color:#673417; text-decoration: none;}
.product_list .item .inner .price{ width:197px; margin:0 auto; margin-top:5px;}
.product_list .item .inner .bref{ text-align:center; color:#818181; height:30px;}
.product_list .item .inner .detail{ width:110px; height:31px; line-height:31px; text-align:center; font-size:14px; margin:0 auto; border:1px solid #dfdfdf; border-radius:5px; display:block; color:#666666;}
.product_list .item .inner .detail:hover{ text-decoration:none;}
.no_bor{ border:0px none !important;}
.small_banner{ overflow:hidden;}
.small_banner a{ display:block; width:49%;}

.leftmenu .row{background:#ffffff;}
.leftmenu .row .n1{line-height:44px; padding-left:9px; border-bottom:1px dotted #eaebeb; position:relative;}
.leftmenu .row .n1 a{color:#000; font-size:14px;}
.leftmenu .row .has{}
.leftmenu .row .sub{display:none;}
.leftmenu .row .sub .i{line-height:35px; padding-left:30px; border-bottom:1px solid #f4f4f4; background:#ebebeb; width:239px; overflow:hidden; text-overflow:ellipsis; white-space:nowarp;}
.leftmenu .row.on .sub{display:block;}
.leftmenu .row.on .has:after{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.page_station{line-height:45px; font-size:16px;}
.page_title{border:1px solid #d4d4d4; font-size:16px; font-weight:bold; line-height:41px; padding-left:18px; background:#f5f6f6;}
#pdetail{}
/**************************放大镜效果(start)**************************/
#pdetail .gallery{width:500px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:500px; max-height:500px;}
#pdetail .gallery .bigimg a{width:500px !important;}
#pdetail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#pdetail .gallery .MagicZoom{display:block; margin:0 auto;}
#pdetail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#pdetail .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#pdetail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#pdetail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#pdetail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../images/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#pdetail .gallery #zoom-big{position:absolute; top:0; left:500px;}
#pdetail .gallery #zoom-big img{ max-width:none; max-height:none;}
#pdetail .gallery #small_img{position:relative; overflow:hidden; height:76px; margin:10px auto;}
#pdetail .gallery #small_img .bd span{float:left; margin-right:5px; border:1px solid #ccc; display:block; width:63px; height:63px; overflow:hidden; text-align:center;}
#pdetail .gallery #small_img .bd span.on{border:1px solid #e5e5e5;}
#pdetail .gallery #small_img .bd span a{vertical-align:middle; text-align:center;}
/**************************放大镜效果(end)**************************/
#pdetail .info{width:360px;}
#pdetail .name{ margin-bottom:10px; font-size:18px;color:#333;}
#pdetail .number{ border-bottom:1px dotted #333; padding-bottom:15px; font-size:14px;}
#pdetail .brief, #pdetail .description{padding:8px 0px;font-size:12px;color:#333;}
#pdetail .brief .t, #pdetail .description .hd{ overflow:hidden; margin-bottom:10px; height:28px; line-height:28px;}
#pdetail .brief .t span, #pdetail .description .hd span{ cursor:pointer; float:left; font-weight:bold; margin:0 10px;}
#pdetail .brief .t span.cur, #pdetail .description .hd span.cur{font-size:16px;}
#pdetail .brief .d, #pdetail .description .desc_txt{ line-height:180%; padding-bottom:10px; min-height:300px;}
#pdetail .feature{width:100%;padding:6px 14px;border-bottom:1px dotted #333}
#pdetail .feature td{min-width:140px;font-size:12px;line-height:20px;color:#333}
#pdetail a.btn{display:block;width:99px;height:30px; line-height:30px; text-align:center;color:white;background:#333333; font-size:14px; float:left;}
#pdetail .description{margin-top:20px}
#pdetail .description .hd{border:1px solid #cacdd2; height:40px; line-height:40px; background:#fbfbfb; text-indent:14px;}
#pdetail .description .hd span{ font-size:14px; color:#333333;}
#pdetail .description .bd>div{padding:18px; min-height:200px;}




.pro_left{width: 100%;}
.pro_cate .page_name{ height: 43px; line-height: 43px; background: #875e39; color: #fff; font-size: 18px; text-align: left;  border-top-left-radius: 7px; border-top-right-radius: 7px; padding-left: 23px;}
.pro_cate{margin-top: 0px; width:100%}
.pro_cate:nth-child(2){margin-top: 35px; }
.pro_cate .first_cate{ margin: 0 auto; padding: 2px 22px; height:33px;line-height:33px;position:relative;padding-right:20px;overflow:hidden;cursor:pointer; border-top: 2px solid #fff;background: #f4f3f0;}
.pro_cate .first_cate a{  font-family: "Segma-Medium"; font-size: 14px;  color: #875e39;  text-decoration: none; background: url(../images/jiantou.png) no-repeat left center; padding-left: 20px; /*display:block;width:100%;height:33px;font-size:17px;color:#595959;font-family:Lato-Regular,Arial;white-space:nowrap;text-overflow:ellipsis;overflow:hidden*/}
.pro_cate .son_cate{display:none;}
.pro_cate .list.on .son_cate{display:block; width:100%; background: #f4f3f0;}
.pro_cate .list.on .first_cate.son span:before{transform:rotate(90deg)}
.pro_cate .son_cate .item{position:relative;padding-left:0;  width: 81%; margin: 0 auto; }
.pro_cate .son_cate .item a{display:block; width:100%;height:100%;line-height:30px;    padding-left: 15px; text-decoration: none;
    background: url(../images/dian1.png) no-repeat left center; font-size:14px;color:#000;font-family:Segma-Medium;box-sizing:border-box;transition:all .5s}
.pro_cate .son_cate .item.on a{ background-position:left 1px center}
.pro_cate .son_cate .subcate3{margin-bottom:10px}
.pro_cate .son_cate .subcate3 a.sia{display:block;padding-left:32px;font-size:16px;color:#7a7a7a;line-height:30px; text-decoration: none;}
.pro_cate .list{ width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.pro_cate .list:first-child{margin-top:0}
.pro_cate .list .row:first-child{border-top:0; }
.pro_left .pro_cate .list .row{ padding: 20px 0; width: 100%; border-top: 2px solid #fff;background: #f4f3f0;}
.pro_cate .list .row{  margin: 0 auto; width: 80%; padding: 16px 25px 19px; border-top: 2px solid #fff;background: #f4f3f0;}
.pro_cate .list .row .img{ display: block; width: 25.5396%; max-height: 71px; padding-left: 10px;}
.pro_cate .list .row .row_txt{ width: calc(100% - 35.9353%); margin-right: 10px;}
.pro_cate .list .row .row_txt .name{padding-top: 18px; line-height: 22px; font-size: 16px; color: #000; font-family: "Segma-Medium"; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-decoration: none;}
.pro_cate .list .row .info_txt .name  {  text-decoration: none; }
.pro_cate .list .row .info_txt .name .name_title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; line-height: 24px; font-size: 15px; color: #222; font-weight: 700; overflow: hidden; }
.pro_cate .list .row .info_txt .info_con { display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 8px;width: 100%;line-height: 20px;font-size: 14px;color: #888;word-break: break-all;overflow: hidden;  font-family: 'Segma-Medium';}

.related{margin-top:22px;width:100%;
    height: 43px;background: #875e39; color: #fff; font-size: 18px; text-align: left;  border-top-left-radius: 7px; border-top-right-radius: 7px;
}
.related .r_title{width:100%;height:23px;line-height:23px;font-size:18px; padding-left: 23px; line-height: 43px; }
.related .r_list{margin-top:20px;width:100%;background: #f4f3f0;}
.related .r_list .item{ margin: 0 auto; width: 80%;padding:16px 25px 19px;border-top: 2px solid #fff; }
.related .r_list .item:first-child{border-top:0}
.related .r_list .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;line-height:24px;font-size:15px;color:#222;font-weight:700;text-decoration:none;overflow:hidden}
.related .r_list .author{margin-top:6px;width:100%;height:21px;line-height:21px;font-size:14px;color:#989898;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.related .r_list .brief{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:8px;width:100%;line-height:20px;font-size:14px;color:#888;word-break:break-all;overflow:hidden}


.wrap { width: 1200px;  margin: 0 auto; zoom: 1; }
.wrap.inner{padding-top: 15px;} 

#global_editor_contents p { background: none !important; font-family: 'Segma-Medium'; }
.rightside .pc_box .ueeshop_responsive_products_list { margin: 20px 0; }
.rightside .pc_box .ueeshop_responsive_products_list .item { width: 23%; margin-right: 30px; margin-top: 10px;  }
.rightside .pc_box .ueeshop_responsive_products_list .item:nth-child(4n) { margin-right: 0; }
.rightside .pc_box .ueeshop_responsive_products_list .item .pro { width: 100%;}
.rightside .pc_box .ueeshop_responsive_products_list .item .info .name a { color: #673417; text-decoration: none; font-family: 'Segma-Medium'; }
.rightside .pc_box .ueeshop_responsive_products_list .ueeshop_responsive_turn_page { width: 100%; }

.rightside .pc_box .ueeshop_responsive_case_list .item .info .name a { color: #222; text-decoration: none;}
.rightside .pc_box .ueeshop_responsive_case_list .item .info .desc { color: #666; }

.rightside .ueeshop_responsive_info_list .item .info .title a { color: #222; text-decoration: none; font-family: 'Segma-Medium';}
.rightside .ueeshop_responsive_info_list .item .info .time h1 { font-family: 'Segma-Medium';}
.rightside .ueeshop_responsive_info_list .item .info .desc { color: #666; font-family: 'Segma-Medium'; }


.rale_news{ padding-bottom: 56px; width: 100%; margin-top: 40px;}
.rale_news .news_title{ width: 100%; height: 30px; line-height: 30px;}
.rale_news .news_title .title{ font-size: 22px; color: #191919;font-family: 'Segma-Medium';}
.rale_news .news_title .read_btn{ font-size: 14px; color: #888; text-decoration: none; font-family: 'Segma-Medium';}
.rale_news .news_title .read_btn span{ font-size: 14px; color: #888; font-weight: bold;}
.rale_news .list{ display: grid; grid-template-columns: repeat(4, 23.25%); justify-content: space-between; margin-top: 23px; width: 100%;}
/* .rale_news .list .item{ } */
.rale_news .list .item .img{ display: block; width: 100%; text-align: center; text-decoration: none; overflow: hidden;}
.rale_news .list .item .title{ display: -webkit-box; margin-top: 15px; line-height: 21px; font-size: 16px; color: #333;font-family: 'Segma-Medium'; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.rale_news .list .item .time{ margin-top: 8px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898;font-family: 'Segma-Medium';}
.rale_news .list .item .brief{ display: -webkit-box; margin-top: 6px; line-height: 24px; font-size: 14px; color: #888;font-family: 'Segma-Medium'; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.rale_news .list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}

.rale_news.desc_news{ margin-top: 55px;}
.rale_news.desc_news .news_title{ position: relative; width: 100%; text-align: center;}
.rale_news.desc_news .news_title:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.rale_news.desc_news .news_title .title{ position: relative; z-index: 1; padding: 0 40px; width: 100%; background: #fff; text-align: center;}
.rale_news.desc_news .list{ grid-template-columns: repeat(2, 49%); grid-row-gap: 44px;}
.rale_news.desc_news .list .item .img{ width: 39.2857%; height: 100%; text-align: center;}
.rale_news.desc_news .list .item .text{ width: calc(100% - 43.5374%);}
.rale_news.desc_news .list .item.no_img .text{ width: 100%;}
.rale_news.desc_news .list .item .text .title{ margin-top: 0; font-size: 18px;}
.rale_news.desc_news .list .item .brief{ font-size: 15px; color: #888;}



@media screen and (max-width: 1681px) {
    .footer .config .contact .list p:nth-child(2) { margin-top: 20px; }
}

@media screen and (max-width: 1680px) {
    .header_box .header { width: 80%; }

    .arrival_box .box .page { top: 165px; }
    
    /* .video_box .text_box { width: 100%; } */

    .partner_box .friends .fri_img:nth-child(1) {margin-left: 60px; }
    .partner_box .friends .fri_img:nth-child(6) {margin-left: 60px; }
}


@media screen and (max-width: 1477px) {
    .w_1200 .warp { width: 1200px; }
    .w_1200 .leftside { width: 245px; }
    .w_1200 .rightside { width: 908px; }

    .rightside .pc_box .ueeshop_responsive_products_list .item { width: 22.5%; }

    #pdetail .gallery{width:350px; position:relative;}
    #pdetail .gallery .bigimg{width:350px; max-height:350px;}
    #pdetail .gallery .bigimg a{width:350px !important;}
    #pdetail .gallery #zoom-big{left:342px;}

    .w_1200 #pdetail .info{width:530px;}
}

@media screen and (max-width: 1440px) {
    .header_box .header { width: 92.7083%; }

    .beans_box { width: 87.5%; }
    .beans_box .park_l .ant { margin-top: 65px; }

    .arrival_box .box { margin-top: 50px; }
    .arrival_box { width: 87.5%; }

    .video_box .text_box .play_btn { height: 70px; }

    .partner_box .friends .fri_img:nth-child(1) { margin-left: 30px; }
    .partner_box .friends .fri_img:nth-child(5) { margin-left: 70px; }
    .partner_box .friends .fri_img:nth-child(6) { margin-left: 30px; }
    .partner_box .friends .fri_img:nth-child(10) { margin-left: 70px; }

    .new_box .new_item .new { padding: 0px 10.8%; }
    .new_box .new_item .new .new_title { margin-top: 0.5vw; }
    .new_box .new_item .new .new_term { margin-top: 12px; }
    .new_box .new_item .new .new_content { margin-top: 13px; }

    .footer .copy p { margin-top: 30px; margin-bottom: 30px; }


    .wrap{width: 100%;}
    .index .i_products .bx-wrapper2 .bx-viewport { width: 90% !important; }

}

@media screen and (max-width: 1249px) {
    .leftside { width: 24%; margin-top: 15px;}
    .rightside { width: 72.64%; margin-top: 15px; }
    .rightside .pc_box .ueeshop_responsive_products_list .item { margin-right: 1.99vw;; }
}

@media screen and (max-width: 1200px) {
    .header_box .header .navbar .right_dump .nav_box .head_nav .n_item:last-child { margin-right: 10px; }

    .beans_box { margin: 100px auto 0px; }
    .beans_box .park_l .ant .dash { width: 58px; }
    .beans_box .park_r .park_r_img { margin-top: 92px; }

    .arrival_box .box .page { width: 50px; height: 50px; top: 125px; }
    .index  .i_products .list .bx-wrapper .bx-controls .bx-controls-direction .bx-prev { width: 40px; height: 40px; }
    .index  .i_products .list .bx-wrapper .bx-controls .bx-controls-direction .bx-next { width: 40px; height: 40px; }

    .video_box .text_box .play_btn { height: 60px; }

    .partner_box .friends .fri_img { margin-left: 40px; }

    .new_box .new_item .new { top: 13.9vw; }

    .footer { width: 87.5%; }
    .index .i_products .bx-wrapper2 .bx-controls-direction a { width: 50px; height: 52px; }
}

@media screen and (max-width: 1020px) { 
    .warp { width: 100%; }
    .leftside {margin-top: 15px; }
    .rightside { width: 72.35%; }
}

@media screen and (max-width: 991px) {
    .banner_box { top: 0px; }

    .beans_box { margin: 80px auto 0px; }
    .beans_box .park_l .ant { width: 192px; font-size: 20.51px; }
    .beans_box .park_l .ant .dash { width: 50px; margin-top: 15px; }
    .beans_box .park_r .park_r_title p { font-size: 65px; }
    .beans_box .park_r .park_r_img { margin-top: 68px; }

    .video_box .text_box .play_btn { height: 50px; }

    .new_box .new_item .new .new_day { width: 113px; }
    .new_box .new_item .new .new_day p { font-size: 10px; }
    .new_box .new_item .new .new_title { margin-top: 0px; }
    .new_box .new_item .new .new_title p { font-size: 30px; }
    .new_box .new_item .new .new_term { margin-top: 7px; }
    .new_box .new_item .new .new_content { height: 48px; margin-top: 7px; }
    .new_box .new_item .new .new_content p { line-height: 24px; }

    .partner_box { width: 87.5%; }

    .footer .config { padding-bottom: 55px; }
    .footer .config .prod { width: 30%; }
    .footer .config .about { width: 30%; }
    .footer .config .contact { width: 35%; }
    .footer .config .follow { width: 100%; margin-top: 30px; }

    .menu-in-left .wrap-righter-style{width: 100%;}
    /* .pro_cate{display: none;} */

    .arrival_box { margin: 5.4vw 4% 0px; width: 92%; }
    .arrival_box .short_term { width: 21.5%; margin: 2.9vw auto 0px; }
    .arrival_box .box box { width: 100%; }
    .arrival_box .box .page { display: none; }
    .arrival_box .more_pros { width: 250px; }
    .arrival_box .more_pros a .pro_btn p { font-size: 28px; }
    .arrival_box .p_prosbox{ display: block; width: 100%; margin-top: 7.7vw;}
    .arrival_box .p_prosbox .more_pros { margin: 2.9vw auto 0px; }

    /* .index .i_products .list { display: none; } */

    .video_box:hover .video_btn img{transform:none; -webkit-transform:none;}
    .new_box .new_item:hover img { transform:none; -webkit-transform:none;}

    .leftside { display: none;}
    .rightside { width: 92.71%; float: none; margin: 0 auto; }
    .rightside .pc_box .ueeshop_responsive_products_list .item { margin-right: 3vw; }

    #pdetail .gallery { width: 49%; }
    #pdetail .gallery .bigimg{width:100%; max-height:450px;}
    #pdetail .gallery .bigimg a{width:100% !important;}
    #pdetail .info { width: 47%; }
}

@media screen and (max-width: 768px) {
    #lib_inquire_list > ul > li .info { width: 100%; }
    .public_title p { font-size: 6.510vw;}
    .config_title { font-size: 3.90625vw }
    /* .beans_box { width: 95%; display: flex; flex-wrap: wrap; flex-direction: column-reverse;} */
    .beans_box { margin-top: 9vw; }
    .beans_box .park_l { width: 100%;}
    .beans_box .park_r { width: 100%; margin-top: 9vw; }
    .beans_box .park_l .park_upon { padding-top: 89%; }
    .beans_box .park_l .park_upon img:hover { -webkit-transform: none; transform: none; }
    .beans_box .park_l .amid { margin-top: 6.6vw; margin-bottom: 6.7vw; }
    .beans_box .park_l .park_under { margin-top: 6.5vw; }
    .beans_box .park_l .park_under p { font-size: 3.64583vw; line-height: 6vw; }
    .beans_box .park_l .ant { width: 264px; font-size: 4.427083vw; margin-top: 8.6vw; }
    .beans_box .park_l .ant .dash { margin-top: 3vw; }
    .beans_box .park_r .park_r_title p { font-size: 6.510vw; }
    .beans_box .park_r .short_term { width: 21.5%; margin-top: 3.3vw; }
    .beans_box .park_r .content { width: 95%; margin-top: 5vw; }
    .beans_box .park_r .content p { font-size: 3.64583vw; line-height: 5.2vw; }
    .beans_box .park_r .park_r_img { margin-top: 8.1vw; }
    .beans_box .park_r .park_r_img img:hover { -webkit-transform: none; transform: none; }

    .index .i_products .list { margin-top: 8.4%; }
    .index .i_products .list .pro_list { display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
    .index .i_products .list .item { margin-bottom: 10%; }
    .index .i_products .list .item .title { margin-top: 9%; height: auto; font-size: 3.645vw; }
    .bx-controls {display: none;}
    .arrival_box .list .more_pros { margin: -6% auto 0px; }
    .arrival_box .list .more_pros a .pro_btn span { font-size: 3.645vw }

    .video_box { margin-top: 8vw; }
    .video_box .text_box .foreword p { font-size: 2.2604vw; }
    .video_box .text_box .title p { font-size: 6.510417vw; letter-spacing: 3px; }
    .video_box .text_box .content p { font-size: 3.645833vw; letter-spacing: 0px; }

    .partner_box { width: 92%; margin: 9.21vw auto 0px; }
    .partner_box .short_term { width: 21.5%; margin: 3.5vw auto 0px; }
    .partner_box .content { width: 100%; margin-top: 4.3vw; }
    .partner_box .content p { font-size: 3.64583vw; line-height: 4.7vw; }
    .partner_box .friends { margin: 3.5% auto 0px; display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
    .partner_box .friends .fri_img { width: 50%; margin-left: 0px; margin-top: 3.5vw; }
    .partner_box .friends .fri_img img { width: auto; }
    .partner_box .friends .fri_img img:hover { -webkit-transform: none; transform: none; }
    .partner_box .friends .fri_img:nth-child(1) { margin-left: 0px; }
    .partner_box .friends .fri_img:nth-child(5) { margin-left: 0px; }
    .partner_box .friends .fri_img:nth-child(6) { margin-left: 0px; }
    .partner_box .friends .fri_img:nth-child(10) { margin-left: 0px; }
    
    .new_box { width: 92%; margin: 7% auto;}
    .new_box .new_item { width: 100%; margin-top: 20px;}
    .new_box .new_item:hover img { -webkit-transform: none; transform: none; }
    .new_box .new_item .new { padding: 68px 5.5%; }
    .new_box .new_item .new .new_day { width: 32.6%; height: 36px; }
    .new_box .new_item .new .new_day p { font-size: 3.125vw; line-height: 34px; }
    .new_box .new_item .new .new_title { margin-top: 1.2vw }
    .new_box .new_item .new .new_title p { font-size: 4.427vw; } 
    .new_box .new_item .new .new_term { width: 11.5%; margin-top: 1.3vw; }
    .new_box .new_item .new .new_content { height: 14.5vw; margin-top: 3vw; }
    .new_box .new_item .new .new_content p { font-size: 3.6485vw; line-height: 4.8vw; }

    .footer { width: 92%; }
    .footer .config { margin-top: 9vw; padding-bottom: 13.5vw; }
    .footer .config .prod { width: 100%;}
    .footer .config .icon { margin-top: 2.5vw; }
    .footer .config .icon { display: inline-block; width: 14px; height: 14px; float: right; margin-top: 2.5vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .footer .config .icon::before { display: block; content: ''; width:2px; height: 100%; background: #231f20; -webkit-transition: all 0.3s; transition: all 0.3s; margin:0 auto;}
    .footer .config .open .icon:before{ transform: rotate(90deg);}
    .footer .config .icon:after { display: block; content: '';  position: absolute; top: 6px; left: 0; width: 100%; height: 2px; background: #231f20;}
    .footer .config .prod .list { margin-top: 0px; }
    .footer .config .prod .list a { font-size: 2.083vw; }
    .footer .config .prod .list,.about .list,.contact .list { display: none; }
    .footer .config .about { width: 100%; margin-left: 0px; margin-top: 5.3vw; }
    .footer .config .about .list { margin-top: 5px; }
    .footer .config .about .list a { font-size: 2.083vw; }
    .footer .config .contact { width: 100%; margin-left: 0px; margin-top: 5.3vw; }
    .footer .config .contact .list { margin-top: 12px; }
    .footer .config .contact .list p { width: 85%; font-size: 2.083vw; }
    .footer .config .contact .list p:nth-child(2) { margin-top: 0px; }
    .footer .config .contact .list p a { font-size: 2.083vw; }
    .footer .config .follow { width: 100%; float: left; margin-top: 5.3vw; }
    .footer .config .follow .list .share { width: 90%; }
    .footer .config .follow .list a:hover {transform: none; }
    .footer .config .open .list { display: block; }
    .footer .copy p { margin: 0 auto; width: 70%; font-size: 3.125vw; text-align: center; margin-top: 5.1vw; }
    .footer .copy p a { display: block; width: 60%; margin: 6px auto 5.6vw; font-size: 3.125vw; }

    .index .video_con .video_con_in{ width: 80%; height: 58.1395vw;}

    .i_img_list .img{ float: none; width: 100%;}

    .wrap-module .ueeshop_responsive_products_list .item{ margin-right: 2%; width: 49%;}
    .wrap-module .ueeshop_responsive_products_list .item:nth-child(4n){ margin-right: 2%;}
    .wrap-module .ueeshop_responsive_products_list .item:nth-child(2n){ margin-right: 0;}
    .ueeshop_responsive_position>.title { display: none !important;}
    .rightside { width: 92.71%;}

    .rightside .pc_box .ueeshop_responsive_products_list .item { width: 48%; margin-right: 4%; }
    .rightside .pc_box .ueeshop_responsive_products_list .item:nth-child(2n) { margin-right: 0; }
    .rightside .pc_box .ueeshop_responsive_products_list .item:nth-child(4n) { margin-right: 0; }
    .rightside { width: 92.71%;}
    #pdetail .gallery { width: 100%; }
    #pdetail .info { width: 100%; }
    .wrap.inner { width: 92.71%; }

    
    .rale_news .list { grid-template-columns: repeat(2, 46.5%); }

    .rale_news .list .item { margin-bottom: 20px; }
    .rale_news .list .item .brief { height: 73px; overflow: hidden; }
    .rightside .pc_box .ueeshop_responsive_products_list{ width: 100%; }
}

@media (max-width: 550px){
    .beans_box .park_l .ant { width: 213px; }
    .arrival_box .more_pros { width: 200px; }
    .arrival_box .more_pros a .pro_btn p { font-size: 18px; }

    .video_box .text_box .foreword p { letter-spacing: 5px; }
    .video_box .text_box .play_btn { height: 40px; }

    .new_box .new_item .new { padding: 48px 5.5%; }
}

@media (max-width: 450px){
    .beans_box .park_l .ant { width: 185px; } 
    .arrival_box .more_pros { width: 175px; }
    .arrival_box .more_pros a .pro_btn p { font-size: 15px; }

    .video_box .text_box .foreword p { letter-spacing: 3px; }
    .video_box .text_box .play_btn { height: 30px; }

    .partner_box .content p { line-height: 20px; }
    .new_box .new_item .new { padding: 37px 5.5%; }
}

@media (max-width: 350px){ 
    
    .beans_box .park_l .ant { width: 159px; }
    .video_box .text_box .foreword p { letter-spacing: 1px; }


    .video_box .text_box .play_btn { height: 20px; }

    .new_box .new_item .new { padding: 22px 5.5%; }
    .new_box .new_item .new .new_day { width: 40%; height: 27px; }
    .new_box .new_item .new .new_day p { line-height: 26px; }
}