@charset "utf-8";/*CSS reset*/
html{color:#555;font-size:14px;font-family: Arial,"Microsoft YaHei",simsun,sans-serif,Mingliu,Verdana,Helvetica,Lucida;height:100%;background:#fff}
body,div,dl,a,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,select{margin:0;padding:0;font-family:"微软雅黑"}
table{border-collapse:collapse;border-spacing:0}
em,cite{font-style:normal}
fieldset,img{border:0}
ul,li{list-style-type:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
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%}
a:link,a:visited{text-decoration:none;font-family: Arial,"Microsoft YaHei",simsun,sans-serif,Mingliu,Verdana,Helvetica,Lucida}
a:hover,a:active{text-decoration:none;color:#333}
input, select{outline:none}
img{border:none}
button,label,input[type="submit"]{cursor:pointer}
button,input,select,textarea{font-size:12px;outline:none;font-family:Microsoft Yahei,Arial;margin:0;border:none}
em,th,i{font-style:normal;font-weight:normal}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{color: #525866;}

body {height: 100%;}
.hide{display:none}
.block{display:block}
.mt10{margin-top:10px;}
.mt20{margin-top: 20px}
.mt30{margin-top:30px}
.pd20{padding:20px 0}
.pd40{padding:40px 0}
.f-cb { *zoom: 1; }
.f-cb:after{ content: ".";  display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.f-dn { display: none !important; }
.f-db { display: block !important; }
.f-fl { float: left !important; }
.f-fr { float: right !important; }
.f-tc { text-align: center !important;}
.f-tr { text-align: right !important;}
/* gird start*/
.wrap { width: 1190px; margin: 0 auto; *zoom: 1;}
.wrap:after{ content: ".";  display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.row { margin-left: -5px; margin-right: -5px; *zoom: 1;}
.row:after{ content: ".";  display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-20,.col-21,.col-22,.col-23,.col-24,.col-25,.col-26,.col-27,.col-28,.col-29,.col-30 { float: left; padding: 0 5px;}
.col-1 { width: 30px;}
.col-2 { width: 70px;}
.col-4 { width: 150px;}
.col-5 { width: 190px;}
.col-6 { width: 230px;}
.col-7 { width: 270px;}
.col-8 { width: 310px;}
.col-9 { width: 350px;}
.col-10 { width: 390px;}
.col-11 { width: 430px;}
.col-12 { width: 470px;}
.col-15 { width: 590px;}
.col-17 { width: 670px;}
.col-18 { width: 710px;}
.col-19 { width: 750px;}
.col-20 { width: 790px;}
.col-22 { width: 870px;}
.col-24 { width: 950px;}
.col-26 { width: 1030px;}
.col-28 { width: 1110px;}
.col-30 { width: 1190px;}


.w10{width: 10px;}
.w20{width: 20px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w230{width: 230px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w260{width: 260px;}
.w270{width: 270px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w310{width: 310px;}
.w320{width: 320px;}
.w330{width: 330px;}
.w340{width: 340px;}
.w350{width: 350px;}
.w360{width: 360px;}
.w370{width: 370px;}
.w380{width: 380px;}
.w390{width: 390px;}
.w400{width: 400px;}
.w410{width: 410px;}
.w420{width: 420px;}
.w430{width: 430px;}
.w440{width: 440px;}
.w450{width: 450px;}
.w460{width: 460px;}
.w470{width: 470px;}
.w480{width: 480px;}
.w490{width: 490px;}
.w500{width: 500px;}
.w510{width: 510px;}
.w520{width: 520px;}
.w520{width: 520px;}
.w530{width: 530px;}
.w540{width: 540px;}
.w550{width: 550px;}
.w560{width: 560px;}
.w570{width: 570px;}
.w580{width: 580px;}
.w590{width: 590px;}
.w600{width: 600px;}
/* width-px end*//* width-% start*/
.w100p{width: 100%;}
.w99p{width: 99%;}
.w98p{width: 98%;}
.w97p{width: 97%;}
.w96p{width: 96%;}
.w95p{width: 95%;}
.w94p{width: 94%;}
.w93p{width: 93%;}
.w92p{width: 92%;}
.w91p{width: 91%;}
.w90p{width: 90%;}
.w85p{width: 85%;}
.w80p{width: 80%;}
.w55p{width: 55%;}
.w50p{width: 50%;}
.w45p{width: 45%;}
.w40p{width: 40%;}
.w35p{width: 35%;}
.w30p{width: 30%;}
.w25p{width: 25%;}
.w20p{width: 20%;}
.w15p{width: 15%;}
.w10p{width: 10%;}

@font-face {
  font-family: 'yll-iconfont';  /* project id 492277 */
  src: url('http://at.alicdn.com/t/font_492277_2bn9w6slij8.eot');
  src: url('http://at.alicdn.com/t/font_492277_2bn9w6slij8.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_492277_2bn9w6slij8.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_492277_2bn9w6slij8.woff') format('woff'),
  url('http://at.alicdn.com/t/font_492277_2bn9w6slij8.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_492277_2bn9w6slij8.svg#iconfont') format('svg');
}

.yll-iconfont{
    font-family:"yll-iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale}

/*头部导航 start*/
.header {background-color: #fff;}
.topbar{background-color: #f7f7f7;border-bottom: none;}
.topbar ul li{display: inline-block;height:20px;line-height:20px;margin:5px 0;padding: 0 10px;font-size: 12px;}
.topbar ul li:first-child{padding: 0 10px 0 0;border-left: none;}
.topbar ul li a{display:inline-block;color: #999;}
.topbar ul li a span{vertical-align: bottom;color: #ff881e;font-size: 14px;margin: 0 5px 0 0;}
.head { height:55px; padding:35px 0;background: #fff;}
.head .wrap { position: relative;}
.head .logo { height: 52px;}
.head .logo img{ height: 100%; width: auto;}
.search { top: 0;}
.search .search-txt { float: left; position: relative; width: 400px; height: 36px;}
.search .search-txt input { border: 2px solid #265bdb;}
.search .search-txt span { position: absolute; right:0; top:0; width: 40px; height: 100%; text-align: center; line-height:38px; font-size:24px; color: #999;}
.search .search-btn { float: left; width:85px; height:36px;}
.search .search-btn input { background-color: #265bdb; line-height: 36px;}
.search .hot-word { line-height:23px;}
.search .hot-word a { padding: 0 5px; font-size:12px; color:#999;}
.search .hot-word a:hover{ color:#265bdb;}
.shop-cart-dropdown .shop-cart-btn { height: 34px; padding-left: 20px; padding-right: 20px; background-color: #f6f6f6; border: 1px solid #e2e2e2; line-height: 34px; font-size: 14px; color: #265bdb;}
.shop-cart-dropdown .shop-cart-btn span { font-size: 16px;}
.shop-cart-dropdown.on .shop-cart-btn { border:1px solid #265bdb; color: #265bdb; }
.shop-cart-dropdown.on .shop-cart-pop { top: 36px; border:1px solid #265bdb;}
.shop-cart-dropdown.on .shop-cart-pop::before { width: 120px;}
.shop-cart-operate .tocart a { background-color: #ff881e;}

.footer { background-color:#222; box-shadow: 0 -2px 2px rgba(0,0,0,.05);}
.foot-ensure-wrap { background-color: #fff;}
.foot-ensure dl dt span{ display: inline-block;position: relative;border: 3px solid #265bdb;width: 49px;height: 49px;line-height: 49px;font-size: 34px;border-radius: 50%; text-align: center;color: #265bdb;}
.foot-ensure dl dt span:after{content: "";position: absolute;right: 0;top: 5px;background: #fff;width: 10px;height: 10px;border-radius: 50%;}
.foot-ensure dl dd h3{ font-size: 18px; color: #333;}
.foot-ensure dl dd p{ font-size: 14px; color: #666;text-align: left;}
.foot-help { padding: 35px 0;border-top: 4px solid #265bdb;}
.foot-help dl { padding-right:70px;}
.foot-help dl dt { margin-bottom: 15px; color: #fff;}
.foot-help dl dd { line-height: 25px; font-size: 12px;}
.foot-help dl dd a { color:rgba(255, 255, 255, 0.87);}
.foot-help dl dd a:hover{ color:#265bdb;}
.foot-help dl.foot-contact { width:256px; height:88px; border:1px solid #fff; padding:3px; }
.foot-help dl.foot-contact dt{ float: left; margin-right: 10px; margin-bottom: 0;}
.foot-help dl.foot-contact dt img { width: 88px; height: 88px;} 
.foot-help .f-tel { text-align: center;}
.foot-help .f-tel .num{ padding-top:8px; font-family:Arial; font-size:24px; color: #265bdb;}
.foot-help .f-tel .time{ font-size: 12px; color: #fff;}
.foot-about { padding:35px 0 35px; border-top:1px solid rgba(255, 255, 255, 0.22);}
.foot-about p { text-align: center; line-height:20px; font-size: 12px; color: rgba(255, 255, 255, 0.7);}
.foot-about p.links { margin-bottom: 15px; font-size: 14px;}
.foot-about p.links a { color: #fff;}
.foot-about p a { color: rgba(255, 255, 255, 0.7);}
.foot-about p a:hover { color: #265bdb;}