@charset "utf-8";
/* CSS Document */
/*  ------------------------ 通用 ----------------------------  */
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*{ margin:0px; padding:0px;}
body { color:#333; font-family:"微软雅黑", Arial;  font-size:14px; line-height:30px; background:#ffffff; overflow-x:hidden;}
body.bgfff{ background:#fff;}
body,html{ width:100%; height:100%;}
html.ovhide{ overflow:hidden;}
.bodyhid{ overflow:hidden;}
ol, ul ,li{list-style: none; margin:0px; padding:0px}
img,ol, ul ,li{ border:none;}
div{ margin:0 0; padding:0 0}
a{text-decoration:none; color:#666; outline:none; star:expression_r(this.onFocus=this.blur());}
a:hover {text-decoration: none;cursor:pointer;}
img{ border:none;}
input[type=button], input[type=submit], input[type=reset] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;outline: none; -webkit-appearance: none; /*去除系统默认的样式*/-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/}
input:focus,input:hover,input:active,textarea:focus,textarea:hover,textarea:active {/* outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0; */border-color:#0c448a;}
select:focus,select:hover,select:active {outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;outline:0;}
input,textarea{outline:none;}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block; width:100%; height:0; line-height:0; float:none; clear:both; overflow:hidden}

.top{width:100%;height:53px;background:#ffffff;position:fixed;left:0;top:0;border-bottom:1px solid #eeeeee;z-index:333}
.dl-menuwrapper{width:100%;float:right;position:absolute;top:0;right:0;padding-top:53px;z-index:1000;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;-moz-perspective-origin:50% 200%;perspective-origin:50% 200%;}
.dl-menuwrapper button{border:none;width:25px;height:25px;text-indent:-900em;overflow:hidden;position:absolute;top:14px;right:15px;cursor:pointer;outline:0;background:url(../images/icon_menu.png) no-repeat center center;background-size:100%}
.dl-menuwrapper .dl-active{background:url(../images/menu_close.png) no-repeat center center;background-size:100%}
.logo img{display:block;width:auto;height:39px;position:absolute;left:10px;top:6px}
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.dl-menuwrapper li{position:relative;text-align:center;}
.dl-menuwrapper li:last-child .next_03{border-bottom:none;}
.dl-menuwrapper li a{display:block;position:relative;padding:12px 10px;font-size:16px;line-height:20px;font-weight:300;color:#8cb63c;border-bottom:1px solid #ddd;outline:0;background:#fff;}
.dl-menuwrapper li a span{font-size:12px;text-transform:uppercase;}
.dl-menuwrapper li.dl-back>a{display:block;text-align:center;background:#eee;color:#111923}
.dl-menuwrapper li.next_02>a{display:block;text-align:center;background:rgba(0,0,0,.7);color:#111923}
.dl-menuwrapper .dl-menu{margin:0;position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:10000}
.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.dl-menuwrapper .dl-menu .next{background:0 0;background-size:6px 10px}
.dl-menuwrapper .dl-menu .next_01{color:#111923;background:#fff url(../images/menu_next.png) no-repeat 98% center;background-size:6px 10px;border-bottom:1px solid #ddd}
.dl-menuwrapper .dl-menu .next_03{color:#111923;background:#fff;border-bottom:1px solid #eeeeee}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.dl-menuwrapper li .dl-submenu{display:none}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subview>a,.dl-menu.dl-subview li.dl-subviewopen>a{display:none}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li{display:block}
.dl-menuwrapper>.dl-submenu{position:absolute;width:100%;top:55px;left:0;margin:0}
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 .4s;-moz-animation:MenuAnimOut1 .4s;animation:MenuAnimOut1 .4s}
.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 .3s ease-in-out;-moz-animation:MenuAnimOut2 .3s ease-in-out;animation:MenuAnimOut2 .3s ease-in-out}
.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 .4s ease;-moz-animation:MenuAnimOut3 .4s ease;animation:MenuAnimOut3 .4s ease}
.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 .4s ease;-moz-animation:MenuAnimOut4 .4s ease;animation:MenuAnimOut4 .4s ease}
.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 .4s ease;-moz-animation:MenuAnimOut5 .4s ease;animation:MenuAnimOut5 .4s ease}
@-webkit-keyframes MenuAnimOut1{50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}
75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{-webkit-transform:translateZ(-500px) rotateY(0);opacity:0}
}
@-webkit-keyframes MenuAnimOut2{100%{-webkit-transform:translateX(-100%);opacity:0}
}
@-webkit-keyframes MenuAnimOut3{100%{-webkit-transform:translateZ(300px);opacity:0}
}
@-webkit-keyframes MenuAnimOut4{100%{-webkit-transform:translateZ(-300px);opacity:0}
}
@-webkit-keyframes MenuAnimOut5{100%{-webkit-transform:translateY(40%);opacity:0}
}
@-moz-keyframes MenuAnimOut1{50%{-moz-transform:translateZ(-250px) rotateY(30deg)}
75%{-moz-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{-moz-transform:translateZ(-500px) rotateY(0);opacity:0}
}
@-moz-keyframes MenuAnimOut2{100%{-moz-transform:translateX(-100%);opacity:0}
}
@-moz-keyframes MenuAnimOut3{100%{-moz-transform:translateZ(300px);opacity:0}
}
@-moz-keyframes MenuAnimOut4{100%{-moz-transform:translateZ(-300px);opacity:0}
}
@-moz-keyframes MenuAnimOut5{100%{-moz-transform:translateY(40%);opacity:0}
}
@keyframes MenuAnimOut1{50%{transform:translateZ(-250px) rotateY(30deg)}
75%{transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
100%{transform:translateZ(-500px) rotateY(0);opacity:0}
}
@keyframes MenuAnimOut2{100%{transform:translateX(-100%);opacity:0}
}
@keyframes MenuAnimOut3{100%{transform:translateZ(300px);opacity:0}
}
@keyframes MenuAnimOut4{100%{transform:translateZ(-300px);opacity:0}
}
@keyframes MenuAnimOut5{100%{transform:translateY(40%);opacity:0}
}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 .3s;-moz-animation:MenuAnimIn1 .3s;animation:MenuAnimIn1 .3s}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 .3s ease-in-out;-moz-animation:MenuAnimIn2 .3s ease-in-out;animation:MenuAnimIn2 .3s ease-in-out}
.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 .4s ease;-moz-animation:MenuAnimIn3 .4s ease;animation:MenuAnimIn3 .4s ease}
.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 .4s ease;-moz-animation:MenuAnimIn4 .4s ease;animation:MenuAnimIn4 .4s ease}
.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 .4s ease;-moz-animation:MenuAnimIn5 .4s ease;animation:MenuAnimIn5 .4s ease}
@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0);opacity:0}
20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{-webkit-transform:translateZ(0) rotateY(0);opacity:1}
}
@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0}
100%{-webkit-transform:translateX(0);opacity:1}
}
@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0}
100%{-webkit-transform:translateZ(0);opacity:1}
}
@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0}
100%{-webkit-transform:translateZ(0);opacity:1}
}
@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0}
100%{-webkit-transform:translateY(0);opacity:1}
}
@-moz-keyframes MenuAnimIn1{0%{-moz-transform:translateZ(-500px) rotateY(0);opacity:0}
20%{-moz-transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{-moz-transform:translateZ(0) rotateY(0);opacity:1}
}
@-moz-keyframes MenuAnimIn2{0%{-moz-transform:translateX(-100%);opacity:0}
100%{-moz-transform:translateX(0);opacity:1}
}
@-moz-keyframes MenuAnimIn3{0%{-moz-transform:translateZ(300px);opacity:0}
100%{-moz-transform:translateZ(0);opacity:1}
}
@-moz-keyframes MenuAnimIn4{0%{-moz-transform:translateZ(-300px);opacity:0}
100%{-moz-transform:translateZ(0);opacity:1}
}
@-moz-keyframes MenuAnimIn5{0%{-moz-transform:translateY(40%);opacity:0}
100%{-moz-transform:translateY(0);opacity:1}
}
@keyframes MenuAnimIn1{0%{transform:translateZ(-500px) rotateY(0);opacity:0}
20%{transform:translateZ(-250px) rotateY(30deg);opacity:.5}
100%{transform:translateZ(0) rotateY(0);opacity:1}
}
@keyframes MenuAnimIn2{0%{transform:translateX(-100%);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@keyframes MenuAnimIn3{0%{transform:translateZ(300px);opacity:0}
100%{transform:translateZ(0);opacity:1}
}
@keyframes MenuAnimIn4{0%{transform:translateZ(-300px);opacity:0}
100%{transform:translateZ(0);opacity:1}
}
@keyframes MenuAnimIn5{0%{transform:translateY(40%);opacity:0}
100%{transform:translateY(0);opacity:1}
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 .4s ease;-moz-animation:SubMenuAnimIn1 .4s ease;animation:SubMenuAnimIn1 .4s ease}
.dl-menuwrapper>.dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 .3s ease-in-out;-moz-animation:SubMenuAnimIn2 .3s ease-in-out;animation:SubMenuAnimIn2 .3s ease-in-out}
.dl-menuwrapper>.dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 .4s ease;-moz-animation:SubMenuAnimIn3 .4s ease;animation:SubMenuAnimIn3 .4s ease}
.dl-menuwrapper>.dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 .4s ease;-moz-animation:SubMenuAnimIn4 .4s ease;animation:SubMenuAnimIn4 .4s ease}
.dl-menuwrapper>.dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 .4s ease;-moz-animation:SubMenuAnimIn5 .4s ease;animation:SubMenuAnimIn5 .4s ease}
@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0}
100%{-webkit-transform:translateX(0);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0}
100%{-webkit-transform:translateZ(0);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0}
100%{-webkit-transform:translateZ(0);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0}
100%{-webkit-transform:translateZ(0);opacity:1}
}
@-moz-keyframes SubMenuAnimIn1{0%{-moz-transform:translateX(50%);opacity:0}
100%{-moz-transform:translateX(0);opacity:1}
}
@-moz-keyframes SubMenuAnimIn2{0%{-moz-transform:translateX(100%);opacity:0}
100%{-moz-transform:translateX(0);opacity:1}
}
@-moz-keyframes SubMenuAnimIn3{0%{-moz-transform:translateZ(-300px);opacity:0}
100%{-moz-transform:translateZ(0);opacity:1}
}
@-moz-keyframes SubMenuAnimIn4{0%{-moz-transform:translateZ(300px);opacity:0}
100%{-moz-transform:translateZ(0);opacity:1}
}
@-moz-keyframes SubMenuAnimIn5{0%{-moz-transform:translateZ(-200px);opacity:0}
100%{-moz-transform:translateZ(0);opacity:1}
}
@keyframes SubMenuAnimIn1{0%{transform:translateX(50%);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@keyframes SubMenuAnimIn2{0%{transform:translateX(100%);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@keyframes SubMenuAnimIn3{0%{transform:translateZ(-300px);opacity:0}
100%{transform:translateZ(0);opacity:1}
}
@keyframes SubMenuAnimIn4{0%{transform:translateZ(300px);opacity:0}
100%{transform:translateZ(0);opacity:1}
}
@keyframes SubMenuAnimIn5{0%{transform:translateZ(-200px);opacity:0}
100%{transform:translateZ(0);opacity:1}
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 .4s ease;-moz-animation:SubMenuAnimOut1 .4s ease;animation:SubMenuAnimOut1 .4s ease}
.dl-menuwrapper>.dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 .3s ease-in-out;-moz-animation:SubMenuAnimOut2 .3s ease-in-out;animation:SubMenuAnimOut2 .3s ease-in-out}
.dl-menuwrapper>.dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 .4s ease;-moz-animation:SubMenuAnimOut3 .4s ease;animation:SubMenuAnimOut3 .4s ease}
.dl-menuwrapper>.dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 .4s ease;-moz-animation:SubMenuAnimOut4 .4s ease;animation:SubMenuAnimOut4 .4s ease}
.dl-menuwrapper>.dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 .4s ease;-moz-animation:SubMenuAnimOut5 .4s ease;animation:SubMenuAnimOut5 .4s ease}
@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0);opacity:1}
100%{-webkit-transform:translateX(50%);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0);opacity:1}
100%{-webkit-transform:translateX(100%);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0);opacity:1}
100%{-webkit-transform:translateZ(-300px);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0);opacity:1}
100%{-webkit-transform:translateZ(300px);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1}
100%{-webkit-transform:translateZ(-200px);opacity:0}
}
@-moz-keyframes SubMenuAnimOut1{0%{-moz-transform:translateX(0);opacity:1}
100%{-moz-transform:translateX(50%);opacity:0}
}
@-moz-keyframes SubMenuAnimOut2{0%{-moz-transform:translateX(0);opacity:1}
100%{-moz-transform:translateX(100%);opacity:0}
}
@-moz-keyframes SubMenuAnimOut3{0%{-moz-transform:translateZ(0);opacity:1}
100%{-moz-transform:translateZ(-300px);opacity:0}
}
@-moz-keyframes SubMenuAnimOut4{0%{-moz-transform:translateZ(0);opacity:1}
100%{-moz-transform:translateZ(300px);opacity:0}
}
@-moz-keyframes SubMenuAnimOut5{0%{-moz-transform:translateZ(0);opacity:1}
100%{-moz-transform:translateZ(-200px);opacity:0}
}
@keyframes SubMenuAnimOut1{0%{transform:translateX(0);opacity:1}
100%{transform:translateX(50%);opacity:0}
}
@keyframes SubMenuAnimOut2{0%{transform:translateX(0);opacity:1}
100%{transform:translateX(100%);opacity:0}
}
@keyframes SubMenuAnimOut3{0%{transform:translateZ(0);opacity:1}
100%{transform:translateZ(-300px);opacity:0}
}
@keyframes SubMenuAnimOut4{0%{transform:translateZ(0);opacity:1}
100%{transform:translateZ(300px);opacity:0}
}
@keyframes SubMenuAnimOut5{0%{transform:translateZ(0);opacity:1}
100%{transform:translateZ(-200px);opacity:0}
}
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
.no-js .dl-menuwrapper li .dl-submenu{display:block}
.no-js .dl-menuwrapper li.dl-back{display:none}
.no-js .dl-menuwrapper li.next_02{display:none}
.no-js .dl-menuwrapper li>a:not(:only-child){background:rgba(0,0,0,.1)}
.no-js .dl-menuwrapper li>a:not(:only-child):after{content:''}
.height53{ width:100%; height:53px; line-height:53px; clear:both; }
.return{ position:absolute; left:0; top:0;display:block; width:40px; height:50px; z-index:1200;
 background:url(../images/icon_return.png) no-repeat center center/10px auto;text-indent:-9999px;}
.pro_tab{text-align:center; color:#111923;}
.pro_tab span{ display:block; line-height:50px;font-size:16px;}


/*明星产品*/
.product_sort{width:100%;height:100%;padding:70px 15px 0;position:relative;}
.product_sort a{display:block;width:100%;height:28%;margin-bottom:5%;position:relative;}
.product_sort a.sort_bg_1{background:url(../images/index_1.png) no-repeat center center/cover;}
.product_sort a.sort_bg_2{background:url(../images/index_2.png) no-repeat center center/cover;}
.product_sort a.sort_bg_3{background:url(../images/index_3.png) no-repeat center center/cover;}

.product_sort_tit{width:100%;height:100%;padding:30px;}
.product_sort_con img{display:block;width:auto;height:45px;}
.icon_hengxian{display:block;width:35px;height:5px;background:#ff9e19;position:absolute;left:30px;bottom:30px;}
.product_sort a.sort_bg_2 .icon_hengxian{background:#76bd1d;}
.product_sort a.sort_bg_3 .icon_hengxian{background:#665cc7;}


.contain{width:100%;height:100%;padding:10px;position:relative;}
.sidebar_left{width:100%;height:auto;}
.side_nav_tit{width:100%;height:auto;background:#ffffff;color:#000000;text-align:center;padding:15px 0;font-weight:bold;position:relative;font-size:18px;}
.side_nav_tit::after{content:'';width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #ffffff;position:absolute;left:50%;margin-left:-8px;bottom:-7.5px;}
.side_nav{width:100%;height:auto;border-bottom:1px solid #dedede;white-space:nowrap; overflow-y:hidden; overflow-x:auto;-webkit-overflow-scrolling: touch;}
.side_nav::-webkit-scrollbar{display:none;}
.side_nav a{display:inline-block;padding:10px;text-align:center;color:#333333;border-bottom: 1px solid rgba(255,255,255,0.1);width:auto;font-size:15px;}
.side_nav a.cur{color:#f5a32b;position:relative;}
.side_nav a.cur::after{content:'';width:60px;height:3px;background:#f5a32b;position:absolute;left:50%;bottom:-1.5px;margin-left:-30px;}

/*.side_nav_cy a{width:25%;}*/


.product_list{width:100%;column-count: 2;padding: 0.15rem;}
.product_list a{width:100%;height:auto;display: flex;flex-direction: column;justify-content: center;break-inside: avoid;background:#ffffff;margin-bottom:15px;}
.product_pic{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #eeeeee;}
.product_list_tit{width:100%;height:auto;padding:10px 10px 0;word-wrap:break-word;line-height:24px;font-size:15px;color:#333333;}
.product_list_en{color:#999999;font-size:12px;line-height:20px;padding:5px 10px 10px;}
.product_list img{display:block;width:100%;height:auto;}


.product_list_cy .product_list_tit{padding:10px;}
.product_list_cy2{padding:0 15px;}
/*  产品轮播图  */
.pro_scroll{position:relative;width:100%;border-radius:10px;overflow:hidden;}
.pro_scroll .swiper-container { width: 100%;position: relative;}
.pro_scroll .swiper-slide {text-align: center;font-size: 18px;background:#fff;}
.pro_scroll .swiper-slide img{width:100%; display:block;}
.pro_scroll .arrow{position: absolute;z-index: 9;top: 50%;font-size:32px;color:#999999;cursor:pointer;}
.pro_scroll .arrow-left{left: 0;}
.pro_scroll .arrow-right{right: 0;}

/* 产品详情 */
.product_detail{padding:10px;}
.product_detailtit{ width:100%; padding:20px 15px 0; background:#fff;}
.product_detailtit h1{ font-size:20px; padding-bottom:15px; margin-bottom:10px; position:relative;border-bottom:1px solid #eeeeee;}
.product_detailtit h1::after{ content:""; width:60px; height:2px; background:#f5a32b; position:absolute;
left:0; bottom:0; }
.product_detailtit p{ font-size:16px; color:#f5a32b;line-height:24px;}

.productedit{ width:100%; padding:10px 15px; background:#fff;overflow:hidden;}
.productedit img{max-width:100%;}

.bot_nav{width:100%;height:50px;line-height:50px;position:fixed;left:0;bottom:0;z-index:1;background:#f5a32b;}
.bot_nav a{display:block;width:50%;float:left;text-align:center;color:#ffffff;border-right:1px solid rgba(255,255,255,0.2);font-size:15px;}
.bot_nav a:last-child{border:none;}
.bot_nav a i{display:inline-block;width:25px;height:50px;vertical-align:top;margin-right:6px;}
.bot_nav a i.icon_apply{background:url(../images/icon_apply.png) no-repeat center center/25px auto;}
.bot_nav a i.icon_down_pdf{background:url(../images/icon_down_pdf.png) no-repeat center center/25px auto;}

.lingyu{width:100%;height:auto;background:#ffffff;}
.lingyu_tit{font-size:16px;line-height:45px;border-bottom:1px solid #eeeeee;padding-left:30px;position:relative;color:#f5a32b;font-weight:bold;margin-bottom:15px;background:#ffffff;margin-top:15px;}
.lingyu_tit::before{content:'';width:3px;height:20px;background:#f5a32b;position:absolute;left:15px;top:14px;}

.lingyu_list{width:103%;padding:0 15px 20px;white-space:nowrap; overflow:auto;}
.lingyu_list a{display:inline-block;width:30%;height:auto;text-align:center;padding:10px 0;margin-right:3.33%;font-size:14px;background:#f4f4f4;}
.lingyu_list .yingyong_tb{width:50px;height:50px;margin:auto;}
.lingyu_list .yingyong_tb img{display:block;max-width:100%;height:100%;}
.lingyu_list i{display:block;width:50px;height:50px;margin:0 auto;}
.lingyu_list i.icon_hufu{background:url(../images/icon_hufu.png) no-repeat center center/50px auto;}
.lingyu_list i.icon_hufa{background:url(../images/icon_hufa.png) no-repeat center center/50px auto;}
.lingyu_list i.icon_caizhuang{background:url(../images/icon_caizhuang.png) no-repeat center center/40px auto;}


/* 样品申请 */
.top_tx{display:block;width:35px;height:35px;overflow:hidden;border-radius:50%;position:absolute;right:10px;top:8px;z-index:1001}
.top_tx2{right:55px;}
.top_tx img{display:block;width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.apply{width:100%;height:auto;padding:15px 20px 40px;}
.apply_con{width:100%;height:auto;/*box-shadow:0 -5px 5px rgba(0,0,0,0.06);padding:20px;border:1px solid #eeeeee;*/}
.apply_list{width:100%;height:auto;margin-bottom:20px;}
.apply_tit{margin-bottom:5px;padding-left:3px;font-weight:bold;}
.apply_tit span{color:red;font-size:16px;}
.apply_list input{width:100%;height:45px;border:5px;appearance:none;-webkit-appearance: none;-moz-appearance:none;background:#ffffff;padding:0 10px;font-size:14px;border:1px solid #eeeeee;color:#666666}
.selfbasetlimged{display:block;width:80px;height:80px;position:relative;cursor:pointer; border-radius:50%; background:#eee; overflow:hidden;margin:auto;}
.selfbasetlimged img{ width:100%; height:auto; position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); }
.selfbasetlimged i{font-style:inherit;background:url(../images/icon_xj.png) no-repeat center center/20px auto;height:24px;line-height:24px;bottom:0;left:0;position:absolute;color:#fff;width:100%;text-align:center}
.selfbasetlimgedup{display:none}
.apply_list textarea{width:100%;height:115px;border:1px solid #eeeeee;resize:none;padding:10px;font-family:"微软雅黑"}


.select_xinghao{width:100%;height:45px;padding-right:65px;position:relative;margin-bottom:15px;}
.select_xinghao select{display:inline-block; width:48%;height:45px;padding:0 10px;border:1px solid #eeeeee;appearance:none; -moz-appearance:none;-webkit-appearance:none; background:#fff url("../images/icon_select.png") no-repeat scroll 96% center/11px auto;font-size:14px;}

.pro_list_name{width:100%;height:45px;line-height:45px;overflow:hidden;border:1px solid #eeeeee;padding:0 10px;}
.pro_list_name sup{vertical-align:top;}
.apply_product{width:65px;line-height:45px;position:absolute;right:0;top:0;text-align:right;font-size:12px;color:#f5a32b;}
.delete_this{display:block;width:20px;height:20px;position:absolute;top:-8px;right:60px;background:#aaaaaa url(../images/menu_close_white.png) no-repeat center center/12px auto;border-radius:50%; text-indent:-9999px;}
.add_select{display:block;width:140px;height:40px;background:#f2f2f2 url(../images/icon_add.png) no-repeat 15px center/15px auto;line-height:40px;border:1px solid #eee;text-align:center;padding-left:25px;border-radius:5px;}
.apply_tips{color:#999999;font-size:14px;margin-top:40px;text-align:center;}
.apply_btn{ display:block; width:100%;height:50px;line-height:50px;background:#f5a32b;color:#ffffff;text-align:center;color:#ffffff;font-size:18px;border-radius:5px;letter-spacing:3px;border-radius:30px;margin-top:10px;}


.submit_w{ width:100%; height:100%; position:fixed;left:0; top:0; z-index:333; display:none; }
.submit_bg{width:100%; height:100%; position:fixed;left:0; top:0; background:rgba(0,0,0,0.3); z-index:1;}
.submit_con{ width:70%; height:auto; position:fixed;left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:5px;text-align:center; padding:10px 0 30px; z-index:2; }
.submit_con2{padding:40px 60px 40px 40px;}
.icon_sucess{ display:block; width:70px; height:70px; background:url(../images/icon_sucess.png) no-repeat center center/44px 44px;margin:0 auto; }
.sucess_tit{ font-size:20px; }
.sucess_des{ color:#999999; }
.sucess_des span{ color:red; }
.submit_btn{ width:100%; height:auto; padding-top:20px; }
.submit_btn a{ display:inline-block; width:120px; height:36px; line-height:36px;border-radius:5px; font-size:16px; margin:0 10px; }
.submit_btn a.submit_return{ border:1px solid #e0e0e0; color:#666; }
.submit_btn a.submit_go{ background:#f5a32b; color:#fff; }

/*选择添加的产品*/
.add_product{width:90%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff;border-radius:5px;z-index:2;}
.add_product_tit{font-size:16px; height:auto; padding:20px 0; text-align:center;color:#f5a32b;}
.select_list{width:100%;height:auto;padding:0 20px 20px;}
.select_list select{height:45px;padding:0 10px;border:1px solid #eeeeee;appearance:none; -moz-appearance:none;-webkit-appearance:none; background:#fff url("../images/icon_select.png") no-repeat scroll 96% center/11px auto;font-size:14px;}
.select_list .qt_select{width:48%;float:left;}
.select_list .qt_select2{width:48%; float:right;}
.select_list .last_select{width:100%;clear:both;margin-top:10px;}
.select_btn{text-align:center;padding:10px 0 30px;}
.select_btn a{display:inline-block;height:40px;line-height:40px;border-radius:35px;text-align:center;padding:0 15%;margin:0 10px;}
.select_btn a.select_btn_1{color:#f5a32b;border:1px solid #f5a32b;}
.select_btn a.select_btn_2{color:#ffffff;background:#f5a32b;}


/* 注册 */
.register_top{width:100%;height:180px; margin:auto;background:url(../images/login_top_bg.png) no-repeat center top/100% 130px;position:relative;}

.login_tx{width:100px;height:100px;position:relative;bottom:-75px;left:50%;margin-left:-50px;box-shadow:0 -5px 5px rgba(0,0,0,0.1);border-radius:50%;}
.login_tx img{display:block;width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.formlist{ width:100%; height:auto; padding:0 30px;}
.formlist li{ display:block; width:100%; height:50px; line-height:50px; position:relative;padding-left:30px; border-bottom:1px solid #eee;margin-top:25px;}
.formlist .icon_img{ display:block; width:16px; height:50px; position:absolute;left:0; top:0; padding-top:16px; }
.formlist .icon_img img{ width:100%; height:auto; }
.formlist li .input_text{ width:100%; height:50px; vertical-align:top; border:none; background:none; font-size:15px;}
.formlist .forget{ float:right;margin-top:10px; font-size:14px; }
.hq_yzm{ width:110px; height:35px; line-height:35px; border-radius:25px; background:#f5a32b;color:#fff; text-align:center;position:absolute;right:0;bottom:10px; }

.bot_btn{ width:100%; height:auto; padding:0 30px;margin:60px 0 ;}
.all_btn{ display:block; width:100%; height:50px; line-height:50px;background:#f5a32b;border-radius:30px;text-align:center;color:#fff; font-size:18px;letter-spacing:3px;
}


/* pdf文件下载 */

.download{width:100%;height:auto;padding:15px;}
.download a{display:block;width:100%;line-height:24px;padding:15px 40px 15px 50px;overflow:hidden; position:relative;background:#ffffff;margin-bottom:10px;}
.download a i.icon_pdf{display:block;width:25px;height:24px;background:url(../images/icon_pdf.png) no-repeat center center/25px auto; position:absolute;left:10px;top:15px;}
.download a i.icon_download{display:block;width:18px;height:24px;background:url(../images/icon_download.png) no-repeat center center/18px auto;position:absolute;right:10px;top:15px;}
.download a:last-child{border-bottom:none;}

/* 配方创意 */
.peifang{width:100%;height:100%;padding-bottom:220px; padding-top:53px; position:relative;}
.nr_banner{width:100%;height:100%;background:url(../images/peifang.jpg) no-repeat center center/auto 100%;overflow:hidden;}

.peifang_index{width:100%;height:200px;position:absolute;left:0;bottom:0;overflow:hidden;}
.peifang_index_tit{width:180px;height:60px;line-height:60px;text-align:center; margin:auto; position:relative;font-size:16px;font-weight:bold;}
.peifang_index_tit::before{content:''; width:50px;height:1px;background:rgba(245,163,43,0.4); position:absolute;left:0;top:29px;}
.peifang_index_tit::after{content:''; width:50px;height:1px;background:rgba(245,163,43,0.4); position:absolute;right:0;top:29px;}
.peifang_ul{width:102%;padding:0 3%;overflow:auto;white-space:nowrap;}
.peifang_ul li{display:inline-block;width:35%;height:auto;margin-right:2%;}
.peifang_ul li a{display:block;width:100%;height:auto;text-align:center;padding-top:5px;background:#f4f4f4;}
.peifang_ul li a .yingyong_tb{width:50px;height:50px;margin:auto;}
.peifang_ul li a .yingyong_tb img{display:block;max-width:100%;max-height:100%;}
.peifang_ul li i{display:block;width:50px;height:50px;margin:auto;}
.peifang_list_tit{height:35px;line-height:35px;overflow:hidden;color:#333333;}
.peifang_ul li i.icon_peifang_1{background:url(../images/icon_hufu.png) no-repeat center center/50px auto;}
.peifang_ul li i.icon_peifang_2{background:url(../images/icon_hufa.png) no-repeat center center/50px auto;}
.peifang_ul li i.icon_peifang_3{background:url(../images/icon_caizhuang.png) no-repeat center center/40px auto;}
.peifang_ul li i.icon_peifang_4{background:url(../images/icon_fangshai.png) no-repeat center center/40px auto;}

/*.peifang_tab{width:100%;height:40px;line-height:40px;position:absolute;left:0;bottom:0;}
.peifang_tab a{display:block;width:25%;float:left;text-align:center;color:#ffffff;border:1px solid rgba(255,255,255,0.1);border-bottom:none;border-right:none;border-radius:5px 5px 0 0;}
.peifang_tab a.cur{background:#f5a32b;position:relative;}
.peifang_tab a.cur::after{content:'';width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #f5a32b;position:absolute;left:50%;bottom:-8px;margin-left:-8px;}
*/
/*.peifang_list{width:100%;height:auto;padding:10px 0 20px;}
.peifang_list a{display:block;width:47%;float:left;margin:2% 0 0 2%;box-shadow:0 5px 5px rgba(0,0,0,0.1);border-radius:5px; overflow:hidden;}
.peifang_pic{width:100%;height:auto;}
.peifang_pic img{display:block;width:100%;height:auto;}
.peifang_tit{width:100%;height:45px;line-height:45px;overflow:hidden;text-align:center;background:#ffffff;}*/


.xg_recomend{width:100%;height:auto;overflow:hidden;padding:0 15px;min-height:500px;}
.xg_recomend a{display:block;width:100%;height:auto;min-height:98px;padding-left:155px;position:relative;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eeeeee;}
.xg_recomend a:last-child{border-bottom:none;}
.recomend_pic{width:140px;height:78px; position:absolute;left:0;top:0;overflow:hidden;}
.recomend_pic img{display:block;width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.recomend_tit{width:100%;color:#333333;line-height:22px;height:44px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size:15px;}
.recomend_more{width:100%;color:#999999;text-align:right;font-size:12px;height:24px;line-height:24px;margin-top:10px;}
.recomend_more span{display:inline-block;height:24px;width:15px;background:url(../images/icon_more.png) no-repeat center center/10px auto;vertical-align:top;}


/*新增css2022-03-02*/
.select_pro{width:100%;height:100%;background:#ffffff;position:absolute;left:0;top:0; z-index:1}
.select_pro_tit{width:100%;height:30px;line-height:30px;background:#f5a32b; position:absolute;left:0;top:0;z-index:2;color:#ffffff;padding:0 8px 0 15px;font-size:15px;}
.select_pro_tit .icon_close{display:block;width:30px;height:30px;background:url(../images/menu_close_white.png) no-repeat center center/20px auto;float:right;}

.select_pro_tab{width:100%;height:auto;padding:20px 0 15px;position:absolute;left:0;top:30px;white-space:nowrap;overflow:auto;background:#f8f8f8; z-index:2}
.select_pro_tab a{display:inline-block;width:auto;height:30px;line-height:30px;background:#ffffff;padding:0 10px;margin-left:10px;border-radius:3px;}
.select_pro_tab a.cur{background:#f5a32b;color:#ffffff;position:relative;}
.select_pro_tab a.cur::after{content:'';width:0;height:0;border-top:6px solid #f5a32b; border-left:6px solid transparent; border-right:6px solid transparent;position:absolute;bottom:-6px;left:50%;margin-left:-6px; }

.select_pro_list{width:100%;height:100%;overflow:auto;padding-top:100px;}
.select_pro_list a{display:block;width:100%;height:45px;line-height:45px;padding:0 15px;border-bottom:1px solid #eeeeee;}
.select_pro_list a:last-child{border-bottom:none;}