a{text-decoration: none;}
.text-white{color: #fff;}
.pull-left{float: left;}
.pull-right{float: right;}
.clear{content: ""; display: block; clear: both;}
.hidden{display: none;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.center-block{margin: 0 auto; display: block;}
.w{width: 1200px; margin: 0 auto;}

.color_grey{color: #ccc !important;}
.color_red{color: red !important;}
.color_yellow{color: #B57A1C !important;}
.borderB{border-bottom: 1px solid #B57A1C; background: #fff;}
header.top{height: 35px; background: #F5F5F5; border-bottom: 1px solid #EAEAEA; font-size: 12px; line-height: 35px; color: #666666;}
header.top a{font-size: 12px; color: #555;}
header.top ul li{float: left; list-style: none; margin-left: 20px;}
.icon-xiala{font-size: 12px !important;}
.top_logo{height: 150px;}
.logo{width: 250px; height: 72px; display: block; margin-top: 39px;}
.top_logo form{width: 580px; margin-left: 130px; margin-top: 55px; position: relative; height: 41px;}
.top_logo form input{width: 455px; outline: none; position: absolute; padding-left: 35px; left: 0; height: 35px; border: 2px solid #D59927;}
.top_logo form button{position: absolute; outline: none; cursor: pointer; width: 90px; right: 0; border: 0; background: #D59927; color: #fff; height: 41px; font-size: 14px;}
.top_logo form i{position: absolute; left: 10px; font-size: 20px; color: #999; top: 9px;}
.top_logo .pull-right{width: 81px; font-size: 12px; line-height: 20px; margin-top: 25px; text-align: center; color: #999;}

.allGoodsCat a{color: #fff; background: #D69720;font-size: 16px; line-height: 35px; text-align: center; display: block; width: 220px; height: 36px;}
.allGoodsCat a:hover{text-decoration: none;}
.allMenu li{float: left; margin-left: 50px; line-height: 35px;}
.allMenu li a{color: #333;font-size: 16px;}
.allMenu li a:hover{text-decoration: underline;}
.allMenu li.on a{color: #D69720;}
.nav{position: relative;}
.GoodsCat{position: absolute; display: none; width: 220px; height: 520px; overflow: hidden; background: rgba(214,151,32,0.4); top: 35px; left: 0; z-index: 99;}
.GoodsCat a{color: #333; display: block; font-size: 15px; padding-left: 35px; margin-top: 28px;}
.GoodsCat a .iconfont{color: #B57A1C; padding-right: 5px; font-size: 18px;}
.GoodsCat a:hover,.allMenu li a:hover,.BannerText a:hover{color: #B57A1C;}

.footer{border-top: 1px solid #C8C6C7; padding-top: 40px; margin-top: 100px;}
.slogen dl{width: 25%; float: left;}
.slogen dl dt{width: 75px; height: 75px; border-radius: 50%; border: 2px solid #B57A1C; float: left; color: #B57A1C; line-height: 72px; text-align: center; font-size: 36px;}
.slogen dl dt i{font-size: 36px;}
.slogen dl dd {margin-left: 100px; padding-top: 15px;}
.slogen dl dd h3{font-weight: bold; color: #444; font-size: 18px;}
.slogen dl dd p{color: #999; font-size: 14px; line-height: 35px;}

.slogen:after,.footer-nav ul:after{display: block; content: ""; clear: both;}
.footer-nav{border-top: 1px solid #C8C6C7; margin-top: 40px; padding-top: 40px;}
.footer-nav ul{ padding: 0 100px;}
.footer-nav ul li{width: 200px; float: left; list-style: none; font-size: 16px; color: #333;}
.footer-nav ul li a{display: block; position: relative; color: #666; font-size: 14px; padding-top: 15px; padding-left: 15px;}
.footer-nav ul li a:before{position: absolute; width: 5px; height: 5px; background: #666666; content: ""; left: 0; top: 18px; border-radius: 50%;}
.footer-nav ul li a:hover{color: #B57A1C !important;}

.footer-bottom-nav{height: 60px; margin-top: 50px; font-size: 14px; color: #835A24; text-align: center; line-height: 60px; background: #C09C6C;}
.footer-bottom-nav a{ font-size: 14px; color: #835A24; padding: 0 10px;}

.page { width: 1100px; text-align: center; float: left; margin: 30px 0;  background-color: #FFF; height: 50px; line-height: 50px;}
.page a { padding: 8px 14.5px; border: solid 1px #d6d6d6; color: #7d7d7d; margin: 0 4px; border-radius: 50%;}
.page span { background-color: #D59720; border: #D59720 1px solid; color: #FFF; padding: 8px 14.5px; margin: 0 4px; border-radius: 50%;}
.page1 { width: 1100px; text-align: center; float: left; margin: 30px 0;  background-color: #FFF; height: 50px; line-height: 50px;}
.page1 a { padding: 3px 10.5px; border: solid 1px #EEEEEE; background: #EEEEEE; color: #7d7d7d; margin: 0 4px; border-radius: 0.2rem;}
.page1 span { background-color: #D59720; border: #D59720 1px solid; color: #FFF; padding: 3px 10.5px; margin: 0 4px; border-radius: 0.2rem;}

.fixImg{width: 100%; overflow: hidden;}
.user-nav ul{margin-left: 15px; position: relative;}
.user-nav ul:after{display: block; content: ""; clear: both;}
.user-nav ul li{background: #4AC7ED; border-radius: 3px; width: 120px; text-align: center; height: 40px; line-height: 40px; border: 1px solid #34A5C7; float: left;}
.user-nav ul li.on{background: #70B236;}
.user-nav ul li a{color: #fff; font-size: 16px;}
.user-nav ul li .slide{position: absolute; left: 0; top: 43px;}
.user-nav ul li .slide a{padding: 5px 20px;}

.user-notice{width: 100%; height: 42px; margin-top: 2px; line-height: 42px; color: #fff; font-size: 14px; text-indent: 15px; background: #86C84C; background:-moz-linear-gradient(top,#99D365,#75BD33); background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#99D365), to(#75BD33)); background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #99D365),color-stop(1, #75BD33));}
.content-left{margin-left: 15px; margin-top: 15px; float: left;}
.left-top{width: 270px; color: #fff; font-size: 16px; line-height: 30px; box-sizing: border-box; border-radius: 5px; border-top: 30px solid #439EDB; border-bottom: 30px solid #439EDB; background: #328ECB;}
.left-top h2{font-size: 34px; font-weight: bold; padding: 10px 0;}
.left-bottom{margin-top: 30px;width: 270px; position: relative; box-sizing: border-box; border-radius: 5px; border-top: 30px solid #439EDB; background: #8DC9F0;}
.left-bottom header{color: #fff; position: absolute; top: -23px; left: 105px;}
.left-bottom a{display: block; height: 30px; line-height: 30px; color: #333;}
.content-right{float: right; margin-right: 15px; margin-left: 30px; margin-top: 15px;}
.content-right header.head1{width: 100%; border-bottom: 1px solid #ccc; font-weight: bold; padding: 10px 0;}

.pages{margin-top: 50px;}
.pages a{border: 1px solid #ccc; font-size: 15px; color: #666; padding: 6px 12px; margin-right: 15px; border-radius: 3px;}
.pages span{color: #fff; background: #308ECB; border: 1px solid #308ECB; padding: 6px 12px; margin-right: 15px; border-radius: 3px;}



