@charset "utf-8";
*{margin:0;padding:0;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:400}
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: #676767;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.8;min-width:1200px;background-color:#ffffff}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;color:#676767;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none;color:#676767;}:focus{outline:none;color:#676767;}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*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:#999}
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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}

.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}

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

.por{position: relative;}
.poa{position: absolute;}

.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}


.f-bold{font-weight:bold}
.f-lighter{font-weight: lighter;}
.f-arial{font-family:Arial, Helvetica, sans-serif,"Microsoft Yahei"}
.f-simsun{ font-family:"simsun","Microsoft Yahei"}


.text-l{text-align: left}
.text-r{text-align: right}
.text-c{text-align: center}

.text-white{color:#ffffff;}
.text-main{color:#663200}
.bgw{background:#ffffff}
.bgs{background:#f7f7f7;}

.pdtb60{padding:60px 0;}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.border-r{border-radius:1000px;}
.over-hide{overflow: 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');
}

/*head*/



.header{position: relative;z-index:99;height:80px;box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
.header .logo{float: left;height:75px;margin-top:2px;}
.header .logo img{height:75px;}

.nav-ul{float: right;text-align:center;height:40px;margin-top:20px;}
.nav-ul>li{position: relative;float: left;height:40px;text-align:center;margin-left:40px}
.nav-ul>li>a{display:block;height:40px;line-height:40px;font-size:16px;color:#333333;}
.nav-ul>li.active>a{color:#d4975c;}

.nav-child{display:none;position:absolute;width:120px;top:100%;left:50%;margin-left:-60px;z-index:11;}
.nav-child .sub li{position:relative;width:100%;border-top:1px solid #e0e0e0;border-color:rgba(255,255,255,0.5);background:#d4975c;background:rgba(212,151,92,0.9);}
.nav-child .sub li:first-child{border-top:none}
.nav-child .sub li a{display:block;position:relative;width:100%;height:40px;line-height:40px;color:#fff;text-align: center;font-size:13px;}
.nav-child .sub li a.has-sub:after{content:'';position:absolute;width:10px;height:10px;right:5px;top:50%;margin-top:-5px;background: url(../imgs/jiantou.png) no-repeat center}
.nav-child .sub li:hover{background:rgba(212,151,92,.95);}

.nav-childitem{top:0;left:100%;margin-left:0}
.nav-childitem .sub li{border-left:1px solid #e0e0e0;border-color:rgba(255,255,255,0.5);}

.head-ql{float: right;margin-top:25px;margin-left:20px;}
.head-ql a{float: left;margin-left:20px;}
.head-ql .tel{display: block;width:30px;height:30px;background: url(../imgs/tel.png) no-repeat center;}
.head-ql .tel:hover{background: url(../imgs/telh.png) no-repeat center;}
.head-ql .wx{position:relative;display: block;width:30px;height:30px;background: url(../imgs/weixin.png) no-repeat center;}
.head-ql .wx:hover{background: url(../imgs/weixinh.png) no-repeat center;}
.head-ql .wx .sewm{display:none;width:100px;height:120px;padding:10px;padding-top:15px;position:absolute;left:50%;margin-left:-60px;top:100%;margin-top:10px;background: url(../imgs/k.png) no-repeat center}
.head-ql .wx .sewm img{display: block;width:100px;height:100px;}
.head-ql .wx .sewm p{line-height:20px;font-size:12px;color:#333333;}
.head-ql .wx:hover .sewm{display:block;}


.search-box{float: right;margin-left:20px;margin-top:27px;width:130px;height:24px;line-height:24px;padding:0 10px;background:none;border:1px solid #999999;border-radius:30px;}
.search-box .val{float: left;width:100px;height:24px;font-size:13px;border:none;background:none}
.search-box .btns{float: right;width:24px;height:24px;border:none;background:url(../imgs/search.png) no-repeat center;}


.index-head{position: fixed;z-index:99;top:0;left:0;width:100%;height:80px;background: rgba(255,255,255,0.7);box-shadow:none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.index-head.active{background-color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.15);}


/*foot*/
.maybeneed{padding:30px 0 50px;}
.maybeneed .tit01{text-align:center;padding-bottom:20px;border-bottom:1px solid #dddddd}
.maybeneed .tit01 h3{font-size:24px;color:#333333;}
.maybeneed .tit01 p{font-size:14px;color:#787878;}
.maybeneed .box{margin-top:50px}
.maybeneed .box dl{float: left;width:299px;text-align:center;}
.maybeneed .box dl i{display:block;width:80px;height:80px;margin:auto;background: url(../imgs/icon01.png) no-repeat;}
.maybeneed .box dl .icon_01{background-position:0 0;}
.maybeneed .box dl .icon_02{background-position:-80px 0;}
.maybeneed .box dl .icon_03{background-position:-160px 0;}
.maybeneed .box dl .icon_04{background-position:-240px 0;}
.maybeneed .box dl .tit{color:#333;font-size:16px;}
.maybeneed .box dl .txt{color:#999;font-size:14px;}
.maybeneed .box .segm{margin-top:20px;width:1px;height:100px;background-color:#dddddd}



.maybeneed a:hover .icon_01{background-position:0 -80px}
.maybeneed a:hover .icon_02{background-position:-80px -80px}
.maybeneed a:hover .icon_03{background-position:-160px -80px}
.maybeneed a:hover .icon_04{background-position:-240px -80px}




.foot{background-color:#f5f5f5}

.foot-nav{padding:50px 0;}
.foot-nav .lis{float:left;width:228px;text-align:center}
.foot-nav .lis1,
.foot-nav .lis6{width:144px}
.foot-nav .lis1{text-align: left;}
.foot-nav .lis6{text-align: right;}
.foot-nav dl{display:inline-block;text-align:left;}
.foot-nav dl dt{margin-bottom:15px;}
.foot-nav dl dt a{color:#333333;font-size:14px;}
.foot-nav dl dd a{color:#999999;font-size:12px;line-height:28px;}
.foot-nav dl a:hover{color:#d4975c}


.footer{padding:15px 0;font-size:12px;color:#999999;border-top:1px solid #dddddd}
.footer a{color:#999999;}
.footer .lefts{width:1000px;}
.footer .rights{width:180px;text-align: right}
.footer a:hover{text-decoration:underline;}












