@charset "utf-8";

/* CSS Document */

/**全局**/



.brand-cont {text-align: center;padding: 50px;}

.brand-cont1 {text-align: left}

.brand-cont p {line-height: 2;color: #555;}

.brand-cont img {max-width: 100%;}

/* brand */



/* productList */

.product-list {margin-bottom: 30px;}

.product-item {text-align: center;margin-top: 30px;}

.product-item p {font-size: 16px;}

.product-list img {

  width:100%;

  object-fit: scale-down;

}

/* productList */



/*news*/

.art_list{width:100%;float:left;padding:20px 0;border-bottom:1px dotted #ccc;}

.art_img{float:left;width:20%;}

.art_img img{width:100%;}

.art_right{float:right;width:78%;}

.art_title{width:100%;height:30px;line-height:30px;font-size:18px;}

.art_author{width:100%;height:25px;line-height:25px;color:#666;}

.art_author span{margin:0 10px 0 0;}

.art_des{color:#666;line-height:25px;}



.articleList{width:100%;float:left;}

.articleList ul{margin:0px;padding:0px;list-style-type:none;}

.articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;background:url(../images/li_0.png) no-repeat left center;line-height:35px;}

.time{float:right;}

.articleTitle{ font-weight:bold; font-size:18px; text-align:center;}

.articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;}

.articleauthor span{ margin:0px 6px; font-size:9pt;}

.articleInfo{width:100%;padding:10px 0; line-height:200%;}

.articleInfo img{max-width:100%;}

.pageUpDown{padding-top:10px;text-align: left;line-height:30px;}

/*end*/



/*Product*/

.productList{width:100%;float:left;}

.pro_time {margin-top: 20px;color: #878787;}

.pro_list{ text-align:center; padding:10px;margin-bottom: 50px;position: relative}

.pro-mask {position: absolute;

  top:0;

  left:0;

  width:100%;

  height:100%;

  color: #be9541;

  display: none;

  background-size:cover !important;

}

.pro-mask-img {background: rgba(0,0,0,0.8);

  padding-top:80px;position: absolute;

  top:0;

  left:0;

  width:100%;

  height:100%;}

.pro-mask p {

  color: #be9541;}

.pro-mask a.pro_more {

  color: #fff;

  background: #be9541;

  padding:4px 10px;

  margin-top:20px;

  display: inline-block;

}

.pro_desc{font-size:16px;}

.pro_img{}

.pro_img img {width: 100%;height: 216px;object-fit: cover;}

.pro_title{width:50%;height:25px;line-height:25px; overflow:hidden;margin-bottom: 20px;}

.pro_title a {color: #977f5e;font-size:16px;}

.productTitle{line-height:35px;font-weight:bold; text-align:center; font-size:18px;}

.productImg{width:100%;text-align:center;float:left;margin:10px auto;}

.productImg img{max-width:100%;}

.title{width:100%;float:left;margin:10px 0 0 0;border-bottom:1px dotted #ccc;line-height:25px;}

.title span{font-size:14px;font-weight:bold;}

.productDesc{ line-height:200%;padding:10px 0;width:100%;float:left;}

/*end*/



/*page*/

.pagination{ font-size:12px;text-align:center; padding:10px 0px 10px 0px;width:100%;}

.pagination li{ display:inline-block;}

.pagination a{font-size:12px;padding:5px 10px;border:1px solid #ccc;margin:0 2px;}

.pagination a:hover{background:#eee;}

.pagination a.current{background:#eee;color:#f00;}

.pagination select{ vertical-align:middle; font-size:8pt; padding:0px; }

.pagination b{ font-weight:normal;}

/*end*/



/*feedback*/

.f_list{width:100%;float:left;margin:5px auto;clear:both;}

.f_list .fl_l{float:left;width:20%;text-align:right;}

.f_list .fl_r{float:left;width:80%;}

.input_text{width:90%;border:1px solid #ccc; line-height:24px;

-webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);

  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);

  }

.w100{width:100px;}

/*end */



@media (min-width: 1200px){

  .container {

    width: 1200px;

  }

}

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

	#navigate ul li{margin-right: 20px;}

  #footnav ul {margin-right: 30px;}

  #footer img.foot_logo {float: none;margin-bottom: 20px;}

}

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

	#navigate ul li{margin-right: 10px;}

}



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

	#logo{margin:10px auto;}

	#logo img{height:40px;}

	.art_img{width:100%;}

	.art_right{width:100%;}	

	#navigate{display:none;}

	.mobile_nav{display:block;}

  #footnav ul {width: 49%;margin-right: 0;margin-bottom: 20px;}

  #footnav input {width: 80%;}

  .service .col-xs-12 {margin-bottom: 10px;}

  .container {width: 100%;}

  .news .row > div:nth-of-type(1){margin-bottom: 10px;}

  .brand-cont {padding: 10px}

  .scene-list .scene-tab a {width: 49%;margin-right: 0;display: inline-block;}

  .scene-list .swiper-slide {width: 100%;height: 100%}

  .scene-list .swiper-slide-next img, .scene-list .swiper-slide-prev img {height: 100%;filter:none;}

  .scene-list .swiper-slide-prev, .scene-list .swiper-slide-next {margin-top: 0;}

  .service-section5 input, .service-section5 textarea , .service-section5 button {width: 100%}

  .service-section2 .tabs-item {width: 100%}

  .service-section5 img {width: 100%;}

  .service-section3 .section3-box {width: 100%;margin-bottom: 10px;height: 160px;}

  .service-section3 h3 {padding: 40px 0;}

  .service-section4 > div .section4-box {background: none !important}

  .joinus-section1 {width: 100%;}

  .joinus-section2-info .info-item {margin-bottom: 10px;width: 32%;}

  .joinus-section2-info .info-item p:nth-of-type(1) {font-size: 30px;}

  .joinus-section2-info .info-item p:nth-of-type(2) {font-size: 12px;}

  .joinus-section6 > div {padding-bottom: 20px;}

  .joinus-section6 > img {width: 100%;}

  #flash img {object-fit: unset;}

  .brand .brand-img {height: auto}

  .nav_menu li {

    margin:0 4px;

  }

  .scene .scene-img {height: 224px;}

  .contact-section02 >div {width:100%;}

}