.Themetxthover:hover, .Themefont {

  color: rgb(94, 62, 32) !important

}



.Themebg, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .tp-bannertimer, .tp-leftarrow:hover, .tp-rightarrow:hover, .message-list dl dt {

  background-color: rgb(228, 196, 84) !important

}



.Themebghover:hover {

  background-color: rgb(228, 196, 84) !important

}



.ThemeFborder, .ThemeSborder {

  border-color: rgb(228, 196, 84) !important

}

.pro-list li{

  float: left;

}

.NavBoxPublic .TriangleBtn:before {

  border-color: rgb(94, 62, 32) !important

}



.ThemeSbg {

  background-color: rgb(228, 196, 84) !important

}



.notice-box .zuixin:before {

  color: rgb(228, 196, 84) !important

}



.tpl_six {

  background-color: rgb(228, 196, 84) !important;

  margin-top: 60px !important

}



.articleLabel .case a:before, .friendLink, .breadCrumb {

  background-color: rgb(228, 196, 84) !important

}



.left_class, .info_class_x .tab-box, .pro_class_x .left_class {

  border-left-color: rgb(228, 196, 84) !important

}









@font-face {

  font-family: "iconfont";

  src: url('/static/font/iconfont.eot');

  src: url('/static/font/iconfont.eot') format('embedded-opentype'), url('/static/font/iconfont.woff') format('woff'), url('/static/font/iconfont.ttf') format('truetype'), url('') format('svg')

}



.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale

}



.icon-gonggao:before {

  content: "\e600"

}



.icon-shizhong:before {

  content: "\e601";

  font-size: 14px;

  vertical-align: middle

}



.tpl_one .col-md-12 {

  float: none

}



.row .col-md-4, .row .col-md-8, .row .col-md-9, .row .col-md-7, .row .col-md-5 {

  padding: 0px

}



.menu .header-box {

  margin: 0 auto;

  height: auto;

  max-width: 1180px;

  position: relative

}



.menu .header-box .logo {

  float: left

}



.menu .header-box .logo img {

  margin: 0;

  max-height: 100px

}



.nowrap, .nowrapall, .nowrapall * {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden

}



.cl {

  clear: both

}



.content-box {

  max-width: 1180px;

  margin: 30px auto 0px;

  clear: both

}



.Animation {

  -webkit-transition: all .4s ease-in-out 0s;

  -moz-transition: all .4s ease-in-out 0s;

  -ms-transition: all .4s ease-in-out 0s;

  transition: all .4s ease-in-out 0s

}



a:hover {

  text-decoration: none

}



.column {

  margin: 0px

}









.skin1 input, .skin1 textarea, .xskin1 input, .xskin1 textarea {

  color: #333

}









.bannerEffect .tp-bullets.simplebullets.round .bullet {

  width: 10px;

  height: 10px;

  border-radius: 30px;

  margin: 0 5px

}



.index_title {

  position: relative;

  height: 1px;

  background-color: rgb(228, 196, 84)

}



.index_title .title_name {

  position: absolute;

  left: 24px;

  background-color: rgb(94, 62, 32);

  border-radius: 0px 0px 100px 100px;

  border: 1px solid rgb(228, 196, 84);

  height: 44px;

  width: 88px;

  border-top: none

}



.index_title p {

  display: block;

  position: absolute;

  left: 4px;

  color: rgb(94, 62, 32);

  border-radius: 50%;

  text-align: center;

  height: 80px;

  line-height: 80px;

  width: 80px;

  top: -40px;

  font-size: 14px;

  font-weight: bold

}



.index_title .more {

  display: block;

  right: 0px;

  position: absolute;

  color: rgb(94, 62, 32);

  width: 60px;

  height: 25px;

  line-height: 25px;

  text-align: center;

  top: -12px

}









.headFixed {

  position: relative

}



.header-nav {

  width: 100%

}



.menu .nav-box {

  height: 45px;

  line-height: 45px;

  max-width: 1180px;

  margin: 0 auto

}



.menu .NavBox {

  height: 45px;

  text-align: center

}



.menu .nav {

  padding: 0;

  margin: 0px auto;

  height: 45px

}



.menu .nav li {

  float: left;

  text-align: center

}



.menu .nav>li:hover ul {

  display: block;

  padding: 0

}



.menu .nav>li .Triangle:after {

  content: '';

  display: inline-block;

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  border-top: 6px solid rgb(94, 62, 32);

  position: absolute;

  top: 14px;

  right: 0px

}



.menu .nav>li ul {

  display: none;

  padding: 0;

  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .4);

  position: absolute;

  left: 0px;

  top: 45px;

  width: 100%;

  z-index: 33

}



.menu .nav>li ul li {

  line-height: 35px;

  padding: 0px;

  background: none;

  float: none;

  text-align: center;

  margin-top: 1px;

  width: 100%

}



.menu .nav>li ul li a {

  font-size: 12px;

  color: rgb(94, 62, 32);

  display: block;

  margin: 0 5px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-align: center;

  padding: 0px

}



.menu .nav>li ul li a:hover {

  text-decoration: none;

  color: rgb(94, 62, 32)

}



.menu .navbar-nav {

  width: 100%

}



.menu .navbar-nav>li {

  width: 12.5%;

  height: 45px

}



.menu .navbar-nav>li>a {

  display: block;

  position: relative;

  font-size: 14px;

  color: rgb(94, 62, 32);

  height: auto;

  margin: 6px 0px 0px;

  line-height: 32px;

  border-radius: 20px;

  padding: 0px

}



.menu .navbar-nav>li>a.active, .menu .navbar-nav>li>a:hover, .menu .navbar-nav>li>a:focus {

  background: none

}



.menu .navbar-nav>li>a.active {

  background-image: none;

  -webkit-box-shadow: none;

  box-shadow: none

}



.NavBtn {

  display: none;

  text-align: center;

  overflow: hidden

}



.menu .tel {

  font-size: 14px;

  position: absolute;

  right: 10px;

  top: 6%

}



.menu .tel img {

  display: block;

  

  float: left

}



.menu .tel p {

  display: block;

  float: left;

  margin-left: 10px;

  margin-top: 15px

}



.menu .tel b {

  font-size: 23px;

    font-family: "Arial";

    

    color: #82b82c;

    border-radius: 20px

}



.header-box .clearfix.none {

  display: none

}



.btn-navbar-t {

  display: none;

  float: right;

  padding: 3px 8px 7px;

  margin-right: 5px;

  margin-left: 5px;

  border: 1px solid #333;

  border-radius: 4px

}



.btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active {

  filter: Alpha(opacity=80);

  opacity: 0.8

}



.btn-navbar-t .icon-bar {

  background: #333;

  display: block;

  margin-top: 4px;

  width: 18px;

  height: 2px

}





















@media screen and (max-width:1180px) {

  .content-box {

    margin: 30px 15px 0px

  }

  .menu .header-box .logo img {

    margin-left: 15px

  }

}









@media screen and (max-width:870px) {

  .header-nav {

    border-bottom: none;

    margin-top: 0px

  }

  .menu .header-box .logo img {

    height: 57px

  }

  .menu {

    height: auto

  }

  .menu .tel {

    display: none

  }

  .menu .search {

    display: none

  }

  .menu .nav-box {

    border-radius: 0px

  }

  .header-box .clearfix.none {

    display: block

  }

  .menu .nav {

    padding: 0;

    margin: 0

  }

  .menu .nav li a:hover:after {

    display: none

  }

  .menu .btn-t {

    display: block;

    position: absolute;

    top: 18px;

    right: 14px

  }

  .menu .header-nav .nav-box {

    background: none;

    height: auto;

    padding: 0;

    margin: 0

  }

  .menu .nav {

    float: none;

    width: 100%

  }

  .menu .NavBox {

    width: 100%;

    height: 0;

    overflow: hidden

  }

  

}



@media screen and (max-width:600px) {

  .menu .header-box .logo img {

    height: 50px

  }

  .tpl_four .col-md-9, .tpl_four .col-md-3 {

    width: 100% !important;

    float: none;

    margin-left: 0px !important

  }

  .tpl_four .col-md-3 {

    margin-top: 20px

  }

}



@media screen and (max-width:468px) {

  .menu .header-box .logo img {

    height: 44px;

    margin-bottom: 10px;

    margin-top: 10px

  }

  .menu .btn-t {

    top: 15px

  }

}



@media screen and (max-width:320px) {

  .menu .header-box .logo img {

    height: 38px

  }

}



.banner {

  width: 100%

}



.carousel {

  margin: 0

}



.bannerBox {

  position: relative

}



@media screen and (max-width:870px) {

  .banner {

    margin: 0px auto

  }

}









.bannerEffect .tp-bullets.simplebullets.round .bullet {

  width: 10px;

  height: 10px;

  border-radius: 30px;

  margin: 0 5px

}









.notice {

  margin: 0px auto;

  height: 45px;

  line-height: 45px;

  color: #333;

  background: #f2f2f2

}



.notice .alertinfo {

  position: relative

}



.notice-box .zuixin {

  font-weight: bold;

  font-size: 12px;

  padding: 0px 5px 0px 34px;

  vertical-align: top;

  float: left

}



.notice-box .zuixin:before {

  content: "\e600";

  position: absolute;

  left: 0px;

  font-size: 22px;

  text-align: center

}



.notice .notice-box {

  position: relative;

  clear: none

}



.notice .notice-box .noticeBox {

  max-width: 1180px;

  margin: 0 auto;

  border: none

}



.notice .notice-box ul.notice-ul {

  font-size: 12px;

  height: 45px;

  line-height: 45px;

  list-style: none;

  padding-left: 100px

}



.notice .notice-box ul.notice-ul li {

  height: 45px;

  line-height: 45px

}



.notice .notice-box ul.notice-ul li a {

  color: #333;

  padding: 0px;

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden

}



.notice .notice-box ul.notice-ul li a:hover {

  text-decoration: none

}



.notice .col-md-6, .notice .col-md-4 {

  padding: 0px

}









.notice .search {

  float: right;

  display: inline;

  margin-right: 10px;

  margin-top: 6px;

  height: 33px

}



.notice .search .navbar-form {

  padding: 0px;

  float: right;

  margin: 0px

}



.notice .search .navbar-form .form-control {

  border-radius: 0;

  border: 1px solid;

  box-shadow: none;

  font-size: 12px;

  height: 33px;

  line-height: 33px;

  padding: 0px 10px !important;

  background-color: rgb(94, 62, 32);

  box-sizing: border-box;

  display: inline-block;

  vertical-align: top;

  width: 250px

}



.notice .search .dropdown-menu {

  border-radius: 0;

  padding: 0;

  min-width: 70px;

  left: 0px

}



.notice .search .dropdown-menu>li {

  padding: 0

}



.notice .search .dropdown-menu>li>a {

  text-align: center;

  font-size: 12px;

  color: #666;

  display: block;

  line-height: 26px;

  padding: 0px

}



.notice .search .btn-danger {

  color: rgb(94, 62, 32);

  background-color: #bcbcbc;

  border: 1px solid #bcbcbc;

  background-image: none;

  padding: 8px 4px;

  font-size: 12px

}



.notice .search .form-group {

  margin-bottom: 0;

  vertical-align: middle;

  display: inline-block;

  float: left

}



.notice .btn-search-group {

  color: rgb(94, 62, 32);

  font-size: 12px;

  font-family: "SimSun";

  cursor: pointer;

  right: 0;

  margin: 0px;

  vertical-align: top

}



.notice .btn-search-group .btn {

  background: none !important;

  border: none !important

}



.notice .alertinfo li {

  line-height: 40px;

  white-space: nowrap

}









@media screen and (max-width:1180px) {

  .notice .notice-box {

    max-width: 100%

  }

  .notice .notice-box .noticeBox {

    margin: 0px 15px 0px

  }

}









@media screen and (max-width:870px) {

  .notice .notice-box .col-md-4 {

    width: 48%

  }

  .notice .searchBox {

    display: none

  }

}



.notice .btn-search-group {

  color: rgb(94, 62, 32);

  font-size: 14px;

  font-family: "SimSun";

  cursor: pointer;

  position: absolute;

  right: 0

}



.notice .btn-search-group .btn {

  background: none !important;

  border: none !important

}



.notice .alertinfo li {

  white-space: nowrap

}









.about {

  clear: both;

  position: relative

}



.about .about_box {

  max-width: 1180px;

  margin: 0 auto;

  position: relative;

  padding-top: 70px;

  padding-bottom: 40px

}



.about .about_title {

  display: block;

  position: absolute;

  left: 20px;

  color: rgb(94, 62, 32);

  border-radius: 50%;

  text-align: center;

  height: 80px;

  line-height: 80px;

  width: 80px;

  top: -40px;

  font-size: 14px;

  font-weight: bold;

  border: 4px solid rgb(94, 62, 32);

  z-index: 4

}



.about .company_box {

  position: relative;

  height: auto;

  overflow: hidden

}



.about .company_box .company_img {

  width: 25%;

  float: left

}



.about .company_box .company_img img {

  width: 100%

}



.about .company_wz {

  line-height: 30px;

  height: 210px;

  overflow: hidden;

  color: rgb(94, 62, 32);

  width: 73%;

  float: right

}



.about .more {

  display: block;

  right: 0px;

  color: rgb(94, 62, 32);

  font-size: 12px;

  text-align: center;

  width: 60px;

  height: 30px;

  line-height: 30px;

  position: absolute;

  top: -15px;

  z-index: 3

}



@media screen and (max-width:1180px) {

  .about .about_box {

    margin: 0px 15px

  }

}



@media screen and (max-width:980px) {

  .about .company_wz {

    height: 180px

  }

}



@media screen and (max-width:870px) {

  .about .company_box .company_img {

    width: 30%

  }

  .about .company_wz {

    width: 68%

  }

}



@media screen and (max-width:600px) {

  .about .company_wz {

    height: 128px

  }

}



@media screen and (max-width:480px) {

  .about .company_box .company_img {

    width: 35%

  }

  .about .company_wz {

    width: 60%

  }

}



@media screen and (max-width:414px) {

  .about .company_box .company_img {

    width: 40%

  }

  .about .company_wz {

    width: 56%;

    height: 120px;

    line-height: 24px

  }

}



@media screen and (max-width:375px) {

  .about .company_wz {

    height: 100px

  }

}









.contact {

  margin-top: 15px;

  border: 1px solid rgb(228, 196, 84)

}



.contact .contact_title {

  text-align: center;

  height: 40px;

  line-height: 40px

}



.contact .contact_title a {

  color: rgb(94, 62, 32);

  font-size: 14px;

  font-weight: bold;

  padding: 0 15px;

  display: block

}



.contact .company-box {

  background: url(/static/image/contact.jpg.jpg)right bottom no-repeat;

  line-height: 30px;

  height: 173px;

  overflow: hidden;

  padding: 15px

}



@media screen and (max-width:980px) {

  .contact .company-box {

    height: 148px

  }

}



@media screen and (max-width:870px) {

  .contact .company-box {

    padding: 9px 15px

  }

}



@media screen and (max-width:768px) {

  .contact .company-box {

    height: 137px;

    line-height: 26px

  }

}



@media screen and (max-width:600px) {

  .contact .company-box {

    line-height: 30px

  }

}



@media screen and (max-width:320px) {

  .contact .company-box {

    height: 150px

  }

}









.article {

  margin-top: 35px

}



.article .news_box {

  margin-top: 60px

}



.article a {

  text-decoration: none

}



.article .temp li {

  width: 49%;

  float: left;

  list-style-type: none;

  overflow: hidden;

  box-sizing: border-box;

  padding: 7px;

  border: 1px solid rgb(228, 196, 84);

  margin: 0px 0px 3px 1%

}



.article .temp ul {

  padding: 0

}



.article .temp li:first-child {

  margin: 0px !important

}



.article .items {

  position: relative

}



.article .items ul.temp {

  width: 100%;

  padding: 0px

}



.article .items .item {

  position: relative;

  box-sizing: border-box

}



.article .items .item .cons {

  padding: 0px

}



.article .items .item .face {

  width: 34%;

  height: auto;

  overflow: hidden;

  float: left

}



.article .items .item0 .face {

  width: 100% !important;

  float: none

}



.article .items .item .face img {

  width: 100%

}



.article .items .item .text {

  height: 45px;

  color: #333;

  padding: 0px 5px;

  float: right;

  width: 62%

}



.article .items .item.item0 .text {

  width: 100%;

  float: none

}



.article .items .item .face img:hover {

  -webkit-transform: scale(1.1) rotate(3deg);

  -moz-transform: scale(1.1) rotate(3deg);

  -ms-transform: scale(1.1) rotate(3deg);

  -o-transform: scale(1.1) rotate(3deg);

  transform: scale(1.1) rotate(3deg)

}



.article .items .item h3 {

  font-size: 14px;

  font-weight: bold;

  padding: 5px 0px;

  margin: 0px

}



.article .items .item p {

  font-size: 12px;

  font-weight: normal;

  color: #666

}



.article .items .item .news_wd {

  display: block;

  height: 48px;

  overflow: hidden;

  line-height: 24px;

  border-top: 1px solid rgb(228, 196, 84);

  margin-top: 5px;

  padding-top: 5px

}



.article .items .item.item0 .news_wd {

  display: none

}



@media screen and (max-width: 1030px) {

  .article .items .item .news_wd {

    line-height: 20px;

    height: 40px

  }

}









@media screen and (max-width: 980px) {

  .article .temp li {

    margin: 0px 0px 4px 1%

  }

}



@media screen and (max-width: 870px) {

  .article .items .item .news_wd {

    height: 20px

  }

}



@media screen and (max-width: 600px) {

  .article {

    margin-top: 60px

  }

}



@media screen and (max-width: 480px) {

  .article .temp li {

    width: 100%;

    margin: 0px 0px 3px 0px

  }

  .article .temp li:first-child {

    margin: 0px 0px 3px 0px !important

  }

  .article .items .item0 .face {

    width: 34% !important;

    float: left

  }

  .article .items .item.item0 .news_wd {

    display: block

  }

  .article .items .item.item0 .text {

    width: 62%;

    float: right

  }

  .article .items .item .news_wd {

    height: 40px

  }

}









.articleLabel {

  clear: both;

  margin-top: 30px

}



.articleLabel .case_box {

  max-width: 1030px;

  margin: 60px auto 0px;

  height: auto;

  overflow: hidden

}



.articleLabel .case_box ul.case_list {

  padding: 0px;

  display: block;

  width: 100%;

  height: auto;

  overflow: hidden

}



.articleLabel .case_box ul.case_list li {

  float: left;

  margin-bottom: 5px;

  display: inline

}



.articleLabel .case_box ul.case_list li.case_cont {

  width: 48%;

  margin-left: 1%;

  margin-right: 1%

}



.articleLabel .case_box .thumbnail {

  border: none;

  border-radius: 0px;

  margin: 0px;

  padding: 0px;

  position: relative;

  overflow: hidden

}



.articleLabel .case_box .thumbnail a {

  display: block

}



.articleLabel .case_box .thumbnail a:hover {

  text-decoration: none

}



.articleLabel .case {

  position: relative;

  background-color: #f2f2f2;

  padding: 15px

}



.articleLabel .case a {

  font-size: 14px;

  font-weight: bold;

  color: #333;

  display: block;

  border-bottom: 1px solid rgb(228, 196, 84);

  padding-bottom: 15px;

  position: relative

}



.articleLabel .case a:before {

  content: "";

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 110px;

  height: 3px

}



.articleLabel .case .text {

  height: 48px;

  line-height: 24px;

  overflow: hidden;

  color: #666;

  margin-top: 10px

}



.articleLabel .case_box .thumbnail img:hover {

  -webkit-transform: scale(1.1) rotate(3deg);

  -moz-transform: scale(1.1) rotate(3deg);

  -ms-transform: scale(1.1) rotate(3deg);

  -o-transform: scale(1.1) rotate(3deg);

  transform: scale(1.1) rotate(3deg)

}



@media screen and (max-width: 320px) {

  .articleLabel .case_box ul.case_list li.case_cont {

    width: 98%;

    margin-bottom: 10px

  }

}









.product {

  clear: both;

  margin: 65px auto 0px

}



.product .pro_box {

  height: auto;

  overflow: hidden;

  margin-top: 55px

}



.product .pro_fenlei {

  height: auto;

  overflow: hidden;

  background-color: rgb(94, 62, 32);

  padding: 15px;

  float: left;

  width: 25%;

  border-left: 5px solid;

  box-sizing: border-box;

  border-right: 1px solid rgb(228, 196, 84) !important;

  border-top: 1px solid rgb(228, 196, 84) !important;

  border-bottom: 1px solid rgb(228, 196, 84) !important

}



.product .pro_fenlei ul {

  padding: 0px;

  margin: 0px;

  height: 480px;

  overflow: hidden

}



.product .pro_fenlei ul li {

  line-height: 48px;

  height: 48px

}



.product .pro_fenlei ul li a {

  display: block;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  line-height: 48px;

  height: 48px;

  font-size: 12px;

  border-bottom: 1px solid rgb(228, 196, 84);

  text-align: center

}



.product .pro_fenlei ul li a:hover {

  text-decoration: none;

  color: rgb(94, 62, 32)

}



.product .product-box {

  height: auto;

  overflow: hidden;

  float: right;

  width: 75%

}



.product .product-box ul.pro-list {

  padding: 0px;

  height: auto;

  overflow: hidden

}



.product .product-box ul.pro-list li {

  float: left;

  margin-bottom: 6px

}



.product li.col-pro {

  width: 32%;

  margin-left: 1%

}



.product .product-box .thumbnail {

  border: none;

  margin: 0px;

  padding: 0px;

  overflow: hidden;

  border-radius: 0px

}



.product .product-box .thumbnail a {

  display: block

}



.product .product-box img {

  width: 100%;

  height: auto

}



.product .product-box img:hover {

  -webkit-transform: scale(1.1) rotate(3deg);

  -moz-transform: scale(1.1) rotate(3deg);

  -ms-transform: scale(1.1) rotate(3deg);

  -o-transform: scale(1.1) rotate(3deg);

  transform: scale(1.1) rotate(3deg)

}



.product .product-box .text {

  font-size: 12px;

  height: 40px;

  line-height: 40px;

  margin: 0px;

  padding: 0px;

  text-align: center;

  color: #333;

  background-color: #f2f2f2

}



.product .product-box .text a {

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block

}



.product .product-box .text a:hover {

  text-decoration: none

}



.DoesNot {

  font-size: 20px

}



@media screen and (max-width:980px) {

  .product .pro_fenlei ul {

    height: 398px

  }

}



@media screen and (max-width:870px) {

  .product .pro_fenlei ul {

    height: 358px

  }

  .product .pro_fenlei ul li, .product .pro_fenlei ul li a {

    line-height: 40px;

    height: 40px

  }

}



@media screen and (max-width:768px) {

  .product .pro_fenlei ul {

    height: 321px

  }

}



@media screen and (max-width:600px) {

  .product .pro_fenlei, .product .product-box {

    float: none;

    width: 100%

  }

  .product .product-box {

    margin-top: 15px

  }

}



@media screen and (max-width: 375px) {

  .product li.col-pro {

    width: 48%

  }

}









.footers {

  color: rgb(94, 62, 32);

  margin: 0px auto;

  padding: 0;

  clear: both

}



.footerBox {

  margin: 0px auto;

  padding: 20px 0;

  max-width: 1180px

}



.footers .footers-box a {

  margin-right: 10px;

  color: rgb(94, 62, 32);

  word-break: break-all;

  word-wrap: break-word;

  text-decoration: underline

}



.footers .footers-box p {

  padding: 0;

  font-size: 12px;

  line-height: 20px

}









.smallphotoBox {

  min-height: auto !important

}



.n-box {

  margin-bottom: 0px

}



.row {

  margin: 0

}



.photo ul.clearfix {

  margin-top: 15px

}



.DoesNot {

  font-size: 20px

}



.publictop {

  color: #333

}



.maxsize {

  max-width: 1180px;

  margin: 0 auto

}



.news-box {

  margin-top: 20px

}



@media screen and (max-width: 1180px) {

  .maxsize {

    padding: 0 20px

  }

}









.page {

  height: auto;

  overflow: hidden

}



.page .col-lg-3, .page .col-lg-9 {

  padding: 0;

  margin: 10px 0;

  height: 34px;

  line-height: 34px;

  text-align: right

}



.page .col-lg-3 {

  text-align: left

}



.page .pagination {

  margin: 0;

  padding-left: 12px

}



.page .pagination>li>a {

  color: #666

}



.page .pagination>li:first-child>a, .pagination>li:first-child>span {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0

}



.page .pagination>li:last-child>a, .pagination>li:last-child>span {

  border-bottom-right-radius: 0;

  border-top-right-radius: 0

}



.page .pagination>.active>a, .page .pagination>.active>span, .page .pagination>.active>a:hover, .page .pagination>.active>span:hover, .page .pagination>.active>a:focus, .page .pagination>.active>span:focus {

  background-color: #e8603c;

  color: rgb(94, 62, 32)

}



.classifiCen li a {

  max-width: 105px

}









.notice {

  height: 40px;

  line-height: 40px

}



.notice .gonggao {

  display: inline-block;

  color: #666

}



.notice-box .zuixin {

  font-weight: bold;

  font-size: 12px;

  float: left;

  padding: 0px 10px;

  display: block

}



.notice .notice-box {

  position: relative;

  height: 40px;

  clear: none;

  line-height: 40px;

  background-color: #f2f2f2

}



.notice .notice-box i {

  float: left;

  font-size: 20px

}



.notice .notice-box .noticeBox {

  max-width: 1030px;

  height: 40px;

  margin: 0 auto;

  background: url('/static/image/contact.jpg.jpg') left bottom no-repeat

}



.notice .notice-box ul.notice-ul {

  font-size: 12px;

  height: 40px;

  line-height: 40px;

  list-style: none;

  padding: 0;

  display: block;

  max-width: 80%

}



.notice .notice-box ul.notice-ul li {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  line-height: 40px

}



.notice .notice-box ul.notice-ul li a {

  color: #666

}



.notice .notice-box ul.notice-ul li a:hover {

  text-decoration: none

}



.notice .alertinfo {

  padding: 0px;

  box-sizing: border-box;

  height: 40px;

  line-height: 40px

}









.notice .col-md-4 {

  float: left !important;

  width: 28% !important

}



.notice .col-md-6 {

  margin-left: 210px !important

}



.notice .search {

  float: right;

  display: inline;

  height: 33px;

  margin-top: 4px

}



.notice .search .navbar-form {

  padding: 0px;

  float: right;

  margin: 0px

}



.notice .search .navbar-form .form-control {

  border-radius: 0;

  border: 0;

  box-shadow: none;

  font-size: 12px;

  height: 33px;

  line-height: 33px;

  border: 1px solid;

  padding: 0px 40px 0px 10px;

  background-color: rgb(94, 62, 32);

  box-sizing: border-box;

  vertical-align: top

}



.notice .search .dropdown-menu {

  border-radius: 0;

  padding: 0;

  min-width: 70px;

  left: 0px

}



.notice .search .dropdown-menu>li {

  padding: 0

}



.notice .search .dropdown-menu>li>a {

  text-align: center;

  font-size: 12px;

  color: #666;

  display: block;

  line-height: 26px;

  padding: 0px

}



.notice .search .btn-danger {

  color: rgb(94, 62, 32);

  background-color: #bcbcbc;

  border: 1px solid #bcbcbc;

  background-image: none;

  border-radius: 0;

  padding: 8px 4px;

  font-size: 12px

}



.notice .search .form-group {

  float: left

}



.notice .btn-search-group {

  color: rgb(94, 62, 32);

  font-size: 12px;

  font-family: "SimSun";

  cursor: pointer;

  right: 3px;

  margin: 0px;

  vertical-align: top

}



.notice .btn-search-group .btn {

  background: none !important;

  border: none !important

}



.notice .alertinfo li {

  line-height: 40px;

  white-space: nowrap

}









.table-01 {

  width: 100%;

  margin-bottom: 15px

}



.table-01 th, .table-01 td {

  padding: 5px 2px;

  font-size: 14px

}



.table-01 th {

  text-align: right;

  width: 60px;

  font-weight: normal;

  color: #666;

  font-size: 14px

}



.table-01 td {

  color: #666

}



.table-01 .jiathis_style_24x24 {

  margin: 0

}



.table-02 {

  width: 100%

}



.table-02 th, .table-02 td {

  padding: 5px 2px;

  font-size: 12px;

  line-height: 30px

}



.table-02 th {

  text-align: right;

  width: 80px;

  font-weight: normal;

  color: #666;

  vertical-align: text-top

}



.table-02 td {

  color: #666

}



.table-02 .line-b {

  border-bottom: 1px dashed rgb(228, 196, 84)

}



.table-02 .line-b th {

  color: #000

}



.table-03 th {

  width: 80px

}



.table-02.table-02-b th {

  width: 110px

}









input.text01 {

  border: 1px solid #d8d9da;

  height: 30px;

  color: #333333;

  line-height: 30px;

  padding: 2px 5px;

  width: 75%;

  size: auto;

  box-shadow: 0 0 2px #d6d6d6 inset;

  font-size: 12px

}



input.text01:focus, input.text01:hover, input.text01:active {

  border-color: #d8d9da;

  box-shadow: 0 0 3px #d6d6d6

}



.textarea01 {

  background-color: rgb(94, 62, 32);

  border: 1px solid #dfdfdf;

  padding: 5px;

  color: #636363;

  width: 75%

}



.textarea01:focus {

  border-color: #d8d9da;

  box-shadow: 0 0 4px #d6d6d6

}









a.a-btn {

  padding: 0 6px;

  height: 28px;

  line-height: 28px;

  display: inline-block;

  cursor: pointer;

  margin-right: 5px

}



a.a-btn+a {

  margin-bottom: 3px

}



a.a-btn.a-btn1 {

  color: rgb(94, 62, 32);

  background-color: #CFCDCF

}



a.a-btn1:hover {

  text-decoration: none

}



a.a-btn.a-btn2 {

  color: rgb(94, 62, 32)

}



a.a-btn2:hover {

  text-decoration: none

}



a.a-btn.a-btn4 {

  background-color: #f0223a;

  color: rgb(94, 62, 32)

}



a.a-btn.a-btn4:hover {

  background-color: #e01d34

}















.banner {

  width: 100%

}



.carousel {

  margin: 0

}



.bannerBox {

  margin: 0px auto;

  position: relative

}









.footers {

  background: none

}



.page-banner {

  height: 65px;

  color: #333;

  margin: 0 auto;

  font-weight: 900

}



.page-banner h4 {

  font-size: 25px;

  margin: 0;

  padding: 0;

  line-height: 1;

  margin-bottom: 5px;

  font-weight: 300;

  padding-top: 10px

}



.page-banner .breadCrumb {

  margin: 0;

  padding: 0;

  font-weight: 300

}



.page-banner .breadCrumb a {

  color: #333;

  font-weight: 600

}









.body-left .left_pro {

  height: auto;

  margin-top: 50px

}



.body-left .left_pro .index_title .title_name {

  left: 33%

}



.left_class {

  height: auto;

  border: 1px solid rgb(228, 196, 84);

  margin-top: 60px;

  padding: 15px;

  border-left: 5px solid

}



.left_class li {

  line-height: 36px;

  border-bottom: 1px solid rgb(228, 196, 84);

  position: relative

}



.left_class li a {

  display: block;

  height: 40px;

  line-height: 40px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  padding-left: 20px;

  color: #333

}



.left_class li a:hover, .left_class li a.Themebg {

  border-radius: 0;

  text-decoration: none;

  color: rgb(94, 62, 32) !important

}



.left_class li:hover i {

  color: rgb(94, 62, 32) !important

}



#ProClassLeft li.ac .Classtriangle {

  position: static

}









.left_sec {

  margin-top: 60px

}



.left_news {

  height: auto;

  padding: 15px;

  border: 1px solid rgb(228, 196, 84);

  margin-top: 60px

}



.left_news li {

  height: 35px;

  line-height: 35px

}



.left_news li a {

  color: #333;

  overflow: hidden;

  padding-left: 10px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  border-bottom: 1px dashed rgb(228, 196, 84)

}



.left_news li a:hover {

  text-decoration: none

}









.pro-list {

  padding: 0;

  width: 100%;

  margin-top: 10px

}



.pro-list .thumbnail {

  text-align: center;

  padding: 0px;

  margin: 0px;

  border: none;

  border-radius: 0

}



.pro-list .title {

  text-align: center;

  color: #333333;

  text-overflow: ellipsis;

  font-size: 12px;

  white-space: nowrap;

  overflow: hidden;

  background: none;

  height: 40px;

  line-height: 40px;

  margin-bottom: 10px;

  box-shadow: 0px 0px 3px #c2c2c2

}

.pro-list .thumbnail a{

    display: block;

    position: relative;

    padding-top: 75%;

    border: 1px solid rgb(228, 196, 84);

}

.pro-list .thumbnail img {

    max-width: 100%;

    max-height: 100%;

    display: block;

    margin: auto auto;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}



.pro-list li.col-md-4 {

  width: 33.3%

}

*{

  box-sizing: border-box !important;

}

.pro-list li.col-md-4:hover {

  color: #ba000a

}



.pro-list li.col-md-4:nth-child(3n+1) {

  margin-left: 0

}



.pro-list li.col-md-4 {

  margin-left: 0\9;

  margin-right: 5px\9

}















.product-detail {

  width: 100%;

  margin-top: 10px

}



.product-detail .col-md-5 {

  width: 41.66666667%;

  float: left;

  padding: 0

}



.product-detail .col-md-7 {

  width: 58.33333333%;

  float: right;

  padding-left: 15px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box

}



.product-detail .thumbnail {

  margin-bottom: 0;

  border-radius: 0

}



.product-detail .thumbnail img {

  width: 100%

}



.product-detail h2 {

  font-size: 16px;

  padding: 4px 0 5px 20px;

  margin: 0

}



.fieldset-style {

  float: left;

  width: 100%;

  overflow: hidden;

  background: rgb(94, 62, 32);

  word-break: break-all;

  word-wrap: break-word

}



.fieldset-style h2 {

  font-weight: bold;

  padding-left: 10px;

  font-size: 12px;

  height: 32px;

  line-height: 32px;

  color: rgb(94, 62, 32);

  margin: 0

}



.title-ny {

  background-color: rgb(94, 62, 32);

  margin-bottom: 10px;

  padding: 15px;

  color: #00AADD;

  font-size: 14px

}



.fieldset-style .div1 {

  padding: 6px 10px;

  color: #333333

}



.fieldset-style .div1 dl img {

  max-width: 100%

}



.fieldset-style .div1 dl {

  overflow: hidden;

  margin-bottom: 10px;

  margin-top: 5px

}



.fieldset-style .div1 dl dt {

  margin-bottom: 8px;

  height: 20px;

  line-height: 20px;

  display: block;

  border-left: 5px solid #f39801;

  padding-left: 10px

}



.fieldset-style .div1 dl dd {

  line-height: 22px;

  height: auto;

  overflow: hidden;

  word-break: break-all

}









.table-box {

  padding: 0;

  margin-bottom: 10px

}



.table-box p {

  border-bottom: 1px dashed rgb(228, 196, 84);

  color: #000;

  font-size: 14px;

  height: 40px;

  line-height: 40px;

  margin-bottom: 5px

}









.p_prox {

  margin-bottom: 10px;

  margin-top: 20px

}



.p_prox h3.title {

  font-weight: bold;

  padding-left: 10px;

  font-size: 12px;

  height: 32px;

  line-height: 32px;

  color: rgb(94, 62, 32);

  margin: 0;

  background-color: #ee6f01

}



.p_prox h3 a {

  float: right;

  font-size: 12px;

  font-weight: normal;

  line-height: 32px;

  padding-right: 10px;

  color: rgb(94, 62, 32)

}



.p_prox h3 a:hover {

  color: #333;

  text-decoration: none

}



.p_prox .pro-list {

  width: 100%

}



.p_prox .pro-list .pro-item {

  padding: 15px 15px 0

}



.p_prox .pro-list .pro-item .pro-body p {

  height: 80px

}



.p_prox .pro-list .thumbnail {

  border-radius: 0;

  border: none;

  padding: 0px;

  margin: 0

}



.p_prox .pro-list h3 {

  text-align: center;

  margin-top: 10px

}









.tab-box a.tab_box_all {

  color: rgb(94, 62, 32)

}



.tab-box a.tab_box_all:hover {

  color: rgb(94, 62, 32)

}



.tab-box {

  overflow: hidden;

  margin-top: 15px

}



.tab-box a {

  margin-right: 10px;

  padding: 5px 15px;

  display: inline-block;

  color: #333;

  margin-bottom: 10px;

  background-color: #edece7

}



.tab-box a:hover, .tab-box a.Themebg {

  color: rgb(94, 62, 32);

  text-decoration: none

}



.nlist-box {

  padding: 0;

  width: 100%

}



.nlist-box li {

  list-style: none;

  border-bottom: 0;

  position: relative;

  border-bottom: 1px solid rgb(228, 196, 84);

  height: 32px;

  overflow: hidden;

  line-height: 32px;

  position: relative

}



.nlist-box li:before {

  content: ".";

  left: 0px;

  top: -3px;

  color: #666;

  font-size: 14px;

  position: absolute

}



.nlist-box li a {

  color: #333;

  font-size: 12px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: inline-block;

  height: 32px;

  line-height: 32px;

  padding-left: 10px;

  width: 75%

}



.nlist-box li .date-time {

  font-size: 12px;

  color: #333;

  display: inline;

  right: 5px;

  position: absolute

}



.nlist-box li a:hover {

  text-decoration: none

}



body .Employment {

  margin-top: 10px

}









.news-nr-box {

  padding: 10px;

  word-break: break-all;

  word-wrap: break-word

}



.news-nr-box h5 {

  font-size: 18px;

  font-family: Airal;

  text-align: center;

  line-height: 25px;

  padding: 10px 0;

  margin: 0px;

  color: #333;

  border-bottom: 1px dotted #b6b6b6;

  max-width: 100%

}



.news-nr-box h6 {

  font-size: 12px;

  font-weight: normal;

  text-align: center;

  color: #000;

  margin: 10px 0;

  line-height: 20px

}



.news-nr-box p {

  font-size: 14px;

  line-height: 2em;

  margin-bottom: 10px;

  overflow: hidden;

  width: 100%;

  color: #666;

  text-indent: 0

}



.pager {

  margin: 20px 0 0

}



.pager .previous>a, .pager .next>a {

  

  color: rgb(94, 62, 32);

  height: 2.5em;

  line-height: 2.5em;

  padding: 0 12px;

  margin: 0 10px 15px

}









.message-box {

  padding: 0 0 10px;

  margin-bottom: 10px

}



.message-list .DoesNot {

  color: #333;

  margin: 50px 0px;

  text-align: center

}



.message-list {

  padding-top: 0;

  width: 100%;

  margin-top: 10px

}



.message-list dl {

  overflow: hidden;

  border-width: 1px;

  border-style: solid;

  margin: 10px 0 10px 0

}



.message-list dl dt {

  font-family: Airal;

  font-size: 15px;

  line-height: 30px;

  overflow: hidden;

  margin-bottom: 10px;

  height: 30px;

  padding: 0 12px

}



.message-list dl dt b {

  font-weight: normal;

  color: rgb(94, 62, 32)

}



.message-list dl dt span {

  float: right;

  font-size: 12px;

  color: rgb(94, 62, 32)

}



.message-list dl dd {

  margin: 15px 12px

}



.message-list dl dd p {

  font-size: 13px;

  margin-bottom: 10px;

  color: #666

}



.message-list dl dd small {

  font-size: 12px;

  color: #666

}



.message-list dl dd p i, .message-list dl dd small i {

  float: left;

  padding-right: 18px;

  font-size: 18px

}



blockquote {

  border-left: 5px solid rgb(94, 62, 32);

  margin: 0 0 20px;

  padding: 0

}



blockquote small:before {

  content: ""

}









.company-box {

  padding: 0

}



.company-box p {

  line-height: 2.1em;

  overflow: hidden;

  color: #333;

  text-indent: 0em

}



.company-box .company-detailed-box {

  font-size: 12px

}









.map-box {

  padding: 0;

  margin: 30px 0 10px

}



.map dl {

  border-bottom: 1px dashed rgb(228, 196, 84);

  padding: 12px;

  font-size: 13px;

  margin: 0px

}



.map dl:last-child {

  border-bottom: none

}



.map dl dt {

  float: left;

  color: #000

}



.map dl dd {

  display: inline;

  margin: 0px

}



.map dl dd a {

  margin: 0 10px 10px;

  float: left;

  color: #666

}



.map dl dd a:hover {

  text-decoration: none

}



.map dl dd p {

  overflow: hidden

}



.map-box1 {

  margin: 15px 0;

  min-height: 300px

}









.breadCrumb {

  position: relative;

  height: 40px;

  clear: none;

  line-height: 40px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding: 0px 10px

}



.breadCrumb .Crumb {

  color: rgb(94, 62, 32)

}



.breadCrumb .Crumb a {

  color: rgb(94, 62, 32) !important

}



.breadCrumb .Crumb a:hover {

  text-decoration: none

}



.breadCrumb a {

  color: rgb(94, 62, 32);

  line-height: 40px;

  margin: 0px

}



.breadCrumb a:hover {

  text-decoration: none

}



.breadCrumb em, .breadCrumb b, .breadCrumb span {

  line-height: 40px;

  margin: 0px

}









.page {

  text-align: center;

  padding: 10px 0

}



.photo.row .layout_default p {

  margin-bottom: 10px

}



.photo.row .thumbnail {

  margin-bottom: 0px

}















.pro-list .col-md-4 {

  width: 33.3333%

}



.publictop {

  max-width: 1030px;

  margin: 0 auto;

  border-bottom: 1px solid #dadada;

  position: relative

}









.friendLink {

  padding: 0;

  height: auto;

  background-color: #555555

}



.friendLink .friendBox {

  margin: 0px auto;

  max-width: 1030px;

  height: auto;

  padding: 8px 0px

}



.friendLink .link-box {

  text-indent: 5px

}



.friendLink .link-box ul {

  display: inline-block;

  overflow: hidden;

  padding: 0;

  list-style: none;

  margin-bottom: 0;

  display: inline

}



.friendLink .link-box ul li {

  line-height: 24px;

  position: relative;

  font-style: normal;

  display: inline-block

}



.friendLink .link-box h4 {

  font-size: 12px;

  padding: 0;

  margin: 0;

  line-height: 24px;

  display: inline-block;

  color: rgb(94, 62, 32)

}



.friendLink .link-box ul li:first-child:after {

  display: none

}



.friendLink .link-box ul li a:after {

  content: '|';

  padding: 0px 10px

}



.friendLink .link-box ul a {

  word-break: break-all;

  word-wrap: break-word;

  font-style: normal;

  color: rgb(94, 62, 32);

  font-size: 12px;

  line-height: 24px

}



.friendLink .link-box ul a:hover {

  text-decoration: none;

  opacity: 1

}









@media screen and (max-width:1030px) {}









@media screen and (max-width:980px) {}









@media screen and (max-width:870px) {

  .notice .notice-box .col-md-4 {

    width: 48%

  }

  .notice .searchBox {

    display: none

  }

}









@media screen and (max-width: 768px) {}









@media screen and (max-width: 600px) {

  .product-detail .col-md-5, .product-detail .col-md-7 {

    width: 100%;

    float: none

  }

  .product-detail .col-md-7 {

    padding: 0

  }

  .pro-list .col-md-4 {

    padding: 0px;

    margin-left: 1.4%

  }

  .pro-list li.col-md-4:nth-child(3n+1) {

    margin-left: 0

  }

  .body-right {

    width: 98%

  }

  .body-right {

    margin: 0 auto

  }

}









@media screen and (max-width: 480px) {

  .pro-list li.col-md-4 {

    width: 49%

  }

  .pro-list .col-md-4 {

    padding: 0px;

    margin-left: 1.4%

  }

  .pro-list li.col-md-4:nth-child(3n+1) {

    margin-left: 1.4%

  }

  .pro-list li.col-md-4:nth-child(2n+1) {

    margin-left: 0

  }

  .p_prox .pro-list .col-md-3 {

    width: 49%;

    margin-bottom: 10px

  }

  .p_prox .pro-list li.col-md-3:nth-child(2n+1) {

    margin-left: 0

  }

}



@media screen and (max-width: 360px) {}









@media screen and (max-width:1030px) {

  .friendBox {

    padding: 0 15px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

  }

}



.notice .btn-search-group {

  color: rgb(94, 62, 32);

  font-size: 14px;

  font-family: "SimSun";

  cursor: pointer;

  position: absolute;

  right: 0;

  margin-top: 5px;

  margin-right: -1px

}



.notice .btn-search-group .btn {

  background: none !important;

  border: none !important

}



.notice .alertinfo li {

  line-height: 40px;

  white-space: nowrap

}



.notice .alertinfo .iconfont {

  font-size: 23px

}



.notice .notice-box .search input.form-control {

  height: 30px;

  line-height: 30px;

  background-color: rgb(94, 62, 32);

  border-right: none;

  color: #747474

}



.notice .notice-box .search input::-webkit-input-placeholder {

  color: #747474 !important

}



.notice .notice-box .search input:-moz-placeholder {

  color: #747474 !important

}



.notice .notice-box .search input::-moz-placeholder {

  color: #747474 !important

}



.notice .notice-box .search input:-ms-input-placeholder {

  color: #747474 !important

}









.mb12 {

  margin-bottom: 12px!important

}



.mb8 {

  margin-bottom: 8px!important

}



.title_in {

  height: 45px;

  position: relative;

  line-height: 45px;

  border-right: 1px solid #ddd !important;

  border-top: 1px solid #ddd !important;

  border-bottom: 1px solid #ddd !important;

  border-left: 3px solid;

  background-color: #f2f2f2

}



.title_in p {

  text-align: left;

  font-size: 14px;

  font-weight: bold;

  color: #333;

  padding: 0px 0px 0px 10px;

  margin: 0px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  width: 70%

}



.title_in span {

  position: absolute;

  right: 5px

}



.title_in span a {

  color: #666

}



.title_in span a:hover {

  text-decoration: none

}



.title_d {

  font-weight: bold;

  padding-left: 10px;

  font-size: 12px;

  height: 32px;

  line-height: 32px;

  color: rgb(94, 62, 32);

  margin: 0 0 10px;

  background-color: #ee6f01

}



.title_d span {

  display: block;

  float: left;

  max-width: 60%;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden

}



.title_d a {

  float: right;

  font-size: 12px;

  font-weight: normal;

  line-height: 32px;

  padding-right: 10px;

  color: rgb(94, 62, 32)

}



.title_d a:hover {

  color: #333;

  text-decoration: none

}









.pro_class_x {}



.pro_class_x .left_class {

  height: auto;

  border: 1px solid #ddd

}



.pro_class_x .left_class li {

  line-height: 36px;

  border-bottom: 1px solid #ddd;

  position: relative

}



.pro_class_x .left_class li a {

  display: block;

  height: 40px;

  line-height: 40px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  padding-left: 20px;

  color: #333

}



.pro_class_x .left_class li a:hover, .pro_class_x .left_class li a.Themebg {

  border-radius: 0;

  text-decoration: none;

  color: rgb(94, 62, 32) !important

}



.pro_class_x .left_class li:hover i {

  color: rgb(94, 62, 32) !important

}



.pro_class_x .left_class li.ac .Classtriangle {

  position: static

}



.pro_class_x .left_class li.Themebg i {

  color: rgb(94, 62, 32) !important

}



.pro_class_x .left_class li a.Themebg i {

  color: rgb(94, 62, 32) !important

}









.pro_class_d {}



#ProClass {

  display: block!important

}



#ProClass li.Selection a {

  background-color: rgb(94, 62, 32)

}



#ProClass li.ac .Classtriangle:after {

  top: 13px

}



.pro_class_d .product-class {

  height: auto;

  margin: 0 0 10px;

  display: table

}



.pro_class_d .product-class li {

  line-height: 30px;

  margin: 0 12px 8px 0;

  float: left;

  border: none

}



.pro_class_d .product-class li a {

  padding: 0 15px;

  display: block;

  color: #333;

  background-color: #edece7;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  max-width: 240px

}



.pro_class_d .product-class li a.second {

  text-indent: 10px

}



.pro_class_d .product-class li a:hover, .pro_class_d .product-class li a.Themebg {

  color: rgb(94, 62, 32)!important

}









.p_pro_x {}



.smallphotoBox {

  min-height: auto;

  margin: 0;

  padding: 0

}









.p_pro_d {

  margin: 0 auto;

  padding-bottom: 20px

}



.p_pro_d .pro-list {

  width: 100%;

  margin-top: 0

}



.p_pro_d .pro-list .pro-item {

  padding: 15px 15px 0

}



.p_pro_d .pro-list .pro-item .pro-body p {

  height: 80px

}



.p_pro_d .pro-list .thumbnail {

  border-radius: 0;

  border: none;

  padding: 0px;

  margin: 0

}



.p_pro_d .pro-list h3 {

  text-align: center;

  margin-top: 10px

}



@media screen and (max-width: 600px) {

  .p_pro_d .pro-list .col-md-3 {

    width: 49%;

    margin-bottom: 10px

  }

  .p_pro_d .pro-list li.col-md-3:nth-child(2n+1) {

    margin-left: 0

  }

}



@media screen and (max-width: 480px) {

  .p_pro_d .pro-list .col-md-3 {

    width: 100%;

    margin-left: 0

  }

}









.info_class_x {}



.info_class_x .tab-box {

  display: block;

  padding: 0;

  margin: 0;

  border: 1px solid #ddd;

  border-top: none

}



.info_class_x .tab-box a {

  background-color: rgb(94, 62, 32);

  border: none;

  border-bottom: 1px solid rgb(228, 196, 84);

  border-radius: 0;

  display: block;

  padding: 0 12px;

  color: #000;

  font-size: 12px;

  line-height: 36px;

  float: inherit;

  text-align: left;

  margin: 0

}



.info_class_x .tab-box a:last-child {

  border-bottom: none

}



.info_class_x .tab-box a:hover, .info_class_x .tab-box a.active {

  text-decoration: none;

  color: rgb(94, 62, 32)!important

}









.info_class_d {}



.info_class_d .tab-box {

  height: auto;

  overflow: hidden;

  margin: 0 0 10px;

  padding: 0

}



.info_class_d .tab-box a {

  margin-right: 10px;

  padding: 0 15px;

  line-height: 32px;

  display: inline-block;

  color: #333;

  margin-bottom: 10px;

  background-color: #edece7

}



.info_class_d .tab-box a:hover, .tab-box a.active {

  color: rgb(94, 62, 32);

  text-decoration: none

}









.p_info_x {}



.p_info_x .left_news {

  height: auto;

  padding: 10px 10px 15px;

  border-left: 1px solid #d2d2d2;

  border-right: 1px solid #d2d2d2;

  border-bottom: 1px solid #d2d2d2

}



.p_info_x .left_news li {

  height: 35px;

  line-height: 35px

}



.p_info_x .left_news li a {

  color: #333;

  overflow: hidden;

  padding-left: 10px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  border-bottom: 1px dashed rgb(228, 196, 84)

}



.p_info_x .left_news li a:hover {

  text-decoration: none

}









.p_info_d {

  padding-bottom: 20px

}



.p_info_d .list-box {

  height: auto;

  overflow: hidden;

  margin: 0 0 10px;

  padding: 0

}



.p_info_d .list-box li {

  border: 1px solid rgb(228, 196, 84);

  line-height: 0;

  height: 90px;

  overflow: hidden;

  margin-bottom: 12px;

  padding-right: 10px

}



.p_info_d .list-box li .face img {

  width: 120px;

  margin-right: 15px;

  float: left

}



.p_info_d .list-box li h3 {

  color: #666;

  height: 38px;

  line-height: 38px;

  background: none;

  margin: 0;

  font-size: 14px

}



.p_info_d .list-box li.col-md-6:nth-child(2n+1) {

  margin-left: 0

}



.p_info_d .list-box li a {

  padding: 0

}



.p_info_d .list-box li p {

  line-height: 20px;

  color: #666;

  max-height: 40px;

  overflow: hidden

}



@media screen and (max-width: 600px) {

  .p_info_d .list-box li {

    padding: 0

  }

}









.p_contact {}



.p_contact .contact-box {

  padding: 10px 15px;

  margin: 0;

  border: 1px solid #ddd;

  border-top: none

}



.p_contact .contact-box p {

  line-height: 28px;

  color: #333

}









.tpl_one .col-md-12 {

  float: none

}



.row .col-md-4, .row .col-md-8, .row .col-md-9, .row .col-md-7, .row .col-md-5 {

  padding: 0px

}



.menu .header-box {

  margin: 0 auto;

  height: auto;

  max-width: 1180px;

  position: relative

}



.menu .header-box .logo {

  float: left

}



.menu .header-box .logo img {

  margin: 0;

  max-height: 100px

}



.nowrap, .nowrapall, .nowrapall * {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden

}



.cl {

  clear: both

}



.content-box {

  max-width: 1180px;

  margin: 30px auto 0px;

  clear: both

}



.Animation {

  -webkit-transition: all .4s ease-in-out 0s;

  -moz-transition: all .4s ease-in-out 0s;

  -ms-transition: all .4s ease-in-out 0s;

  transition: all .4s ease-in-out 0s

}



a:hover {

  text-decoration: none

}



.column {

  margin: 0px

}









.skin1 input, .skin1 textarea, .xskin1 input, .xskin1 textarea {

  color: #333

}









.bannerEffect .tp-bullets.simplebullets.round .bullet {

  width: 10px;

  height: 10px;

  border-radius: 30px;

  margin: 0 5px

}



.index_title {

  position: relative;

  height: 1px;

  background-color: rgb(228, 196, 84)

}



.index_title .title_name {

  position: absolute;

  left: 24px;

  background-color: rgb(94, 62, 32);

  border-radius: 0px 0px 100px 100px;

  border: 1px solid rgb(228, 196, 84);

  height: 44px;

  width: 88px;

  border-top: none

}



.index_title p {

  display: block;

  position: absolute;

  left: 4px;

  color: rgb(94, 62, 32);

  border-radius: 50%;

  text-align: center;

  height: 80px;

  line-height: 80px;

  width: 80px;

  top: -40px;

  font-size: 14px;

  font-weight: bold

}



.index_title .more {

  display: block;

  right: 0px;

  position: absolute;

  color: rgb(94, 62, 32);

  width: 60px;

  height: 25px;

  line-height: 25px;

  text-align: center;

  top: -12px

}









.headFixed {

  position: relative

}



.header-nav {

  width: 100%

}



.menu .nav-box {

  height: 45px;

  line-height: 45px;

  max-width: 1180px;

  margin: 0 auto

}



.menu .NavBox {

  height: 45px;

  text-align: center

}



.menu .nav {

  padding: 0;

  margin: 0px auto;

  height: 45px

}



.menu .nav li {

  float: left;

  text-align: center

}



.menu .nav>li:hover ul {

  display: block;

  padding: 0

}



.menu .nav>li .Triangle:after {

  content: '';

  display: inline-block;

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  border-top: 6px solid rgb(94, 62, 32);

  position: absolute;

  top: 14px;

  right: 0px

}



.menu .nav>li ul {

  display: none;

  padding: 0;

  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .4);

  position: absolute;

  left: 0px;

  top: 45px;

  width: 100%;

  z-index: 33

}



.menu .nav>li ul li {

  line-height: 35px;

  padding: 0px;

  background: none;

  float: none;

  text-align: center;

  margin-top: 1px;

  width: 100%

}



.menu .nav>li ul li a {

  font-size: 12px;

  color: rgb(94, 62, 32);

  display: block;

  margin: 0 5px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-align: center;

  padding: 0px

}



.menu .nav>li ul li a:hover {

  text-decoration: none;

  color: rgb(94, 62, 32)

}



.menu .navbar-nav {

  width: 100%

}



.menu .navbar-nav>li {

  width: 12.5%;

  height: 45px

}



.menu .navbar-nav>li>a {

  display: block;

  position: relative;

  font-size: 14px;

  color: rgb(94, 62, 32);

  height: auto;

  margin: 6px 0px 0px;

  line-height: 32px;

  border-radius: 20px;

  padding: 0px

}



.menu .navbar-nav>li>a.active, .menu .navbar-nav>li>a:hover, .menu .navbar-nav>li>a:focus {

  background: none

}



.menu .navbar-nav>li>a.active {

  background-image: none;

  -webkit-box-shadow: none;

  box-shadow: none

}



.NavBtn {

  display: none;

  text-align: center;

  overflow: hidden

}



.menu .tel {

  font-size: 14px;

  position: absolute;

  right: 10px;

  top: 6%

}



.menu .tel img {

  display: block;

  

  float: left

}



.menu .tel p {

  display: block;

  float: left;

  margin-left: 10px;

  margin-top: 15px

}



.menu .tel b {

    font-size: 23px;

    font-family: "Arial";

    padding: 2px 15px;

    color: rgb(94, 62, 32);

    border-radius: 20px

}



.header-box .clearfix.none {

  display: none

}



.btn-navbar-t {

  display: none;

  float: right;

  padding: 3px 8px 7px;

  margin-right: 5px;

  margin-left: 5px;

  border: 1px solid #333;

  border-radius: 4px

}



.btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active {

  filter: Alpha(opacity=80);

  opacity: 0.8

}



.btn-navbar-t .icon-bar {

  background: #333;

  display: block;

  margin-top: 4px;

  width: 18px;

  height: 2px

}





















@media screen and (max-width:1180px) {

  .content-box {

    margin: 30px 15px 0px

  }

  .menu .header-box .logo img {

    margin-left: 15px

  }

}









@media screen and (max-width:870px) {

  .header-nav {

    border-bottom: none;

    margin-top: 0px

  }

  .menu .header-box .logo img {

    height: 57px

  }

  .menu {

    height: auto

  }

  .menu .tel {

    display: none

  }

  .menu .search {

    display: none

  }

  .menu .nav-box {

    border-radius: 0px

  }

  .header-box .clearfix.none {

    display: block

  }

  .menu .nav {

    padding: 0;

    margin: 0

  }

  .menu .nav li a:hover:after {

    display: none

  }

  .menu .btn-t {

    display: block;

    position: absolute;

    top: 18px;

    right: 14px

  }

  .menu .header-nav .nav-box {

    background: none;

    height: auto;

    padding: 0;

    margin: 0

  }

  .menu .nav {

    float: none;

    width: 100%

  }

  .menu .NavBox {

    width: 100%;

    height: 0;

    overflow: hidden

  }

  

}



@media screen and (max-width:600px) {

  .menu .header-box .logo img {

    height: 50px

  }

  .tpl_four .col-md-9, .tpl_four .col-md-3 {

    width: 100% !important;

    float: none;

    margin-left: 0px !important

  }

  .tpl_four .col-md-3 {

    margin-top: 20px

  }

}



@media screen and (max-width:468px) {

  .menu .header-box .logo img {

    height: 44px;

    margin-bottom: 10px;

    margin-top: 10px

  }

  .menu .btn-t {

    top: 15px

  }

}



@media screen and (max-width:320px) {

  .menu .header-box .logo img {

    height: 38px

  }

}



.banner {

  width: 100%

}



.carousel {

  margin: 0

}



.bannerBox {

  position: relative

}



@media screen and (max-width:870px) {

  .banner {

    margin: 0px auto

  }

}









.bannerEffect .tp-bullets.simplebullets.round .bullet {

  width: 10px;

  height: 10px;

  border-radius: 30px;

  margin: 0 5px

}









.notice {

  margin: 0px auto;

  height: 45px;

  line-height: 45px;

  color: #333;

  background: #f2f2f2

}



.notice .alertinfo {

  position: relative

}



.notice-box .zuixin {

  font-weight: bold;

  font-size: 12px;

  padding: 0px 5px 0px 34px;

  vertical-align: top;

  float: left

}



.notice-box .zuixin:before {

  content: "\e600";

  position: absolute;

  left: 0px;

  font-size: 22px;

  text-align: center

}



.notice .notice-box {

  position: relative;

  clear: none

}



.notice .notice-box .noticeBox {

  max-width: 1180px;

  margin: 0 auto;

  border: none

}



.notice .notice-box ul.notice-ul {

  font-size: 12px;

  height: 45px;

  line-height: 45px;

  list-style: none;

  padding-left: 100px

}



.notice .notice-box ul.notice-ul li {

  height: 45px;

  line-height: 45px

}



.notice .notice-box ul.notice-ul li a {

  color: #333;

  padding: 0px;

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden

}



.notice .notice-box ul.notice-ul li a:hover {

  text-decoration: none

}



.notice .col-md-6, .notice .col-md-4 {

  padding: 0px

}









.notice .search {

  float: right;

  display: inline;

  margin-right: 10px;

  margin-top: 6px;

  height: 33px

}



.notice .search .navbar-form {

  padding: 0px;

  float: right;

  margin: 0px

}



.notice .search .navbar-form .form-control {

  border-radius: 0;

  border: 1px solid;

  box-shadow: none;

  font-size: 12px;

  height: 33px;

  line-height: 33px;

  padding: 0px 10px !important;

  background-color: rgb(94, 62, 32);

  box-sizing: border-box;

  display: inline-block;

  vertical-align: top;

  width: 250px

}



.notice .search .dropdown-menu {

  border-radius: 0;

  padding: 0;

  min-width: 70px;

  left: 0px

}



.notice .search .dropdown-menu>li {

  padding: 0

}



.notice .search .dropdown-menu>li>a {

  text-align: center;

  font-size: 12px;

  color: #666;

  display: block;

  line-height: 26px;

  padding: 0px

}



.notice .search .btn-danger {

  color: rgb(94, 62, 32);

  background-color: #bcbcbc;

  border: 1px solid #bcbcbc;

  background-image: none;

  padding: 8px 4px;

  font-size: 12px

}



.notice .search .form-group {

  margin-bottom: 0;

  vertical-align: middle;

  display: inline-block;

  float: left

}



.notice .btn-search-group {

  color: rgb(94, 62, 32);

  font-size: 12px;

  font-family: "SimSun";

  cursor: pointer;

  right: 0;

  margin: 0px;

  vertical-align: top

}



.notice .btn-search-group .btn {

  background: none !important;

  border: none !important

}



.notice .alertinfo li {

  line-height: 40px;

  white-space: nowrap

}









@media screen and (max-width:1180px) {

  .notice .notice-box {

    max-width: 100%

  }

  .notice .notice-box .noticeBox {

    margin: 0px 15px 0px

  }

}









@media screen and (max-width:870px) {

  .notice .notice-box .col-md-4 {

    width: 48%

  }

  .notice .searchBox {

    display: none

  }

}



.notice .btn-search-group {

  color: rgb(94, 62, 32);

  font-size: 14px;

  font-family: "SimSun";

  cursor: pointer;

  position: absolute;

  right: 0

}



.notice .btn-search-group .btn {

  background: none !important;

  border: none !important

}



.notice .alertinfo li {

  white-space: nowrap

}









.about {

  clear: both;

  position: relative

}



.about .about_box {

  max-width: 1180px;

  margin: 0 auto;

  position: relative;

  padding-top: 70px;

  padding-bottom: 40px

}



.about .about_title {

  display: block;

  position: absolute;

  left: 20px;

  color: rgb(94, 62, 32);

  border-radius: 50%;

  text-align: center;

  height: 80px;

  line-height: 80px;

  width: 80px;

  top: -40px;

  font-size: 14px;

  font-weight: bold;

  border: 4px solid rgb(94, 62, 32);

  z-index: 4

}



.about .company_box {

  position: relative;

  height: auto;

  overflow: hidden

}



.about .company_box .company_img {

  width: 25%;

  float: left

}



.about .company_box .company_img img {

  width: 100%

}



.about .company_wz {

  line-height: 30px;

  height: 210px;

  overflow: hidden;

  color: rgb(94, 62, 32);

  width: 73%;

  float: right

}



.about .more {

  display: block;

  right: 0px;

  color: rgb(94, 62, 32);

  font-size: 12px;

  text-align: center;

  width: 60px;

  height: 30px;

  line-height: 30px;

  position: absolute;

  top: -15px;

  z-index: 3

}



@media screen and (max-width:1180px) {

  .about .about_box {

    margin: 0px 15px

  }

}



@media screen and (max-width:980px) {

  .about .company_wz {

    height: 180px

  }

}



@media screen and (max-width:870px) {

  .about .company_box .company_img {

    width: 30%

  }

  .about .company_wz {

    width: 68%

  }

}



@media screen and (max-width:600px) {

  .about .company_wz {

    height: 128px

  }

}



@media screen and (max-width:480px) {

  .about .company_box .company_img {

    width: 35%

  }

  .about .company_wz {

    width: 60%

  }

}



@media screen and (max-width:414px) {

  .about .company_box .company_img {

    width: 40%

  }

  .about .company_wz {

    width: 56%;

    height: 120px;

    line-height: 24px

  }

}



@media screen and (max-width:375px) {

  .about .company_wz {

    height: 100px

  }

}









.contact {

  margin-top: 15px;

  border: 1px solid rgb(228, 196, 84)

}



.contact .contact_title {

  text-align: center;

  height: 40px;

  line-height: 40px

}



.contact .contact_title a {

  color: rgb(94, 62, 32);

  font-size: 14px;

  font-weight: bold;

  padding: 0 15px;

  display: block

}



.contact .company-box {

  background: url(/static/image/contact.jpg.jpg)right bottom no-repeat;

  line-height: 30px;

  height: 173px;

  overflow: hidden;

  padding: 15px

}



@media screen and (max-width:980px) {

  .contact .company-box {

    height: 148px

  }

}



@media screen and (max-width:870px) {

  .contact .company-box {

    padding: 9px 15px

  }

}



@media screen and (max-width:768px) {

  .contact .company-box {

    height: 137px;

    line-height: 26px

  }

}



@media screen and (max-width:600px) {

  .contact .company-box {

    line-height: 30px

  }

}



@media screen and (max-width:320px) {

  .contact .company-box {

    height: 150px

  }

}









.article {

  margin-top: 35px

}



.article .news_box {

  margin-top: 60px

}



.article a {

  text-decoration: none

}



.article .temp li {

  width: 49%;

  float: left;

  list-style-type: none;

  overflow: hidden;

  box-sizing: border-box;

  padding: 7px;

  border: 1px solid rgb(228, 196, 84);

  margin: 0px 0px 3px 1%

}



.article .temp ul {

  padding: 0

}



.article .temp li:first-child {

  margin: 0px !important

}



.article .items {

  position: relative

}



.article .items ul.temp {

  width: 100%;

  padding: 0px

}



.article .items .item {

  position: relative;

  box-sizing: border-box

}



.article .items .item .cons {

  padding: 0px

}



.article .items .item .face {

  width: 34%;

  height: auto;

  overflow: hidden;

  float: left

}



.article .items .item0 .face {

  width: 100% !important;

  float: none

}



.article .items .item .face img {

  width: 100%

}



.article .items .item .text {

  height: 45px;

  color: #333;

  padding: 0px 5px;

  float: right;

  width: 62%

}



.article .items .item.item0 .text {

  width: 100%;

  float: none

}



.article .items .item .face img:hover {

  -webkit-transform: scale(1.1) rotate(3deg);

  -moz-transform: scale(1.1) rotate(3deg);

  -ms-transform: scale(1.1) rotate(3deg);

  -o-transform: scale(1.1) rotate(3deg);

  transform: scale(1.1) rotate(3deg)

}



.article .items .item h3 {

  font-size: 14px;

  font-weight: bold;

  padding: 5px 0px;

  margin: 0px

}



.article .items .item p {

  font-size: 12px;

  font-weight: normal;

  color: #666

}



.article .items .item .news_wd {

  display: block;

  height: 48px;

  overflow: hidden;

  line-height: 24px;

  border-top: 1px solid rgb(228, 196, 84);

  margin-top: 5px;

  padding-top: 5px

}



.article .items .item.item0 .news_wd {

  display: none

}



@media screen and (max-width: 1030px) {

  .article .items .item .news_wd {

    line-height: 20px;

    height: 40px

  }

}









@media screen and (max-width: 980px) {

  .article .temp li {

    margin: 0px 0px 4px 1%

  }

}



@media screen and (max-width: 870px) {

  .article .items .item .news_wd {

    height: 20px

  }

}



@media screen and (max-width: 600px) {

  .article {

    margin-top: 60px

  }

}



@media screen and (max-width: 480px) {

  .article .temp li {

    width: 100%;

    margin: 0px 0px 3px 0px

  }

  .article .temp li:first-child {

    margin: 0px 0px 3px 0px !important

  }

  .article .items .item0 .face {

    width: 34% !important;

    float: left

  }

  .article .items .item.item0 .news_wd {

    display: block

  }

  .article .items .item.item0 .text {

    width: 62%;

    float: right

  }

  .article .items .item .news_wd {

    height: 40px

  }

}









.articleLabel {

  clear: both;

  margin-top: 30px

}



.articleLabel .case_box {

  max-width: 1030px;

  margin: 60px auto 0px;

  height: auto;

  overflow: hidden

}



.articleLabel .case_box ul.case_list {

  padding: 0px;

  display: block;

  width: 100%;

  height: auto;

  overflow: hidden

}



.articleLabel .case_box ul.case_list li {

  float: left;

  margin-bottom: 5px;

  display: inline

}



.articleLabel .case_box ul.case_list li.case_cont {

  width: 48%;

  margin-left: 1%;

  margin-right: 1%

}



.articleLabel .case_box .thumbnail {

  border: none;

  border-radius: 0px;

  margin: 0px;

  padding: 0px;

  position: relative;

  overflow: hidden

}



.articleLabel .case_box .thumbnail a {

  display: block

}



.articleLabel .case_box .thumbnail a:hover {

  text-decoration: none

}



.articleLabel .case {

  position: relative;

  background-color: #f2f2f2;

  padding: 15px

}



.articleLabel .case a {

  font-size: 14px;

  font-weight: bold;

  color: #333;

  display: block;

  border-bottom: 1px solid rgb(228, 196, 84);

  padding-bottom: 15px;

  position: relative

}



.articleLabel .case a:before {

  content: "";

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 110px;

  height: 3px

}



.articleLabel .case .text {

  height: 48px;

  line-height: 24px;

  overflow: hidden;

  color: #666;

  margin-top: 10px

}



.articleLabel .case_box .thumbnail img:hover {

  -webkit-transform: scale(1.1) rotate(3deg);

  -moz-transform: scale(1.1) rotate(3deg);

  -ms-transform: scale(1.1) rotate(3deg);

  -o-transform: scale(1.1) rotate(3deg);

  transform: scale(1.1) rotate(3deg)

}



@media screen and (max-width: 320px) {

  .articleLabel .case_box ul.case_list li.case_cont {

    width: 98%;

    margin-bottom: 10px

  }

}









.product {

  clear: both;

  margin: 65px auto 0px

}



.product .pro_box {

  height: auto;

  overflow: hidden;

  margin-top: 55px

}



.product .pro_fenlei {

  height: auto;

  overflow: hidden;

  background-color: rgb(94, 62, 32);

  padding: 15px;

  float: left;

  width: 25%;

  border-left: 5px solid;

  box-sizing: border-box;

  border-right: 1px solid rgb(228, 196, 84) !important;

  border-top: 1px solid rgb(228, 196, 84) !important;

  border-bottom: 1px solid rgb(228, 196, 84) !important

}



.product .pro_fenlei ul {

  padding: 0px;

  margin: 0px;

  height: 480px;

  overflow: hidden

}



.product .pro_fenlei ul li {

  line-height: 48px;

  height: 48px

}



.product .pro_fenlei ul li a {

  display: block;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  line-height: 48px;

  height: 48px;

  font-size: 12px;

  border-bottom: 1px solid rgb(228, 196, 84);

  text-align: center

}



.product .pro_fenlei ul li a:hover {

  text-decoration: none;

  color: rgb(94, 62, 32)

}



.product .product-box {

  height: auto;

  overflow: hidden;

  float: right;

  width: 75%

}



.product .product-box ul.pro-list {

  padding: 0px;

  height: auto;

  overflow: hidden

}



.product .product-box ul.pro-list li {

  float: left;

  margin-bottom: 6px

}



.product li.col-pro {

  width: 32%;

  margin-left: 1%

}



.product .product-box .thumbnail {

  border: none;

  margin: 0px;

  padding: 0px;

  overflow: hidden;

  border-radius: 0px

}



.product .product-box .thumbnail a {

  display: block

}



.product .product-box img {

  width: 100%;

  height: auto

}



.product .product-box img:hover {

  -webkit-transform: scale(1.1) rotate(3deg);

  -moz-transform: scale(1.1) rotate(3deg);

  -ms-transform: scale(1.1) rotate(3deg);

  -o-transform: scale(1.1) rotate(3deg);

  transform: scale(1.1) rotate(3deg)

}



.product .product-box .text {

  font-size: 12px;

  height: 40px;

  line-height: 40px;

  margin: 0px;

  padding: 0px;

  text-align: center;

  color: #333;

  background-color: #f2f2f2

}



.product .product-box .text a {

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  display: block

}



.product .product-box .text a:hover {

  text-decoration: none

}



.DoesNot {

  font-size: 20px

}



@media screen and (max-width:980px) {

  .product .pro_fenlei ul {

    height: 398px

  }

}



@media screen and (max-width:870px) {

  .product .pro_fenlei ul {

    height: 358px

  }

  .product .pro_fenlei ul li, .product .pro_fenlei ul li a {

    line-height: 40px;

    height: 40px

  }

}



@media screen and (max-width:768px) {

  .product .pro_fenlei ul {

    height: 321px

  }

}



@media screen and (max-width:600px) {

  .product .pro_fenlei, .product .product-box {

    float: none;

    width: 100%

  }

  .product .product-box {

    margin-top: 15px

  }

}



@media screen and (max-width: 375px) {

  .product li.col-pro {

    width: 48%

  }

}









.footers {

  color: rgb(94, 62, 32);

  margin: 0px auto;

  padding: 0;

  clear: both

}



.footerBox {

  margin: 0px auto;

  padding: 20px 0;

  max-width: 1180px

}



.footers .footers-box a {

  margin-right: 10px;

  color: rgb(94, 62, 32);

  word-break: break-all;

  word-wrap: break-word;

  text-decoration: underline

}



.footers .footers-box p {

  padding: 0;

  font-size: 12px;

  line-height: 20px

}









.smallphotoBox {

  min-height: auto !important

}