/* Didao UI Global CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,ins,em{margin:0;padding:0;font-family: Arial,'微软雅黑';}
input,button,select,textarea{outline:none}
a,ins{text-decoration:none;}
ul,li{list-style:none}
img{border:none}
textarea{resize:none}
body{color:#666;background:#fff;word-break:break-all;word-wrap:break-word;text-align:center}
body,input,textarea{font-size:12px; font-family: Arial,'微软雅黑';}
a{color:#305999;outline:none; font-family: Arial,'微软雅黑';}
a:hover{color:#FF6600;text-decoration:underline}
.wrap{width:1200px;margin:0 auto;text-align:left;position:relative}
/*clearfix*/
.clearfix:after,.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.wrap{*+height:1%}

/* Didao UI Global Top CSS */
#top { border-bottom:1px solid #e6e6e7; background-color: #f4f4f4; }
#top .nav { width: 1200px; height: 30px; margin:0 auto;}
#top .nav a:hover { background-color: #e6e6e7;}
#top .nav .left { float: left; line-height: 30px; text-align: left;}
#top .nav .left a { display: inline-block; padding:0 5px;}
#top .nav .right { float: right; }
#top .nav .right li { float: left; height: 30px; line-height: 30px; color:#ccc;}
#top .nav .right a { display: inline-block; line-height: 30px; padding:0 10px;}
#top .nav .right .item { position: relative; z-index: 10;}
#top .nav .right .item ins { display: inline-block; float: right; width: 7px; height: 4px; margin:13px 0 13px 5px; background: url(../images/icon_base.png) no-repeat -16px -9px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transition:all .2s; -ms-transition:all .2s; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s;}
#top .nav .right .item .topexpend { display: none; position: absolute; right:0; padding:10px 0; background-color: #fff; box-shadow:0px 0px 3px rgba(0,0,0,.2); z-index: 9;}
#top .nav .right .item .topexpend  a { display: block; white-space:nowrap; line-height: 200%; }
#top .nav .right .item:hover { background-color: #fff; box-shadow:0px 0px 3px rgba(0,0,0,.2);}
#top .nav .right .item:hover:before { content: ""; position: absolute; display: block; width: 100%; height: 10px; background-color: #fff;bottom:-5px; z-index: 10;}
#top .nav .right .item:hover a { position: relative; background-color: #fff; }
#top .nav .right .item:hover ins { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
#top .nav .right .item:hover .topexpend { display: block;}
#top .nav .top-cart a ins { display: inline-block; float: left; width: 13px; height: 12px; margin:9px 5px 9px 0; background: url(../images/icon_base.png) no-repeat; background-position:  -2px -18px;}
#top .nav .top-cart a:hover ins { background-position:  -21px -18px; }

/* Didao UI Global Header CSS */
#header { width: 1200px; margin: 0 auto; }
#header .logo { float: left; width: 250px; height: 120px; text-align: left;}
#header .logo a { display: inline-block; margin: 32px 0;}
#header .search { float: right; height: 120px; }
#header .search .form { position: relative; height: 55px; width:500px; margin:42px 0 22px 0; }
#header .search .fields { height: 31px; padding:2px; background-color: #f27b04;}
#header .search .fields #keyword { display: block; float: left; border:0 none; background-color: #fff; height: 31px; width: 400px; font-size:14px; color:#666; line-height: 31px; padding: 0 5px;}
#header .search .fields .btn-search-submit { float: right; border: 0 none; height: 31px; width: 86px; font-size:16px; color:#fff; background: transparent; line-height: 31px; cursor: pointer;}
#header .search .hot-keyword { height: 20px; overflow: hidden; text-align: left;}
#header .search .hot-keyword a { display: inline-block; margin:0 10px 0 0; line-height: 20px;}
#header .search .tab { position: absolute; height: 20px; top:-20px; }
#header .search .tab li { float: left; padding:0 10px; }
#header .search .tab li a { color:#666; line-height: 20px;}
#header .search .tab li.current { background-color: #f27b04;}
#header .search .tab li.current a { color:#fff;}

/* Didao UI Global Footer CSS */
#footer { background-color: #282828; padding:30px 0; font-size:12px; line-height: 24px; color:#999; text-align: left;}
#footer a { font-size:12px; line-height: 24px; color:#999; }
#footer a:hover { color:#FF6600;}
#footer .footerBox { width: 980px; margin:0 auto; padding:0 0 0 220px; background: url(../images/footer_logo.png) no-repeat 0 0;}
#footer .footNav span { color:#333; display: inline-block; padding:0 10px;}
#footer .copyBox { border-top:1px solid #343434; padding:15px 0 0; margin:15px 0 0 0;}
#footer .copyright { line-height: 24px; color:#444;}

#nav { width: 1200px; height: 40px; margin:0 auto; background-color: #f27b04;}
#nav .didaoFace { float: left; width: 200px; height: 40px; background: #ff500b url(../images/didaoFace.gif) no-repeat 0 0; line-height: 200px; overflow: hidden;}
#nav .menuNav { display: block; margin:0 0 0 200px; overflow: hidden;}
#nav .menuNav li  { display: inline-block; float: left; padding:0 10px;}
#nav .menuNav li a { display: block; height: 40px; padding: 0 20px; font-size:14px; line-height: 40px; color: #fff; }
#nav .menuNav li a:hover,#nav .menuNav li.current a { color:#ffe4d2;}