@charset "UTF-8";
.vn1200 {
  width: 1200px;
  margin: 0 auto;
}

/*共用标题*/
.product-title .title-left {
  float: left;
}

.product-title .title-left h3 {
  font-size: 30px;
  color: #353535;
  line-height: 30px;
  font-weight: 400;
}

.product-title .title-left span {
  display: block;
  font-size: 16px;
  color: #c0c0c0;
  line-height: 16px;
  font-weight: 400;
  margin-top: 10px;
}

.product-title .title-right {
  float: right;
  margin-top: 6px;
}

.product-title .title-right li {
  float: left;
  font-size: 16px;
  color: #616161;
  line-height: 16px;
  margin-right: 45px;
}

.product-title .title-right li a {
  color: #616161;
}

.product-title .title-right li.on a {
  color: #0268bc;
}

.product-title .title-right li:last-child {
  font-size: 18px;
  font-family: "Arial";
  color: #878787;
  margin-right: 0px;
}

.product-title .title-right li:last-child a {
  color: #878787;
}

/*产品中心*/
.sample-product {
  margin-top: 60px;
}

.sample-product .product-con {
  margin-top: 50px;
}

.sample-product .product-con .list1 li {
  float: left;
  width: 582px;
  text-align: center;
}

.sample-product .product-con .list1 li:nth-child(2n) {
  float: right;
}

.sample-product .product-con .list1 li:nth-child(3) {
  margin-top: 35px;
}

.sample-product .product-con .list1 li:nth-child(4) {
  margin-top: 35px;
}

.sample-product .product-con .list1 li a.img {
  display: block;
}

.sample-product .product-con .list1 li a.img img {
  width: 582px;
  height: 462px;
}

.sample-product .product-con .list1 li h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 25px;
}

.sample-product .product-con .list1 li h3 a {
  color: #616161;
}

.sample-product .product-con .list1 li span {
  display: block;
  font-size: 14px;
  color: #989898;
  line-height: 14px;
  margin-top: 10px;
  padding-bottom: 30px;
}

.sample-product .product-con .list1 li:hover span {
  background: url(../images/js1.png) no-repeat center bottom;
}

/*关于我们*/
.sample-about {
  height: 532px;
  background: url(../images/abouts1.png) no-repeat center center;
  padding-top: 140px;
  box-sizing: border-box;
  margin-top: 46px;
}

.sample-about .title {
  text-align: center;
}

.sample-about .title h3 {
  font-size: 30px;
  color: #353535;
  font-weight: 400;
  line-height: 30px;
}

.sample-about .title span {
  display: block;
  font-size: 16px;
  color: #c0c0c0;
  line-height: 16px;
  margin-top: 9px;
}

.sample-about .about-con {
  font-size: 14px;
  color: #8a8a8a;
  padding: 0 122px;
  margin-top: 30px;
  line-height: 30px;
  text-align: center;
}

.sample-about .about-more {
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  margin-top: 52px;
}

.sample-about .about-more a {
  color: #878787;
}

/*项目案例*/
.sample-case {
  margin-top: 70px;
}

.sample-case .case-con {
  margin-top: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f4f4f4;
}

.sample-case .ttab {
  position: relative;
}

.sample-case .hd a.next {
  display: block;
  position: absolute;
  width: 12px;
  height: 22px;
  background: url(../images/rights1.png) no-repeat center center;
  right: -50px;
  top: 140px;
}

.sample-case .hd a.next:hover {
  background: url(../images/rights11.png) no-repeat center center;
}

.sample-case .hd a.prev {
  display: block;
  position: absolute;
  width: 12px;
  height: 22px;
  background: url(../images/lefts1.png) no-repeat center center;
  left: -50px;
  top: 140px;
}

.sample-case .hd a.prev:hover {
  background: url(../images/lefts11.png) no-repeat center center;
}

.sample-case .picList li {
  float: left;
  width: 380px;
  text-align: center;
  margin: 0 10px;
  padding-bottom: 30px;
}

.sample-case .picList li:hover {
  background: url(../images/js1.png) no-repeat center bottom;
}

.sample-case .picList li a.img {
  display: block;
}

.sample-case .picList li a.img img {
  width: 380px;
  height: 300px;
}

.sample-case .picList li h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 15px;
}

.sample-case .picList li h3 a {
  color: #353535;
}

/*新闻中心*/
.sample-news {
  margin-top: 45px;
}

.sample-news .news-con {
  margin-top: 40px;
}

.sample-news .news-con li {
  height: 265px;
  background: #fff;
}

.sample-news .news-con li a.img {
  display: block;
  float: left;
  width: 600px;
}

.sample-news .news-con li a.img img {
  width: 600px;
  height: 265px;
}

.sample-news .news-con li .wz {
  float: right;
  width: 600px;
  padding-left: 40px;
  box-sizing: border-box;
}

.sample-news .news-con li .wz h3 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  margin-top: 35px;
}

.sample-news .news-con li .wz h3 a {
  color: #393939;
}

.sample-news .news-con li .wz span {
  display: block;
  font-size: 14px;
  color: #888888;
  font-family: "Arial";
  background: url(../images/times1.png) no-repeat left center;
  padding-left: 25px;
  margin-top: 10px;
}

.sample-news .news-con li .wz p {
  font-size: 14px;
  color: #767676;
  margin-top: 30px;
}

.sample-news .news-con li .wz a.newsmore {
  display: block;
  font-size: 16px;
  color: #767676;
  line-height: 16px;
  margin-top: 35px;
}

.sample-news .news-con li:nth-child(2) a.img {
  float: right;
}

.sample-news .news-con li:nth-child(2) .wz {
  float: left;
  padding-left: 0px;
  padding-right: 50px;
}

/*友情鏈接*/
.sample-link {
  margin-top: 30px;
    margin-bottom: 20px;
}

/*底部联系我们*/
.sample-contact {
  background: #eaeaea;
  height: 295px;
  box-sizing: border-box;
  padding-top: 22px;
}

.sample-contact .contact-left {
  float: left;
}

.sample-contact .contact-left h3 {
  font-size: 16px;
  color: #666666;
  font-weight: 400;
  line-height: 16px;
}

.sample-contact .contact-left .contact-left-con {
  font-size: 14px;
  color: #8c8c8c;
  line-height: 30px;
  margin-top: 30px;
}

.sample-contact .contact-left .bdsharebuttonbox {
  margin-top: 20px;
}

.sample-contact .contact-left .bdsharebuttonbox a {
  display: block;
  width: 21px;
  height: 17px;
}

.sample-contact .contact-left .bdsharebuttonbox .bds_weixin {
  background: url(../images/w.png) no-repeat center center;
}

.sample-contact .contact-left .bdsharebuttonbox .bds_sqq {
  background: url(../images/q.png) no-repeat center center;
}

.sample-contact .contact-left .bdsharebuttonbox .bds_tsina {
  background: url(../images/bo.png) no-repeat center center;
}

.sample-contact .contact-right {
  float: right;
  width: 615px;
}

.sample-contact .contact-right input {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  font-size: 14px;
  color: #747474;
  font-family: "微软雅黑";
}

.sample-contact .contact-right textarea {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  padding: 0px;
  margin: 0px;
}

.sample-contact .contact-right .sample-name {
  width: 195px;
  float: left;
  border-bottom: 1px solid #dddddd;
}

.sample-contact .contact-right .sample-name input {
  line-height: 45px;
}

.sample-contact .contact-right .sample-tel {
  width: 195px;
  float: left;
  border-bottom: 1px solid #dddddd;
  margin-left: 15px;
}

.sample-contact .contact-right .sample-tel input {
  line-height: 45px;
}

.sample-contact .contact-right .sample-mail {
  width: 195px;
  float: left;
  border-bottom: 1px solid #dddddd;
  margin-left: 15px;
}

.sample-contact .contact-right .sample-mail input {
  line-height: 45px;
}

.sample-contact .contact-right .sample-content textarea {
  width: 100%;
  height: 130px;
  border-bottom: 1px solid #dddddd;
  line-height: 45px;
  font-size: 14px;
  color: #747474;
  font-family: "微软雅黑";
}

.sample-contact .contact-right .sample-btn {
  width: 107px;
  height: 40px;
  border: 1px solid #cdcdcd;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  color: #8f8f8f;
  margin: 0 auto;
  margin-top: 30px;
  background: #f7f7f7;
}

.sample-foot {
  background: #000000;
}

.sample-foot .foot-left {
  float: left;
  line-height: 40px;
  font-size: 14px;
  color: #ffffff;
}

.sample-foot .foot-left a {
  color: #ffffff;
}

.sample-foot .foot-right {
  float: right;
  font-size: 14px;
  line-height: 40px;
  color: #ffffff;
}

.sample-foot .foot-right a {
  color: #fff;
}

#container1 .right{
  float: none;
  margin: 0 auto;
}