@charset "utf-8";
/* CSS Document */
/*----整站头部样式开始----*/
#topper{width:100%;min-width:1200px;background:#fff; height:100px; border-bottom:0px solid #DDDDDD; position:fixed; top:0px; z-index:999999;box-shadow: 0 1px 5px #ccc;}
#topper .son_{position:relative;}
#topper .son_ #tool{position:absolute;right:100px;top:30px;width:277px;height:33px;padding:4px 0px 4px 40px;}
#topper .son_ .left{float:left;}
#logo{margin-top:20px;}

#nav_menu{
	float:right;
}
#nav{
	height:77px;
	
}
#nav li.current a {color:#CD2323;background:url(/skin/images/m-bg-x.png) no-repeat left 98px;}
#banner-home{margin-top:100px;}
/*----首页样式开始----*/
.navbar{display:none;}
#banner-home-mob{display:none;}
/*自适应设置*/

@media(max-width:960px)
{
   #web-top{min-width:100%;padding-right:20px;}
   #fixed-bottom{display:table;}
   #footer-copyright{margin-bottom:55px;}
  .navbar,#home-category-mob,#home-solutions-mob,#div-inquiry-mob{display:block !important;}
  #page-img-mob{display:inline !important;}
  #inquiry-title{font-size:18px !important; padding-left:0px !important;}
  .md-close{font-size:16px !important; margin-top: 25px !important;}
  #topper,.home-solutions,#home-category,#web-right-email,#div-inquiry,#page-img-pc,#web-top-tel,.mob-hide,#page-img-pc,.suspension{ display:none !important;}
  .m-left{ float:none; width:100%;margin-left: 0px;}
  .m-left .con0 li a {background: url(../img/i1.png) no-repeat right 15px center #fff;}
  .m-left .con0 li:hover a, .m-left .con0 li.current a {background: url(../img/i1.png) no-repeat right 15px center #fff;}
  .plist3_ li .picture{ width:1% !important;}
  body{width:100% !important;overflow-x:hidden !important;}
  .son_{width:100%;}
  .page_ .m-c{width:100%;border-right:none; padding-right:30px;padding-left:30px; float:none;margin-bottom:0px;}
  .page_ .m-c img{max-width:100%;}
  #web-location-cont{width:100%;}
  #web-location-cont span{line-height:25px !important; padding-top:15px; display:block; float:left;}
  #div-inquiry-2{width:100% !important;}
  #case{ margin-left:0px !important;}
  #case ul li .title1{width:100% !important;margin-top: 20px !important;}
  #case ul li .picture1{width:50% !important;}
  #case ul li .picture1 img{max-height: 250px !important;}
  #case ul li .pi{ margin-right:0px !important;}
  .m-c .con0{padding-left: 0px; }
  .c-son{height:auto !important;}
  .picture4{width:100% !important; float:none !important;margin: 0 auto; }
  #b{width:100% !important; float:none !important;margin-right:0px !important;border-top: 0px solid #E9E9E9; margin-top:30px; }
  .pic{min-height:250px !important;}
  .ainfo .con{padding-top:20px;}
  .thumbnail_ .piclist{ padding:0px !important; margin-top:15px !important;}
  .thumbnail_ .list{width: 77% !important;}
  #pro-quote{width:100% !important;margin-left:0px !important;}
  .lanrenzhijia .tab a{width:100% !important;border-bottom: 1px solid #E9E9E9; border-right:none !important;}
  .lanrenzhijia .content{padding:0px !important;padding-top:30px !important;}
  .rows {
  overflow: hidden;
  overflow-x: auto;
  padding-bottom:20px;
}
.rows::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.rows::-webkit-scrollbar {
  width: 5px;
  height: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rows::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.rows::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
  #modal-1{width:60% !important;}
  #cont-title{font-size:30px !important;line-height:35px !important;}
  #cont-title font{background:none !important;}
  .page_ .m-c .page-bt{}
  .piclist11{width:300px;padding-left:0px;padding-right:0px;margin: 0 auto;}
  #home-find{margin-top:0px !important;}
  #home-find2{font-size:25px !important;}
  #home-find3{font-size:14px !important;}
  #footer-logo li{width:50%; text-align:center; display:block; padding-left:30px;}
  #footer-logo li a{padding-right:0px !important;}
  p#back-to-top a{ font-size:20px;    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: rgba(0,0,0,0.4); color:#fff;line-height:40px;}
  p#back-to-top a:hover {color: #fff;}
  #footer-menu li{float:none !important; width:100% !important;}
  #footer-menu { padding-left:30px; padding-right:30px; padding-bottom:0px !important;padding-top:0px !important;}
  #footer-menu li font{ margin-top:30px;}
  #footer{padding-bottom:20px !important;}
  #modal-1 .md-content{ height:auto !important;}
  #sending{left:0px !important;width:180px !important;font-size:14px !important;}
  #index_3 li ,.home-why,#index_3{width:100% !important;height:auto !important;min-width:100% !important;}
  .index_3_content {height:auto;}
  #index_3 li{ padding:10px;margin-right: 0px;}
  #index_3 li img{height: 140px;object-fit: cover;}
  .home-bt-xia{width:100% !important;}
  .index_3_bt{font-size:25px;}
  .home-why{padding-bottom:0px !important;}
  .bottomlink{margin-left:0px !important;}
  .homemain1{margin-top:0px !important;}
  #main,#banner-home{margin-top:0px !important;}
  #slider-txt span{font-size:18px !important;}

  #banner-page{height: 300px !important;min-width:100% !important;}
  #banner-page div{line-height: 300px !important;font-size: 18px !important; padding-left:30px;width:100% !important;}

  #container{float:none !important;width: 100% !important; top:30px !important;}
  .kuan100{float:none !important;width: 100% !important; margin-bottom:20px;}
}

a.pimg{position:relative;display:block;}
a.pimg .dummy{padding-top:100%;}
a.pimg .dummy +div{text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;}
a.pimg .dummy +div img{max-width:70%;max-height:70%;display:inline-block;vertical-align:middle;}
a.pimg .dummy +div i{display:inline-block;vertical-align:middle;height:100%;}
a.pimg+.caption{text-align:center;}

.a-more{color:#666; display:block; padding:9px; font-size:13px; background:#eee;border-radius:5px; padding-left:16px; padding-right:16px;transition: 0.5s;border:1px solid #eee; margin-top:10px; width:130px; text-align:center;}
.a-more:hover{color:#fff; border: 1px solid transparent;background:#C41919;}
.img-responsive-n {
    height: auto;
    max-width: 100%; 


}

.news-bt{font-size:25px; font-weight:bold;line-height:60px;border-bottom:1px solid #ddd;border-top:0px solid #EB733F; padding:0px 0px 0px 0px; display:block; margin-bottom:40px; background:#fff; color:#000;border-top-left-radius: 0px;
    border-top-right-radius: 0px;text-transform: uppercase; }


.news-bt span {
	border-bottom: 4px solid #e63b3e; padding-bottom:12px;
}
/*手机版banren自适应设置*/
.webban {
	width: 100%;
	height:400px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	

}
.webban img.abban_img {
	display: block;
	width: 1920px;
	height:400px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}
.webban .webba_con {
	width: 1400px;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	margin-top:13%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.webba_con p {
	width: 100%;
	height: auto;
	line-height: 40px;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	padding: 0
}
.webba_con i {
	display: block;
	width: 40px;
	height: 3px;
	margin: 10px auto 15px;
	padding: 0;
	background-color: #d21f1f
}
.webba_con span {
	display: block;
	width: 100%;
	height: auto;
	line-height: 30px;
	color: rgba(255,255,255,0.25);
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
	padding: 0
}

@media (max-width:1680px) {
.webban {
	height: 263px
}
.webban img.abban_img {
	width: 1815px;
	height:263px
}
}
@media (max-width:1600px) {
.webban {
	height:250px
}
.webban img.abban_img {
	width: 1676px;
	height: 250px
}
}
@media (max-width:1440px) {
.webban {
	height:225px
}
.webban img.abban_img {
	width: 1536px;
	height: 225px
}
.webba_con p {
	line-height: 36px;
	font-size: 32px
}
.webba_con span {
	font-size: 20px
}
.webba_con i {
	margin: 10px auto
}
}
@media (max-width:1366px) {
.webban {
	height:213px
}
.webban img.abban_img {
	width: 1466px;
	height:213px
}
}
@media (max-width:1280px) {
.webban {
	height:200px
}
.webban img.abban_img {
	width: 1396px;
	height:200px
}
.webba_con p {
	line-height: 32px;
	font-size: 30px
}
.webba_con span {
	line-height: 20px;
	font-size: 18px
}
.webba_con i {
	height: 2px
}
}
@media (max-width:1200px) {
.webban {
	height: 188px
}
.webban img.abban_img {
	width: 1292px;
	height: 188px
}
}
@media (max-width:1080px) {
.webban {
	height:169px
}
.webban img.abban_img {
	width: 1187px;
	height:169px
}
.webba_con p {
	line-height: 30px;
	font-size: 26px
}
.webba_con span {
	font-size: 16px
}
}
@media (max-width:1024px) {
.webban {
	height:160px
}
.webban img.abban_img {
	width: 1117px;
	height: 160px
}
}
@media (max-width:1023px) {
.webban {
	margin-top:0px
}
}
@media (max-width:800px) {
.webban {
	height:125px;
	margin-top:0px
}
.webban img.abban_img {
	width: 977px;
	height:125px
}
}
@media (max-width:767px) {
.webban {
	height:95px;
	margin-top:0px
}
.webban img.abban_img {
	width: 767px;
	height:95px
}
.webba_con p {
	font-size: 24px
}
.webba_con span {
	font-size: 14px
}
.webba_con i {
	width: 30px;
	margin: 5px auto
}
}
