@charset "utf-8";

*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #666666;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.8}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;color:#666666}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
b{font-weight:400}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

.w1200{width:1200px;margin:auto}
.w1140{width:1140px;margin:auto}
.w1000{width:1000px;margin:auto}
.tran-all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0}
.height40{height:40px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height60{height:60px;clear:both;zoom:1;line-height:0;font-size:0}
.height70{height:70px;clear:both;zoom:1;line-height:0;font-size:0}
.height80{height:80px;clear:both;zoom:1;line-height:0;font-size:0}
.height90{height:90px;clear:both;zoom:1;line-height:0;font-size:0}
.height100{height:100px;clear:both;zoom:1;line-height:0;font-size:0}

.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}
.va-m{ vertical-align:middle!important}
.va-b{ vertical-align:bottom!important}

.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}

.ma{margin:auto}

.left{ left:0; right:auto}
.right{ right:0; left:auto}
.top{ top:auto; bottom:0}
.bottom{ top:0; bottom:auto}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.over-hide{overflow: hidden;}
.line{ font-size: 0px; line-height: 0px; border-top: solid 1px #e7e7e7; float: none}
.pipe{margin:0 10px;color:#c8c8c8;font-family:"simsun"}

.bk-gray{border:solid 1px #e7e7e7}
.radius{border-radius:5px; overflow:hidden}
.round{border-radius:1000px; overflow:hidden}
.circle{ border-radius:50%; overflow:hidden}

.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2)}

.text-white{color:#ffffff;}
.text-main{color:#e6002d}
.bg-white{background:#ffffff}
.bg-gray{background:#f7f7f7;}

.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-24{font-size:24px}
.f-26{font-size:26px}
.f-28{font-size:28px}
.f-30{font-size:30px}

sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}

.content{position:relative;font-size:14px;line-height:28px;overflow:hidden;text-align:left}
.content h3{ margin-top:20px;font-size:16px}


.hide{display:none}[hidden]{display: none}
.hidden{display:none!important;visibility:hidden!important}
.f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}
.show{display:block}
.invisible{visibility:hidden}

::-webkit-input-placeholder {color:#999999;font-size:12px}
:-moz-placeholder {color:#999999;font-size:12px}
::-moz-placeholder {color:#999999;font-size:12px}
:-ms-input-placeholder {color:#999999;font-size:12px}

@font-face {font-family: "ava";
  src: url('font/ava_bnl.eot');
  src: url('font/ava_bnl.eot?#iefix') format('embedded-opentype'),
  url('font/ava_bnl.woff') format('woff'),
  url('font/ava_bnl.ttf') format('truetype'),
  url('font/ava_bnl.svg') format('svg');
}

@font-face {font-family: "impact22";
  src: url('font/impact.eot');
  src: url('font/impact.eot?#iefix') format('embedded-opentype'),
  url('font/impact.woff') format('woff'),
  url('font/impact.ttf') format('truetype'),
  url('font/impact.svg') format('svg');
}





/*header*/
.header{width:100%;height:24px;padding: 8px 0;background-color:#ffffff}
.header a{font-size:12px;color:#999999}
.header .head_l{float: left;line-height:24px;color:#999999}
.header .logins{float: right;line-height:24px;color:#999999}
.header .m_web{position:relative;display: inline-block;}
.header .m_web .qr{display:none;position:absolute;z-index:999;left:0;top:25px;background-color:#ffffff;width:120px;height:120px;padding:5px;border:1px solid #e7e7e7;box-shadow:0 0 5px rgba(0,0,0,.1)}
.header .m_web:hover .qr{display:block}

.head{width:100%;height:40px;padding:20px 0;background-color:#fafafa;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.head .logo{height:28px;margin-top:6px}
.head .logo img{height:28px}
.head .ggy{height:28px;line-height:28px;margin-top:6px;margin-left:20px;padding-left:20px;font-size:18px;color:#666666;border-left:1px solid #c8c8c8}

.cart_btn{display:block;height:38px;line-height:38px;padding:0 15px 0 40px;border:1px solid #e5e5e5;background: url(../imgs/cart.png) no-repeat 8px center;background-color:#ffffff}

.search{height:40px;line-height:40px;background:#eeeeee;margin-right:20px}
.search .btns{float: left;width:40px;height:40px;border:none;background:url(../imgs/search.png) no-repeat center;cursor:pointer}
.search .vals{float: left;width:270px;height:40px;padding-right:10px;border:none;background:none}

.header .skbtn{display:inline-block;background-color:#da251d;color:#fff;line-height:24px;margin-left:15px;vertical-align:top;padding:0 10px;border-radius:2px}


/*nav*/
.navs_bg{width:100%;height:60px;background:#ffffff;border-bottom:1px solid #e7e7e7}
.navs{position:relative;z-index:100;width:100%;height:60px;line-height:60px;text-align:center}
.navs .lis{float: left;width:140px;height:60px;font-size:16px;}
.navs .lis:hover{color:#da251d}
.navs .active{color:#da251d;border-bottom:1px solid #da251d}
.nav_pro{float: left;position:relative;width:198px;height:61px;font-size:16px;border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7}
.nav_pro span{display:inline-block;padding-right:20px;background: url(../imgs/sj.png) no-repeat right center;}
.nav-child{display:none;position:absolute;width:200px;height:600px;left:-1px;top:61px;background:rgba(0,0,0,.8)}
.nav-child>li{width:200px;height:66px;line-height:66px;}
.nav-child>li>a{display:block;width:100%;height:100%;color:#ffffff;}
.nav-child>li:hover{background:rgba(0,0,0,.5)}
.nav-child>li:hover>a{color:#ffffff}
.nav-child-child{display: none;position:absolute;left:200px;top:0;width:240px;height:600px;background-color:#ffffff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.nav-child-child>li{width:240px;height:119px;border-bottom:1px solid #e7e7e7}
.nav-child-child>li>a{display:block;width:210px;height:90px;padding:14px 15px 15px}
.nav-child-child>li:hover .tit{color:#da251d}
.nav-child-child>li .pic{float: left;width:90px;height:90px;}
.nav-child-child>li .pic img{width:90px;height:90px;}
.nav-child-child>li .tit{float: right;width:110px;height:90px;line-height:18px;font-size:14px;overflow:hidden}
.nav-child-child>li .tit p{display:table-cell;width:110px;height:90px;text-align: left;vertical-align:middle}
.nav-child>li:hover .nav-child-child{display: block}




.nav_pro:hover .nav-child{display:block}



/*foot*/
.foot{padding:30px 0}
.foot .f_01{width:500px}
.foot .f_01 .p1{font-size:16px;color:#333333;margin-top:10px}
.foot .f_01 .p2{font-size:14px;color:#666666;margin-top:8px}
.foot .f_01 .p3{font-size:12px;color:#666666;margin-top:5px}
.foot .f_01 .p4 {font-size:30px;font-weight:bold;color:#da251d;margin-top:0;}

.foot .f_02{width:130px;margin-left:20px;margin-top:30px}
.foot .f_02 img{display:block;width:130px}
.foot .f_02 p{text-align:center;margin-top:10px}

.foot .f_03{width:372px;}
.foot .f_03 .apply{margin-top:15px}
.foot .f_03 .apply .lis{height:42px;width:372px;margin-top:10px;}
.foot .f_03 .apply .lis input,
.foot .f_03 .apply .lis textarea{padding:0 15px;width:340px;height:40px;line-height:40px;border:1px solid #e7e7e7;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.foot .f_03 .apply .lis input:hover,
.foot .f_03 .apply .lis textarea:hover{border: solid 1px #da251d}
.foot .f_03 .apply .lis input:focus,
.foot .f_03 .apply .lis textarea:focus{border:solid 1px #da251d \9;border-color:rgba(218,37,29,0.8);box-shadow:0 0 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(218,37,29, 0.5)}
.foot .f_03 .apply .sub_btn{margin-top:10px}
.foot .f_03 .apply .sub_btn button{width:150px;height:50px;background: #da251d;border:none;color:#ffffff;font-size:16px;cursor:pointer}


.friendlink{margin-top:40px;}
.friendlink a{margin-right:15px;}
.friendlink a:hover{color:#da251d}

.yd_head{position:fixed;top:0;left:0;z-index:3;width:100%;height:70px;background-color:#ffffff;border-bottom:1px solid #e7e7e7}
.yd_head .logo{margin-top:20px}
.yd_head .logo img{height:30px}
.yd_head .tels{margin-top:10px}
.yd_head .tels .p{height:50px;text-align: right;}
.yd_head .tels .p p{line-height:25px}
.yd_head .tels .p .p1{font-size:14px;color:#666666}
.yd_head .tels .p .p2{font-size:24px;color:#da251d;padding-left:35px;background: url(../imgs/te.jpg) no-repeat left center;}
.yd_head .tels .p .p2 span{display:inline-block;padding-left:15px;border-left:1px solid #eaeaea;line-height:25px}


.yd_foot{position:fixed;bottom:0;left:0;z-index:2;width:100%;height:60px;line-height:60px;font-size:12px;border-top:1px solid #ffffff;background-color:#ffffff;box-shadow:0 0 30px rgba(0,0,0,.1)}


.yd_mian{position:fixed;z-index:99;left:50%;margin-left:-600px;bottom:130px;width:1200px;height:220px}
.yd_mian .yds{position:relative;width:592px;height:220px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.yd_mian .yds p{position:absolute;;right:50px;top:30px;text-align:center;width:100px;font-size:22px;color:#da251d}
.yd_mian .yds .pic{width:592px;height:220px;}
.yd_mian .yds .pic img{width:592px;height:220px;}
.yd_mian .yds:hover{box-shadow:0 0 30px rgba(0,0,0,.2);
  transform: translate(0,-2px);
-ms-transform: translate(0,-2px);   /* IE 9 */
-webkit-transform: translate(0,-2px); /* Safari and Chrome */
-o-transform: translate(0,-2px);    /* Opera */
-moz-transform: translate(0,-2px);  }