body {
    font-family: Verdana, Arial, sans-serif;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.fw {
    width: 100%;
}
.clear {
    clear: both;
}
.visible {
    display:block !important;
}
.hidden{
    display:none !important;
}
.transparent {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
.flex-viewport li {
    background-color: #ffffff !important;
	overflow: hidden;
    text-align: center !important;
}
.desc a {
    color: #000000;
    white-space: nowrap;
}
.flex-control-nav li{
    text-align:center !important;
    display: inline-block !important;
    margin: 0 3px !important;
}
.flex-control-paging li a {
    background-color: rgba(255, 255, 255, 1) !important;
    border-radius: 0 !important;
    width: 15px !important;
}
.flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #326592 !important;
    cursor: default !important;
}
.moreinfo .flex-control-nav {
    bottom: -10px !important;
}

body{
    background-attachment: fixed;
    background-position: center top;
    background-size: 100% auto;
}
.headerbg .container {
    margin-top: 5%;
    position: relative;
}
.m_body {
    margin-top: 19.5%;
}


.container{
    width:100%;
}

/*头部样式*/
.headerbg {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.headerbg .icon {
    display: inline-block;
    margin: 2% auto;
    text-align: center;
    width: 15%;
}
.headerbg .share, .headerbg .history {
    float: right;
}
.share .main {
    float: right;
}
.headerbg div.center {
    left: 30%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 40%;
    z-index: 100;
}
.headerbg div.icon:not(.center) img {
    height: auto !important;
    vertical-align: middle;
    width: 70% !important;
}
.headerbg div.center img {
    height: auto !important;
    margin-top: -12%;
    width: 60% !important;
}



.headerpop {
    background-color: transparent !important;
}
.headerpop li {
    text-align: left;
}
.headerpop li a {
  color: #ffffff;
  font-size: 16px;
  width: 100%;
  display: inline-block;
  padding: 5px 20px;
}
.headerpop li a:hover {
  color: #18489a;
}
.headerpop .sub {
    overflow: hidden;
    padding-left: 15%;
}
.remodal-wrapper ul {
    display: table;
}
.headerpop ul.main > li {
    border: 1px solid #a4a4a4;
    border-collapse: collapse;
    text-align: left;
}
.headerpop li.sub {
    padding-left: 20px !important;
}
.remodal-close:after {
    color: #ffffff !important;
}
.headerpop img {
    width: 156px !important;
    height: auto !important;
}

/*引导页*/
.indexbg header {
    margin-top: 10%;
}
.indexbg header li {
    float: left;
    margin-left: 10%;
    width: 39%;
}
.indexbg header .otherLi {
    float: right;
    margin-left: 0;
    margin-right: 10%;
    text-align: right;
}
.indexbg header a {
    background-repeat: no-repeat;
    background-size: 44px auto;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
}
.indexbg header a img {
    vertical-align: top;
    width: 65px !important;
    height: auto !important;
}
.indexbg header a .desc {
    height: 44px;
    line-height: 44px;
    margin-left: 5px;
    vertical-align: middle;

}
.indexbg .body {
    padding-bottom: 20%;
    padding-top: 20%;
}
.indexbg .body img {
    display: block;
    margin: 0 auto;
    width: 80% !important;
    height: auto !important;
}

/*Home*/
#home_newslist.flexslider .slides img {
    display: block;
    height: auto !important;
    width: 100% !important;
}
.search {
    margin-bottom: 10px;
    margin-left: 25px;
    margin-top: 10px;
}
.search .container {
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 5px;
    width: 90%;
}
.searchbtn {
    background-color: #fdfdfd;
    border: 3px solid #a4a4a4;
    color: #a4a4a4;
    font-size: 24px;
    padding: 0 0 0 0.5em;
    width: 100%;
}
.searchbtn2 {
  background-color: #fdfdfd;
  border: 3px solid #a4a4a4;
  color: #a4a4a4;
  float: left;
  font-size: 16px;
  padding: 0 0 0 5px;
  width: 160px;
}
.thebestofbrothers {
    color: #ffffff;
    font-size: 12px;
    padding-left: 25px;
}
.home_productlist {
    margin-bottom: 50px;
    margin-top: 10px;
    padding-left: 25px;
}
#home_productlist .carousel li, .moreinfo .carousel li {
    margin-right: 20px;
    padding: 5px;
}
.home_productlist .flexslider {
    width: 90%;
}
.home_productlist .flex-control-nav {
    bottom: -20px;
}


/*Product*/
.product img {
    vertical-align: top;
    height: auto !important;
    width: 100% !important;
}
.topcategorylist {
    margin: 10px 0 50px;
}
.topcategorylist .inner {
    margin: 0 auto;
    width: 90%;
}
.topcategorylist .slides {
    margin: 1% 0;
}
.topcategorylist li {
    background-color: #18489a;
    border-color: #ffffff;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
}
.topcategorylist li:last-child {
    border-bottom: 1px solid #ffffff;
}
.topcategorylist a {
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    padding: 5px 5px 5px 20px;
    width: 100%;
}

/*Category*/
.category_ad img, .category_ad_small img {
  vertical-align: top;
  width: 100% !important;
  height: auto !important;
}
.categorylist {
    padding-top: 5%;
}
.categorylist .search {
    background-color: #18489a;
    border: 2px solid #a4a4a4;
    margin: 5px 20px;
    padding: 5px 20px;
}
.searchword {
  color: #ffffff;
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin-right: 20px;
  vertical-align: top;
}
.bottom {
    margin-bottom: 50px !important;
}
.itemlist {
  margin: 5px 20px;
  text-align: center;
}
.itemlist li {
  background-color: #ffffff;
  box-sizing: border-box;
  display: inline-block;
  margin: 5px 9px 0 9px;
  overflow: hidden;
  text-align: center;
  width: 120px;
}
.desc {
    margin: 0 5px;
    min-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.itemlist .desc {
    font-family: "Exo 2",sans-serif;
    font-size: 16px;
}
.productlist a.pic, .moreinfo a.pic {
    height: 100px !important;
    width: 100px !important;
}
.pic {
    display: inline-block;
    overflow: hidden;
}
.itemdetail .desc {
    display: block;
    margin: 5px 5px 0 0;
    min-height: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
.itemdetail .images img {
  margin-bottom: 5px;
  width: 100%;
}
.productlist .pic img {
    width: 100px !important;
    height: auto !important;
}
.pic img {
    margin: 5px auto 0;
}
.pager {
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}
.pager span {
    background-color: #a4a4a4;
    display: inline-block;
    padding: 5px 10px;
}
.pager a {
    background-color: #a4a4a4;
    display: inline-block;
    padding: 5px 10px;
}

/*Category Detail*/
.video video {
    width: 100%;
}
.summary {
  padding-top: 10px;
  padding-left: 2px;
  padding-right: 2px;
}
.summary .inner, .summary .images {
  background-color: #18489a;
  width: 100%;
  padding: 10px 10px 5px 10px;
}
.itemdetail .title, .itemdetail .subtitle {
    color: #b78e56;
    font-size: 24px;
    line-height: 33px;
}
.summary .info {
    color: #ffffff;
    text-align: left;
}
.moreinfo {
  padding: 1px 2px;
}
.moreinfo .container {
  background-color: yellow;
  padding: 10px 10px 5px 10px;
}
.moreinfo .suggest, .moreinfo .viewhistory {
  background-color: #ffffff;
}
.moreinfo .suggest .title, .moreinfo .viewhistory .title {
  font-size: 16px;
}
.viewhistory {
    padding-bottom: 20px;
    padding-top: 20px;
}

/*About us*/
.about_us {
    padding-top: 5%;
}
.about_us .news_title {
    color: #ffffff;
    font-size: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 30px;
}
.about_us .news_desc {
    background-color: #18489a;
    color: #000000;
    margin-bottom: 50px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 10px;
}

/*News*/
.news {
    padding-bottom: 30px;
    padding-top: 30px;
}
.news .news_desc {
    background-color: #18489a;
    color: #000000;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 10px;
}
.news_desc img {
    display: block;
    height: auto !important;
    width: 100% !important;
}
.news_desc td {
    padding: 5px;
}
.news_desc button, .news_desc input, .news_desc select, .news_desc textarea {
    width: 165px;
}