body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0; list-style:none;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.w_space{float:left; width:5px; height:3px; overflow:hidden;}
.warp { width:1200px; margin:0 auto; clear:both;} 
.warp1{ background:#fff; margin:0 auto; clear:both;}
.error{color:red;}
.line200{line-height:200%;}
.inp_one{width: 200px;height:25px; line-height:25px;}
.inp_small{width:100px;height:25px; line-height:25px;}
#VCode{cursor: pointer;}

/*top*/
.header { width:100%; height:153px; padding:20px 0; background:url(../images/jfh_01.png) repeat-x 0 0; margin:0 auto; position:absolute; z-index:2;}
.header .top { padding:0 35px; font-size:14px; line-height:30px; color:#cc0107; position:relative; z-index:2;}
.header .top p { float:left;}
.header .top ul { display:block; float:right;}
.header .top li { float:left; height:30px; position:relative; cursor:pointer;}
.header .top li:hover img { display:block;}
.header .top li img { display:none; width:130px; height:130px; border:3px solid #fff; position:absolute; right:0; top:30px;}
.header .logo { width:150px; height:120px; position:absolute; left:0; right:0; top:20px; margin:auto;}
.header .logo img { display: block; max-width: 100%; height: 120px; margin: 0 auto;}
.nav { width:100%; margin:0 auto; height:60px; line-height:60px; position:relative; z-index:1;}
.nav li { float:left; width:calc(100% / 7); text-align:center; position:relative; text-align:center;}
.nav li a { display:block; font-size:14px; color:#000;}
.nav li:hover a,
.nav .hov a { color:#cc0107;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; position:absolute; top:60px; background:#cc0107; width:100%; border-radius:0 0 6px 6px; overflow:hidden;}
.nav li li { float:none; width: 100%; margin:0 auto; line-height:45px; border-bottom:1px solid #ff612a;}
.nav li:hover li a { color:#fff; font-size:12px;}
.nav li li a:hover { color:#fff;}

.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .hd { display:none;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next{ position:absolute; bottom:35%; margin-top:-25px; display:block; width:59px; height:59px; background-position:0 0; background-repeat:no-repeat; filter:alpha(opacity=90);opacity:0.9;}
.banner .next{ right:13%; background-image:url(../images/jfh_03.png);}
.banner .prev{ left:13%; background-image:url(../images/jfh_02.png);}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner_ej { width:100%; margin:0 auto;}
.banner_ej img { width:100%;}

/*脚部*/
.footer { width:100%; background:#343434; text-align:center; line-height:25px; font-size:14px; color:#d6d6d6; padding-bottom:20px;}
.footer a { color:#d6d6d6;}
.footer .fotnav { width:100%; color:#9c9c9c; background:#141416 url(../images/jfh_19.jpg) no-repeat 0 bottom; height:270px; margin-bottom:20px; text-align:left; line-height:40px;}
.footer .fotnav a { margin-right:30px; color:#9c9c9c;}
.footer .fotnav .link { font-size:14px; line-height:30px; padding:20px 0 10px 0; margin-bottom:60px; border-bottom:1px solid #323233; position:relative;}
.footer .fotnav .link a { color:#9c9c9c; margin-left:10px;}
.footer .fotnav .link .m_web { width:66px; height:80px; background:url(../images/jfh_20.jpg) no-repeat 0 0; position:absolute; right:0; bottom:-81px;}
.footer .fotnav .link .m_web:hover img { display:block;}
.footer .fotnav .link .m_web img { display:none; width:130px; height:130px; border:3px solid #fff; position:absolute; right:66px; bottom:0px;}

/*右侧客服*/
.webonline { width: 65px; position: fixed; right: 0; bottom: 25%; z-index: 999999;}
.webonline li { width: 100%; margin-top: 4px; position: relative;}
.webonline li .ontop { width: 65px; height: 65px; cursor: pointer; border-radius: 10px; overflow: hidden; background-color: #cc0107; background-repeat: no-repeat; background-position: center;}
.webonline li .wb01 { background-image: url(../images/tc27.png);}
.webonline li .wb02 { background-image: url(../images/tc28.png);}
.webonline li .wb03 { background-image: url(../images/tc29.png);}
.webonline li .onlft { display: none; padding: 10px; margin: auto; border-radius: 4px; background: #cc0107; position: absolute; right: 75px; top: 10px;}
.webonline li .onlft::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #cc0107; line-height: 0px; _border-color: #000 #000 #000 #cc0107; _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; right:-6px; top: 16px;}
.webonline li .onlft p { width: 140px; line-height: 30px; font-weight: bold; font-size: 18px; color: #fff; text-align: center;}
.webonline li .onlft img { display: block; width: 120px; border: 3px solid #fff;}
.webonline li:hover .onlft { display: block;}
.webonline li.btn_top .ontop { background-color: #cc0107;}

.hide {display: none;}
#leftsead{width:161px;height:290px;position:fixed;bottom:15%;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:50px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides { display:none;position:absolute;right:143px;}
#leftsead li a.youhui .erwm { display:block; position:absolute; right:0px; top:27px; border:1px dashed #eb2914; padding:5px; background:#fff;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}

/************************************************ 首页代码 （多余不用请删除） start*****************************************************/

/**栏目标题**/
.title { width:380px; font-size:32px; font-family:"宋体"; color:#1d1d1d; background-position:center bottom; background-repeat:no-repeat; height:55px; line-height:35px; margin:0 auto 65px auto; text-indent:6.5em;}
.title a { color:#1d1d1d;}

/*关于我们*/
.about { padding:80px 0; overflow: hidden;}
.about .title { background-image:url(../images/jfh_04.png);}
.about .stroy { font-size:14px; color:#1d1d1d; line-height:220px; height:220px; padding:26px 0; background:url(../images/jfh_05.png) no-repeat center center;}
.about .stroy img { display:block; width:220px; height:220px; margin:0 97.5px; border-radius:50%; overflow:hidden;}
.about .stroy p { float:left; width:370px; text-align:center;}
.about li { float:left; width:390px; height:210px; margin:50px 15px 0 0;}
.about li img { width:390px; height:210px;}

/*招商加盟*/
.jion { width:100%; height:200px; padding:30px 0; background:url(../images/jfh_09.jpg) no-repeat center top;}
.jion h3 { float:right; width:18px; font-size:18px; line-height:28px; color:#fff; font-weight:100; padding:0 8px; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 210px 0 15px;}
.jion i { font-style:normal; height:20px; display:block;}
.jion p { float:right; width:14px; padding:0 8px; height:300px; font-size:14px; line-height:30px; letter-spacing:2px; color:#fff; font-weight:100; writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; writing-mode:tb-rl;}
.jion a { float:right; width:14px; padding:8px; background:#c40000; color:#fff; margin-right:15px;}

/*美食展示*/
.food { width:100%; height:860px; background:url(../images/jfh_10.jpg) no-repeat center bottom; padding-top:80px; overflow:hidden;}
.food h3 { margin:0 auto; font-size:32px; background:#cc0107; width:67px; line-height:30px; padding:5px; font-weight:100;}
.food h3 a { display:block; border:1px solid #fff; width:35px; color:#fff; padding:10px 15px;}
.food h3 i { display:block; font-style:normal; height:30px; width:100%; text-align:center; line-height:25px; font-size:24px; font-weight:bold;}
.food h3 span { display:block; background:#fff; font-size:18px; line-height:20px; color:#000; text-align:center; padding:5px 0;}
.food .bd  { width:100%; overflow:hidden;}
.food .bd .li { width:905px; margin:70px 65px 0 65px;}
.food .bd .li .pic { float:left; width:395px; height:395px; border-radius:50%; overflow:hidden; background:#fff;}
.food .bd .li .pic img { width:395px; height:395px;}
.food .bd .li .mesg { float:left; margin-left:140px; margin-top:60px; width:370px;}
.food .bd .li .mesg h4 { font-size:24px; line-height:50px;}
.food .bd .li .mesg span { display:block; font-size:18px; color:#6f6f6f; line-height:30px; margin-bottom:30px;}
.food .bd .li .mesg span i { display:block; height:2px; width:70px; background:#cc0107;}
.food .bd .li .mesg p { font-size:14px; color:#414141; line-height:24px;}
.food .bd .li .mesg .more { display:block; width:100px; height:30px; line-height:30px; font-size:14px; background:#cc0107; color:#fff; text-align:center; margin-top:50px;} 
.food .hd { width:850px; margin:85px auto 0 auto; overflow:hidden; height:50px; background:url(../images/jfh_11.png) repeat-x 0 8px;}
.food .hd li { font-size:14px; float:left; width:121px; line-height:34px; color:#6a6a6a; font-weight:bold; overflow:hidden; cursor:pointer; text-align:center;}
.food .hd li i { display:block; height:16px; background:url(../images/jfh_21.png) no-repeat center center;}
.food .hd li.on i { background-image:url(../images/jfh_22.png);}

/*门店展示*/
.store { width:100%; height:860px; padding-top:80px; background:url(../images/jfh_12.jpg) no-repeat center top; overflow:hidden;}
.store .title { background-image:url(../images/jfh_13.png);}
.store .title a { color:#fff;}
.store .show { float:right; width:740px; overflow:hidden; position:relative;}
.store .show .hd { height:40px; width:100%; position:absolute; top:50%; margin-top:-20px; z-index:3;}
.store .show .hd .prev,.store .show .hd .next { display:block; width:44px; height:40px; position:absolute; cursor:pointer; background-position:0 0; background-repeat:no-repeat;}
.store .show .hd .prev { left:0; background-image:url(../images/jfh_14.png);}
.store .show .hd .next { right:0; background-image:url(../images/jfh_15.png);}
.store .show .bd { position:relative; z-index:2; margin:0 auto; width:740px; overflow:hidden;}
.store .show .bd ul { float:left; display:block;}
.store .show .bd li { width:350px; height:270px; border:5px solid #fff; margin:15px 20px 0 0;}
.store .show .bd li img { width:350px; height:270px;}
.store .mesg { float:left; width:280px; margin-top:75px;}
.store .mesg h3 { font-size:26px; line-height:50px; color:#fff; font-weight:100;}
.store .mesg h3 span { font-size:14px; margin-left:5px;}
.store .mesg h3 i { display:block; height:2px; width:50px; background:#fff;}
.store .mesg p { margin:30px 0; color:#fff; font-size:14px; line-height:30px; letter-spacing:1px;}
.store .mesg a { display:block; width:90px; height:35px; line-height:35px; text-align:center; font-size:14px; border:1px solid #dd3a01; color:#fff;}

/*新闻中心*/
.news { width:100%; padding:80px 0; background:url(../images/jfh_16.jpg) repeat 0 0; overflow:hidden;}
.news .title { background-image:url(../images/jfh_17.png);}
.news .tui { float:left; width:550px; background:#fff;}
.news .tui img { display:block; width:550px; height:255px;}
.news .tui .line { padding:20px 0; border-bottom:1px solid #3a1804; width:510px; margin:0 auto 40px auto;}
.news .tui .time { float:left; width:95px; font-weight:bold; font-size:36px; color:#3a1804; text-align:right; margin-top:25px;}
.news .tui .time span { font-size:18px; display:block; font-weight:100;}
.news .tui .mesg { float:right; width:395px;}
.news .tui .mesg h3 { font-size:14px; line-height:30px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .tui .mesg p { font-size:14px; color:#757474; line-height:24px;}
.news ul { display:block; float:right; width:525px; padding:20px 55px; background:#fff;}
.news li { border-bottom:1px dashed #7a7a7a; padding-bottom:15px; margin-bottom:20px;}
.news li h3 { color:#505050; line-height:40px; font-size:14px; margin-top:11px;}
.news li h3 a { float:left; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li h3 span { float:right;}
.news li p { color:#7a7a7a; line-height:24px; margin-top:5px;}

/*留言地图*/
.guest_map { width:100%; height:400px; padding:70px 0; background:url(../images/jfh_18.jpg) no-repeat center top;}
.guest_map .guest { float:left; width:380px; font-size:14px; font-weight:bold; color:#fff; line-height:35px;}
.guest_map .guest input { width:360px; font-size:14px; font-weight:100; color:#fff; border:none; height:40px; line-height:40px; background:url(../images/jfh_23.png) repeat 0 0; padding:0 10px; border-radius:5px; overflow:hidden;}
.guest_map .guest textarea { width:360px; font-size:14px; font-weight:100; color:#fff; border:none; height:70px; line-height:25px; background:url(../images/jfh_23.png) repeat 0 0; padding:0 10px; border-radius:5px;}
.guest_map .guest .me { float:right; height:40px;}
.guest_map .guest .blue { background:#cc0107; border-radius:0; margin:20px auto 0 auto; font-size:16px; letter-spacing:5px; width:40%; display:block;}
.guest_map .map { width:600px; height:350px; float:right; background:#fff; margin-top:25px;}


/*** 子页公用当前位置、栏目标题及二级栏目 ***/
/*公共左侧*/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:0 auto 30px auto;}

/*右侧公共*/
.c_ompany { width:100%; text-align:center; padding-bottom:10px; margin-bottom:30px;}
.c_position { line-height:40px; border-bottom:1px solid #eee; padding-left:20px; background:url(../images/position.png) no-repeat left center; text-align:left; margin-bottom:30px;}
.c_ompany h3 { font-size:36px; line-height:36px; text-align:center; font-weight:100; margin:40px auto 20px auto; color:#cc0107;}
.c_ompany h3 span { display:block; font-size:16px; color:#999;}
.c_ompany li { border:solid 1px #cc0107; height:33px; line-height:33px; padding:0 40px; border-radius:20px; display:inline-block; margin:0 15px;}
.c_ompany li a { display:block; color:#cc0107; font-size:16px;}
.c_ompany li:hover { background:#cc0107; border:1px solid #cc0107;}
.c_ompany li:hover a { color:#fff;}
.time_click { font-size:12px; text-align:center; color:#666; line-height:50px;}
.lh { font-size:14px; line-height:28px;}
.show_h3 { font-size:30px; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin:40px auto; color:#cc0107;}
.show_sxp { text-align:left; clear:both; font-size:14px; line-height:35px; color:#020202;}
.show_sxp a { color:#666;}

/*分页*/
.scott { overflow:hidden; text-align:center; line-height:30px; padding:10px 0; font-size:14px; letter-spacing:2px;}
.scott a { border:1px solid #cc0107; padding:5px 15px; margin-right:10px;}
.scott a:hover { border:1px solid #cc0107; text-decoration:none; color:#cc0107;}
.scott a:active { border:1px solid #cc0107; text-decoration:none; background:#cc0107;}
.scott .current { border:1px dashed #cc0107; padding:5px 15px; font-weight:bold; color:#fff; margin:0 10px; background:#cc0107;}
.scott .disabled { border:1px dashed #cc0107; padding:5px 15px; color:#cc0107; margin-right:10px;}


/*联系我们单独页面*/
.c_ontact { width:100%;}
.c_ontact .compan { width:100%; background:#f5f4f4; text-align:center; position:relative; line-height:30px; padding:15px 0;}
.c_ontact .compan p { font-size:16px; color:#e29613;}
.c_ontact .compan h1 { font-size:30px; color:#222; font-weight:100; margin:5px 0;}
.c_ontact .compan span { display:block; font-size:13px; color:#999; letter-spacing:1px;}
.c_ontact .compan i { display:block; width:94px; height:47px; position:absolute; bottom:-47px; left:0; right:0; margin:0 auto; background:url(../images/contact_ico.png) no-repeat 0 0;}
.c_ontact .contac_t { padding-top:50px; padding-left:20px;}
.c_ontact .contac_t li { float:left; width:40%; padding-left:46px; line-height:45px; background-position:left center; background-repeat:no-repeat; margin-top:10px;}
.c_ontact .contac_t .ct1 { background-image:url(../images/contact_ico06.png);}
.c_ontact .contac_t .ct3 { background-image:url(../images/contact_ico01.png); width:400px;}
.c_ontact .contac_t .ct4 { background-image:url(../images/contact_ico04.png);}
.c_ontact .contac_t .ct5 { background-image:url(../images/contact_ico05.png);}
.c_ontact .contac_t .ct6 { background-image:url(../images/contact_ico03.png); width:100%;}
.c_ontact .cont_map { width:100%; height:64px; background:url(../images/contact_map.png) no-repeat center top; margin:40px auto 30px auto;}

/*图片模型列表*/
.picli { width:100%;}
.picli li { float:left; width:285px; height:245px; text-align:center; margin:0 20px 20px 0; overflow:hidden; background: #eee; position:relative;}
.picli li:nth-child(4n) { margin-right: 0;}
.picli li a { display:block; width:100%; height:100%;}
.picli li img { display: block; max-width:100%; height:100%; margin: 0 auto;}
.picli li .wenzi { position:absolute; height:150px; bottom:-95px; background:url(../images/con2black.png) repeat 0 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; width:100%;}
.picli li span { display:block; line-height:35px; color:#fff; font-size:16px; text-align:center; margin:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picli li p { font-size:12px; text-align:left; color:#fff; line-height:25px; text-indent:2em; padding:0 15px 10px 15px;}
.picli li:hover { box-shadow:0px 2px 2px #ccc;}
.picli li:hover .wenzi  { bottom:0;}
.img_show { max-width:100%; margin:10px auto; text-align:center;}
.img_show img { max-width:100%;}

/*产品模型详情*/
.show_proimg { width:680px; overflow:hidden; position:relative; margin:0 auto 20px;}
.show_proimg .hd { display:none;}
.show_proimg .bd { position:relative; height:100%; z-index:0;}
.show_proimg .bd li { zoom:1; vertical-align:middle;}
.show_proimg .bd img { width:350px; display:block;}
.show_proimg .prev,.show_proimg .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.show_proimg .next{ left:auto; right:3%; background-position:8px 5px;}
.show_proimg .prev:hover,.show_proimg .next:hover{ filter:alpha(opacity=100);opacity:1;}
.show_proimg .prevStop{ display:none;}
.show_proimg .nextStop{ display:none;}

/*新闻模型*/
.con3_right  { float:left; width:550px; height:460px; background:#fff; border:1px solid #ddd; margin:24px 48px 24px 0;}
.con3_right:hover { box-shadow:0 3px 3px #ccc;}
.con3_right img { display:block; width:550px; height:255px;}
.con3_right .line { padding:20px 0; border-bottom:1px solid #3a1804; width:510px; margin:0 auto 40px auto;}
.con3_right .time { float:left; width:95px; font-weight:bold; font-size:36px; color:#3a1804; text-align:right; margin-top:25px;}
.con3_right .time span { font-size:18px; display:block; font-weight:100;}
.con3_right .mesg { float:right; width:395px;}
.con3_right .mesg h3 { font-size:14px; line-height:30px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.con3_right .mesg p { font-size:14px; color:#757474; line-height:24px;}

/*在线留言*/
.company { margin-left:50px;}
.company li { margin-top:27px;}
.company_l { margin-left:4px; width:327px;}
.company_r { color:#434343; margin-right:4px; text-indent:2em;}
.company_r span { display:block; line-height:26px; margin-top:26px;}
.company_bot { margin-bottom:175px;}
.main_ly li { clear:both; color:#3c3b3b; font-size:16px; line-height:30px; padding:0 0 12px;}
.main_ly_t1 { float:left; width:70px; line-height:30px; font-size:16px;}
.main_ly_t2 { color:#999999; float:left; font-size:14px; padding:0 0 0 15px; line-height:30px;}
.main_bd { border:1px solid #dddddd; float:left; height:29px; line-height:29px; padding:0 0 0 5px; width:230px;}
.main_bd1 { border:1px solid #dddddd; float:left; font-size:14px; height:102px; line-height:25px; padding:5px; width:500px;}
.main_bd2 { border:1px solid #dddddd; float:left;width:130px;height:35px;line-height:35px; padding:0 0 0 5px; }
.main_bd2img{ margin:0px 0 0 5px;width:130px;height:35px}
.main_but { clear:both; padding:20px 0 0;}
.main_but input { display:block; float:left; border:none; margin-right:30px; height:35px; width:100px; border:0px; color:#3c3b3b; font-size:16px; line-height:35px; cursor:pointer;}
.main_but .blue { background:#cc0107; color:#fff;}



