﻿
html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#fff; -webkit-text-size-adjust:none; line-height:2;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
/*头部*/
.inner{ width:980px; margin:0 auto; position:relative;}

#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}

/*顶部导航*/
.met_flash{  font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 
.clear{ clear:both;}

/*feedbock*/	
#feedback1{ width:100%; max-width:1200px; margin:30px auto;}
#feedback1 h3{ line-height:40px; font-size:28px; font-weight:bold; color:#333; text-align:center;}
#feedback1 p{ font-size:18px; color:#333; text-align:center; margin:20px 0;}
#feedback1 input.input-text{ background:none;}
#feedback1  tr{width:50%; float:left;}
#feedback1 table{ width:100%;}
#feedback1 td.text{width:auto !important;padding:6px 5px 6px 0px; padding-left:10px;text-align: left !important;font-size:14px;font-weight:bold;}
#feedback1 tbody tr:nth-child(5){ width:100%; margin-bottom:0;}
#feedback1 tbody tr:nth-child(6){ width:100%; margin-bottom:0;}
#feedback1 tbody tr:nth-child(7){ width:100%; margin-bottom:0;}

.tup{ max-width:600px !important; width:100% !important;}

#feedback1 td.input input{ width:100%; box-sizing:border-box;}
#feedback1 td.text{ display:block;}
#feedback1 td.input{ display:block;}
#feedback1  td.input input{ height:40px !important; border:1px solid #e2e2e2; font-size:14px;}
#feedback1  td.text{font-size: 18px;color: #828282; font-weight:normal;}
#feedback1  .textarea-text { height:40px !important; border:1px solid #e2e2e2; font-size:14px;}
#feedback1 .submit{ width: 100%;margin-top: 0;border:none;background: #19110b;height: 58px; min-width:1180px !important;}
#feedback1 .submit:hover{ background:#104da3;}
#feedback1 tbody tr:nth-child(5) .textarea-text{ height:100px !important; width:100%; background:#fff;}
#showtext #feedback1 tbody tr:nth-child(5) .textarea-text{ background:none;}
@media (max-width: 1200px){
	#feedback1 .submit{min-width:135px !important;
		
	}
	
}
@media (max-width: 769px){
#feedback1 td.input input{ height:45px !important;}
.MagicZoomPup{ display:none !important;}
}
/*首页*/
.mright-fixed{
  position: fixed;
  height: 305px;
  width: 55px;
  right:0;
  top:0;
  bottom:0;
  margin: auto;
  z-index: 99;
}
.mright-fixed .items{
  height: 50px;
  display: block;
  margin-top:1px;
  background:rgba(27,27,27,.6);
  border-radius: 5px;
  cursor: pointer;

}
.bocweb-header  .bocweb-subnav.pronav .items{
	margin-bottom:10px;
}
.mright-fixed .items img{
  transition:.5s;
}
.mright-fixed .items:hover .itop img{
  transition:.5s;
  transform:scale3d(1.1,1.1,1);
}
.mright-fixed .phone{
  background:transparent;
}
.it-erweima .ibot{
  width: 120px;
  height: 120px;
  position: absolute;
  right: 60px;
  top:0;
  bottom:0;
  margin: auto;
  display: none;
}
.mright-fixed .phone .ibox{
  overflow:hidden;
  position: absolute;
  left:0;
  top:0;background:rgba(27,27,27,.6);
  transition:.5s;
  width: 200px;
}
.mright-fixed .phone:hover .ibox{
  transition:.5s;
  left:-145px;
  
}
.mright-fixed .phone .ibot{
  font-size: 16px;
  color:#ffffff;
  line-height: 50px;
  font-family: Arial;
  width: 145px;
   float:left;
   border-left: 1px solid rgba(112,112,112,.1);
   padding-left: 10px;
   box-sizing: border-box;

}
.mright-fixed .phone .itop{
  float:left;
}
.mright-fixed .items .itop{
  width: 55px;
  height: 50px;
  position: relative;

}
.mright-fixed .items .itop img{
  position: absolute;transition:.5s;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin: auto;
  width: 30px;
  height: 30px;
}
.mright-fixed .items:nth-child(1){
  margin-top:0;
}


/*产品*/
/*产品*/
/*#section1{ background:url(../di2.jpg) no-repeat center bottom !important;}*/
/*首页产品*/
.index_ppro ul{
	width:100%;}
.index_ppro dl{
	width: 100%;
	position: relative;
	display: none;
}
.index_net dl img{
	margin: auto;
	display: block;
}
.index_ppro{
	width: 100%;
	
	margin: 0px auto;
	margin-top:80px;
	box-sizing: border-box;
}
.index_ppro ul li{
	float: left;
	width: 33.333%;
	width: 50%;
	background: #fff;
	border: 1px solid #EEE;
	box-sizing: border-box;
	position: relative;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	padding: 5px 10px 10px 10px;
	cursor: pointer;
	background:#22497f;
}
.index_ppro ul li img{ margin:0 auto; display:block;}

.index_ppro ul li.active{
	background: #104da3;
}
.index_ppro ul li.active h1{
	color: #fff;
}
.index_ppro ul li h1{
	font-size: 1.7rem;
	color: #fff;
	text-align: center;
	
	position: relative;
	letter-spacing: 1px;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	font-weight: bold;
}
.index_ppro ul li:hover h1{
	letter-spacing: 2px;
}

.w_all2_r{
	float: left;
	width: 31.333%;
	background: #fff;
	margin-right: 1%;
	margin-left:1%;
	margin-top: 2%;
	position: relative;
}
.w_all2_r:last-of-type{
	margin-right: 0;
}
.w_all2_r img{
	width: 100%;
	display: block;
	
}

.index_ppro .box{
}
.w_all2_r .txt{
	text-align: center;
	width:auto;
	min-width:100px;
	margin:0 auto;
}
.w_all2_r .txt p{
	margin-top: 10px;
	font-size: 16px;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	padding:3px 0px;
	color: #333;
}
.w_all2_r:hover{
	opacity:0.9;
    filter:alpha(opacity=90); /* 针对 IE8 以及更早的版本 */
}
.w_all2_r .txt i{
	display: block;
	margin: auto;

}
.w_all2_r .txt i img{
	display: block;
	margin: auto;
	width: 40px;
	opacity: 0.6;
}
.w_all2{
	width:82%;
	margin:auto;
	}

/*第三屏*/
#section8 .container{ width:100%; height:auto; max-width:100%; height:100%; margin:0 auto; position:relative; top:0; left:0;  background-size:100% 100%;}
.in3 {
  height:62%;
  background: #22497f;
  position: relative;
}

.in3 .ilt {
  width: 400px;
  margin-left: 7%;
  padding-top: 4%;
}

.in3 .ilt .img img {
  display: block;
  width: 100%;
}

.in3 .ilt div,
.in3 .ilt a {
  color: #fff;
  text-align: justify;
  line-height: 1.8;
}

.in3 .ilt .ltt {
  line-height: 1;
  font-size:26px;
}

.in3 .ilt .ltc,
.in3 .ilt .abtn {
  padding-right: 40px;
  margin-top: 15px;
}


.in3 .ilt .ltc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size:14px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.in3 .cn.f_18{ font-size:26px;}
.in3 .en.f_12{ font-size:14px;}

.in3 .ilt .abtn a {
  box-sizing: border-box;
  display: block;
  width: 48%;
  float: left;
  line-height: 1;
  padding: 15px 0;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  background: url(../image/1_11.png) center right no-repeat;
}

.in3 .ilt .abtn a:nth-child(2n) {
  float: right;
}

.in3 .ilt .abtn a:nth-child(5) {
  width: 100%;
  border: 0;
}

.in3 .ilt .abtn a:hover {
  padding-left: 5px;
}

.in3 .irt {
  width: calc(100% - 380px - 9.375%);
  height: 100%;
  background: url(../image/1_8.jpg) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0 5%;
}

.in3 .irt div,
.in3 .irt span {
  color: #fff;
}

.in3 .irt .itt {
  font-weight: bold;
  line-height: 1;
  margin: 18% 0 10px;
}

.in3 .irt .ul1 {
  margin-top: 70px;
}

.in3 .irt .ul1 li {
  width: 24%;
  float: left;
  overflow: hidden;
}

.in3 .irt .ul1 li:nth-child(3) {
  width: 23%;
  margin-right: 3%;
}


.in3 .irt .ul1 li:nth-child(2) {
  width: 18%;
  margin: 0 7% 0 7%;
}

.in3 .irt .ul1 li:nth-child(4) {
  margin-right: 0;
  width: 15%;
}

.in3 .irt .ul1 li .ltt .llt {
  float: left;
  /* width: 78%; */
  display: block;
  font-size: 60px;
  line-height: 1;
  overflow: hidden;
  font-family: al;
}

.in3 .irt .ul1 li .ltt .lrt {
  /* width: 20%; */
  float: left;
  margin-top: 50px;
  font-size: 16px;
  line-height: 1.2;
}

.in3 .irt .ul1 li .ltt .lrt span {
  display: block;
  line-height: 1.2;
}

.in3 .irt .ul1 li .ltc {
  margin-top: 10px;
  font-size: 18px;
}

.in3 .irt .ul1 li:nth-child(3) .ltt .llt {
  /* width: 73%; */
}

.in3 .irt .ul1 li:nth-child(3) .ltt .lrt {
  /* width: 20%; */
}

.in3 .irt .ul1 li:nth-child(2) .ltt .llt {
  /*width: 73%;*/
}

.in3 .irt .ul1 li:nth-child(2) .ltt .lrt {
  /*width: 27%;*/
}

.in3 .irt .ul1 li:nth-child(4) .ltt .lrt {
  /* width: 24%; */
}


.in4 {
  padding: .5% 0 0 0;
}

.in4 li {
  width: 33%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-right: .5%;
}

.in4 li:last-child {
  margin: 0;
}

.in4 li img {
  display: block;
  width: 100%;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
  transition: all 1.5s;
}

.in4 li a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../image/blue.png);
  background-size: cover;
}

.in4 li a .itt {
  color: #fff;
  margin-top: 22%;
  font-size:26px;
  position: relative;
}

.in4 li a .itc {
  color: #fff;
  font-size:14px;
  position: relative;
}

.in4 li:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

@media screen and (max-width:1440px){

.in3 .irt .ul1 li .ltt .llt{ font-size:28px;}
.in3 .irt .ul1 li .ltt .lrt{ margin-top:8px;}
.in3{ height:70%;}	
.in3 .irt .itt{ margin-top:21%;}
	
}

@media screen and (max-width:1200px){
	
.in3 .irt .ul1 li:nth-child(2){ margin:0 3%; width:20%;}	
.in3 .irt .ul1 li:nth-child(4){ width:20%;}
	
}

@media screen and (max-width:769px){
.in3{ width:100%;}	
.in3 .ilt{ width:100%; padding-top:25px; padding-bottom:20px;}
.in3 .irt{ width:100%; position:relative;}
.in3 .irt .itt{ margin-top:0;}
.in3 .irt .ul1{ margin-top:30px;}
.in3 .cn.f_18{ font-size:22px; padding-top:20px;}
.in3 .irt .ul1 li{ width:48% !important; margin:0 1% 15px 1% !important;}
.in3 .irt .ul1 li .ltt .llt{ font-size:22px;}
.in3 .irt .ul1 li .ltt .lrt{ margin-left:5px; margin-top:5px;}
.in3 .irt .ul1 li .ltc{ font-size:14px;}
.in3 .ilt .abtn{ padding-bottom:20px;}
.in3 .ilt .ltt{ font-size:22px;}
.in4 li{ width:100%; float:none !important; margin-bottom:10px;}
.in3 .ilt .img img{ display:none;}
.in4 li a .itt{ margin-top:18%; font-size:22px;}


}

/*第三屏幕结束*/







.section_03{
	padding:45px 0;
	margin-top:30px;
	margin-bottom:50px;
    
}
.section_03 .title{
	text-align: center;
}
.section_03 .section_title {
	font-size: 16px;
	color:#a8a8a8;
}
.section_03 h4{
	height:50px;
	line-height:50px;
	margin-bottom: 42px;
	color:#525252;
	font-size:24px;
	color:#525252;
	font-weight:400;
}


.section_03 .news{
	width: 1434px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	flex-direction:  row ;
	flex-wrap: wrap ;
	justify-content:  space-between ;
}
.section_03 .news .news_item{
	width:342px;
	/*height:458px;*/
	height:auto;
	border: 1px solid #e7e7e7;
	overflow: hidden;
	cursor:pointer;
	box-shadow: 0 0 0 rgba(0,0,0,0.07);
	transition: 0.3s all ease;
	background:#FFFFFF;
}
.section_03 .news .news_item:hover{
	border-color:#ededed;
	box-shadow: 0 0 24px rgba(0,0,0,0.07);
}
.section_03 .news .news_item a{
	height:210px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	overflow:hidden;
}
.section_03 .news .news_item img{
	width:100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.section_03 .news .news_item:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.news .news_item .text{
	padding:0 21px;
	margin-bottom: 20px;
	overflow: hidden;
}
.text .article_title{
	margin-top:6px;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#202020;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.text .explain{
	display: -webkit-box;
	display:box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	line-height:22px;
	font-size:12px;
	color:#807f7f;
	transition: 0.3s all ease;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow:hidden;
	min-height:85px;
	display:none;
}
.text .col{
	width:300px;
	height:1px;
	background: #f0f0f0;
	margin-top:0px;
}
.text .date p i{font-size:28px;
	display:inline-block;
	overflow:hidden;
	text-decoration:none;
	list-style:none;
	font-style:normal;
	width:64px; height:23px;
	}
.text .date p{
	font-size:28px;
	display:inline;
}
.text .date span{
	font-size:14px;
	display:inline-block;
	line-height:30px; margin-left:10px;
	width:63px; height:23px; overflow:hidden; text-indent:-40px;
}
.text .date span:before{
	content:' -';
	display:inline;
}
.text .date {
	margin-top:26px;
	line-height:24px;
	color:#ababab;
	float:left;
}
.text .read_more {
	height:12px;
	font-size:10px;
	float:right;
	margin-top:30px;
}
.section_03 .news .news_item .read_more a {
	font-family: Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	color:#000;
	transition: 0.3s all ease;
	border-bottom:3px solid #fff;
	opacity:1;
	display:block;
	height:auto;
}
.section_03 .news .news_item:hover .read_more a{
	color:#202020;
	border-bottom:2px solid #202020;
	opacity:0.6;
}
.section_03 .gotoAll{
	display:none;
}

/*底部固定区块*/
.footTain{ margin-bottom:45px;}
#footer{width:100%;position:fixed;bottom:0px;left:0px;height:45px;overflow:hidden;z-index:999;text-align:center; display:none;}
.footerbox{ max-width:640px;width:100%; height:45px; margin:0px auto; position:relative;}
.footerlist{max-width:640px;width:100%;  height:45px; overflow:hidden; background:-webkit-gradient(linear,0 0,0 100%,from(#002c73),to(#003894)); position:absolute; left:0px;  }
#footer ul{ display:-webkit-box; }
#footer ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2);  }
#footer ul li a{ display:block; width:100%; text-align:center; color:#fff; height: 45px; }
#footer ul li a span{color:#fff;}
#footer .icon{ display:block; margin:0px auto 6px; position:relative; top:3px; width:30px; height:20px; overflow:hidden; background:url(../image/footer_01.png) no-repeat; background-size:150px;background-position:-3px 0px;}
#footer .map{ background-position:-83px 0px;}
#footer .message{ background-position:-45px 0px;}
#footer .home{ background-position:-118px 0px;}
#footer .txt{ height:16px; line-height:16px; font-size:12px;}
.powered_by_metinfo{ }
.powered_by_metinfo a{ color:#666;}
.metpcmobile{ padding:8px 0px;}
.metpcmobile span{ padding:0px 8px;}



#section7 .left{  width:17%; background:#ff5612; height:100%; position:absolute; left:0; padding:5% 2% 5% 2%; box-sizing:border-box;}
#section7 .left ul{ }
#section7 .left ul li i{font-size:28px; line-height:3rem;}
#section7 .left ul li a{ color:#fff; font-size:18px;line-height:3rem;}
#section7 .right{  width:83%; background:#000;height:100%;position:absolute; right:0; background:url(../image/chanb.jpg) no-repeat center center; background-size:100% 100%;}

#section8{ overflow:hidden}
#section9 .swiper-container{ position:absolute; background:url(../image/heb.jpg) no-repeat center center; background-size:100% 100%;}
#section9 .slide2-shodow{ background:none !important;}
#section9 .banner-main{ width:100%; max-width:1620px;position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;
	text-align: center;}
#section9 .banner-main .ul1{}
#section9 .banner-main .ul1 li{ float:left;  width:24%; margin:0.5%; box-sizing:border-box; overflow:hidden;}
#section9 .banner-main .ul1 li:hover img{ transform:scale(1.2,1.2); transition:all 1s;}
#section4{background:url(../image/di3.jpg) no-repeat center center; background-size:100% 100%;}
.title_div {
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #e8e8e8;
	left: 0;
	position: relative;
	
}
#section9 .title_div {
	padding-top:8%;
	top: -100%;
}
#section4 .title_div {
	padding-top:6%;
	top: -100%;
}


.sec_font {
	height: 75px;
	position: relative;
	display: inline-block;
	float: left;
	border-bottom: 1px solid #104da3;
	margin-right: 20px;
}

.sec_icon {
	width: 114px;
	height: 57px;
	position: relative;
	display: inline-block;
	float: left;
	margin-top: 6px;
}

.sec4_font {
	width: 210px;
	background: url(../image/sce4font.jpg) no-repeat center 0;
}

.sec4_icon {
	background: url(../image/jue.jpg) no-repeat center;
}


#section4 .sec4_font {
	width: 111px;
	background: url(../image/sce5font.jpg) no-repeat center 0;
	float:right;
	margin-right:0;
}

#section4 .sec4_icon {
	background: url(../image/jue1.jpg) no-repeat center;
	 float:right;
}
#section4 .font_box h1 {
	border-right: 3px solid #104da3;
	display:inline-block;
	height: 26px;
	line-height: 22px;
	font-size: 28px;
	margin: 0 2px 31px 0;
	padding-right: 11px;
	font-weight: normal;
	border-left:none;
}
#section4 .font_box p{ margin-right:10px;}

.section4 div.font_box {
	left: -100%;
	right: auto;
	float: none;
	margin-bottom: 78px;
	margin-left: -585px;
}



#section4 .font_box{ text-align:right;}


.font_box {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 2% 0 0 0;
	text-align:left;
	
}

.font_box h1 {
	border-left: 3px solid #104da3;
	display:inline-block;
	height: 26px;
	line-height: 22px;
	font-size: 28px;
	margin: 0 2px 31px 0;
	padding-left: 11px;
	font-weight: normal;
}

.font_box p {
	color: #666666;
	line-height: 25px;
	display:inline-block;
	padding-bottom: 30px;
	font-size:16px;
	margin-left:10px;
}

#section4 .lefico{ background:url(../image/rigico.png) no-repeat center center; right:-50px; z-index:99;}
#section4 .rigico{ background:url(../image/lefico.png) no-repeat center center;left:-50px; z-index:99;}


@media screen and (max-width:1600px) {
	#section7 .left{  width:25%; }
	#section7 .right{  width:75%;}
}

@media screen and (max-width:769px) {
	.sec4_font{width:100px;background-size: 100px 30px;height: 40px;}
	.sec_icon{ width:80px; height:40px; background-size:80px 40px; margin-top:0; font-size:14px;}
	.title_div{ height:42px;}
	.font_box h1{ font-size:26px;}
	.font_box p{ opacity:1 !important;-webkit-transform:translateX(0%)!important;transform:translateX(0%)!important;}
	#section9{ height:auto !important;}\
	#section9 .banner-main{ position:static;}
	#section9 .swiper-container{ position:static;}
	#section9 .banner-main{ position:static !important; transform:none !important;}
	.title_div{ padding-left:10px !important;}
}

/*底部*/
.foot-nav{ text-align:center; margin-top:10px; height:25px; line-height:25px;}
.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}
.foot-text{ text-align:center; padding:0px 0px 5px; }

/*内页侧栏*/
/*.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:210px;}
.sidebar .sb_nav h3.title{ text-align:left; background:url(../dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ padding:10px 15px; background:#fff;}
#sidebar dl{ margin-left:5px;}
#sidebar dl dt{ padding:4px 0px 5px 15px; margin-top:5px; background:url(../dt-11.gif) no-repeat 2px 11px;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../dt-0.gif) no-repeat left center;}
#sidebar dl dt.on a{ font-weight:bold; color:#1C57C4; }
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ float:right; width:755px; background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; height:35px; line-height:35px; position:relative;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #ff6633; padding:0px 15px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;}
.sidebar .sb_box h3.title div.position a{ color:#1C57C4;}*/
/*侧边栏*/
.side{position:fixed;width:54px;height:275px;right:0;top:380px;z-index:100;/*display:none;*/}
.side ul li{width:54px;height:54px;float:left;position:relative;margin-bottom:3px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#61686f;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;border-radius:10px 0 0 10px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#61686f;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;border-radius:10px 0 0 10px;}
.side ul li .sidetop:hover{background:#F28D11;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li .sidebox:hover{width:160px;height:54px; background:#F28D11; opacity:1;}
.side ul li .sidebox:first-child:hover{width:180px;height:54px; background:#F28D11; opacity:1;}
#showtext img{ }

/*sosuo*/
.activee{ display:none;}

/*内页侧栏*/
#showtext{ padding:0 !important; }
#newslist{ padding:0 !important;margin-top:15px;}
.sb_nav2{ float: right;padding-left: 20px; background: url(../image/45.jpg) 0px center no-repeat; }
.wrapp { width:100%; max-width:1200px; box-sizing:border-box; margin:0 auto; position:relative; padding-left:35%;}
.wrapp .dangqiang{ display:none;}
.sidebar .sb_nav{ width:100%;position:relative; height:87px; line-height:85px; border-bottom:1px solid #e5e5e5;}
.sidebar .sb-title { float:left; width:280px; text-indent:30px; position:relative;}
.sidebar .sb-title h3.title{ background:#2e2f2f; font-size:28px; font-weight:normal; color:#fff;}
.sidebar .sb-title h3.title::before {content: ''; width:55px; border-top:3px solid #fff ;position:absolute; top:0; left:35px;}
.sidebar .sb-title ul { position:absolute; width:100%; bottom:100%; background:rgba(46,47,47,.6); padding:25px 0; box-sizing:border-box; z-index:199;}
.sidebar .sb-title li a { display:block; font-size:18px; line-height:2; color:#fff;}
#sidebar { width:100%; display:flex;justify-content:center;}
.sidebar .sidebar1200 h3.title { display:none;  text-align:center; font-weight:normal; font-size:16px; color:#fff; height:46px; line-height:46px; padding:0px 10px; background:url(../image/navmore.png) no-repeat 95% center; background-size:12px;}
#sidebar dl{ padding:0 2%; position:relative; display:inline-block}
#sidebar dl dt a{ display:inline-block;font-size:16px;}
#sidebar dl dt a span{ font-size:16px; line-height:60px;}
#sidebar dl dt.on,.sidebar .sb_nav dl dt.all{  border-bottom:solid 2px #104da3; color:#104da3;}
#sidebar dl dt a::before { display:inline-block;content:"";width:0px;vertical-align: middle; border-top:1px solid #fb9723; margin-right: 5px; transition:.4s;}
/*#sidebar dl dt:hover a::before,#sidebar dl dt.on a::before { width:25px;}*/
.sidebar .sb_nav dl dd{width:100%;background:#fff;background:rgba(255,255,255,.95);position:absolute;left: 0;right:0;top:100%;margin-left: -50%;width: 200%;z-index:99;max-height:160px;text-align: center;overflow-y:scroll;padding-top:12px;}
.sidebar .sb_nav dl dt.on .fa-angle-down:before,.sidebar .sb_nav dl:hover dt .fa-angle-down:before{ color:#104da3;}
.sidebar .sb_nav dl dd::-webkit-scrollbar { width:3px; background-color:#ededed; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar-thumb { border:none; width:3px;background-color:#ca171c; }
.sidebar .sb_nav dl dd::-webkit-scrollbar-corner { background-color:#ededed; }
.sidebar .sb_nav dl dd h4{ font-weight:normal;}
.sidebar .sb_nav dl h4 a { display:block;line-height:2.5; font-size:16px;}
.sidebar .sb_nav dl h4.on a{ color:#ca171c;}
.sidebar .sb_nav dl h4 a::before { display:inline-block; content:""; width:0px; vertical-align:middle; border-top:1px solid #104da3; margin-right:5px; transition:.4s;}
.sidebar .sb_nav dl h4:hover a::before,.sidebar .sb_nav dl h4.on a::before { width:10px;}
.sidebar .sb_nav .position{ float:right; font-weight:normal;}
.sidbar11 .sb_nav .position{ float:left; font-weight:normal;}
.sidebar .sb_nav .position a{ color:#999; font-size:14px;}
.sidebar .sb_nav .moresidebar { display:none; float:right; font-weight:normal; font-size:18px; padding:0 10px 0 20px; background:url(../image/side.png) no-repeat left center; background-size:14px;}
.sidebar .sb_box .active { width:100%;  margin:0 auto; position:relative; overflow:hidden; box-sizing:border-box;}
#productlist{ margin-top:0px;}
.sub .on  span{ color:#ededed;}

.zhong{ width:100%; max-width:1400px; margin:0 auto; }
#showproduct .title{ font-size:24px !important; padding:1% 0 !important; font-weight:bold;}
#showproduct{ padding:0 !important;}
#showproduct .bj{padding:2% 0 !important; background:#fff;box-shadow: 0 0 10px rgba(112, 110, 110, 0.1);}

#showproduct .pshow dd li{ font-size:18px;}
#showproduct .pshow dd li{
    white-space: pre-wrap;
	border-bottom:solid 1px #e5e5e5;
}
#showproduct .pshoww{ width:100%; max-width:1400px; margin:0 auto;}
#showproduct .pshoww dd li{padding: 5px 5px 5px 50%;min-height:28px;_height:28px;margin:5px 0px;text-align:  center;clear:both;border-bottom:1px solid #eee;position:relative;line-height:2;background-color: #F6F6F6;}
#showproduct .pshoww dd li span{position:absolute;left:0px;top:0px;color:#333;padding:5px;background-color: #eaeaea;width:  50%;height:100%; box-sizing:border-box;}
#showproduct .pshoww dd{ margin-top:5% !important;}
#showproduct .pshoww dd li{ font-size:18px;}
#showproduct .pshoww dt{ float:left;}
#showproduct .pshoww dd{ float:right;}


#showproduct .tt{padding: 0 30px;background: #c61f31;color: #fff;font-weight: bold;line-height: 40px; }

#showproduct .tc{padding: 3% 0;margin:0 auto; max-width:1400px; width:100%;}
#showproduct .tcc .prt p{ font-size:18px; color:#000; line-height:2;}
#showproduct .tc .plt{width: 50%;float: left; padding-right:8%; box-sizing:border-box; }

#showproduct .tc .plt img{display: block;width: 100%;}
#showproduct .tc .prt img{display: block;width: 100%;}
#showproduct .tc .plt p{ font-size:18px; color:#000; line-height:2;}
#showproduct .hui{ background:#fff;box-shadow: 0 0 10px rgba(112, 110, 110, 0.1);}
#showproduct .tc .prt{width: 50%;float: right;}

#showproduct .tc .prt table{width: 100%;background: #f6f6f6;text-align: center;;}

#showproduct .tc .prt table td{width: 50%;line-height: 50px;box-sizing: border-box;border-right: 2px solid #fff;font-size: 16px; border-bottom: 2px solid #fff;}
#showproduct .tc .prtt table td{width:auto;line-height: 50px;box-sizing: border-box;border-right: 2px solid #fff;font-size: 16px; border-bottom: 2px solid #fff;}
#showproduct .tc .prt table tr td:nth-child(1){background: #eaeaea;}

#showproduct .tc .prt table tr:nth-child(1) td{background: #d2d2d2;font-weight: bold;font-size: 18px;}

#showproduct .tc .plt table{width: 100%;background: #f6f6f6;text-align: center;;}

#showproduct .tc .plt table td{width: 50%;line-height: 50px;box-sizing: border-box;border-right: 2px solid #fff;font-size: 16px; border-bottom: 2px solid #fff;}

#showproduct .tc .plt table tr td:nth-child(1){background: #eaeaea;}

#showproduct .tc .prt table tr:nth-child(1) td{background: #d2d2d2;font-weight: bold;font-size: 18px;}


.wrap{ width:100%; max-width:1680px; margin:0 auto;}
.sidbar11 .wrap{ width:100%; max-width:1400px; margin:0 auto;}
.tanchuang{position: fixed;z-index: 10;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.8);display: none;}

.tanchuang .tbox{position: absolute;width: 1000px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}

.tanchuang2 .tbox{width: 90%;height: 90%;}

.tanchuang .tbox video{display: block;width: 100%;}

.tanchuang .tbox .tout{width: 30px;height: 30px;background: url(https://www.laizhouruitai.com/template/pc/skin/shou/out.png) center no-repeat; position: absolute;right: -50px;top: 0;cursor: pointer;}

#messagelist .metpager_8{ display:none;}
#messagelist .ctitle{ display:none;}
#map{ margin-top:30px;}


#section0 .slide1 img{ display:none;}

/*公司简介*/

.about{
	padding: 3% 0 3% 0;
}
.about .box{
	position: relative;
	height: 100%;
}
.about .left img{
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0.05;
	-webkit-transform: translate(-50%,-0%);
	transform: translate(-50%,-0%);
}
.about .left{
	width: 100%;
}
.about .left h2{
	font-size: 12rem;
	font-weight: bold;
	color: #12408b;
	
	opacity: 0.06;
	text-align: center;
	margin-bottom: -100px;
}
.about .left p{
	font-size: 1.5rem;
	margin: 10px 0;
	color: #555;
	text-indent: 2em;
	text-align: justify;
}
.about h6{
	font-size: 1.7rem;
	margin: 10px 0;
	color: #333;
	text-indent: 2em;
}
.about ul{
	display: flex;
	justify-content: center;
	text-align: center;
	margin-bottom: 3%;
}
.about ul li{
	margin-right: 5%;
	padding-right: 5%;
	text-align: center;
	border-right: 1px solid #eee;
}
.about ul li:last-of-type{
	border: none;
	margin-right: 0;
	padding-right: 0;
}
.about ul li h5{
	font-size: 1.6rem;
	margin: 5px 0 0;
	color:#104da3;
	text-align: left;
}
.about ul li h3{
	font-size: 3rem;
	color: #104da3;
	letter-spacing: 2px;
}
.about ul li h3 span{
	font-size: 5rem;
	color: #104da3;
	
	letter-spacing: 2px;
	margin:0 5px;
}
.about ul li h4{
	font-size: 1.6rem;
	margin: 5px 0 0;
	color: #888;
}
.about .box2{
	margin-top: 3%;
	position: relative;
	padding-bottom: 5%;
}
.about .box2:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80%;
	background: #f8f8f8;
}
.about .box2 .contain{
	position: relative;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
}
.about .box2 video {
	margin: auto;
	width: 100%;
	display: block;
    object-fit: fill;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.about .box2 .contain >img{
	width: 100%;
}
.about .box2 a img {
    display: block;
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	cursor: pointer;
	z-index: 2;
}
.about .box2 .contain:hover video{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.about .box2 .contain:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 0px;
	height: 0px;
	background: #fff;
	opacity: 0.3;
	border-radius: 50%;
}
.about .box2 .contain:hover:after{
	width: 90%;
	height: 200%;
	opacity: 0;
	-webkit-transition: all 0.6s linear;
	transition: all 0.6s linear;
}

#showtext .bg-gray .x4,#showtext .bg-gray .x3{ box-sizing:border-box;}
#showtext .bg-gray{ background:none;}
#showtext .bg-gray .container{ max-width:1680px; margin:20px auto;}
#showtext .bg-gray .container .padding{ padding:20px; text-align:center;}
#glightbox-body .gslide-title{ font-size:18px; margin-bottom:0;}

@media only screen and (max-width:1200px){
.tanchuang .tbox{width: 90%;}
 .tanchuang .tbox .tout{right: 0;top: -50px;background-size: 70%;}
 .wrapp{ padding:2%;}
 .index .pt3 .desc{ width:auto;}
 .index .pt3 .tit{font-size:22px;}
    .index .pt3 .num_box .num{font-size:30px;}
    .index .pt3 .num_box .divide{display:block; margin:20px;}
    .index .pt3 .desc{width:auto;}
    .index .pt3 .num_box .flag{font-size:20px; bottom:0;}
    .index .pt3 .video_box{display:none;}
	.index .pt3 .tit a{ font-size:36px;}
	.index .pt3 .en{font-size:50px;}
}
@media only screen and (max-width:769px){
	
#showtext .bg-gray .x4,#showtext .bg-gray .x3{ width:50%;}	
#showtext .bg-gray .container .padding{ padding:5px;}
	
.about ul li h3 {
	    font-size: 1.6rem;
		letter-spacing: 0;
	}
	.about6 ul li h3 span {
	    font-size: 2rem;
	    letter-spacing: 0px;
	}
	.about .left p{ font-size:16px;}
.w_all2{ width:96%;}	
.about ul{ flex-wrap:wrap;justify-content:end;}
.about ul li{ width:45%; box-sizing:border-box;}

}


/*内页新闻*/
.new1 .ul1{margin-bottom: 30px;}
.new1 *{ box-sizing:border-box;}
.new1 .ul1 li a{display: block;padding: 40px 2% 40px 2%;width: 100%;height: 100%;border-bottom: 1px dashed #ddd;}
.new1 .ul1 li:first-child a{ padding-top:0;}

.new1 .ul1 li a .img{display: block;width: 400px;float: left;overflow: hidden; max-height:280px;}

.new1 .ul1 li a .lrt{width: calc(100% - 460px);float: right;padding-top: 5px;}

.new1 .ul1 li a .lrt .ltt{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.new1 .ul1 li a .lrt .ltc{color: #666;line-height: 2;margin: 20px 0 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.new1 .ul1 li a .lrt .ltc span{display: inline-block;padding-right: 10px;margin-right: 10px;border-right: 1px solid #ddd;height: 20px;line-height: 20px;margin-top: 5px;}

.new1 .ul1 li a .lrt .more{display: block;width: 150px;line-height: 40px;text-align: center;color: #666;background:#f5f5f5 url(../image/4_3_1.png) center no-repeat;padding-left: 10px;}

.new1 .ul1 li:hover a .img img{transform: scale(1.06);-webkit-transform: scale(1.06);}

.new1 .ul1 li:hover a .lrt .ltt{color: #104da3;}

.new1 .ul1 li:hover a .lrt .more{background: #104da3 url(../image/4_3_2.png) center no-repeat;color: #fff;}
.new1 .f_30{ font-size:28px; }
.new1 .f_16{ font-size:16px; }

.news_top{ padding:0px 0 60px;border-bottom: solid 1px #f7f7f7; margin-bottom:50px; margin-top:50px;}
.news_top .left{ width:40.5%; float:left; background-color:#f0f1f5; color:#333;}
.news_top .left p{ font-size:14px;}
.news_top .right{ width:56.3%; float:right;}
.news_top:after{ content:''; display:block; clear:both;}
.news_top .left .text{ padding:4% 5% 4%;}
.news_top .left .text .tit{ height:1.5em; text-align:justify; overflow:hidden; -webkit-line-clamp:1px; -webkit-box-orient:vertical; text-overflow:ellipsis; display:-webkit-box; margin-bottom:1%; font-size:18px; font-weight:bold; }
.news_top .left .text p{  text-align:justify; overflow:hidden; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:4%; color:#666; font-size:15px; line-height:2; }

.news_top a.look{ display:block; font-size:14px; width:120px; line-height:40px; text-align:center; padding-right:10px; background:#f5f5f5 url(../image/ipart02_2.png) no-repeat 90px center ;  }
.news_top a.look:hover{ color:#104da3;}
.news_top .right .img{ width:38.5%; float:right;  overflow:hidden; }
.news_top .right .text{ width:58%; float:left;}
.news_top .right .clearfix{ position:relative;}
.news_top .right .clearfix:nth-child(1){padding-bottom:50px; border-bottom: solid 1px #f7f7f7; margin-bottom:40px;}

.news_top .right .clearfix:after{ content:''; display:block;  clear:both;}
.news_top .right a.look{ margin-top:20px; }
.news_top .right .text .tit{ font-size:18px; font-weight:bold; margin:16px 0;}
.news_top .right .text span{ margin-bottom:10px; display:block; font-size:16px; color:#666;}
.news_top .right p{ line-height:2; font-size:15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; color:#666;}
.news_top .left:hover a{ color:#104da3;}
.news_top .right .text:hover a{ color:#104da3;}

#showproduct #feedback1 tbody tr:nth-child(5) .textarea-text{ background:none !important;}

@media (max-width: 1680px) {
	.news_top{ padding:15px;}
.news_top .right .clearfix:nth-child(1){ padding-bottom:20px; margin-bottom:20px;}
	
	
}
@media (max-width: 1440px) {
.about ul li h3{ font-size:22px;}	
.wrap{ max-width:1300px;}
.sidbar11 .wrap{ max-width:1300px;}
#shownews{ max-width:1300px;}
#section9 .banner-main{ max-width:1300px;}
#showproduct .pshow dd{ width:50% !important;}	
	
 .new1 .f_30{ font-size:20px; }
.new1 .f_16{ font-size:14px; }	
}
@media (max-width: 960px) {
	.news_top .left{ width:100%;}
	.news_top .right{ width:100%; margin-top:20px;}
	.news_top .left .text{ padding:2% 3% 2%}
	.news_top .left .text p{ margin-bottom:10px; margin-top:10px;}
	
	
	.new1 .ul1 li {margin-bottom: 20px;}
   .new1{ padding:0 15px;}
  .new1 .ul1 li a{padding: 0 0 10px;}

  .new1 .ul1 li a .img,.new1 .ul1 li a .lrt{width: 100%;float: none;}

  .new1 .ul1 li a .lrt .ltc{margin: 10px 0;}

  .new1 .ul1{margin-bottom: 30px;}
   .new1 .ul1 li a .lrt .more{display: none;}
	
}

@media (max-width: 769px) {
	
	.news_top .right .img{ width:100%;}
	.news_top .right .text{ width:100%;}
	.news_top .right .text span{ display:none;}
	.news_top .right p{ line-height:1.8;}
	.news_top{ margin-bottom:20px; margin-top:20px;}
	
	}

/*产品列表*/
#productlist li { width:31% !important; height:auto !important; margin:0 1% 20px 1% !important; overflow:hidden !important;}
#productlist li a{display: block;overflow: hidden; font-size:14px;}
#productlist li a.img img { display:block; width:100%; border:none; transform:scale(1,1); transition:0.4s; height:auto; }
#productlist li:hover a{color:#F28D11;}
#productlist li:hover a.img img { transform:scale(1.05,1.05);}
#productlist li a.text h3 { font-size:18px; font-weight:bold; line-height:1.6; padding:10px 0 0 0;}
#productlist li a.text p { color:#999; line-height:1.4;}
#productlist li a.img{max-height: 392px;}
#showproduct img{ height:auto;}
#ZoomBox{ background-color:#fff;}
/*news*/
#newslist li { padding:26px 0px 15px; background:#fff; position:relative;}
#newslist li::after { content:""; width:88%; border-bottom:1px solid #e5e5e5; position:absolute; bottom:0; right:0;}
#newslist li .news-time { float:left; width:55px; color:#666; padding:1% 2% 1% 0.6%; margin-top:10px; border-right:1px solid #e5e5e5; line-height:1; white-space:nowrap; overflow:hidden;}
#newslist li span.time01 { display:block; font-size:50px; color:#F28D11; }
#newslist li span.time02 { display:block; width:100%; overflow:hidden;}
#newslist li a { display:block; float:left; width:85%; padding:0 0 0 5%; margin:0;}
#newslist li a img { display:block; float:right;height:150px; margin-left:100px;}
#newslist li h3 { font-size:20px; font-weight:normal;}
#newslist li .hits-num { color:#999; padding:2px 25px; background:url(../image/hits_bg.png) no-repeat left center; background-size:18px;}
#newslist li p { color:#333; height:2.8em; overflow:hidden;}
/*厂房展示*/
#ZoomCapDiv{ left:919px !important;}
#ZoomCapDiv table{ width:auto !important;}
#imglist li { width:31% !important; height:auto !important; margin:0 1% 20px 1% !important;}
#imglist li a{display: block;overflow: hidden; font-size:14px;}
#imglist li a.img img { display:block; width:100%; border:none; transform:scale(1,1); transition:0.4s; height:auto; }
#imglist li:hover a{color:#F28D11;}
#imglist li:hover a.img img { transform:scale(1.05,1.05);}
#imglistt li a.text h3 { font-size:18px; font-weight:bold; line-height:1.6; padding:10px 0 0 0;}
#imglist li a.text p { color:#999; line-height:1.4;}
/*搜索*/
.searchnavlist li{ float:left !important; padding-right:10px !important;}
.jiathis_txt{ display:none;}
.dangqiang{ display:none;}

.rongyu img{ margin-left:10px; margin-right:10px; margin-bottom:5px;}
/*企业文化*/
.w1400 .sidebar .sb_nav{ display:none;}
#downloadlist{ background:#fff;}
#downloadlist .metlist dd{ background:#fff !important;}
#downloadlist dl.top dt a{ font-size:18px;}
#searchlist{ margin:0 auto; max-width:1200px; width:100%;}
.orange{ padding:5px 10px; border-radius:3px;}

.footTain{ display:none;}
.swipBox{ display:none;}
#section9 >p{ display:none;}
.newsBox{ display:none;}
.new-but{ display:none;}
@media screen and (max-width:1440px)
{
#section8 .container{}
#section8 img{}
.in3 .ilt .img img{max-width:50%;}
.in4 li a .itt{margin-top:10%;}
#section9 .ul1 li img{ width:100% !important; height:auto;}
}
@media screen and (max-width:1200px)
{
	#showproduct h1.title{ padding:0 1% !important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.tc{ padding-left:1% !important;padding-right:1% !important; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.comDesc{ padding-left:1% !important;padding-right:1% !important; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	/*内页*/
	.sidebar .sb_nav .position { display:none;}
	.sidebar .sb_nav .sidebar1200 { display:none; width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; background:#2e2f32; opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9; z-index:199;}
	#sidebar{ display:none;}
	.sidebar .sb_nav .moresidebar { display:block;}
	.sidebar .sidebar1200 h3.title { display:block;}
	#sidebar dl {width:100%; padding:0;}
	#sidebar dl dt { border-bottom:1px solid #3b3c40; background: url(../image/navmore.png) no-repeat 95% center; background-size:12px; margin-top:0; line-height:1.4;}
	#sidebar dl dt.on { background-color:#3b3c40;}
	#sidebar dl dt a { padding:5px 3%; color:#fff;}
	#sidebar dl dt.on a { color:#fff;}
	#sidebar dl dt a::before { display:none;}
	#sidebar dl dt span { display:block;}
	#sidebar dl dt a span{ color:#fff; line-height:40px;}
	.sidebar .sidebar1200 h3.title{ color:#fff; padding:2%;}
	.sidebar .sb_nav dl dd{ position:static; background:rgba(0,0,0,.65); width:100%; margin-left:0;overflow-y:auto; padding-top:0;}
	
	.wrap .dangqiang{ display:block; color:#4d4d4d; font-size:18px; padding-left:10px;}
	.sub span{ color:#fff;}
	.sub{ display:block !important;}
	.activee{ display:block;}
	#showproduct .pshow dd{ float:none; width:100% !important;}
	#showproduct .pshow dt{ float:none;}
	.met_hits{ display:none;}
	.dangqiang{ display:block;}
	.foot .dl1{ display:none;}
	.foot .dl2 dd .m{ float:none; width:auto;}
}


@media screen and (max-width:980px)
{
	
	/*内页*/
	.introduce img { width:40% !important; margin:15px 30px !important;}
	#newslist li { padding:46px 0px 40px}
	#newslist li a { width:80%;}
	#newslist li a img { width:180px; height:125px; margin-left:60px;}
}
@media screen and (max-width:800px)
{
	
	/*内页*/
	#sidebar dl dt a { display:block;}
	.sidebar .sb-title ul { display:none;}
	.sidebar .sb-title h3.title::before { display:none;}
	.sidebar .sb_nav { height:70px; line-height:70px;}
	.introduce img { width:100% !important; margin:0px !important;}
	#showtext .num_box { padding:40px; margin:0 0 20px 0;}
	.introduce .num_box ul { padding:0;}
	#productlist li { width:46% !important; margin:0 2% 20px 2% !important;}
}
@media screen and (max-width:680px)
{ 
.index_ppro ul li h1{ font-size:14px; font-weight:normal;}
.w_all2_r .txt{ position:static;width:100% !important;}
.w_all2_r .txt i{ display:none; width:100% !important;}
.w_all2_r .txt p{ border:none; width:100%; margin-top:0;}
.w_all2_r{ width:96%; margin:2%;}

	#showproduct .tc .plt{text-align:left;}
	#shownews img{ width:100% !important; height:auto !important;}
	#footer{ display:block;}
.pG{display: none;} 
.swipBox{ display:none;}
.footTain{ display:block;}
#section0 .slide1 video{ display:none;} 
#section0 .slide1 img{ display:block; width:100%;}
.slide2-shodow{ height:100% !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display:none !important;}
.swiper-button-prev{display:none !important;}
.banner-main h3{ font-size:24px;}


#section3{ background-attachment:inherit !important;}
select{ color:#fff;}
	.met_flash .flash img{ width:100%; height:auto; min-height:150px;}
	#showproduct .tc .plt{width: 100%;float: none;}

#showproduct .tc .plt img{display: block;width: 100%;}

#showproduct .tc .prt{width: 100%;float: none;}
	#showproduct .tc .plt p{ padding:0 5px;}
	#showproduct .tc .plt{ padding:0;}
	#showproduct .title{ font-size:18px !important; padding:4% 2% !important;}
	#showproduct .tc .prt p{ padding:0 5px;}
	#showproduct .pshow dd ul{ margin-left:0;}
	#showproduct .tc .plt span{ padding:0 5px;}
	#showproduct .tc .prt span{ padding:0 5px;}
	#showproduct .tc .plt div{ padding:0 5px;}
	#showproduct .tc .prt div{ padding:0 5px;}
	/*产品*/
	.swipBox{
	width: 100%;
	background: #F3F3F3;
	padding: 30px 0;
}
.swipBox .sw-cen{
	width: 90%;
	margin: auto;
}

/* swiper内置问题 */
.swipBox .sw-cen .swiper-container{
	/*padding-bottom: 28px;*/
	overflow: hidden;
}
.swipBox .sw-cen .swiper-container .swiper-wrapper .swiper-slide{
	border-radius: 7px;
	overflow: hidden;
	
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0 !important;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    display: inline-block;
    background: #000;
    opacity: .2;
}
.swiper-pagination-bullet-active{
	background: #0D30A4;
	opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
/* 内置结束 */

.swipBox .sw-cen .swiper-container .pro-des-item{
	width: 100%;
	/* height: 387px; */
	position: relative;
}
.pro-des-item .it-box{
	width: 100%;
	height: 100%;
}
.pro-des-item .it-box img{
	width: 100%;
	height: 100%;
}
.pro-des-item .main3-content{
	position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
	padding: 15% 0 0 7%;
	overflow: hidden;
}
.swipBox .sw-cen .swiper-container .pro-des-item .main3-content:before{
	content: '';
	background: url(https://www.laizhouruitai.com/template/pc/skin/shou/images/back-blue-new.png) no-repeat;
    background-size: cover;
	position: absolute;
	top: 0;
    left: -23px;
    width: 85%;
    height: 100%;
	transform: skewX(8deg);
    box-sizing: border-box;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
.swipBox .sw-cen .swiper-container .pro-des-item .main3-content:after{
	content: '';
	background: url(https://www.laizhouruitai.com/template/pc/skin/shou/images/back-blue-new.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: -23px;
    width: 85%;
    height: 100%;
    box-sizing: border-box;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
.main3-consbox h4{
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
#section1{ display:block !important;}	
.tainTis p{
	color: #000000;
	font-size: 24px;
	text-align:center;
}	

#section8{ height:auto !important; }
.fullpage-wrapper #section8 .container{ position:static !important;  background-size:contain;}
#section8 .main-top-tils h2, .main3-top-tils h2{ font-size:24px;}
#section8 .main-top-tils p span, .main3-top-tils p span{ font-size:24px;}
#section9 .banner-main .ul1 li{ width:49%;}
#section9 >p{ display:block;color: #000000;
	font-size: 24px;
	text-align:center; margin-bottom:10px;}



#section8 .main-top-tils{position:static !important;}

/*新闻*/
.newsBox{ display:block;}
.new-but{ display:block;}
.newsBox{
	width: 100%;
	margin-top:30px;
	padding: 0 0 30px;
}
.newsBox .newTain{
	width: 90%;
	margin: auto;
}
.tain-topimg{
	width: 100%;
}
.tain-topimg img{
	width: 100%;
}
.new-desc{
	padding: 6% 8%;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.new-desc .np1 a{
	color: #666666;
	font-size: 14px;
}
.new-desc .np2{
	width: 100%;
}
.new-desc .np2 span:nth-child(1){
	font-size: 15px;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 24px;
	display: inline-block;
}
.new-desc .np2 span:nth-child(2){
	font-size: 12px;
    right: 0;
    bottom: 0;
    font-weight: normal;
}
.new-desc .intro{
	color: #686868;
	font-size: 14px;
}
.new-desc .np3 a{
	font-size: 13px;
    color: #063b91;
	display: block;
	margin-top: 25px;
}

.new-but{
	width: 100%;
	padding-bottom: 30px;
}
.new-but a{
	display: block;
	width: 145px;
	margin: auto;
	height: 36px;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #000000;
	border-radius: 43px;
	border: solid 1px #434343;
}
#section4{ display:none;}
/*底部*/
.bootimg ul{ }
.bootimg{ background-size:cover !important;}

.bootimg{ position:static; height:auto !important;}
.btn-foots{ position:static !important; display:block !important;}
.btn-foots h3{ font-size:16px !important; line-height:24px !important;}
#section5{ display:block;}
.bootimg ul li{ width:50% !important;}
.bootimg .box{ position:static !important;transform:none !important;-webkit-transform:none !important;}
	/*内页*/
	#scroll-down{ display:none !important;}
	#imgqwe img{ width:100%;}
	.w1400 .sidebar .sb_nav{ display:block;}
	.sitbar-nav{ display:none;}
	#showtext .introduce h1 { font-size:42px;}
	#showtext .introduce h3 { font-size:24px;}
	#showtext .num_box { padding:40px 20px; margin:0;}
	#showtext .introduce li font { font-size:54px;}
	#showtext .introduce li span { font-size:15px;}
	#showtext .introduce li p { font-size:15px;}
	body{ height:auto !important;}
	html.fp-enabled, .fp-enabled body{ overflow:scroll !important; height:auto !important; overflow-x:scroll !important;}
	.pG{ display:none !important;}
}
@media screen and (max-width:560px)
{	
	video{ max-width:100% !important; height:auto !important;}
	.pcbox{ display:none;}
	/*内页*/
	.sidebar .sb-title { width:240px;}
	#showtext .num_box { background-size:auto 100%;}
	#showtext .num_box li { width:100%; margin:10px 0;}
	#newslist li .news-time { margin-top:150px;}
	#newslist li a { width:75%;}
	#newslist li a img { float:none; margin-left:0;}
}
@media screen and (max-width:480px)
{
	
	/*内页*/
	.sidebar .sb_nav { height:50px; line-height:50px;}
	.sidebar .sb-title { width:170px; text-indent:20px;}
	.sidebar .sb-title h3.title { font-size:22px;}
	.sidebar .sb_nav .moresidebar { font-size:16px; background-size:12px;}
	#showtext .num_box { background-size:auto 100%;}
	#showtext .num_box li { width:100%; margin:10px 0;}
	#showtext .introduce h1 { font-size:36px;}
	#showtext .introduce h3 { font-size:20px;}
}
@media screen and (max-width:400px)
{
	/*内页*/
	#newslist li { padding:20px 0;}
	#newslist li .news-time { display:none;}
	#newslist li a { width:100%; padding:0;}
	#newslist li a img { float:left; width:30%; margin-right:20px; height:auto;}
	#newslist li .hits-num { display:none}
	#newslist li h3 { font-size:16px;}
	#newslist li::after { width:100%;}
}



