@charset "utf-8";
/* Author: lucy of wisdom
 * Copyright 2017 Admin Designs
===================================================
   Web of Contents
===================================================
  A. Typography
  B. Padding Helpers
  C. Margin Helpers
  D. LineHeight Helpers
  E. Font Size Helpers
  F. Text Colors
  G. Border Colors
  H. Background Colors
  I. Float
  J. Ellipsis
  K. Width
  O. Position
  P. Box

===================================================
  layout
=================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { width: 100%; margin: 0; padding: 0; font-family: "Microsoft YaHei"; color: #666; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%; font-size-adjust: 100%; font-weight: 400; font-size: 13px; line-height: 1.475; background-color: #fff; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
ol, ul li, dl, dt, dd, form, img, p, form { margin: 0; padding: 0; border: none; list-style-type: none; vertical-align: top; font-weight: normal; }
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, button, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; word-wrap: break-word; word-break: break-all; font-style: normal; }
i, em, ins { font-style:normal;text-decoration:none; }
select, input { vertical-align: middle; }
button { font-family: "Microsoft YaHei"; cursor: pointer; outline:none;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*===============================================
  A. Typography
================================================= */
a { color:#333; text-decoration: none; cursor: pointer; }
a:visited { text-decoration: none;}
a:hover { color: #25C234; outline: none; }
a:focus { text-decoration: none;}
a:active { text-decoration: none;}

p img { max-width: 100%; max-height: 100%;}
 
.clearfix { *zoom: 1;}
.clearfix:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0; content: "."; font-size: 0; }

/*===============================================
  B. Padding Helpers
================================================= */
.pn { padding: 0 !important; }
.p1 { padding: 1px !important; }
.p2 { padding: 2px !important; }
.p3 { padding: 3px !important; }
.p4 { padding: 4px !important; }
.p5 { padding: 5px !important; }
.p6 { padding: 6px !important; }
.p7 { padding: 7px !important; }
.p8 { padding: 8px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }
.ptn { padding-top: 0 !important; }
.pt3 { padding-top: 3px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.prn { padding-right: 0 !important; }
.pr3 { padding-right: 3px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pbn { padding-bottom: 0 !important; }
.pb3 { padding-bottom: 3px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pln { padding-left: 0 !important; }
.pl3 { padding-left: 3px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/*===============================================
  C. Margin Helpers
================================================= */
.mn { margin: 0 !important; }
.m1 { margin: 1px !important; }
.m2 { margin: 2px !important; }
.m3 { margin: 3px !important; }
.m4 { margin: 4px !important; }
.m5 { margin: 5px !important; }
.m8 { margin: 8px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }
.mtn { margin-top: 0 !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mrn { margin-right: 0 !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mbn { margin-bottom: 0 !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mln { margin-left: 0 !important; }
.ml3 { margin-left: 3px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
/*===============================================
  D. LineHeight Helpers
================================================= */
.lh0 { line-height: 0 !important; }
.lh16 { line-height: 16px !important; }
.lh20 { line-height: 20px !important; }
.lh22 { line-height: 22px !important; }
.lh24 { line-height: 24px !important; }
.lh26 { line-height: 26px !important; }
.lh28 { line-height: 28px !important; }
.lh30 { line-height: 30px !important; }
.lh32 { line-height: 32px !important; }
.lh34 { line-height: 34px !important; }
.lh36 { line-height: 36px !important; }
.lh38 { line-height: 38px !important; }
.lh40 { line-height: 40px !important; }
.lh42 { line-height: 42px !important; }
.lh44 { line-height: 44px !important; }
.lh46 { line-height: 46px !important; }
.lh48 { line-height: 48px !important; }
.lh50 { line-height: 50px !important; }
/*===============================================
  E. Font Size Helpers
================================================= */
.fs3 { font-size: 4px !important; }
.fs4 { font-size: 4px !important; }
.fs5 { font-size: 5px !important; }
.fs6 { font-size: 6px !important; }
.fs7 { font-size: 7px !important; }
.fs8 { font-size: 8px !important; }
.fs9 { font-size: 9px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs35 { font-size: 35px !important; }
.fs40 { font-size: 40px !important; }
.fs45 { font-size: 45px !important; }
.fs50 { font-size: 50px !important; }
.fw-no { font-weight: normal;}
.fw-bold { font-weight: bold; }
.fw400 { font-weight: 400; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
/*===============================================
  F. Text Colors
================================================= */
.c-fff { color: #fff!important; }
.c-000 { color: #000!important; }
.c-333 { color: #333!important; }
.c-666 { color: #666!important; }
.c-999 { color: #999!important; }
.c-ccc { color: #ccc!important; }
.c-ff0 {color: #ff0000;}
.c-blue{color: #2691ff;}
.c-red { color: #d41c4f!important;} /*** {本案字体颜色-红色} ***/
.c-primary { color: #2e6da4!important; } /*** {选中状态信息字体颜色-深蓝} ***/
.c-success { color: #4cae4c!important; } /*** {绿色成功信息字体颜色-绿色} ***/
.c-info { color: #46b8da!important; } /*** {一般信息字体颜色-浅蓝} ***/
.c-warning { color: #eea236!important; } /*** {警告信息字体颜色-橙色} ***/
.c-danger { color: #d43f3a!important; } /*** {危险操作信息字体颜色-红色} ***/
.text-none:hover,.text-none:focus { text-decoration: none;}
.text-through {text-decoration: line-through;} 
.text-uppercase { text-transform: uppercase; }
/*===============================================
  G. Border Colors of style
================================================= */
.border-eee { border-color: #eee; }
.border-ccc { border-color: #ccc; }
.border-dedede { border-color: #dedede; }
.border-ededed { border-color: #ededed; }
.border-red { border-color: #d41c4f;} /*** {本案主色调边框-红色} ***/
.border-primary { border-color: #2e6da4; } /*** {选中状态信息边框-深蓝} ***/
.border-success { border-color: #4cae4c; } /*** {绿色成功信息边框-绿色} ***/
.border-info { border-color: #46b8da; } /*** {一般信息边框-浅蓝} ***/
.border-warning { border-color: #eea236; } /*** {警告信息边框-橙色} ***/
.border-danger { border-color: #d43f3a; } /*** {危险操作信息边框-红色} ***/
/* Border Width */
.bw1 { border-width: 1px !important; }
.bw2 { border-width: 2px !important; }
.bw3 { border-width: 3px !important; }
.bw4 { border-width: 4px !important; }
.bw5 { border-width: 5px !important; }
/* Border Style */
.bs-dashed { border-style: dotted !important; }
.bs-dotted { border-style: dashed !important; }
.bs-solid { border-style: solid !important; }
/* Disable Border */
.border-left-none { border-left: none !important; }
.border-right-none { border-right: none !important; }
.border-top-none { border-top: none !important; }
.border-bottom-none { border-bottom: none !important; }
.border-none { border: none !important; }
/*===============================================
  H. Background Colors
================================================= */
.bg-fff { background-color: #fff; }
.bg-000 { background-color: #000; }
.bg-f2f2f2 { background-color: #f2f2f2; }
.bg-f5f5f5 { background-color: #f5f5f5; }
.bg-eee { background-color: #eee; }
.bg-red { background-color: #d41c4f;} /*** {本案主色调背景-红色} ***/
.bg-primary { background-color: #337ab7; } /*** {选中状态信息背景-深蓝} ***/
.bg-success { background-color: #5cb85c; } /*** {绿色成功信息背景-绿色} ***/
.bg-info { background-color: #5bc0de; } /*** {一般信息背景-浅蓝} ***/
.bg-warning { background-color: #f0ad4e; } /*** {警告信息背景-橙色} ***/
.bg-danger { background-color: #d9534f; } /*** {危险操作信息背景-红色} ***/
.bg-f7f{background-color: #f7f7f7;}
/*===============================================
   I. Float and text-align
================================================= */
.pull-left { float: left; display: inline-block; }
.pull-right { float: right; display: inline-block; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/*===============================================
   J. Ellipsis
================================================= */
.word-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
/*===============================================
   k. Width
================================================= */
.wd5 { width: 5%; }
.wd10 { width: 10%; }
.wd15 { width: 15%; }
.wd20 { width: 20%; }
.wd25 { width: 25%; }
.wd30 { width: 30%; }
.wd35 { width: 35%; }
.wd40 { width: 40%; }
.wd45 { width: 45%; }
.wd50 { width: 50%; }
.wd55 { width: 55%; }
.wd60 { width: 60%; }
.wd65 { width: 65%; }
.wd70 { width: 70%; }
.wd75 { width: 75%; }
.wd80 { width: 80%; }
.wd85 { width: 85%; }
.wd90 { width: 90%; }
.wd95 { width: 95%; }
.wd100 { width: 100%; }
.min-w1200 { min-width: 1200px;}
/*===============================================
   0. Position
================================================= */
.p-r { position: relative; }
.p-a { position: absolute; }
.t-0 { top: 0;}
.r-0 { right: 0;}
.b-0 { bottom: 0;}
.l-0 { left: 0;}
/*===============================================
   P. Box
================================================= */
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.over { overflow: hidden; }
.dis-none { display: none;}
.dis-block { display: block;}
.dis-inline-blcok { display: inline-block;}
.mar-auto { margin:auto;}
.cursor { cursor: pointer;}


em,i,u,ins{ font-style:normal; text-decoration:none;}
.w1200{ width:1200px;margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.pf{ position:fixed;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}

.c-999{color:#999;}
.c-666{color:#666;}
.c-333{color:#333;}
.c-000{color:#000;}
.c-eee{color:#eee;}
.c-fff{color:#fff;}
.c-red{color:#c91623;}
.c-blue{color:#0a7cbe;}
.c-f60{color:#f60;}
.c-green{color: #8ec253;}
.bg-fff{background: #fff!important;}
.c-yello{color: #ff6600;}
.c-c91{color: #c91623!important;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top: 60px;}
.mb10{margin-bottom:15px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.margin20{margin:20px;}
.mb3{margin-bottom:3px;}
.mr3{margin-right:3px;}
.pt5 {padding-top: 5px !important; }
.pt10 {padding-top: 10px !important; }
.pt15 {padding-top: 15px !important; }
.pt20 {padding-top: 20px !important; }
.pt30 {padding-top: 30px !important; }
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important; }
.pr15 {padding-right: 15px !important; }
.pr20 {padding-right: 20px !important; }
.pr25 {padding-right: 25px !important; }
.pr30 {padding-right: 30px !important; }
.pb2{padding-bottom:2px;}
.pb5 {padding-bottom: 5px !important; }
.pb10 {padding-bottom: 10px !important; }
.pb15 {padding-bottom: 15px !important; }
.pb20 {padding-bottom: 20px !important; }
.pb30 {padding-bottom: 30px !important; }
.pl5 {padding-left: 5px !important; }
.pl10 {padding-left: 10px !important; }
.pl15 {padding-left: 15px !important; }
.pl20 {padding-left: 20px !important; }
.pl30 {padding-left: 30px !important; }
.p10{padding: 10px;}
.p20{padding: 20px;}

.prn{padding-right:0 !important;}
.pln{padding-left:0 !important;}


.ellipsis{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.hiddendiv{display:none;}
.va-m{vertical-align:middle;}
.over{overflow:hidden;}
.clear{ clear:both;}
.cursor{ cursor:pointer;}

.w100{width: 100%!important;}
.w80{width: 80%!important;}
.w60{width: 60%!important;}
.w50{width: 50%!important;}
.w40{width: 40%!important;}
.w30{width: 30%!important;}
.w20{width: 20%!important;}
.w18{width: 18%!important;}
.w15{width: 15%!important;}
.w10{width: 10%!important;}

/*head*/
.top-city{width:100px;line-height: 40px;cursor: pointer;}
.top-city em{display: inline-block;}
.head-top{height:40px;line-height:40px;background:#f6f6f6;border-bottom:1px solid #e7e7e7;margin-top: 1px;}
.top-nav ul li {float:left;margin:0px;font-size:12px; padding: 0 5px;}
.top-nav ul li a{font-size:12px;color:#999;border-right: 1px solid #ddd; padding-right: 10px;}
.top-nav ul li a:hover{color: #c91623;}
.top-nav ul li .line{color:#d7d7d7;padding:0 12px;}

.head-wrap{padding:10px 0 0 0;border-bottom: 2px solid #c91623;overflow: hidden;}
/*logo*/
.head-wrap .head-logo{width:210px;height:112px;}
.head-wrap .head-logo i{display:table-cell;height:112px;vertical-align:middle;text-align:left;}
.head-wrap .head-logo i a img{max-width:100%;max-height:112px;vertical-align:middle;}
/*search*/
.head-wrap .head-search{width: 580px;height:40px;line-height:40px;padding-left: 2px; position: relative; margin: 10px 20px 10px 80px;}
.head-wrap .head-search .search-input{width:450px;height:36px;line-height:36px;border:2px solid #c91623; none;font-size:13px;color:#666;background: #fff;padding: 0 10px;}
.head-wrap .head-search .search-btn{width:100px;height:38px;border:0 none; cursor:pointer; color: #fff;float:right; font-size: 16px;background: #c91623; position: absolute; right: 0; top:0;}
.search-code a{color: #999; font-size: 12px;margin-right: 10px;}
.search-code a:hover{color: #c91623;}
/*erm*/
.head-cart{width:110px;padding:0 30px;margin:10px 0 10px 30px;float:left;border: 1px solid #ddd; height:36px; line-height: 36px;}
.cart-text{position: relative;}
.top-ico{background: url(../images/top-ico.png) no-repeat;}
.pos01{background-position: 0px -25px;width:24px; height: 24px;}
.pos02{background-position: 0px 6px;width:22px; height: 22px;}

.head-word{position: absolute; right:-20px; top:10px;background: #c91623;width:15px; text-align: center; height: 15px; line-height: 15px; color: #fff; border-radius: 50%;}
/*nav*/
.head-wrap .head-nav{margin:0px 0 0 220px;overflow: hidden;}
.head-wrap .head-nav li{float:left;}
.head-wrap .head-nav li a{display:inline-block;height:36px;line-height:36px;font-size:16px;color:#333;padding:0px 25px;}
.head-wrap .head-nav li.active a{color:#fff;background:#c91623;}
.head-wrap .head-nav li:hover a{color:#fff;background:#c91623;}

/*footer*/
.footer-warp{ border-top:2px solid #25C234;}
.footer-a{padding:15px 0;}
.footer-a-mian li{float:left;height:60px;width:224px;margin-right:18px;border-right: 1px solid #ddd;}
.footer-a-mian li:last-of-type{border-right:0;}
.footer-a-mian li dl dt img{width:60px;height:60px;}
.footer-a-mian li dl dd {line-height:50px;}

.footer-b{padding:20px 0 0 0;background:#efefef;}
.footer-line{border-top:1px solid #ddd;overflow: hidden; padding-top:20px;}
.footer-b-l{width:1040px;}
.footer-b-l dl{float:left;width:208px;}
.footer-b-l dl dt{font-weight: 600; font-size: 15px;}
.footer-b-l dl dd{white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
.footer-b-l dl dd a{line-height:28px;font-size:14px;color:#999;}
.footer-b-l dl dd a:hover{color:#c91623;}

.footer-b-r{width:160px;text-align: center;}
.footer-gz dt img{width:86px;height:86px;}

.footer-c{padding:20px 0 20px;background:#efefef;}
.footer-c p{line-height:22px;font-size:13px;color:#999;}
.footer-c p a{font-size:13px;color:#666;}
.footer-c p a:hover{color:#666; color: #c91623;}
.footer-c p em{padding:0 10px;}

/*tab*/
.nav-pills{border-bottom:3px solid #3264a1;}
.nav-pills>li{margin-bottom: 0px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background: #3264a1;color: #fff;border-radius:0;border:0;}
.nav-pills>li>a{border: 0;background: #e3ebf5;border-radius: 0;}
.nav-pills>li>a:hover{background: #3264a1!important; color: #fff;}
.nav>li>a{padding: 12px 30px; font-size: 16px;}
.nav-pills>li>a:hover{background: none;border: 0;}