html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup,iframe{ margin:0; padding:0; border:0; -webkit-font-smoothing:antialiased; font-family:"Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;/*font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif;*/}
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; line-height:22px; background:#fff;/*  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;*/  }
::selection{ background:#d20000; color:#fff;}
::-moz-selection{ background:#d20000; color:#fff;} 
::-webkit-selection{ background:#d20000; color:#fff;}
input, button, select, textarea {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background: #fff;border: 0}
img{ border:none;vertical-align:middle; -ms-interpolation-mode: bicubic;}
body{ -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;}
/*@font-face { 
    [font-family: <family-name>;]? [src: [ <uri> [format(<string>#)]? | <font-face-name> ]#;]? [unicode-range: <urange>#;]? [font-variant: <font-variant>;]? [font-feature-settings: normal|<feature-tag-value>#;]? [font-stretch: <font-stretch>;]? [font-weight: <weight>]; [font-style: <style>]; }*/
	

/*@font-face {
 font-family: 'nicedesign';
 src: url('../font/nicedesign.ttf');
 src: url('../font/nicedesign.eot') format('embedded-opentype'),
 url('../font/nicedesign') format('woff'),
 url('../font/nicedesign.woff') format('truetype'),
 url('../font/nicedesign') format('svg');
 font-weight: normal;
 font-style: normal;
}

.f_soc{ font-family: 'nicedesign';}


.icon_wb:before{content:"\e800";}
.icon_wx:before{content:"\e801";}
.icon_dr:before{content:"\e802";}
.icon_zc:before{content:"\e803";}
.icon_bh:before{content:"\e804";}*/
 

     	

body{overflow: -moz-scrollbars-vertical;} 
.menu_bt{position: relative;z-index: 9999; width:24px;height:12px;border-top: 2px solid #666;border-bottom: 2px solid #666;vertical-align: middle; float:right; display:none;}
.menu_bt:after {content: '';position: absolute;top: 0;left: 0;right: 0;height:5px;border-bottom: 2px solid #666; transition: all 100ms linear 0ms;}
.menu_bt span:after {border-color: #666}
.menu_bt span {font-size: 0;	text-indent: -9999px}
.menu_bt span:before, .menu_bt span:after {content: '';position: absolute;top: 50%;right: 0;left: 0;border-top: 1px solid black;transition: all 100ms linear 0ms;}
.menu_bt.open {color: transparent !important; border:0;}
.menu_bt.open:after {-webkit-transform: scale(0);transform: scale(0);}
.menu_bt.open span:before, .menu_bt.open span:after { border-width: 2px;border-color: white;}
.menu_bt.open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.menu_bt.open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
 

.header{ height:76px; width:100%; z-index:111100;  position:fixed; left:0; top:0; background: #fff;box-shadow: 0 0 5px 2px rgba(0,0,0,.1);}
.header .con{ width:1200px; margin:0 auto; }
.logo{ float:left; position:relative; z-index:1000;}
.logo.gao{ z-index:10;}
.logo a{ background:url(../images/logo.png) no-repeat; width:205px; height:76px; display:block; background-size:auto 76px;}
.page-overlay{ float:right;}
.page-overlay .nav{ float:left;}
.page-overlay .nav li{ float:left; margin-left:30px; position:relative;}
.page-overlay .nav li > a{ font-size:16px; padding:0; color:#333; line-height:74px; display:block;}
.page-overlay .nav li > a:hover{ border-bottom:2px solid #e62814; color:#e62814;}
.page-overlay .nav li > a.on{ border-bottom:2px solid #e62814; color:#e62814;}
.page-overlay .jiamenu ul{ overflow:hidden; margin:21px 0 0 30px;}
.page-overlay .jiamenu ul li{ float:left;}
.page-overlay .jiamenu li a{ display:block; color:#666; padding:5px 10px; font-size:12px; border:1px solid #bbb;}
.page-overlay .jiamenu li a:hover{background:#e62814; color:#fff; border:1px solid #e62814;}
.page-overlay .jiamenu li.zi_b{margin:0 0 0 -1px}
.page-overlay .jiamenu li.zi_a a{ border-radius:4px 0 0 4px;}
.page-overlay .jiamenu li.zi_b a{ border-radius:0 4px 4px 0;}

.header.add{ background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.header.add .logo a{ background:url(../images/logo.png) no-repeat; width:205px; height:76px; display:block; background-size:auto 76px;}
.header.add .page-overlay .nav li.zi em{ background:#e62814; color:#fff;}
.header.add .page-overlay .nav li > a{ color:#333;}
.header.add .page-overlay .nav li > a:hover{ color:#e62814; border-bottom:2px solid #e62814;}
.header.add .page-overlay .nav li > a.on{ color:#e62814; border-bottom:2px solid #e62814;}




@media screen and (max-width:1230px) {
.page-overlay .nav li{ float:left; margin-left:35px;}
.header .con{ width:90%;} 
}
 
@media screen and (max-width:768px) {
.header.add .logo a{ width:135px; height:50px;background-size:auto 50px;}
	
.menu_bt{ display:block; margin:17px 10px 0 0;}	
.page-overlay {position: fixed; top: 0;right: 0;bottom: 0;left: 0; height:0; z-index:999; width: 100%; overflow:hidden;  padding-top:40px; background:#000; transition:all .2s ease-in-out;color:#fff; opacity:0;}
.page-overlay.black{opacity:1; height:100%;}	

.header{ height:50px;}
.header .con{ width:100%;} 


.page-overlay .nav{ width:94%; margin:0 auto; margin-top:64px; float:none; text-align:left; }
.page-overlay .nav li{ float:none; padding:0; margin-left:0;}
.header.add .page-overlay .nav li > a{ font-size:24px; color:#fff; line-height:40px; padding:10px 0;}
.header.add .page-overlay .nav li > a:hover{ color:#fff; border:0; color:#e62814;}
.header.add .page-overlay .nav li > a.on{  color:#fff; border:0;  color:#e62814;}
.page-overlay .nav li.zi{ display:block;} 
.page-overlay .nav li.zi em{ display:block; width:32px; height:2px; background:#666; margin:30px 0 10px 0;}
}

@media screen and (max-width:400px) {
.page-overlay .nav{   margin-top:20px;}
.header.add .page-overlay .nav li > a{ font-size:20px; padding:8px 0;}
.page-overlay .nav li.zi em{ margin:20px 0 10px 0;}
}
@media screen and (max-width:320px) {
.header.add .page-overlay .nav li > a{ font-size:18px;  padding:5px 0;}
}



/*加载进度条*/
.fade { transition: all 300ms linear 700ms;/*-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);*/ opacity: 1;}
.fade.out {opacity: 0;}

#nprogress { pointer-events:none;} /*鼠标事件拜拜的意思*/
#nprogress .bar {background: #dc0f0f;position: fixed; z-index: 1031;top: 0;left: 0;width: 100%;height: 2px;}
#nprogress .peg {display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 10px #dc0f0f, 0 0 5px #dc0f0f;opacity: 1.0;-webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);}
#nprogress .spinner {display: block;position: fixed;z-index: 1031;top: 15px;right: 15px;}

#nprogress .spinner-icon {width: 18px;height: 18px;box-sizing: border-box;border: solid 2px transparent;border-top-color: #dc0f0f;border-left-color: #dc0f0f;border-radius: 50%;-webkit-animation: nprogress-spinner 400ms linear infinite;animation: nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent {overflow: hidden;position: relative;}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {position: absolute;}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*底部*/
.main_foot { width:100%;  background: #f4f4f4; overflow: hidden;}
.foot {width: 1200px; overflow: hidden; margin:65px auto 40px auto; }
.foot_logo { float: left;   }
.foot ul { float: left; text-align: left; line-height:32px; color:#333;}
.foot ul li { clear: both;}
.foot ul h1 { font-size:18px; color:#222; margin-bottom:5px;}
.foot ul.list2 h1 { color: #24b727;}
.foot ul a { color: #333;}
.foot ul a:hover { color: #24b727;}
.foot ul.list1 { width:120px; margin-left:75px; height:220px;}
.foot ul.list2 { width:215px; float: right;  }
.foot .list2 i { background: url(../images/icon.png) no-repeat;width: 17px;height: 17px; display:inline-block;margin:0px 3px 0 10px; vertical-align:-2px;}
.foot .list2  i.qq {background-position: -386px -29px;}
.foot .list2 .jiaotan{ color:#24b727;}
.foot .list2 .jiaotan:hover{ text-decoration:underline;}
 
.foot_bottom { background:#ddd; color: #333; text-align:center; clear:both; width:100%; margin:0 auto; overflow:hidden; padding:15px 0;}

i,em{ font-style:normal;}
.foot_bottom a i { display:inline-block; font-size:18px; margin:0 5px 10px 5px; color:#4a4a4a; }

/*.foot_bottom a i.weibo {background-position: -409px 0;}
.foot_bottom a i.weixin {background-position: -423px -121px;}
.foot_bottom a i.dri {background-position: -409px -29px;}
.foot_bottom a i.blog {background-position: -409px -58px;}
.foot_bottom a i.cool {background-position: -409px -88px;}
.foot_bottom a i.fang { width:15px; background-position: -444px -30px;}
.foot_bottom a i.dou {  width:16px; background-position: -444px -57px;}
.foot_bottom a i.lofter {  width:16px; background-position: -489px -30px;}*/


/*.foot_bottom a:hover i.weibo {background-position: -360px 0;}
.foot_bottom a:hover i.weixin {background-position: -398px -121px;}
.foot_bottom a:hover i.dri {background-position: -360px -29px;}
.foot_bottom a:hover i.blog {background-position: -360px -58px;}
.foot_bottom a:hover i.cool {background-position: -360px -88px;}
.foot_bottom a:hover i.fang {background-position: -468px -30px;}
.foot_bottom a:hover i.dou {background-position: -467px -57px;}
*/


@media screen and (max-width:1200px){
 
.foot{ width:1000px;}
.foot ul.list1 { width:110px; margin-left:30px;}
 
 
}
 
@media screen and (max-width:1000px){
 
.foot{ width:100%; margin:25px auto 40px auto}
.foot_logo{ float:none; margin:0 auto 20px auto; display:none;}
.foot ul.list1 { width:120px; margin-left:10px;}
 

}
@media screen and (max-width:760px){
 
.foot{ width:100%; }
.foot ul h1{ margin-bottom:3px;}
.foot ul.list1 { width:19%; margin:0 3%;}
.foot ul.list2{ width:93%; margin:0 auto; float:none;}
 
}
@media screen and (max-width:470px){
.foot ul{ line-height:28px;}
.foot{ margin:25px auto 30px auto;}
.foot ul.list1 { width:42%; margin:0 3%; height:190px; text-align:center;}
.foot ul.list2{ width:90%; margin:0 auto; float:none;  text-align:center;}
 
}

/*标题统一样式*/
.title{ width:100%; text-align:center;}
.title h1{ font-size:28px; color:#333; line-height:30px; margin:10px 0;}
.title span{ font-size:16px; color:#666;}

.BarCrumbs {background: #f8f8f8;padding: 15px 0; margin-top:0px; font-size:14px; border-bottom: 1px solid #eee;padding-top: 130px;}
.BarCrumbs .crumbsnav{width:1200px; margin:0 auto; overflow:hidden;}
.BarCrumbs a {color: #3399ff;}

.screen_main{ width:100%; overflow:hidden;}
.screen_main .width1200{width:1200px; margin:0 auto; overflow:hidden; padding:60px 0;}


/*搜索*/
.searchs{ width:99%; overflow:hidden; background:#f3f3f3; margin-bottom:10px; border-radius:4px; border:1px solid #ddd;}
.searchs form{ height:32px; padding:11px 20px; line-height:32px;}
.searchs label{ float:left; margin-right:15px;}
.searchs input{ float:left; width:76%; height:30px; border:1px solid #ddd; padding:0 2%;}
.searchs button{ float:left; background:#e62814; color:#fff; width:10%; height:32px; line-height:32px; cursor:pointer;}
.searchs button:hover{ background:#b41e0a}


/*浮窗表单*/
.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:600px; overflow:hidden; z-index:900001; position:fixed; top:50%;left:50%; background:#fff; margin:-300px 0 0 -300px;box-shadow:1px 1px 15px 5px rgba(0,0,0,.5); display:none; text-align:center; border-radius:5px;}
.popover1 dl{ font-size:14px; color:#333; overflow:hidden;}
.popover1 dl dt{ background:#e62814; color:#fff; height:50px;line-height:50px;font-size:18px;}
.popover1 dl p{ padding:20px 0;}
.popover1 .food_sub{width:100%; height:40px; line-height:40px; float:left; border-radius:0 0 3px 3px; padding:0 0 40px;}
.popover1 dl a{ width:150px; height:40px; background:#9196aa; color:#fff; display:inline-block; border-radius:20px; font-size:14px; cursor:pointer; margin-right:25px;}
.popover1 dl a:hover{ background:#3f424f;}
.popover1 dl button{ width:150px; height:40px; background:#e62814; color:#fff; display:inline-block; border-radius:20px; font-size:14px; cursor:pointer;}
.popover1 dl button:hover{ background:#d2280a;}
.popover1 .input-li{ width:80%; margin:0 auto 25px; height:37px; position:relative;}
.popover1 .input-li em{ color:#e62814;}
.popover1 .input-li label{ width:15%; line-height:36px; float:left;color: #000;font-weight: bold; text-align:right; padding-right:3%;}
.popover1 .input-li input{ width:70%; height:36px; line-height:36px; float:left; border:1px solid #ddd; border-radius:5px; padding:0 5%;}

.gf-select { float: left; width:38%; margin-right:2%; position: relative;}
.gf-select span {padding:6px 27px 6px 10px;display: block; border: 1px solid #ddd; cursor: pointer; border-radius:4px;}
.gf-select span em {font-style: normal; color:#666 !important;}
.gf-select .icon-jt { background: url(../images/down-jt.jpg) center right no-repeat; width: 12px; height: 6px;position: absolute;right: 10px;top: 50%; margin-top: -3px;}
.gf-select ul {border: 1px solid #ddd; position: absolute; width: 100%; top:-182px; overflow-y :auto; display: none; background: #fff;}
.gf-select ul li { border-bottom: 1px solid #ddd; line-height:36px; padding-left: 10px;}
.gf-select ul li:last-child{ border-bottom: none; }

/*价格*/
.ProductType{}
.ProductList{width:100%; clear:both; overflow:hidden; margin: 50px auto 0;}
.ProductList div{float: left;padding:10px;background:#fff;width:363px;color:#333;margin-right:25px;}
.ProductList div:last-child{float: right;margin-right: 0;}
.ProductList div>dl{text-align: center;font-size: 14px;line-height: 23px;border-bottom:1px solid #ccc;padding-bottom: 10px;}
.ProductList div>dl dd:nth-child(2){font-size: 24px;color: #333;margin-top:30px;margin-bottom:10px;}
.ProductList .ProductInfo{padding:40px 0;text-align: center;}
.ProductList .ProductInfo h4{font-size: 18px;height:50px;}
.ProductList .ProductInfo h4 span.qian{font-size: 50px;font-weight: normal;}
.ProductList .ProductInfo>p{margin:5px auto;text-align: left;width:50%;}
.ProductList .ProductInfo>p span{display:inline-block;width:70px;}
.ProductList .ProductInfo>p a{color:#00a2ca;}
.ProductList .ProductInfo>a{display:inline-block;background:#ffcc33;padding: 12px 45px;color:#FFF;border-radius:35px;margin-top:15px;font-size: 18px;}
.ProductList .ProductInfo>a.ZunXiang{background:#FFF;border:0;color:#333;font-size:20px;width:100%;text-align: center;padding:0;}
.ProductList .ProductInfo>a.ZunXiang:hover{color:#FFCC4E;font-weight: bold;}