@charset "utf-8";
/* CSS Document */
body
{
	margin:0px auto;
	font-family:"宋体";
	font-size:12px;
	color:#646464;
}
a:link{color:#646464; cursor:pointer; text-decoration:none;}
a:visited{color:#646464; text-decoration:none;}
a:hover{color:#f2c12c; text-decoration:none;}
a:active{color:#646464; text-decoration:none;}
li{list-style:none;}
img{border:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0; padding:0}

/*top*/
.top_wrap{width:100%; height:103px; border-bottom:1px solid #281f18; background-color:#423434}
.top{width:1100px; margin:0 auto; overflow:hidden}
.top .nav_wrap{float:right; width:810px}
.nav_wrap .hot_line{float:right; padding-top:9px; line-height:20px; color:#a18e8e; text-transform:uppercase}
.hot_line form{width:114px; float:right}
.hot_line form .input{width:79px; height:20px; float:left; border:none; outline:none; background:url(../images/input.jpg); padding-left:9px; line-height:20px; color:#7e7d7d; font-size:12px}
.hot_line form .submit{width:26px; height:20px; float:left; border:none; outline:none; background:url(../images/submit.jpg)}
.hot_line span{float:right; padding-right:14px; font-family:"微软雅黑"; font-size:14px}
.nav_wrap .nav{clear:both; float:right; /*width:802px;*/ width: 720px; padding-top:30px;}
.nav li{width:69px; float:left; margin-left:14px; background:url(../images/nav_sx.jpg) left 2px no-repeat; line-height:14px; font-family:"微软雅黑"; font-size:14px; text-align:right}
.nav li a{color:white}
.nav li a:hover{color:#f2c12c}
.nav .home{width:41px; background:none}
.top .logo{padding-top:9px}

/*banner*/
.banner{width:100%; height:595px; border-top:14px solid #30261d;}

/*about*/
.about_wrap{width:1100px; margin:0 auto; overflow:hidden}
.about_wrap .choose_wrap{float:left; width:820px; overflow:hidden; padding-top:57px}
.choose_wrap .choose_mv{float:left; width:600px; height:370px}
.choose_wrap .choose{width:220px; height:274px; float:left; background:url(../images/choose_back.jpg); padding-top:96px; text-align:center}
.choose .choose_en{font-family:Franklin Gothic Demi; font-size:35px; line-height:50px; color:white}
.choose .choose_ch{font-family:"微软雅黑"; font-size:14px; color:#978b8b}
.choose_wrap .about_text{width:768px; padding-left:30px; padding-top:15px; background:url(../images/about_sx.jpg) left 20px no-repeat; line-height:24px; clear:both}
.about_wrap .about{width:280px; float:left; padding-top:17px}
.about a img{width:280px; height:410px}
.about .about_bottom{width:271px; height:57px; border:4px solid #423434; border-top:none; background:url(../images/about_hx.jpg) center 40px no-repeat; font-family:"微软雅黑"; font-size:16px; color:#1f1e1e; text-align:center; padding-top:53px}

/*product*/
.product_wrap{padding-top:49px}
.title_ch{width:139px; margin:0 auto; background:url(../images/title_back.jpg) center top no-repeat; text-align:center; padding-top:8px; line-height:20px; font-family:"微软雅黑"; font-size:20px; color:#040000}
.title_en{font-family:"Trajan Pro"; font-size:30px; color:#040000; line-height:30px; padding-top:15px; text-align:center; text-transform:uppercase}
.title_hx{display:block; margin:0 auto; padding-top:11px}
.product_menu{width:528px; padding-top:33px; margin:0 auto; overflow:hidden}
.product_menu li{float:left; padding-left:7px;margin-bottom: 7px;}
.product_menu li a{display:block; width:80px; height:30px; text-align:center; line-height:30px; color:white; background-color:#423434}
.product_menu li a:hover{background-color:#fb9806}
.product_menu li .pmenu_click{background-color:#fb9806}
.product{width:1130px; margin:0 auto; padding-top:31px; overflow:hidden}
.product li{width:260px; height:297px; float:left; padding-left:20px}
.product li .p_img{display:block; width:257px; height:248px; padding-top:1px; padding-left:1px; border:1px solid #d7d7d7}
.p_img img{width:256px; height:246px}
.product li span{display:block; padding-top:17px; font-size:14px; text-align:center}
.product li span a{color:#3d3d3d}
.product li span a:hover{color:#f2c12c}

/*promotion*/
.promotion_wrap{width:1100px; padding-top:67px; margin:0 auto}
.promotion_wrap .promotion{overflow:hidden}
.promotion .promotion_left{width:537px; float:left;margin-top:36px}
.promotion_left .pm_back{width:460px; height:250px; background-color:#423434;  position:relative;}
.promotion_left .promotion_dot{height:19px; padding-right:90px; padding-top:8px}
.promotion_dot img{float:right; padding-left:7px}
.promotion_left .promotion_img{width:510px; height:300px; padding-left:27px}
.promotion .promotion_text{width:528px; float:left; padding-left:35px; padding-top:56px}
.promotion_text p{padding-top:33px; line-height:26px}
.promotion_text .pm_more{display:block; width:73px; height:73px; margin:0 auto; margin-top:31px; text-align:center; line-height:73px; color:#393737; background:url(../images/promotion_more.jpg)}

/*little_banner*/
.lbanner{width:100%; height:260px; background:url(../images/little_banner.jpg) center; margin-top:70px}

/*media*/
.media_wrap{padding-top:54px; padding-bottom:55px}
.media{width:1220px; margin:0 auto; overflow:hidden; padding-top:53px}
.media .media_ul{width:520px; float:left; padding-left:60px}
.media_ul .media_top{overflow:hidden}
.media_top .media_img{width:200px; height:134px; border:3px solid #dfdfdf; float:left}
.media_top .media_right{width:280px; float:left; padding-left:29px}
.media_right h2{font-size:14px; font-weight:bold; line-height:14px; padding-top:13px; padding-bottom:10px}
.media_right h2 a{color:#434242}
.media_right h2 a:hover{color:#f2c12c}
.media_right span{color:#868585}
.media_right p{padding-top:17px; line-height:20px; color:#666666}
.media_ul ul{padding-top:21px}
.media_ul ul li{line-height:38px; background:url(../images/dashed.jpg) left bottom repeat-x}
.media_ul ul li a{color:#535456; text-transform:uppercase}
.media_ul ul li a:hover{color:#f2c12c}
.media_ul ul li img{float:left; padding-top:12px; padding-right:9px}
.media_ul ul li span{float:right; color:#000000}

/*foot_nav*/
.fnav_wrap{width:100%; padding-bottom:22px; background-color:#423434}
.fnav_wrap .fnav{width:1100px; padding-top:49px; margin:0 auto; overflow:hidden}
.fnav ul{width:54px; float:left; padding-right:77px; text-align:center}
.fnav ul .fnav_first{font-weight:bold; color:#a08d8d; line-height:14px; padding-bottom:13px}
.fnav ul li a{line-height:26px; color:#816d6d}
.fnav ul li a:hover{color:#f2c12c}
.fnav .contact{width:310px; float:left; padding:0; text-align:left; padding-left: 70px;}
.contact .tel_num{font-size:24px; color:#fb9806; font-family:"Bookman Old Style"; margin-top:-2px; padding-bottom:7px; font-weight:bold}
.contact .add_email{line-height:20px; color:#816d6d}
.contact .share{padding-top:16px}
.share img{float:left; padding-right:20px}

/*foot*/
.foot_wrap{width:100%; background-color:#30261d}
.foot{width:728px; line-height:30px; color:#6a5f56; margin:0 auto}
.foot .space18{display:inline-block; width:18px}
.foot .cn22{float:right; padding-top:8px}

/*inpage*/
.inbanner{width:100%; height:320px; border-top:14px solid #30261d}

/*contact*/
.banner_contact{background:url(../images/banner_contact.jpg) center}
.incontent{padding-bottom:80px; padding-top:31px}
.incontent .intitle_ch{font-family:"微软雅黑"; font-size:20px; color:#000000; text-align:center}
.incontent .intitle_en{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:center; text-decoration:underline}
.incon_contact ul{padding-top:37px; width:990px; margin:0 auto; overflow:hidden}
.incon_contact ul li{width:277px; float:left; padding-left:53px; line-height:56px; font-family:"微软雅黑"; font-size:16px; color:#000000}
.incon_contact ul .linkman{float:none; background:url(../images/linkman.jpg) 3px center no-repeat}
.incon_contact ul .telphone{background:url(../images/telphone.jpg) left center no-repeat}
.incon_contact ul .fax{background:url(../images/fax.jpg) left center no-repeat}
.incon_contact ul .phone{background:url(../images/phone.jpg) 20px center no-repeat}
.incon_contact ul .qq{background:url(../images/inqq.jpg) 4px center no-repeat}
.incon_contact ul .website{background:url(../images/website.jpg) 3px center no-repeat}
.incon_contact ul .freetel{padding-left:15px; width:315px}
.incon_contact ul .address{float:none; clear:both; width:500px; background:url(../images/address.jpg) 6px center no-repeat}
.incon_contact .map{width:100%; height:514px; padding-top:40px}

/*resources*/
.banner_resources{background:url(../images/banner_resource.jpg) center}
.resource_top_wrap{width:1098px; margin:0 auto; border:1px solid #717171; border-top:none; border-bottom:none; margin-top:48px}
.resource_top{overflow:hidden; padding-bottom:20px}
.rt_left{width:310px; padding-top:26px; padding-left:23px; font-family:"微软雅黑"; float:left}
.rt_left h2{font-size:18px; line-height:28px; color:#1d1d1d}
.rt_left .note{padding-top:12px; line-height:22px; font-size:14px}
.rt_mid{width:360px; padding-left:36px; padding-top:31px; float:left}
.rt_mid img{width:360px; height:128px}
.rt_right{width:310px; padding-left:32px; padding-top:21px; float:left; text-align:right; font-family:"微软雅黑"}
.rt_right h2{font-size:18px; color:#1d1d1d; text-transform:uppercase; padding-top:8px; background:url(../images/talent_hx.jpg) right top no-repeat}
.rt_right h3{font-size:14px; color:#2f2e2e; line-height:14px}
.rt_right ul{padding-top:22px; line-height:24px; font-size:14px; color:#5f5e5e; text-transform:uppercase}
#job_wrap{width:1100px; margin:0 auto; padding-top:42px}
#job_wrap li{
	background-color:#f0f0f0;
	margin-top:15px;
	position:relative;
	cursor:pointer;
	padding-top: 12px;
	padding-bottom: 12px;
}
#job_wrap li .job{width:165px; padding-left:32px; line-height:20px; margin-top:16px; border-right:4px solid #434343; font-size:14px; color:#757575; float:left}
#job_wrap li .ss{padding-left:75px; float:left; color:#545353; line-height:50px}
#job_wrap span{
position:absolute;
	right:5px; top:0;
	float:right;
	color:#545353;
	line-height:50px;
	font-family: "微软雅黑", "宋体";
	font-size: 18px;
	font-weight: bold;
}
#job_wrap div{
	display:none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	line-height: 25px;
	padding-right:28px;
	padding-left:28px;
	background-color: #FFFFFF;
}
/*promotion*/
.banner_promotion{background:url(../images/banner_merchant.jpg) center}
.incon_promotion .inpro_con{width:1100px; margin:0 auto; padding-top:41px; color:#4d4b4b}
.inpro_con p{line-height:24px}
.agent_wrap{padding-top:27px; position:relative}
.agent_wrap .probx_left{position:absolute; left:0; top:69px}
.agent_wrap .probx_right{position:absolute; left:1095px; top:69px}
.agent_wrap .agent{width:1094px; overflow:hidden; border:1px solid #747476; margin:0 auto; padding-top:30px; padding-bottom:24px}
.agent .agent_left{float:left; padding-left:59px; width:590px}
.agent_title{font-weight:bold}
.prolist{padding-top:30px; line-height:24px}
.agent_right{float:left; width:445px}
.pro_site{padding-top:48px; display:block}
.pro_hotline{padding-top:30px; line-height:24px}

/*health_coffee*/
.banner_health{background:url(../images/banner_health.jpg) center}
.incontent .inpage_nav{margin:0 auto; padding-top:2px; padding-left:165px; padding-bottom:67px; overflow:hidden}
.inpage_nav li{float:left; padding-right:15px; margin-right:12px; background:url(../images/inpage_xx.jpg) right center no-repeat}
.inpage_nav .innav_last{padding:0; margin:0; background:none}
.inpage_nav li a{display:block; width:135px; height:30px; text-align:center; font-family:"微软雅黑"; font-size:14px; line-height:30px; color:#000000}
.inpage_nav li a:hover{background-color:#ffd101}
.inpage_nav li .pro_clicked{background-color:#ffd101}
.w550{width:626px}
.coffee_top{width:1100px; margin:0 auto; overflow:hidden; padding-top:48px}
.coffee_top .coffee_img{width:260px; height:180px; float:left}
.coffee_top .coffee_right{width:725px; float:left; padding-left:30px; color:#504e4e}
.coffee_right h2{font-weight:bold; line-height:14px}
.coffee_right h2 a{color:#504e4e}
.coffee_right h2 a:hover{color:#ffd101}
.coffee_right span{display:block; padding-top:11px}
.coffee_right p{padding-top:17px; line-height:24px}
.incon_coffee .coffee_list{width:998px; margin:0 auto; padding-top:22px; padding-bottom:64px}
.incon_coffee .coffee_list li{padding-top:28px; height:88px; background:url(../images/coffee_dashed.jpg) left bottom repeat-x}
.incon_coffee .coffee_list li .coffee_date{float:left; width:43px; height:58px; text-align:center; color:#232121; font-family:Arial, Helvetica, sans-serif; line-height:22px; border-right:1px solid #5a5959; overflow:hidden; padding-right:20px}
.coffee_date span{font-size:40px; line-height:40px; font-weight:bold}
.incon_coffee .coffee_list li .li_right{width:912px; padding-left:20px; float:left}
.li_right h2{font-weight:bold; line-height:12px}
.li_right h2 a{color:#444444}
.li_right h2 a:hover{color:#ffd101}
.li_right p{padding-top:9px; line-height:24px; color:#504e4e}
.fy{display:block; margin:0 auto}

/*coffee_detail*/
.incon_cdetail{padding-top:54px}
.incon_cdetail h1{font-size:14px; color:#434242; font-weight:bold; text-align:center}
.article_detail{width:570px; margin:0 auto; padding-top:25px; line-height:22px; color:#898989; text-transform:uppercase}
.article_detail .love{width:32px; float:right; background:url(../images/love.jpg) left 2px no-repeat; padding-left:22px; text-align:center; color:#565656}
.article_detail .times{width:100px; padding-right:27px; float:right; background:url(../images/times.jpg) left top no-repeat; padding-left:23px}
.article_detail span{padding-left:37px}
.article{
	width:1100px;
	margin-top:30px;
	border-top:1px solid #bcbcbe;
	line-height:24px;
	color:#4d4b4b;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
}
.article .fp{padding-top:50px; line-height:24px; color:#4d4b4b}
.fp a{color:#4d4b4b}
.fp a:hover{color:#ffd101}

/*media_list*/
.banner_media{background:url(../images/banner_media.jpg) center}
.w400{width:460px}
.media_list .mlist{padding-bottom:130px; width:1100px; margin:0 auto}
.mlist li{padding-top:47px; padding-bottom:10px; overflow:hidden}
.mlist li .mlist_left{width:596px; border-top:2px solid #85878b; position:relative}
.mlist_left h2{font-size:14px; padding-top:18px; font-weight:bold}
.mlist_left h2 a{color:#434242}
.mlist_left h2 a:hover{color:#ffd101}
.mlist_left .ml_date{display:block; padding-top:19px; color:#868585}
.mlist_left .way{padding-top:30px; line-height:24px; color:#4d4b4b}
.mlist_left .ml_detail{display:block; width:88px; height:26px; border:1px solid #868585; line-height:26px; text-align:center; color:#615e5e; position:absolute; left:0; top:189px}
.ml_detail:hover{color:#ffd101; border-color:#ffd101}
.mlist_right{float:right}

/*product_list*/
.banner_product{background:url(../images/banner_product.jpg) center}
.pt80{padding-top:80px}

/*product_feature*/
.pro_feature{width:1250px; margin:0 auto; overflow:hidden}
.pro_feature li{width:513px; padding:47px 0 5px 75px; float:left; overflow:hidden}
.pro_feature li img{width:200px; height:200px; border:3px solid #dfdfdf}
.pro_feature li .pfeature_right{width:278px; float:right}
.pfeature_right h2{padding-top:10px; font-size:14px; font-weight:bold}
.pfeature_right h2 a{color:#434242}
.pfeature_right h2 a:hover{color:#ffd101}
.pfeature_right span{padding-top:11px; color:#868585; display:block}
.pfeature_right p{padding-top:17px; line-height:20px; color:#666666}

/*success_case*/
.case{width:900px; padding-top:46px; margin:0 auto}
.case .sbig_img{width:900px; height:506px;}
.case .hd{padding-top:20px; overflow:hidden}
.case .hd .hd_left{display:block; float:left; width:35px; height:180px; background:#eaeaea url(../images/hd_left.jpg) center no-repeat}
.case .hd .hd_right{display:block; float:right; width:35px; height:180px; background:#eaeaea url(../images/hd_right.jpg) center no-repeat}
.case .hd ul{width:820px; padding-left:5px; float:left; overflow:hidden}
.case .hd ul li{width:263px; float:left}
.case .hd ul li img{width:263px; height:147px}
.case .hd ul li span{display:block; padding-top:17px; text-align:center; color:#000000}
.hd ul li span a{color:#000000}
.hd ul li span a:hover{color:#ffd101}
.pr15{padding-right:15px}

/*online*/
.banner_online{background:url(../images/banner_order.jpg) center}
.w298{width:298px}
.online{width:1100px; margin:0 auto; padding-top:16px; font-family:"微软雅黑"; font-size:14px; color:#000000}
.online label{display:block; padding-top:20px; line-height:30px; overflow:hidden}
.online label span{display:block; width:285px; text-align:right; padding-right:18px; float:left}
.online label .input{width:344px; height:28px; border:1px solid #7e7e7e; outline:none; float:left; line-height:28px}
.online label input[type="radio"]{margin-right:7px}
.online label input[value="2"]{margin-left:21px}
.online label .message{width:638px; height:168px; border:1px solid #7e7e7e; outline:none; float:left; line-height:20px}
.online ul{width:154px; margin:0 auto; padding-top:35px}
.online ul li{float:left; padding-left:12px}
.online ul li input[type="button"]{width:59px; height:26px; background:url(../images/tj_button.jpg); border:none; outline:none; text-align:center; line-height:26px}

/*message*/
.banner_service{background:url(../images/banner_service.jpg) center}
.notice{text-align:center; display:block; padding-top:47px; padding-bottom:6px; color:#7e7e7e}

/*service*/
.service{width:1100px; margin:0 auto; padding-top:46px}
.service li{overflow:hidden}
.service li .service_img{width:550px;}
.service li .service_right{width:525px; float:left; padding-left:25px}
.service_right .service_title{padding-top:17px; overflow:hidden; border-bottom:1px solid #b4b4b4}
.service_title .service_num{font-family:"Agency FB"; font-size:45px; color:#fb5c06; font-weight:bold; padding-right:7px; float:left}
.service_title h2{width:480px; font-family:"微软雅黑"; font-size:18px; font-weight:bold; color:#fb5c06; line-height:18px; float:left; padding-top:10px}
.service_title h2 span{display:block; padding-top:2px; font-family:"Felix Titling"; font-size:14px; color:#bababa}
.service_right p{clear:both; width:520px; padding-top:17px; line-height:24px; color:#7d7d7d}
.fl{float:left}
.fr{float:right}
.summarize{padding-top:40px; color:#4d4b4b}

/*promise*/
.promise{width:1100px; margin:0 auto; padding-top:43px}
.promise .promise_top{width:770px}
.promise .orange{font-size:16px; font-family:"微软雅黑"; color:#fb5c06}
.promise p{line-height:24px; color:#4d4b4b}
.pt20{padding-top:20px}
.gist_wrap{margin-top:40px; border:1px solid #747476; border-bottom:none; border-top:none; position:relative}
.gist_wrap .promise_peo{position:absolute; left:856px; top:-173px}
.gist_wrap .gist{padding-bottom:36px; overflow:hidden}
.gist .gist_left{width:288px; margin-left:21px; margin-top:42px; background:url(../images/gist_hx.jpg) 4px top no-repeat; color:#4d4b4b; font-family:"Felix Titling"; float:left}
.gist_left span{font-family:"微软雅黑"; font-size:18px; color:#030303; display:block; padding-top:20px; padding-bottom:6px}
.gist ul{width:546px; float:left; padding-top:38px; line-height:24px}

/*about*/
.banner_about{background:url(../images/banner_about.jpg) center}
.w792{width:792px}
.about{padding-top:40px; line-height:24px; width:1100px; margin:0 auto}

/*partner*/
.partner{width:1120px; margin:0 auto; padding-top:47px; overflow:hidden}
.partner li{width:360px; padding-left:10px; float:left}
.partner li img{width:360px; height:200px}
.partner li span{display:block; line-height:50px; text-align:center; color:#707070}

/*honor*/
.poster_main{margin:0 auto; margin-top:49px; height:293px; width:830px; overflow:hidden; position:relative}
.poster_main .poster_list .poster_item{position:absolute; text-align:center}
.poster_main img{display:block}
.poster_item span{line-height:45px; color:#707070; display:block}

/*返回顶部*/
.sroll_top {right: 0.8%;bottom: 3.7%;position: fixed;display:none;cursor:pointer;}
/**---导航浮动--**/
.menu_fixed {POSITION: fixed;LEFT: 0px;MARGIN: 0px;	Z-INDEX: 99999;	WIDTH: 100%; top:0!important;}
.proList-none{ display:none;}

/*--首页招商加盟--*/
.FocusPic{zoom:1;position:relative; overflow:hidden; width:510px; height:327px; margin-left:27px;}
.FocusPic .content{overflow:hidden}
.FocusPic .changeDiv a{position:absolute;top:27px;left:0px;display:none;}
.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;top:0; text-align:left;width:427px;height:27px;line-height:30px;overflow:hidden}
.FocusPic .title-bg{}
.FocusPic .title a{display:block;padding-left:0px;color:#fff; font-size:14px;}
.FocusPic .change{height:8px;right:83px;position:absolute; top:8px;text-align:right;z-index:9999; overflow:hidden;}
.FocusPic .change i {background:url(../images/promotion_dot.jpg) no-repeat left center;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:7px; padding:0 4px;font-style:normal; height:8px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change i.cur {background:url(../images/promotion_dot2.jpg) no-repeat left center;}

/*首页Banner*/
.HomeBan{ width:100%; height:595px; overflow:hidden; position:relative; margin:0 auto;}
.HomeBan .BanList{ width:100%; height:595px;}
.HomeBan .BanList ul{ margin:0; padding:0; list-style:none;}
.HomeBan .BanList li{ width:100%; height:595px; overflow:hidden; margin:0 auto;}
.HomeBan .BanList li a{ width:100%; height:595px; display:block;}
.HomeBan .hd{ position:absolute; width:153px; height:26px; background:url(../images/HomeBan_bg.png) no-repeat center center; left:50%; bottom:11px; margin-left:-77.5px; padding-left:2px;}
.HomeBan .hd li{ float:left; position:relative; width:14px; height:14px; background:url(../images/HomeBan_on.png) no-repeat left top; margin:7px 0 0 14px; cursor:pointer}
.HomeBan .hd .on{ background-position:left bottom;}
.HomeBan .hd li span{ position:absolute; display:none; width:90px; height:57px; padding:5px 5px 0 5px; background:url(../images/HomeBan2.png) no-repeat center center; bottom:16px; left:50%; margin-left:-50px;}
.HomeBan .hd li span img{ width:90px; height:43px;}
.HomeBan .hd .on span{ display:block;}


/*--成功案例--*/
.proCase{width:900px; margin:0px auto; padding:46px 0 0 0; background:#ffffff; overflow:hidden;}
.proCase div.mid{}
div.proCase div.mid div.bBg{background:url(../images/qjzsBbg.jpg) no-repeat; width:900px; height:506px; padding:0px; margin:0 auto; position:relative;}
div.proCase div.mid div.bBg img{width:900px; height:506px;}
div.proCase div.mid div.picList{width:900px; margin:19px auto 0 auto;}
div.proCase div.mid div.picList div.leftBut{float:left; width:25px; height:49px; padding:65px 5px;background:#eaeaea;}
div.proCase div.mid div.picList div.leftBut img{cursor:pointer;}
div.proCase div.mid div.picList div.list{float:left; margin:0 0 0 4px; width:823px; position:relative; overflow:hidden;}
div.proCase div.mid div.picList div.list ul{white-space:nowrap; width:99999px; position:relative; left:0px;}
div.proCase div.mid div.picList div.list ul li{float:left; width:263px; height:180px; margin-right:17px; text-align:center;}
div.proCase div.mid div.picList div.list ul li img{width:263px; height:147px;}
div.proCase div.mid div.picList div.rightBut{float:right;width:25px; height:49px; background:#eaeaea; padding:65px 5px;}
div.proCase div.mid div.picList div.rightBut img{cursor:pointer;}
div.proCase div.mid div.picList div.list ul li .title{ clear:both; line-height:40px; color:#000;}
/*--分页--*/
.page{width:812px;padding:20px 0px 30px 0px;text-align:center;clear:both;margin:0px auto;}
.page A {BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR: #a5a2a2; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-DECORATION: none}
.page A:hover {	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; COLOR: #322516; BORDER-BOTTOM: #cccccc 1px solid}
.page A:active {BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; COLOR: #a5a2a2; BORDER-BOTTOM: #cccccc 1px solid}
.page SPAN.current {BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #e4e4e4}
.page SPAN.disabled {BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #cccccc 1px solid; COLOR:#ababab; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid}
#weixin{
	position:fixed;
	bottom:90px;
	width:100px;
	height:100px;
}



/* 浮动面板 */
#floatPanel{}
#floatPanel .ctrolPanel{width:36px;height:166px;background:#fff url(../images/float-panel-bg.gif) no-repeat left top;border:solid 1px #ddd;position:fixed;right:5px;bottom:20px;overflow:hidden;z-index:10000; _position:absolute; /* for IE6 */_top:expression(documentElement.scrollBottom + 20);}
#floatPanel .ctrolPanel a{width:34px;font-size:12px;color:#ff6600;letter-spacing:1px;text-align:center;overflow:hidden;}
#floatPanel .ctrolPanel .arrow{height:29px;line-height:28px;display:block;margin:1px auto;}
#floatPanel .ctrolPanel .arrow span{display:none;}
#floatPanel .ctrolPanel .arrow:hover{background:#f4f4f4;}
#floatPanel .ctrolPanel .arrow:hover span{display:block;}
#floatPanel .ctrolPanel .contact{height:60px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .contact span{line-height:90px;}
#floatPanel .ctrolPanel .qrcode{height:40px;display:block;margin:2px auto;}
#floatPanel .ctrolPanel .qrcode span{display:none;}
#floatPanel .popPanel{width:250px;height:166px;position:fixed;right:50px;bottom:20px;z-index:10000;overflow:hidden;display:none;_position:absolute; /* for IE6 */_top:expression(documentElement.scrollBottom + 20); }
#floatPanel .popPanel .popPanel-inner{width:250px;height:166px;position:relative;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .arrowPanel{width:10px;height:240px;position:absolute;right:1px;top:102px;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #ddd;position:absolute;bottom:0;position:absolute;left:2px;top:0;}
#floatPanel .popPanel .popPanel-inner .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;border-top:10px solid transparent;_border-top:10px solid black;_filter:chroma(color=black);border-right:10px solid transparent;_border-right:10px solid black;_filter:chroma(color=black);border-bottom:10px solid transparent;_border-bottom:10px solid black;_filter:chroma(color=black);border-left:10px solid #fff;position:absolute;bottom:0;position:absolute;left:0;top:0;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel{width:240px;height:164px;text-align:center;background:#fff;border:solid 1px #ddd;position:absolute;left:0;top:0;overflow:hidden;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel img{height:121px;border:none;padding:7px 5px;}
#floatPanel .popPanel .popPanel-inner .qrcodePanel span{font-size:12px;color:#666;line-height:24px;letter-spacing:1px; display:block; clear:both; text-align:center; width:100%;}