@charset "utf-8";







/* CSS Document */











/* banner */







.banner{width:100%; margin:0 auto; position:relative; height:600px; z-index:1;}







.fullSlide{width:100%;position:relative;height:100%;background:transparent}







.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}







.fullSlide .bd ul{height:100%;}







.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat}







.fullSlide .bd li a{display:block;height:100%}







.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}







.fullSlide .hd ul{text-align:center;margin-bottom:20px}







.fullSlide .hd ul li{background:#1a1a1a;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}







.fullSlide .hd ul .on{background:#009342;}







.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}







.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}



















/*search*/







.search-box{width:100%;height:50px; background:#e6e6e6;}







.search-box2{width:1180px;height:30px;margin:0 auto;padding-top:10px;}







.search-L{width:700px;height:30px;line-height:30px;float:left;overflow:hidden;}







.search-L a{margin-right:10px;}







.search-R{width:272px;height:30px;float:right;border:1px solid #4c4c4c;border-radius:300px;background:#fff;}







.search-R1{width:210px;height:28px;float:left;}







.search2{width:210px;padding-left:10px;background:none;color:#909090;line-height:28px;height:28px;}







.search3{padding:5px 8px 0 0;}







.search3 input{width:20px;height:20px;background:url(../images/search.jpg) no-repeat center;float:right;cursor:pointer;border:medium none;}























/*cententbox*/







.cententbox{width:100%; margin:40px auto; overflow:hidden;}







.boxes{width:1180px; overflow:hidden; margin:0 auto;}















/*推荐产品*/







.ppbox{height:493px;}







.pp_bt{background:url(../images/pp_bt.jpg) no-repeat center; height:113px; text-align:center;}







.pp_bt h3 a{font-size:24px; line-height:100px;}







.fold_wrap{width:1180px;height:350px;margin:30px auto 0 auto;overflow:hidden;}







.fold_wrap li{float:left;width:20%;height:350px;position:relative;overflow:hidden;cursor:pointer;}







.fold_wrap li a{display:block;}







.fold_wrap li.big{width:472px;}







.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:0;background:transparent;background-color:rgba(0,0,0,0.7); color:#FFF; overflow:hidden; text-align:center; line-height:40px; font-size:16px; text-transform:uppercase;}







.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}







.pic_auto{width:100%;height:100%;}







.pic_auto img{height:350px; width:472px;}























/*设备器具专柜*/







.qjbox{width:100%; overflow:hidden; background:#e6e6e6; padding:30px 0; margin:40px auto;}















.bt{width:100%; height:60px; overflow:hidden;}







.bt h2,.bt h3{height:60px; float:left; padding-right:30px; padding-left:90px;}







.s_bt h2,.s_bt h3{background:url(../images/s_bt_bj.jpg) no-repeat left center;}







.x_bt h2,.x_bt h3{background:url(../images/x_bt_bj.jpg) no-repeat left center;}







.bt h2 b,.bt h3 b{float:left; font-size:48px; line-height:60px; color:#666666; text-transform:uppercase;}







.bt h2 strong,.bt h3 strong{float:left;}







.bt h2 strong span,.bt h3 strong span{font-size:20px; line-height:35px; color:#000;}







.bt h2 strong i,.bt h3 strong i{font-size:14px; color:#666666; line-height:15px; font-weight:normal; text-transform:uppercase; font-style:normal;}







.bt p{float:left; font-size:20px; color:#666666; line-height:80px;}















/*滑动门*/







#tab{width:100%;position:relative;overflow:hidden;}







#tab .tab_menu{width:100%;position:absolute;z-index:1;height:60px; background:#1a1a1a; overflow:hidden;}







#tab .tab_menu li{float:left;width:150px;height:60px;line-height:60px;cursor:pointer;font-size:16px;text-align:center;background:url(../images/tab_bj.jpg) no-repeat right center;}







#tab .tab_menu li a{color:#fff; display:block;}







#tab .tab_menu .selected a{display:block;color:#fff; background:#009342;cursor:pointer;}







.more{float:right; font-size:16px; position:absolute;  z-index:99; line-height:60px; width:129px; height:60px; top:0; right:0; text-align:center;}







.more a{color:#fff;}







.more a:hover{color:#009342; text-decoration:underline;}















#tab .tab_box{width:100%;overflow:hidden;clear:both;position:relative;height:270px;padding-top:80px;}







#tab .hide{display:none;}







#tab .tab_box ul{width:1220px; overflow:hidden;}







#tab .tab_box ul li{width:280px; height:270px; overflow:hidden; float:left; margin-right:20px; margin-bottom:10px;}







#tab .tab_box ul li img{width:270px; height:230px; border:1px solid #b2b2b2; padding:4px;}







#tab .tab_box ul li a{line-height:30px; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center;}







#tab .tab_box ul li a:hover{color:#009342; text-decoration:underline;}







#tab .tab_box ul li img:hover{border:1px solid #009342;}















/*咖啡饮品原料专柜*/







.ypbox{width:100%; overflow:hidden;}























/*咖啡与生活*/







.shbox,.dpbox{width:100%; overflow:hidden; background:#e6e6e6; padding:30px 0; margin:40px auto 0;}







.sh_nr{margin-top:20px; height:605px;}







.sh_nr ul{width:1185px; overflow:hidden;}







.con-four{width: 390px;height:300px;position: relative;overflow: hidden;cursor: pointer;float:left; margin-right:5px; margin-bottom:5px;}







.con-four .case_img img{width:390px;height:300px;}







.con-four .txt-four{position: absolute;left: -390px;top: 0;width:100%;height:300px;padding-top: 100px;line-height: 45px;text-align: center;color: #fff;background: url(../images/ico1.png);margin:0 auto;/*display: none;*/}







.txt-four h3{width:85%; margin:0 auto;}







.txt-four h3 a{font-weight: normal;color:#fff;font-size:20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}







.txt-four h3 a:hover{text-decoration:underline;}







.txt-four p a img{width:50px;height:50px;margin:15px auto 0;}















/*x_banner*/







.x_bannerbox{width:100%; overflow:hidden;}







.x_banner1{height:400px; background:url(../images/x_banner1.jpg) no-repeat center;}







.x_banner_1{height:400px; position:relative;}







.x_banner_1 a{display:block; width:130px; height:40px; line-height:40px; text-align:center; background:#1a1a1a; color:#fff; font-size:20px; font-weight:bold; letter-spacing:2px; position:absolute; top:265px; left:32px;}







.x_banner_1 a:hover{background:#009342;}







.x_banner_1 .x_tel_1{height:50px; position:absolute; bottom:0; left:0px;}







.x_banner_1 .x_tel_1 p{float:left; margin-right:30px; font-size:16px; background:url(../images/x_tel1.png) no-repeat center left; line-height:50px; height:50px; padding-left:35px; color:#fff;}







.x_banner_1 .x_tel_1 p b{font-size:24px;}























/*优势*/







.ysbox{width:100%; height:1800px; overflow:hidden; background:url(../images/ys_bj.jpg) no-repeat center;}







.ys{height:1800px; position:relative;}







.ys_bt{width:100%; height:145px; overflow:hidden; background:url(../images/ys_bt.png) no-repeat top center; position:relative; margin-top:30px;}







.ys_bt h3 a{color:#fff; font-size:30px; position:absolute; top:70px; left:600px; letter-spacing:2px;}







.ys_bt p{font-size:18px; color:#808080; text-align:center; position:absolute; bottom:0; width:100%;}







.ys_tu1{position:absolute; top:260px; right:0;}







.ys_tu2{position:absolute; top:673px; left:0;}







.ys_tu3{position:absolute; bottom:0; right:0;}







.ys_txt ul li{width:500px; overflow:hidden;}







.ys_txt ul li .ys_bt_x{width:100%; height:50px; overflow:hidden;}







.ys_txt ul li .ys_bt_x p{float:left; width:44px; height:44px; border:3px solid #009342; line-height:44px; text-align:center; color:#009342; font-size:36px; font-weight:bold;}







.ys_txt ul li .ys_bt_x h4{float:left; margin-left:10px;}







.ys_txt ul li .ys_bt_x h4 b{font-size:24px; color:#009342;}







.ys_txt ul li .ys_bt_x h4 span{color:#b2b2b2; font-size:13px; font-weight:normal; text-transform:uppercase;}







.ys_txt ul li .ys_text{width:480px; margin-left:20px; margin-top:25px;}







.ys_txt ul li .ys_text p{background:url(../images/ys_t.png) no-repeat left top; padding-left:40px; line-height:24px; color:#b2b2b2; margin-bottom:10px; font-size:16px;}







.ys_1{position:absolute; top:225px; left:0;}







.ys_2{position:absolute; top:445px; left:0;}







.ys_3{position:absolute; top:725px; right:0;}







.ys_4{position:absolute; top:970px; right:0;}







.ys_5{position:absolute; top:1120px; left:0;}







.ys_6{position:absolute; top:1330px; left:0;}







.ys_7{position:absolute; top:1530px; left:0;}























/*见证*/







.jzbox{margin:40px auto;}







.jz{height:380px; overflow:hidden; padding-top:80px;}







.jz ul{width:1200px; overflow:hidden;}







.jz ul li{width:280px; height:380px; background:#e6e6e6; float:left; margin-right:20px; position:relative;}







.jz ul li img{width:230px; height:190px; border:5px solid #fff; margin:20px auto 0; display:block;}







.jz ul li .jz_txt{width:240px; margin:10px auto 0;}







.jz ul li .jz_txt h3 a{width:100%; line-height:30px; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center;}







.jz ul li .jz_txt h3 a:hover{color:#009342;}







.jz ul li .jz_txt div{margin-top:5px; height:70px; text-indent:2em; line-height:24px; overflow:hidden;}







.jz ul li p{height:30px; width:100%; line-height:30px; text-align:center; background:#b3b3b3; font-size:16px; position:absolute; bottom:0; left:0;}







.jz ul li p a{display:block;}







.jz ul li p a:hover{background:#009342; color:#fff;}















/*x_banner2*/







.x_banner2{height:300px; background:url(../images/x_banner2.jpg) no-repeat center;}







.x_banner_2{height:300px; position:relative;}







.massage{width:300px; height:300px; overflow:hidden; background:url(../images/massage.png) no-repeat center; position:absolute; top:0; left:60px;}







.massage .firstIn{overflow:hidden; padding-top:30px;}







.massage .firstIn ul li{width:260px; margin:0 auto 10px; overflow:hidden; font-size:16px;}







.massage .firstIn span{width:80px; float:left; line-height:30px; margin-top:10px; display:block; color:#fff;}







.massage .firstIn input{width:180px; float:right; display:block; height:30px; line-height:30px; color:#262626; text-indent:10px; margin-top:10px; font-family:微软雅黑;}







.massage .firstIn textarea{ width:180px; float:right; display:block; height:60px; line-height:32px; color:#262626; text-indent:10px; margin-top:10px; font-family:微软雅黑;}







.massage .socondIn{width:180px; float:right; margin-top:10px; margin-right:20px;}







.massage .socondIn .yanzhengma{width:100%; height:30px; display:block;line-height:30px; color:#262626; text-indent:10px;}







.massage .socondIn img{display:block; width:80px; height:22px; margin:10px 0;}







.massage .socondIn .btn{ width:130px; height:30px; line-height:30px; text-align:center; background:#fff; color:#000; font-size:16px; font-family:微软雅黑; font-weight:bold;}







.massage .socondIn .btn:hover{background:#1a1a1a; color:#fff;}







.x_txt{position:absolute; top:0; left:430px; height:300px; color:#fff; padding-top:50px;}







.x_txt p{font-size:24px; font-weight:bold; line-height:40px;}







.x_txt .x_txt1{margin-left:150px;}







.x_txt .x_tel_2{margin-left:150px; margin-top:20px; font-size:16px; line-height:30px;}







.x_txt .x_tel_2 b{font-size:24px;}























/*about*/







.aboutbox{margin:40px auto;}







.bt div{float:right; line-height:60px;}







.bt div a:hover{color:#009342; text-decoration:underline;}







.about{height:310px; margin-top:20px;}







.video{width:418px; height:308px; border:1px solid #b2b2b2; float:left; overflow:hidden;}







.about_nr{width:730px; float:right;}







.about_nr .about_txt{height:205px; overflow:hidden; width:100%; line-height:26px; text-indent:2em;}







.about_nr .about_tel{margin-top:20px;}







.about_nr .about_tel p{width:260px; float:left; font-size:16px; line-height:26px;}







.about_nr .about_tel p b{font-size:24px;font-family:Impact;font-weight:normal;}







.about_nr .about_tel div{float:left; height:30px; line-height:30px; margin-top:50px;}







.about_nr .about_tel div a{display:block; float:left; margin-right:30px; background:#1a1a1a; color:#fff; width:110px; height:30px; text-align:center; font-size:16px;}







.about_nr .about_tel div a:hover{background:#009342;}























/*x_banner3*/







.x_banner3{height:150px; background:url(../images/x_banner3.jpg) no-repeat center;}







.x_banner_3{height:150px; position:relative;}







.x_banner_3 a{display:block; width:130px; height:35px; line-height:35px; text-align:center; background:#fff; font-size:20px; position:absolute; right:50px; top:60px;}







.x_banner_3 a:hover{background:#009342; color:#fff;}















/*teambox*/







.teambox{margin:40px auto;}























/*new*/







.tab5 .hide{display:none;}







.tab5_box{overflow:hidden;clear:both;position:relative;height:240px; padding-top:80px;}







#new ul,.tab5 .hide ul{width:1280px;}







#new ul li,.tab5 .hide ul li{width:545px; height:60px; overflow:hidden; float:left; margin-right:95px; margin-bottom:30px;}







.new_rq{width:80px; float:left; border-right:1px solid #666666; font-weight:bold; height:60px; padding-right:15px; text-align:center; line-height:30px; font-size:18px;}







.new_rq b{font-size:30px;}







.new_text{width:430px; float:right;}







.new_text h3{width:430px; height:20px; line-height:20px; overflow:hidden;}







.new_text h3 a{color:#000;}







.new_text p{text-indent:2em; line-height:18px; margin-top:4px;}











#flash{position: fixed;overflow: visible;bottom: 0px;right: 0px;display: block;z-index: 998;}

#flash_G{position: fixed;overflow: visible;bottom: 10px;right: 10px;display: block;z-index: 999; border:1px solid #666666; font-size:12px; font-family:"Microsoft YaHei";}