﻿@charset "utf-8";
/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}

/*定位*/
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
.mt10{margin-top:10px;}
@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}
body{ overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑" , "宋体"; }/*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}


/*end reset*/
#header{

}
#header .top{
  height:44px;
  width:100%;
  min-width:1200px;
  background:#e8018b;
  padding:0 60px 0 46px;
}
#header .welcome{
  color:#fff;
  font-size:12px;
}
#header .top span{
  width:134px;
  height:44px;
  border-right:1px solid rgba(255,255,255,.4);
}
#header .top a{
  width:72px;
  height:44px;
  line-height:44px;
  text-align:center;
  color:#fff;
  font-size:12px;
  border-right:1px solid rgba(255,255,255,.4);
}
#header .menu-wrap{
  width:100%;
  min-width:1200px;
  height:125px;
  padding:0 60px 0 46px;
}

#header .menu-wrap .logo{
  width:208px;
  height:125px;
  margin-right:30px;
  border-right:1px solid #e5e5e5;
}
#header .menu-wrap li{
  font-size:16px;
  height:125px;
  line-height:125px;
  color:#191919;
  margin:0 20px;
}
@media all and (max-width:1750px){
  #header .menu-wrap li{
    font-size:14px;
    margin:0 15px;
  }
}
@media all and (max-width:1560px){
  #header .menu-wrap li{
    font-size:12px;
    margin:0 12px;
  }
}
@media all and (max-width:1400px){
  #header .menu-wrap{
    padding:0 20px;
  }
}
@media all and (max-width:1366px){
  #header .menu-wrap li{
    font-size:12px;
    margin:0 9px;
  }
  #header .menu-wrap .logo{
    margin-right:0;
  }
}
@media all and (max-width:1250px){
  #header .menu-wrap{
    padding:0;
  }
}
#header .menu-wrap li.cur,#header .menu-wrap li.hover{
  border-bottom:2px solid #e8018b;
}
#header .menu-wrap li.cur a,#header .menu-wrap li:hover a{
  color:#e8018b;
}
#header .hotline,#footer .hotline{
  height:48px;
  padding-right:50px;
  text-align:right;
  background:url(/Skins/Default/Img/phone.png) right center no-repeat;
}
#footer .hotline{
  margin-bottom:30px;
}
#header .phoneTxt{
  font-size:12px;
  color:#191919;
}
#footer .phoneTxt{
  color:#b3b3b3;
}
#header .phoneNum,#footer .phoneNum{
  font-size:26px;
  color:#e8018b;
}
#footer{
  width:100%;
  height:388px;
  padding-top:79px;
  background:#2d2d2d;
}
#footer .footer-menu{
  width:1200px;
  margin:0 auto 40px;
  height:15px;
}
#footer .footer-menu a{
  color:#fff;
  font-size:12px;
}
#footer .footer-menu span{
  height:20px;
  width:20px;
  margin-left:20px;
  border-left:1px dotted #4c4c4c;
}
#footer .enterpriseWrap{
  width:1200px;
  margin:0 auto 74px;
}
#footer .enterpriseInfo p{
  line-height:22px;
  color:#b3b2b2;
  font-size:12px;
}
#footer .links{
  width:100%;
  height:75px;
  border-top:1px solid #393939;
  background:#2d2d2d;
}
#footer .links p{
  width:1200px;
  height:75px;
  margin:0 auto;
}
#footer .links .linksTxt{
  font-size:12px;
  color:#fff;
  margin-right:10px;
}
#footer .links b{
  font-size:12px;
  color:rgba(255,255,255,.2);
  margin-right:38px;
}
#footer .links a{
  font-size:12px;
  color:#b3b3b3;
}
#footer .links .line{
  height:20px;
  width:20px;
  margin-left:20px;
  border-left:1px dotted #4c4c4c;
}
#footer .contact h5{
  position:relative;
  font-size:22px;
  color:#fff;
  text-align:right;
  height:86px;
  line-height:86px;
}
#footer .contact h5:after{
  position:absolute;
  bottom:20px;
  right:0;
  content:"";
  width:17px;
  height:1px;
  background:#d60273;
}
		
.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:58px; height:57px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
.rtTop h4{ width:58px; height:57px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* reset.css*/
p, ul, dd, dl, dt{margin: 0; padding: 0}
html,body{font-family:Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;}
button, input, select, textarea {font: 24px/1.5 Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;outline: 0 none;}
h1, h2, h3, h4, h5, h6 {font-size:100%;cursor:default;margin: 0;font-weight: normal;}
ol, ul {list-style:none;outline:none;list-style-type:none;}
fieldset,img,area{border:none;outline:none;}
img{vertical-align:top;}
/*util*/
.dis{display:block;}
.dn{display:none;}
.cl{clear:both;}
.tc{text-align:center!important;}
.tl{ text-align:left!important;}
.tr{text-align:right;}
.fl {float:left;}
.fr {float:right;}
.posr {position:relative;zoom:1;}
.posa {position:absolute;zoom:1;}
dl.unit a:hover{text-decoration: none;}
a.fff{color: #fff;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
/* ??o?????￠è?? */
.break-word{word-wrap: break-word; word-break:break-all;}
/* ??o????????￠è?? */
.nowarp{white-space:nowrap;}
.oh{overflow: hidden;}

.fw-bold{font-weight: bold;}
.fw-normal{font-weight: normal;}
.border-gray{border:1px solid #d1d1d1;}
.bg-gray{ background:#d1d1d1 !important}
.bg-black{background:#000;}
/*é€??”¨*/
a{text-decoration: none;color: #666;}
a:link,a:hover,a:visited,a:active{outline:none;border:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
a:hover{text-decoration: none;}
b{font-weight:normal;}
i{font-style:normal;}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,body{
  font-size:12px;
}
/* 通用三角样式 */
.arrow,.arrow .s{display:none; font-size: 0; line-height: 0; width: 0; height: 0;border:4px dashed transparent; }
.arrowL,.arrowL .s{ border-right-color:#666; border-right-style:solid;border-width:5px; }
.arrowL .s{ border-right-color:#fff; position:absolute; right:-7px; top:-4px; }
.arrowR,.arrowR .s{ border-left-color:#666; border-left-style:solid;border-width:5px; }
.arrowR .s{ border-left-color:#fff; position:absolute; left:-7px; top:-4px;}
.arrowB,.arrowB .s{ border-top-color:#666; border-top-style:solid;border-width:5px;}
.arrowT,.arrowT .s{ border-bottom-color:#666; border-bottom-style:solid; }
.arrowT .s{ border-bottom-color:#fff; position:absolute; left:-5px; top:-3px; }

.flex-start{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
}
.flex-end{
  display:flex;
  justify-content: flex-end;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
}
.flex-center{
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
}
#header .flex-between{align-items: center;}
.flex-between{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
 
  margin: 0 auto;
 
  align-content:center;
}
.flex-around{
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
}
.superSlider .flex-around{
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
}
.flex-columnStart{
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items:center;
  align-content:center;
}
.flex-columnCenter{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:flex-start;
  align-content:flex-start;
}
.flex-columnBetween{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  align-items:flex-start;
  align-content:flex-start;
}
.flex-columnBetweenLeft{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-columnAround{
  display:flex;
  flex-direction: column;
  justify-content: space-around;
  align-items:center;
  align-content:center;
}