*{ margin:0; padding:0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
html{width:100%;*overflow-x:hidden; }
img{border:0 none;vertical-align:top; }
ul, li{list-style-type:none}
h1, h2, h3, h4, h5, h6{font-size:14px;font-family:"微软雅黑";}
body, input, select, button, textarea{font-size:14px;font-family:"微软雅黑"; color:#404040;}
button{cursor:pointer}
i, em, cite{font-style:normal}
body{ color:#333; width:100%; margin:0 auto;}
a, a:link, a:visited{text-decoration:none;color:#333;}
a:active, a:hover{text-decoration:none;color:#4a4a4a}
a:focus{-moz-outline-style:none;color:#333;}
.fn_clear:after{visibility:hidden;display:block;font-size:0;content:" ";
clear:both;height:0}
.fn_clear{zoom:1}
.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}
.fn_left {float:left}
.fn_right{float:right}

.top{width: 100%;height: 30px;background: #232222;}
.biaoyu{width:1200px;margin: 0 auto;}
.biaoyu p{font-size: 12px;color:#fff;line-height: 30px;display: inline-block;}
.top_nr{float: right;}
.top_nr a{font-size: 12px;color:#FFFFFF;line-height:30px;}
.top_nr .on{border-right: #fff 1px solid;padding-right: 5px;}

/*.top{width: 100%;height: 30px;background: #232222;}
.biaoyu{width: 1200px;margin: 0 auto;}
.biaoyu p{font-size: 12px;color:#fff;line-height: 30px;display: inline-block;}*/
/*.biaoyu a{font-size: 12px;color:#FFFFFF;float:right;line-height:30px;}*/

.logo_z{width: 100%;background: url(../images/logo-bj.png) no-repeat center top;height: 110px;padding: 10px 0;}
.logo{width: 1200px;margin: 0 auto;}
.logo .logo-1{width: 321px;height: 109px;margin-right:180px;}
.logo .logo-2{width: 203px;height: 104px;}
.phone{float: right;margin: 25px 0;}
/*.phone img{width: 67px;height: 60px;line-height: 110px;}*/
.pho{width: 67px;height: 60px;padding-right: 15px;}
.pho img{width:100%;}
.phon p{font-size: 14px;color:#333333;padding-bottom:10px;}
.phon strong{font-size:25px;color:#333333;}


.nav{width:100%;background: #000000;border-bottom: #a00408 2px solid;overflow: hidden;}
.nav_nr{width: 1200px;margin: 0 auto;}
.nav_nr ul li{padding:15px 38px;float: left;}
.nav_nr ul li:hover{background: #A00408;}
.nav_nr ul li a{font-size: 17px;color:#fff;}

.flexslider{position:relative;height:489px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:489px;width: 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:#fff;cursor:pointer;border-radius: 50%;}
.flex-control-nav .flex-active{background-position:0 0;background:#A00408;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}

.content{width: 100%;background: url(../images/cont_nr.png) repeat center top;background-size: cover;}
.content_nr{width: 1200px;margin: 0 auto;}
.content1{overflow: hidden;padding:40px 0;}
.content1 ul li{width: 80px;float: left;border-right: #d7d7d7 1px dashed;padding: 0 34px;}
.content1 ul li .con{width: 80px;}
.content1 ul li span{font-size: 16px;color: #333;text-align: center;padding:15px 0 0 8px;display:inline-block;}
.content1 ul li div{width: 80px;height:70px;display: block;}
.content1 ul li div.tu-1{background: url(../images/content-1.png) no-repeat center top;display: inline-block;}
.content1 ul li div.tu-2{background: url(../images/content-3.png) no-repeat center top;display: inline-block;}
.content1 ul li div.tu-3{background: url(../images/content-5.png) no-repeat center top;display: inline-block;}
.content1 ul li div.tu-4{background: url(../images/content-7.png) no-repeat center top;display: inline-block;}
.content1 ul li div.tu-5{background: url(../images/content-9.png) no-repeat center top;display: inline-block;}
.content1 ul li div.tu-6{background: url(../images/content-11.png) no-repeat center top;display: inline-block;}
.content1 ul li div.tu-7{background: url(../images/content-13.png) no-repeat center top;display: inline-block;}
.content1 ul li div.tu-8{background: url(../images/content-15.png) no-repeat center top;display: inline-block;}
.content1 ul li:hover .tu-1{background: url(../images/content-2.png) no-repeat center top;}
.content1 ul li:hover .tu-2{background: url(../images/content-4.png) no-repeat center top;}
.content1 ul li:hover .tu-3{background: url(../images/content-6.png) no-repeat center top;}
.content1 ul li:hover .tu-4{background: url(../images/content-8.png) no-repeat center top;}
.content1 ul li:hover .tu-5{background: url(../images/content-10.png) no-repeat center top;}
.content1 ul li:hover .tu-6{background: url(../images/content-12.png) no-repeat center top;}
.content1 ul li:hover .tu-7{background: url(../images/content-14.png) no-repeat center top;}
.content1 ul li:hover .tu-8{background: url(../images/content-16.png) no-repeat center top;}
.content1 ul .cont1{width: 80px;}
.content1 ul .cont1 img{width:80px;height:70px;}

.tab{background: #e6e5e4;width: 1200px;height: 40px;border-bottom: #A00408 2px solid;}
.tab_menu{float: left;}
.tab_menu ul{overflow:hidden;}
.tab_menu li{float:left;list-style:none;margin-right:5px; cursor:pointer;font-size:16px;line-height: 40px;padding: 0 20px;}
.tab_box{width:1200px;}
.tab_box div ul{padding:30px  0;overflow: hidden;}
.tab_box div ul li{width: 286px;margin-top: 10px;float: left;margin-right:18px;}
.tab_box div ul li:last-child{margin-right: 0;}
.tab_box div ul li a img{width: 286px;height: 259px;border: #d7d7d7 1px solid;}
.tab_box div ul li a .tab_characters{margin:10px 0 0 20px;}
.tab_box div ul li a .tab_characters p{font-size: 14px;color:#666;margin-bottom:10px;}
.tab_characters{overflow: hidden;}
.tab_characters h6{font-size:16px;color:#A00408;display: inline-block;}
.details{width: 100px;overflow: hidden;float: left;}
.details span{font-size: 12px;color:#fff;width: 19px;height: 19px;background: #000000;display: block;text-align: center;line-height: 19px;float:left;}
.details p{font-size: 12px;color:#999;background:#eae5e5;width: 80px;float:left;}
.hide{display:none;}
.selectd{background:#A00408;color:#fff;}
.hover{background:#A00408;color:#fff;}
.more{float: right;background: url(../images/bj-5.png) no-repeat top center;width: 75px;height: 30px;margin:7px 20px 0 0;}
.more a{font-size: 14px;color:#fff;line-height:30px;margin-left: 12px;}

.tab1{background: #e6e5e4;width: 1200px;height: 40px;border-bottom: #A00408 2px solid;}
.tab1_menu{float: left;}
.tab1_menu ul{overflow:hidden;}
.tab1_menu li{float:left;list-style:none;margin-right:5px; cursor:pointer;font-size:16px;line-height: 40px;padding: 0 20px;}
.tab1_box{width:1200px;}
.tab1_box div ul{padding:30px  0;overflow: hidden;}
.tab1_box div ul li{width: 286px;margin-top: 10px;float: left;margin-right:13px;}
.tab1_box div ul li a img{width: 286px;height: 259px;border: #d7d7d7 1px solid;}
.tab1_box div ul li a .tab_characters{margin:10px 0 0 20px;}
.tab1_box div ul li a .tab_characters p{font-size: 14px;color:#666;margin-bottom:10px;}
.tab_characters{overflow: hidden;}
.tab_characters h6{font-size:16px;color:#A00408;display: inline-block;}
.details{width: 100px;overflow: hidden;float: left;}
.details span{font-size: 12px;color:#fff;width: 19px;height: 19px;background: #000000;display: block;text-align: center;line-height: 19px;float:left;}
.details p{font-size: 12px;color:#999;background:#eae5e5;width: 80px;float:left;}
.hide{display:none;}
.selectd{background:#A00408;color:#fff;}
.hover{background:#A00408;color:#fff;}


.wenhua{width: 100%;background: url(../images/bj-2.png) no-repeat center top;}
.wenhua_nr{width: 1200px;margin: 0 auto;padding: 70px 0;}
.wenhua_l{width: 600px;background: rgba(255,255,255,0.8);padding:30px;}
.wenhua_l strong{font-size: 18px;color:#333;margin-bottom:25px;display: inline-block;}
.wenhua_l p{font-size: 14px;color:#666;text-indent: 2em;line-height: 28px;}
.wenhua_r{width: 490px;margin-top:30px;}
.wenhua_r dd{font-size: 16px;color:#666;}
.wen{margin: 20px 0;}
.wen p{font-size: 14px;color:#666;line-height: 28px;border-bottom:#666 1px dashed;padding: 10px 0;}

.yoshi{width: 100%;background: #f4f0e9;overflow: hidden;padding: 30px 0;}
.youshi_nr{width: 1200px;margin:0 auto;background: url(../images/bj-3.png) no-repeat center top;padding: 15px 0;overflow: hidden;background-size: 100% 100%;}
.youshi_nr ul li{width: 195px;height: 51px;margin-left: 5px;float: left;}
.youshi_nr ul li a{display: inline-block;}
.youshi_nr ul li a h4{font-size: 28px;color:#A00408;width: 51px;height: 51px;border-radius:50%;border:#A00408 1px solid;text-align: center;line-height: 51px;}
.youshi1{width:136px;margin:6px 0 0 5px;}
.youshi1 span{font-size:15px;color:#A00408;padding-bottom: 5px;display: inline-block;}
.youshi1 p{font-size:12px;color:#8f5f46;}
.youshi_nr ul li a:hover h4{width: 51px;height: 51px;border-radius:50%;background: #A00408;color:#fff;}

.yoshi{width: 100%;background: #f4f0e9;overflow: hidden;padding: 30px 0;}
.youshi_nr{width: 1200px;margin:0 auto;background: url(../images/bj-3.png) no-repeat center top;padding: 15px 0;overflow: hidden;background-size: 100% 100%;}
.youshi_nr ul li{width: 195px;height: 51px;margin-left:4px;float: left;}
.youshi_nr ul li a{display: inline-block;}
.youshi_nr ul li a h4{font-size: 28px;color:#A00408;width: 51px;height: 51px;border-radius:50%;border:#A00408 1px solid;text-align: center;line-height: 51px;}
.youshi1{width:136px;margin:6px 0 0 5px;}
.youshi1 span{font-size:15px;color:#A00408;padding-bottom: 5px;display: inline-block;}
.youshi1 p{font-size:12px;color:#8f5f46;}
.youshi_nr ul li a:hover h4{width: 51px;height: 51px;border-radius:50%;background: #A00408;color:#fff;}

.footer{width: 100%;background:#363535;overflow: hidden;}
.footer_nr{width: 1200px;margin: 0 auto;overflow: hidden;padding-bottom:33px;}
.footer_l ul li{float: left;padding:30px 60px 0 0;}
.footer_l ul li p a{/*width:64px;*/font-size: 14px;line-height: 28px;color:#fff;}
.footer_l ul li p a:hover{ text-decoration: underline;}
.footer_l h2{font-size: 16px;line-height:35px;padding-bottom: 10px;color:#fff;}
.footer_r{width: 305px;margin-top:35px;}
.footer_r ul li:last-child{padding-right: 0;}
.footer_r ul li{width:126px;float: left;padding-right:50px;}
.footer_r ul li a img{width: 126px;height: 125px;}
.footer_r ul li a span{font-size:12px;color:#fff;text-align: center;display:block;padding-top: 10px;}

.hai ul{overflow: hidden;}
.hai ul li a img{width:100%;margin-bottom:30px;}
.ban{width:100%;height:399px;text-align: center;overflow: hidden;}

/*订蟹方式*/
.total{width: 100%;background: url(../images/bj-4.png) repeat top  center;}
.total_zero{width:1200px;margin:0 auto;padding:30px 0;}
.mbx{width:1160px;background: #eeebec;border-radius: 8px;height:50px;padding: 0 20px;}
.mbx_l{line-height: 50px;}
.mbx_r{line-height: 50px;}
.mbx_l strong{font-size: 22px;color:#333;}
.mbx_l span{font-size:13px;color:#666;}
.mbx_r{font-size: 12px;color:#666;}
.mbx_r span{font-size: 12px;color:#666;background: url(../images/mbx.png) no-repeat top left;padding-left:28px;}
.mbx_r a:hover{color:#A00408;text-decoration: underline;}

.zong{overflow: hidden;padding:30px 0;width: 1200px;margin: 0 auto;}
.zong_nr{overflow: hidden;}
.zon1{overflow: hidden;width:240px;}
.zon1 ul li{margin-bottom:15px;}
.zon1 ul li a{display: block;}
.zon1 ul li a:hover .zon{background:#A00408;}
.zon1 ul li a:hover .zon span{color:#fff;background:url(../images/di-2.png) no-repeat left center;padding-left: 20px;}
.zon{background: #eeebec;display:block;padding: 12px 0 12px 80px;}
.zon span{font-size:14px;color:#666;background: url(../images/di-1.png) no-repeat left center;padding-left: 20px;}
.zon2{margin-top:25px;}
.zon2 ul li{position: relative;margin-bottom:20px;}
.zon3 img{width:240px;height:60px;border-radius: 8px;}
.hidden{width: 240px;height:60px;background:rgba(0,0,0,0.6);border-radius:8px;position: absolute;top: 0;left:0;}
.hidden span{font-size: 18px;color:#fff;border-bottom: #fff 1px solid;text-align: center;display: block;width: 100px;margin: 0 auto;text-align: center;padding:12px 0 5px 0;}
.zong_r{width: 900px;background: #eeebec;padding: 20px 0;min-height: 500px;}
.zong_title{width: 856px;margin: 0 auto;border-bottom:#d7d7d7 1px dashed;padding:15px  0;}
.zong_title p{font-size: 16px;color:#666;padding-left:21px;}
.zo_nr{padding:30px 45px;}
.zo_nr h6{font-size: 16px;color:#666;margin:30px 0 10px 0;}
.zo_nr p{font-size: 14px;color:#666;margin: 5px 0;}
.zo2{width: 317px;height: 27px;}
.zo2 img{width: 100%;}

.dynamic{width: 240px;}
.dynamic img{/*border: #d7d7d7 1px solid;*/margin-bottom: 20px;}

.dingxie{margin: 20px 0;overflow: hidden;}
.dingxie ul li{float: left;width: 127px;margin-right: 30px;}
.dingxie ul li a span{text-align: center;font-size:14px;color:#666;display: block;margin-top: 8px;}
.lianxi{margin-top: 20px;width:480px;/*float: right;*/}
.lianxi p{font-size: 14px;color:#666;margin: 10px 0;}
.ding1{margin-top: 40px;}
.ding1 p{font-size: 14px;color:#666;padding:3px 0;}
.ding1  .tb-1 span{font-size: 14px;color:#A00408;background: url(../images/ding-1.png) no-repeat left  center;padding-left: 25px;}
.ding1  .tb-2 span{font-size: 14px;color:#A00408;background: url(../images/ding-2.png) no-repeat left  center;padding-left: 25px;}
.ding1  .tb-3 span{font-size: 14px;color:#A00408;background: url(../images/ding-3.png) no-repeat left  center;padding-left: 25px;}
.ding1  .tb-4 span{font-size: 14px;color:#A00408;background: url(../images/ding-4.png) no-repeat left  center;padding-left: 25px;}
/*发展历程*/
.zo1{width: 806px;}
.zo3{width: 806px;}
.zo3 img{width: 100%;}

/*丰肴澄蟹礼盒*/
.mbx1{width: 1200px;margin: 0 auto;line-height: 37px;overflow: hidden;padding-bottom: 20px;}
.mbx1_nr{float: right;margin-right: 15px;}
.mbx1_nr span{font-size: 12px;color:#A00408;background: url(../images/mbx.png) no-repeat left center;padding-left: 27px;}
.mbx1_nr a{font-size: 12px;color:#A00408;}
.mbx1_nr a:hover{text-decoration: underline;}
.lihe{margin:15px 0 40px 0;}
.lihe_title{width: 1200px;background: #d9d9d9;height: 37px;border-bottom: #A00408 2px solid;}
.lihe_title span{font-size: 16px;width: 150px;background: #A00408;height:39px;display: inline-block;color:#fff;text-align: center;line-height: 39px;}
.lihe_nr{margin-top:30px;overflow: hidden;}
.lihe_nr ul li{width: 376px;border:#d7d7d7 1px solid;float: left;margin:0 32px 25px 0;}
.lihe1_l{width: 112px;height: 116px;float: left;}
.lihe1_l img{width: 100%;}
.lihe1_r{float: left;}
.zon4 p{font-size: 14px;color:#666;padding:22px 0 15px 22px;border-bottom: #A00408 1px solid;}
.zon4 p span{font-size: 20px;color:#A00408;}
.zon4{width: 264px;}
.zon4 dd{font-size: 13px;color:#333;padding:10px 0 0 22px;}


/*关于我们*/
.zo4 p{font-size: 14px;color:#666;line-height: 28px;text-indent: 2em;margin-bottom:20px;}
.zo5{margin-top:30px;}
.zo5 p{font-size: 14px;color:#666;}
.zo5 img{width: 100%;border:#d7d7d7 1px solid;margin-top:20px;}

/*联系我们*/
.lianxi h5{font-size: 18px;color:#666;}
.lianxi img{width: 806px;}
.lianxi_1{margin: 20px 0 40px 0;}
.lianxi_1 p{font-size: 14px;color:#666;margin:7px 0;}


/*售后服务*/
.shouhou{max-width: 806px;}
.shouhou img{border: #d7d7d7 1px solid;}
.shouhou h5{font-size:16px;color:#666;margin:30px 0 10px 0;}
.shouhou p{font-size:14px;color:#666;line-height:24px;}


/*新闻资讯*/
.news {padding: 0 20px;}
.news ul li{border-bottom: #d7d7d7 1px solid;overflow: hidden;padding:15px 0;}
.news ul li:hover{background: #A00408;box-shadow:#c7c7c7 1px 2px 3px;}
.news ul li:hover p{color:#fff;}
.news ul li:hover span{color:#fff;}
.news ul li p{width: 82%;font-size: 14px;color:#666;float: left;padding-left: 15px;}
.news ul li span{width:15%;font-size: 14px;color:#666;float: left;margin-top: 5px;}


/*分页*/
#page{ text-align:center; padding: 15px 0; margin-top:25px;}
#page a{ border: #eeeeee 1px solid; padding:3px 10px; margin:0 2px;}
#page a:hover,#page a.on{ background: #A00408; color: #FFFFFF; text-decoration: underline;}


/*新闻资讯 详情页*/
.news_li {max-width: 806px;}
.news_li img{text-align: center;max-width: 806px;margin: 0 auto;display: block;margin-bottom:40px;}
.news_li p{font-size: 14px;color:#666;text-indent: 2em;line-height:28px;}
.more1{margin-top:40px;}
.more1 a{color:#A00408;}
.more1 a:hover{text-decoration: underline;}


/*丰肴澄蟹礼盒 详情页*/
.li_listing{background: #eeebec;}
.li_one{margin: 0 auto;width:1160px;padding:30px 0;}
.li_two{padding:40px 60px;overflow: hidden;}
.li_three{float: left;}
/*.li_three{border-right: #d7d7d7 1px solid;}*/
.li_three img{width: 391px;height: 375px;border:#d7d7d7 1px solid;}
.li_four{border-left: #d7d7d7 1px solid;float:left;margin-left:80px;}
.li_four h3{font-size: 30px;color:#333;font-weight: 500;border-bottom: #d7d7d7 1px solid;padding:0 0 50px 40px;}
.xiang{margin:40px 0 0 40px;}
.xiang p{font-size: 16px;color:#666;margin:8px 0;}
.xiang p span{font-size: 20px;color:#A00408;}
.qita{margin:40px 0 0 40px;}
.qita p{font-size: 16px;color:#666;}
.qita ul{margin-top: 20px;}
.qita ul li{float: left;margin-right:15px;}
.qita ul li a{font-size: 15px;color:#666;border:#A00408 1px solid;background:#f3ecdc;padding: 5px;}
.qita ul li a:hover{background: #A00408;color:#fff;}
.xiangqing{width: 1160px;margin-top: 20px;}
.xiangqing_title{width:1160px;background: #d9d9d9;height: 37px;border-bottom: #A00408 2px solid;}
.xiangqing_title span{font-size: 16px;width: 150px;background: #A00408;height:39px;display: inline-block;color:#fff;text-align: center;line-height: 39px;}
.xiangqing_nr{margin-top:30px;overflow: hidden;}
.xiangqing_nr ul li{width: 376px;border:#d7d7d7 1px solid;float: left;margin:0 13px 25px 0;}
.xiangqing1_l{width: 112px;height: 116px;float: left;}
.xiangqing1_l img{width: 100%;}
.xiangqing1_r{float: left;}
.zon4 p{font-size: 14px;color:#666;padding:22px 0 15px 22px;border-bottom: #A00408 1px solid;}
.zon4 p span{font-size: 20px;color:#A00408;}
.zon4{width: 264px;}
.zon4 dd{font-size: 13px;color:#333;padding:10px 0 0 22px;}


/*丰肴澄蟹优势*/
.advantage{width:806px;}
.advantage h5{font-size: 18px;color:#A00408;font-weight: 550;}
.advantage strong{font-size: 14px;color:#A00408;margin:8px 0 3px 0;display: inline-block;}
.advantage p{font-size: 14px;color:#666;line-height:24px;}
.advantage img{margin-top:30px;}


/*品蟹常识*/
.pinxie{width: 806px;text-align: center;}
.pinxie img{max-width: 90%;}
/*.pinxie_nr{margin-top:30px;}*/
.pinxie_nr p{font-size: 14px;color:#666;text-align:left;line-height: 24px;}