

.page_bar{ width: 100%;}
.page_bar img{ width: 100%;}
.requested{ color: red;}




.every_page_content .page_localhost{ text-align: right;}
.every_page_content .page_localhost .layui-icon-location{ color: #0090da;}



.production-shop{ width: 100%; background: #f2f2f2;}
.production-shop .in-container-wrap{ padding: 50px 0px;}

.production-shop .in-container-wrap .t-title{ 
	color: #000000;
	font-size:46px;
	font-weight: bold;
}

.production-shop .in-container-wrap  .title_line{ 
		border-top-style: solid;
	    border-top-color: rgba(220, 12, 25, 1);
	    border-top-width: 3px;
		width: 50px;
		opacity: 1;
		filter: alpha(opacity:100);
		display: inline-block;
		vertical-align: middle;
}
.production-shop .in-container-wrap  .title-desc{ margin-top: 10px; font-size: 16px; line-height: 24px;}

.production-shop  .swiper {
	width: 100%;
	height: 100%;
  }

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.production-shop  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.production-shop .production-shop-image {
    position: relative;
}
.production-shop .production-shop-image a {
    display: block;
    overflow: hidden;
}


.production-shop .horon .pic {
    overflow: hidden;
}

.production-shop .horons .pic {
    background-color: #fff;
    padding: 10%;
    position: relative;
}

.production-shop .horons b {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    z-index: 5;
    color: #ffffff;
    line-height: 1px;
    top: 50%;
    transform: translate(-50%,-50%);
    font-weight: normal;
    opacity: 0;
    visibility: hidden;
    transition: 0.38s;
}

.production-shop .horons p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    padding: 20px;
    color: #333;
    background-color: #eee;
}

.production-shop.horons .swiper-slide:hover .advancebg {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: left 0;
    -webkit-transform-origin: left 0;
    visibility: visible\9;
}

.production-shop .horons .swiper-slide:hover b {
    opacity: 1;
    visibility: visible;
}

.production-shop.horon .pic img {
    width: 100%;
    display: block;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    height: auto !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
}

.production-shop .horon .img00 {
    position: relative;
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
}

.production-shop .horon .swiper-slide .img00 {
    transition: 600ms;
    -webkit-transition: 600ms;
}

.production-shop .horon .swiper-slide:hover .img00 {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
}

.production-shop .horon .black-30 {
    width: 100%;
    height: 100%;
    background: rgba(55,60,55,.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 600ms;
    transition: 600ms;
    position: absolute;
    left: 0px;
    top: 0px;
}

.production-shop .horon .swiper-slide:hover .black-30 {
    opacity: 0.8;
    visibility: visible;
}

.production-shop .horon .con {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.production-shop .horon .con .tit {
    position: absolute;
    z-index: 39;
    top: 45%;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    -webkit-transition: 400ms;
    transition: 400ms;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.production-shop .horon .con .icon {
    background: url('/static/home/img/add-ico.png') no-repeat scroll center center;
    background-size: cover;
    width: 10px;
    height: 10px;
    display: block;
    margin: 0px auto 15px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.production-shop .horon .con .tit p {
    padding: 0 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.production-shop .horon .swiper-slide:hover .tit {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
}

.production-shop .swiper .next-btn {
    right: 0px;
    background-color: rgba(55,60,55,.8);
    left: auto;
    background-image: url("/static/home/img/left-arrow.png");
    background-size: auto;
}

.production-shop .swiper .next-btn {
    right: 0px;
    background-color: rgba(55,60,55,.8);
    left: auto;
  	background-image: url("/static/home/img/right-arrow.png");
    background-size: auto;
}

.production-shop .swiper .pre-btn {
	background-image: url("/static/home/img/left-arrow.png");
    left: 0px;
    right: auto;
    background-color: rgba(55,60,55,.8);
    background-size: auto;
}



.product-order-section .t-header{ font-size: 18px; font-weight: bold;}
.product-order-section .requested{ color: red;}



.contact-page{
	 width: 100%;
}
.contact-page .contact-info{
	background-color: #373c41;
	color: #FFF;
	min-height: 383px;
}
.contact-page .contact-info-wrap{
	padding: 50px 40px;
}

.contact-page .contact-info .company-name{
	font-weight: bold;
}

.contact-page .contact-info .company-line {
	margin-top: 10px;
    width: 100%;
    min-height: inherit;
    font-size: 0;
}


.contact-page .contact-info .company-line:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    min-height: inherit;
    width: 0;
}
 .contact-page .contact-info .p_FLine {
    border-top-color: #dc0c19;
    border-top-width: 2px;
	width: 60px;
}
.contact-page .contact-info .p_FLine {
    border-top-style: solid;
}


.contact-page .contact-info .contact-address{
	margin-top: 20px;
	font-size: 14px;
}
.contact-page .contact-info .contact-address p{
	 line-height:30px;
}
.onlinne-guestbook{ width: 100%;
    background: #f2f2f2;
}
.onlinne-guestbook-wrap{ 
	padding: 30px;
}
.onlinne-guestbook .onlinne-guestbook-wrap .onlinne-guestbook-thead {
}

.onlinne-guestbook .onlinne-guestbook-wrap .onlinne-guestbook-thead h2 {
	text-align: center;
	font-size:34px;
	color:#000000
}
.onlinne-guestbook .onlinne-guestbook-wrap .onlinne-guestbook-thead .guestbook-thead-desc {
	text-align: center;
	font-size:16px;
	color:#787878
}


@media only screen and (min-width: 769px)
{
	.swiper-slide {
		-webkit-flex-shrink: 0;
		-ms-flex: 0 0 auto;
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
	}
}


/**宽度大于 992px 的屏幕使用该样式*/
@media only screen and (min-width: 992px) {
		

}



/**宽度大于 1025px 的屏幕使用该样式*/
@media only screen and (min-width: 1025px) {
		.every_page_content .page_nav_section{height: 80px; line-height: 80px; }
		
		.every_page_content .cm-col1{ float: left; width: 49.99%;}
		.every_page_content .cm-col2{ float: right; width: 49.99%; position: relative}
		
		.production-shop  .production-shop-image{ width: 100%; height: 307px;}
		.production-shop .production-shop-image{
			overflow: hidden;
		}

		.every_page_content .company_intro{ margin-top: 60px;}

		.about-right-section{
			position: relative;
			margin-left: 50px;
			float: right;
			width: 95%;
		}

		.about-right-section .about-right-section-img{ position: absolute; top: 80px; left:0px; width: 652px; height: 460px;overflow: hidden; z-index: 300;}
		.about-right-section .about-right-section-img img{
			max-width: 652px;
			max-height: 460px;
			width: 100%;
			object-fit: cover;
			filter: saturate(1);
			-webkit-filter: saturate(1);
		}

		.about-right-section .about-right-section-backgroup{
			position: absolute;
			top:0;
			right: 0;
			background-color: rgba(235,235,235,1);
			width: 90%;
			height: 589px;
			z-index: 100;
		}


		.every_page_content .company_intro .company_information{
			width: 95%;
			margin-top: 50px;
		}
		.every_page_content .company_intro .company_information .company_name{ 
			color: #373c41;
			font-size:24px;
			font-weight: bold;
		}
		
		.every_page_content .company_intro .company_information .h3_line{ 
				border-top-style: solid;
			    border-top-color: rgba(220, 12, 25, 1);
			    border-top-width: 3px;
				width: 50px;
				opacity: 1;
				filter: alpha(opacity:100);
				display: inline-block;
				vertical-align: middle;
		}
		
		.every_page_content .company_intro .company_information h2{ 
			 margin-top: 20px	;
			font-size:46px;
			color:#373c41;
			line-height:1.2;
			 font-weight: bold;
		}
		
		.every_page_content .company_intro .company_information .company_detail{ 
			 margin-top:30px;
		    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		    font-size: 14px;
		    line-height: 1.42857143;
		    color: #595959;
		}
		.every_page_content .company_intro .company_information .company_detail p{ 
			margin: 0;
			font-size: 16px;
				 line-height: 24px;
				 padding-bottom: 25px;
			
		}
		
		
		
		
		.contact-page .contact-info .company-name{
			font-size: 24px;
			font-weight: bold;
		}
		.onlinne-guestbook .onlinne-guestbook-wrap .layui-card-form{  width: 1200px; margin: 30px auto;}
		
		.every_page_content .page_child_nav ul li a{
			 font-size: 16px;
		    height: 80px;
		    line-height: 80px;
		    padding: 0px 30px;
		} 
		
		
		
		.every_page_content .page_nav_section{ width: 100%;  background-color: #f3f3f3;}
		.every_page_content .page_child_nav ul li{ float:left;  font-size:16px;}
		
		
		
		.every_page_content .page_child_nav ul li:hover a{color: #18469d; }
		.every_page_content .page_child_nav ul li a{    
		    position: relative;
		    color: #222;
		    display: inline-block;
		    transition: 0.3s ease 0s;
		}
		
		
		
		
		.every_page_content .page_child_nav ul li a.more:after {
		    content: "";
		    position: absolute;
		    width: 1px;
		    height: 15px;
		    display: block;
		    background: #ccc;
		    top: 50%;
		    margin-top: -7px;
		    right: 0px;
		}
		 .every_page_content .page_child_nav ul li a:before {
		    position: absolute;
		    content: '';
		    left: 50%;
		    bottom: 0px;
		    width: 0%;
		    height: 3px;
		    background-color: none;
		    transition: all .3s;
		}
		
		 .every_page_content .page_child_nav ul li a:before {
		    position: absolute;
		    content: '';
		    left: 50%;
		    bottom: 0px;
		    width: 0%;
		    height: 3px;
		    background-color: none;
		    transition: all .3s;
		}
		
		 .every_page_content .page_child_nav ul li a:hover:before {
		    width: 80%;
		    left: 10%;
		    background-color: #18469d;
		}
		
		.culture-page { margin-top: 50px;}
		.culture-page .layui-container{ width: 1600px; padding: 0;}
		.culture-page .page-title{
			font-size:36px;
			color: #000;
			font-weight: bold;
		}
		
		
		.culture-page  .page-title-line {
			margin-top: 10px;
		    width: 100%;
		    min-height: inherit;
		    font-size: 0;
		}
		
		
		.culture-page  .page-title-line:before {
		    content: "";
		    display: inline-block;
		    vertical-align: middle;
		    min-height: inherit;
		    width: 0;
		}
		 .culture-page  .p_FLine {
		    border-top-color: rgba(220, 12, 25, 1);
		    border-top-width: 3px;
			width: 30px;
		}
		.culture-page  .p_FLine {
		    border-top-style: solid;
		}

		.culture-page  .page-content{
			 font-size: 16px;
			  line-height: 24px;
			   margin-top: 30px;
		}
		.culture-page  .page-content p{
			padding: 5px 0px 8px 0px;
		}
		
		.culture-page .culture-right-img{
			float: right; 
			width: 650px;
			 max-width:650px;
			 overflow: hidden;
	 }
		
		.honor-page .honor-col-li{
			 background-color: #EEE;
			 text-align: center;
			 width: 380px;
			 height: 340px;
			cursor: pointer;
		}
		
		.honor-page .honor-col-li img{
			 max-width: 380px;
			 max-height: 280px;
		}
		.honor-page .honor-col-li .in-li-box{ padding: 10px;}
		.honor-page .honor-col-li .honor-title{ height: 40px; line-height: 40px; }
		.honor-page .honor-col-li .honor-title{ font-size: 16px; }
		
		
		.productionshop  .item-col-li{
			 background-color: #EEE;
			 text-align: center;
			 width: 380px;
			 height: 312px;
		 	 cursor:pointer
		}
		
		.productionshop .item-col-li img{
			 max-width: 300px;
			 max-height: 200px;
		}
		
		.productionshop .item-col-li .in-li-box{ padding: 30px 10px 10px 10px;}
		.productionshop .item-col-li .pdshop-title{ height: 40px; line-height: 40px; }
		.productionshop .item-col-li .pdshop-title{ font-size: 16px; }


		.probox .layui-col-li{
			margin-bottom: 65px;
		}

		 .probox .product-list-box{
			  width: 100%;
			  height: 560px;
		 }

		.probox .layui-col-li:hover .proLink {
			box-shadow: 0 0 20px #ddd;
			display: block;
		}



		.probox .proudct-list .inn-product-list-box:nth-child(3){
		
		}
		.probox .proudct-list  .frightbox{

		}

		.probox .proudct-list .inn-product-list-box .proLink {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			overflow: hidden;
			transition: all 0.5s ease;
			border: 1px solid #d3d6d3;
		}
		 
		  .probox .proudct-list .inn-product-list-box:hover .product-list-box{
			      box-shadow: 0 0 20px #ddd;
		  }

		  .probox .proudct-list .inn-product-list-box:hover .proLink::after {
		    content: '';
		    position: absolute;
		    left: 0px;
		    bottom: 0px;
		    width: 100%;
		    height: 2px;
		    background-color: rgb(220, 12, 25);
		    transition: all .5s ease;
		}
		
		 
		 .probox .product-list-box .pro-title{ 
				text-align: center;
				 overflow: hidden;
				 text-overflow: ellipsis;
				 white-space: nowrap;
				 color: #373c41;
				 font-size: 20px;
				 font-weight: bold;
				 height: 70px;
				 line-height: 70px;
				 position: relative; 
		 }
		 
		 .probox .product-list-box .pro-title::before {
		     content: '';
		     position: absolute;
		     left: -170px;	
		     top: -70px;
		     width: 140px;
		     height: 140px;
		     background-color: rgb(220, 12, 25);
		     transform: rotate(45deg);
		     transition: all .5s ease;
		 }
		  .probox .product-list-box .pro-title .fa-search{
			  position: absolute;
			  left: -1000px;
			  top:0px;
		  }
		 
		 .probox .proudct-list .inn-product-list-box:hover .pro-title::before {
		     left: -100px;
		 }
		 
		 .probox .proudct-list .inn-product-list-box:hover .pro-title  .iconfont {
		     transition: .5s;
		 }
		 
		 .probox .proudct-list .inn-product-list-box:hover .pro-title .fa-search {
		     position: absolute;
		     left: 10px;
		     top: 10px;
		     display: block;
		     width: 20px;
		     height: 20px;
		     color: #fff;
		 }
		 
		
		 .probox .product-list-box .pro-image{
			 width: 99.99%;
			 overflow: hidden;
			 text-align: center;
			 position: relative;
		 }

		.probox .product-list-box .pro-image .inproImg {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
			transition: all .5s ease;
		}


		.probox .product-list-box .pro-image img{
			 width: 99.99%;
			 overflow: hidden;
			 transition: all .4s;
		 }
		

		  .probox .product-list-box .pro-desc{ margin-top: 50px;}
		  .probox .product-list-box .pro-desc-cont{ 
			  padding: 0px 15px; 
		      display: -webkit-box;
		      height: 50px;
		      overflow: hidden;
		      -webkit-line-clamp: 2px;
		      -webkit-box-orient: vertical;
		      text-overflow: ellipsis;
		      line-height: 1.5;
		      color: #666;
		      font-size: 16px;
		  }
		 
		 .probox .product-list-box .link-more{
			padding: 1rem 0 2rem;
			text-align: center;
			font-size: 1rem;
			color: rgb(220, 12, 25);
			font-family: Oswald;
		 }
		  .probox .product-list-box .link-more a{color: rgb(220, 12, 25);}
		
		
		 
		 .view-probox{  height: auto; margin-top: 30px;}
		 .view-probox  .product-detail {
		     height: auto;
			 padding: 30px;
			 background-color: #FFF; 
		 }
		 .view-probox .product-focus-image{ width:640px; height: 500px; overflow: hidden; border: 1px solid #eee; line-height: 500px;}
		 .view-probox .product-focus-image img{ max-width:640px; max-height:500px; text-align: center; line-height: 500px;}
		 
		 
		 .view-probox  .product-detail .f-title{ font-size: 18px; color: #000; padding-bottom: 5px;}
		 .view-probox  .product-detail .in-product-intro{ 
		    font-size: 14px;
		    line-height: 1.8;
		    color: #666;
		    padding: 20px 0px;
		    border-bottom: 1px solid #eee;
		
		 }
		 .view-probox .product-detail .in-product-intro .summary{ 
			  font-size: 14px;
			  word-wrap: break-word;
			  word-break: break-all;
			  line-height: 24px;
		  }
		  
		 .view-probox .product-detail .link-buttom{ margin-top: 20px;}
	     .view-probox .product-detail .link-buttom a.layui-btn{
			width: 219px;
			height: 50px;
			background-color: #373c41;
		}

	.view-probox .product-detail .link-buttom a.layui-btn:hover{
		background-color: #FFF;
		color: #000;
		border: 1px solid #373c41;
	}

		.view-probox .product-detail .link-buttom  a.layui-btn { color: #FFF; }
		.view-probox .product-focus-image{ width:99%; height: 500px; overflow: hidden; border: 1px solid #eee; line-height: 500px; text-align: center}
		.view-probox .product-focus-image img{ max-width:99%; max-height:500px; text-align: center; line-height: 500px;}
		
		
		.view-probox .product-detail-right-content{
			float: right;
			width: 100%;
		}


		.view-probox .product-introduce-section .layui-card-header{
			padding: 0px;
			line-height: 70px;
			height: 70px;
		}
		.view-probox .product-introduce-section .layui-card-header .t-header{
				 font-size: 26px;
				 background: #373c41;
				 border-bottom: 2px solid #dc0c19;
				 display: inline-block;
				  width: 100%;
				  color: #FFF;
				text-align: center;
		}
		.view-probox .product-introduce-section .product-introduce-card-body{
			 font-size: 18px;
			 line-height: 36px;
			 padding: 20px;
		}
		
		.view-probox .product-introduce-section .product-introduce-card-body  img{
		}
		
		
		.view-probox .product-introduce-section  .product-keys a{ padding: 5px 15px; border: 1px solid #EEE; margin-right: 15px;}
		.view-probox .product-introduce-section .rprevnext{ 
			display: flex;
			 flex-direction:row;
			 flex-wrap:nowrap;
			 justify-content:space-between;
			 margin-top: 50px;
		}
		.view-probox .product-introduce-section .rprevnext .item{ font-size: 14px;}
		
		.view-probox .relate-product-bar{ 
			display: flex;
			 flex-direction:row;
			 flex-wrap:nowrap;
			 justify-content:space-between;
			 margin-top: 50px;
			 background-color: rgb(24 70 157);
			 height: 40px;
			 line-height: 40px;
		}
		.view-probox .relate-product-bar .item{ padding:0px 20px; font-size: 14px; color: #FFF;}
		.view-probox .relate-product-bar .item a{color: #FFF;}
		
		
		
		
		
		
		
		.new-center{ width: 100%;}
		.new-center .ind_new_box{    
			position: relative;
		    margin: 0 auto;
		    width: 100%;
		    max-width: 1600px;
		}
			
		
		
		.new-center .ind_new_box .viewbtn {
			position: absolute;
			top:20px;
			right: 0;
		}
		
		.new-center  .title_box:after {
		    content: "";
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    width: 40px;
		    height: 3px;
		    background-color: #373c41;
		}
		.new-center  .viewbtn .viewbtn-href{ padding: 15px 20px; color: #FFF; background: rgb(24, 70, 157); font-weight: bold;}
		
		.new-center .new-main{ 
				width: 100%;
				box-sizing: border-box;
			    height: auto;
			    overflow: hidden;
			    display: flex;
			    flex-wrap: wrap;
				  align-items: center;
				  justify-content: space-between;
		
		}
		
		.new-center .itemli{ 
			width: 99.99%;
			height: 575px;
		}
		
		.new-center .in-item-body{
			width: 99.99%;
			height: 575px;
		}
		.new-center .new-main{ margin-top: 80px;}
		
		.new-center .in-item-body .new-title{ 
			font-size: 20px;
			    margin-bottom: 0;
			    min-height: 48px;
			    line-height: 1.2;
			    font-weight: bold;
			    color: #373c41;
			    transition: all .5s ease;
			    display: -webkit-box;
			    overflow: hidden;
			    -webkit-line-clamp: 2;
			    -webkit-box-orient: vertical;
			    text-overflow: ellipsis;
		}
		
		.new-center .itemli .in-item-body a:hover .new-title {
		    color: #dc0c19;
		}
		
		.new-center .in-item-body  .lineBox {
		    position: relative;
		    width: 100%;
		    height: 1px;
		    background: #ededed;
		    margin-bottom: 26px;
		}
		
		.new-center .itemli .in-item-body .lineBox::before {
		    content: '';
		    position: absolute;
		    top: 0px;
		    left: 0px;
		    width: 0px;
		    height: 100%;
		    background: #afafaf;
		    transition: all .5s ease;
		}
		
		.new-center .itemli .in-item-body a:hover .lineBox::before {
		    width: 100%;
		}
		
		
		
		.new-center .in-item-body  .time-line{ 
				font-size: 14px;
			    line-height: 1.5;
			    letter-spacing: .25px;
			    color: #777;
			    margin-bottom: 20px;
		}
		
		.new-center .in-item-body .new-desc{ 
			position: relative;
			    width: 100%;
			    line-height: 1.4;
			    clear: both;
			    font-size: 16px;
			    color: #777;
			    min-height: 60px;
			    letter-spacing: .25px;
			    margin: 20px 0px 30px;
			    display: -webkit-box;
			    overflow: hidden;
			    -webkit-line-clamp: 3;
			    -webkit-box-orient: vertical;
			    text-overflow: ellipsis;
		}
		.new-center .in-item-body .new-image{ 
			width:370px;
			height: 270px;
			overflow: hidden;
		}
		.new-center .itemli .in-item-body .new-image img{ 
			max-width:370px;
			max-height: 270px;
			transition: all .4s;
		}
		
		.new-center .itemli .in-item-body a:hover .new-image img:hover {
		            transform: scale(1.1); 
		            cursor: pointer; 
		}
		
		
		
		.new-center .in-item-body .bottom-link {
		    font-size: 14px;
		    line-height: 1.5;
		    font-weight: bold;
		    letter-spacing: .5px;
		    text-transform: uppercase;
		    transition: all .5s ease;
		}
		.new-center .in-item-body .bottom-link {
			cursor: pointer;
		}
		
		
		
		.new-center .in-item-body .bottom-link-title{
		    margin-right: 10px;
		    position: relative;
		}
		
		.new-center .in-item-body a .bottom-link-title
		{
			color: #777;	
		}
		
		.new-center .in-item-body:hover a .bottom-link-title
		{
			color: red	
		}
		
		.new-center .in-item-body:hover .iconfont
		{
			color: red	
		}
		
		
		
		
		.nenws_view_section .news_view_thead{ padding-bottom: 20px;  margin-bottom: 15px; border-bottom: 1px solid #EEE;}
		.nenws_view_section .news_view_thead h1{ 
			font-size: 30px;
			text-align: center; 
			color: #000;
			font-weight: bold;
		}
		.nenws_view_section .news_view_desc{ background-color: #EEE; padding: 15px;}
		
		.nenws_view_section .new-focus-image{
			width:640px;
			height: 500px;
			overflow: hidden;
			border: 1px solid #eee;
			line-height: 500px;
			text-align: center;
		}
		.nenws_view_section .new-focus-image img{ max-width:640px; max-height:500px; text-align: center; line-height: 500px;}
		
		
		
		.nenws_view_section .news_page_content{ font-size: 18px; line-height: 24px; }
		.nenws_view_section .news_page_content p{ font-size: 18px; padding: 10px 0px 10px 0px; line-height: 24px; }
		.nenws_view_section .news_page_content  img{max-width: 1600px;max-height: auto;}
		
		
		
		.nenws_view_section .page-content-keys a{ padding: 5px 15px; border: 1px solid #EEE; margin-right: 15px;}
		.nenws_view_section .rprevnext{ 
			display: flex;
			 flex-direction:row;
			 flex-wrap:nowrap;
			 justify-content:space-between;
			 margin-top: 50px;
		}
		.nenws_view_section .rprevnext .item{ font-size: 14px;}
		
		.nenws_view_section .relate-info-bar{ 
			display: flex;
			 flex-direction:row;
			 flex-wrap:nowrap;
			 justify-content:space-between;
			 margin-top: 50px;
			 background-color: rgb(24 70 157);
			 height: 40px;
			 line-height: 40px;
		}
		.nenws_view_section .relate-info-bar .item{ padding:0px 20px; font-size: 14px; color: #FFF;}
		.nenws_view_section .relate-info-bar .item a{color: #FFF;}
		.relate-info-content{ width: 100%;}
		.relate-info-content ul li{ position: relative; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #EEE;}
		.relate-info-content ul li a{ font-size: 14px;}
		.relate-info-content ul li .time{ position: absolute; top:0; right: 0;}
		
		
		
		.video-center .video-list{ width: 100%;}
		.video-center .video-list ul li{ padding-bottom: 50px;}
		.video-center .video-list ul li:hover{ cursor: pointer;}
		
		.video-center .video-list .in-li-body{
			padding: 30px;
			width:93%;
			height:220px;
		}
		.video-center .video-list .in-li-body .video-image{
			width: 99.99%;
			height: 220px;
			overflow: hidden;
		}
		.video-center .video-list .in-li-body .video-image img{
			width: 99.99%;
			max-height: 220px;
		}
		.video-center .video-list .in-li-body .video-title{
			margin-top: 20px;
			font-size: 16px;
			 line-height: 25px;
			 font-weight: bold;
		}
		.video-center .video-list .in-li-body .video-cate{
			margin-top: 10px;
			 display: flex;
			 flex-direction:row;
			 flex-wrap:nowrap;
			 justify-content:space-between;
			color: #e6e6e6;
		}
		.video-center .video-list .in-li-body .video-cate .itemli{
			color: #999;
		}
		.video-center .video-detail-view .video_play_url{ padding-bottom: 30px;}
		.video-center .video-detail-view .video_title{font-size: 24px; padding-bottom: 20px;}
		.video-center .video-detail-view .video_tags{
			font-size: 14px; padding-bottom: 20px;
		}
		.video-center .video-detail-view .video_tags span{
			border:solid 1px #f78d37; 
			border-radius: 3px; 
			padding: 5px; 
			margin-right: 10px;
			 color: #f78d37;
			display: inline-block;
			 margin-bottom: 10px;
		}
		
		.video-card .video-card-header{ font-size: 24px;}
		
		.video-center .video-detail-view .rprevnext{ 
			display: flex;
			 flex-direction:row;
			 flex-wrap:nowrap;
			 justify-content:space-between;
		}
		.video-center .video-detail-view .rprevnext .item{ font-size: 14px;}


		.link-small-ico{ width: 100%; margin-top:20px;}
	    .link-small-ico a{ display: inline; padding-right: 50px;}

	/**quality**/
	.quality_page_content{ margin-top: 6rem;}
	.every_page_content .quality{ position: relative}
	.every_page_content .quality .cm-col1{ float: left; width: 49.99%; min-height: 770px;}
	.every_page_content .quality .cm-col2{ float: right; width: 49.99%; position: relative}

	.every_page_content .quality .right-section-backgroup{
		position: absolute;
		top:0;
		right: 0;
		background-color: rgba(235,235,235,1);
		width: 40%;
		height: 762px;
		z-index: 100;
	}


	.every_page_content .quality .right-section{
		position: relative;
		margin-left: 50px;
		float: right;
		width: 95%;
	}

	.every_page_content .quality .right-section .right-section-img{
		position: absolute;
		top: 60px;
		left:0px;
		width: 652px;
		height: 665px;
		overflow: hidden;
		z-index: 300;
	}
	.every_page_content .quality .right-section .right-section-img img{
		max-width: 652px;
		max-height: 665px;
		width: 100%;
		object-fit: cover;
		filter: saturate(1);
		-webkit-filter: saturate(1);
	}



	.every_page_content .quality .information{
		width: 95%;
		margin-top: 50px;
	}
	.every_page_content .quality .information .title{
		color: #373c41;
		font-size:16px;
		font-weight: bold;
	}

	.every_page_content .quality .information .h3_line{
		border-top-style: solid;
		border-top-color: rgba(220, 12, 25, 1);
		border-top-width: 3px;
		width: 50px;
		opacity: 1;
		filter: alpha(opacity:100);
		display: inline-block;
		vertical-align: middle;
	}

	.every_page_content .quality .information h2{
		margin-top: 20px	;
		font-size:36px;
		color:#373c41;
		line-height:1.2;
		font-weight: bold;
	}

	.every_page_content .quality .information .detail{
		margin-top:30px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 14px;
		line-height: 1.42857143;
		color: #595959;
	}
	.every_page_content .quality .information .detail p{
		margin: 0;
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 25px;
	}

	.sale_before_after_service{
		width: 100%;
		background: #f2f2f2;
	}
	.sale_before_after_service .sbas_content{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.sale_before_after_service .thead .title{
		color: #373c41;
		font-size:46px;
		font-weight: bold;
	}

	.sale_before_after_service .thead .h3_line{
		border-top-style: solid;
		border-top-color: rgba(220, 12, 25, 1);
		border-top-width: 3px;
		width: 50px;
		opacity: 1;
		filter: alpha(opacity:100);
		display: inline-block;
		vertical-align: middle;
	}

	/**end quality**/
}




@media only screen and (min-width: 1366px) {
	.probox .product-list-box{
		height: 520px;
	}

	.probox .proudct-list .inn-product-list-box:hover .proLink::after {
		content: '';
		position: absolute;
		left: 0px;
		bottom:0px;
		width: 100%;
		height: 2px;
	}

	.probox .layui-col-li {
		margin-bottom: 30px;
	}

}



@media only screen and (min-width: 1600px) {
	.probox .product-list-box{
		height: 562px;
	}

	.probox .proudct-list .inn-product-list-box:hover .proLink::after {
		content: '';
		position: absolute;
		left: 0px;
		bottom:0px;
		width: 100%;
		height: 2px;
	}


	.probox .layui-col-li {
		margin-bottom: 65px;
	}

}








/**宽度小于 1366 的屏幕使用该样式*/
@media only screen and (max-width: 1366px) {
	.about-right-section .about-right-section-img{
		position: absolute;
		top: 100px;
		left:50px;
		width: 550px;
		height: 460px;
		overflow: hidden;
		z-index: 300;
	}
	.about-right-section .about-right-section-img img{
		height: 460px;
		width: 100%;
		object-fit: cover;
		filter: saturate(1);
		-webkit-filter: saturate(1);
	}
	.about-right-section .about-right-section-backgroup{
		position: absolute;
		top:20px;
		right: -30px;
		background-color: rgba(235,235,235,1);
		width: 80%;
		height: 589px;
		z-index: 100;
	}

	.every_page_content .page_child_nav ul li a {
		padding: 0px 12px;
	}



	/**quality**/
	.quality_page_content{ margin-top: 6rem;}
	.every_page_content .quality .right-section{
		position: relative;
		margin-left: 50px;
		float: right;
		width: 95%;
	}

	.every_page_content .quality .right-section .right-section-img{
		position: absolute;
		top: 60px;
		left:0px;
		width: 652px;
		height: 665px;
		overflow: hidden;
		z-index: 300;
	}
	.every_page_content .quality .right-section .right-section-img img{
		max-width: 652px;
		max-height: 665px;
		width: 100%;
		object-fit: cover;
		filter: saturate(1);
		-webkit-filter: saturate(1);
	}

	.every_page_content .quality .right-section .right-section-backgroup{
		position: absolute;
		top:0;
		right: 0;
		background-color: rgba(235,235,235,1);
		width: 90%;
		height: 762px;
		z-index: 100;
	}
	/**end quality**/

	.probox .product-list-box .pro-image{
		width: 99.99%;
		height: 280px;
		line-height: 280px;
	}

}



/**宽度大于 1439 的屏幕使用该样式*/
@media only screen and (max-width: 1439px) {
	.probox .product-list-box .pro-image {
		width: 99.99%;
		height: 280px;
		overflow: hidden;
		text-align: center;
		position: relative;
	}
}

/**宽度大于 1440px 的屏幕使用该样式*/
@media only screen and (min-width: 1440px) {
	.probox .product-list-box .pro-image {
		width: 99.99%;
		height: 327px;
		overflow: hidden;
		text-align: center;
		position: relative;
	}
}


/**宽度小于 1440 的屏幕使用该样式*/
@media only screen and (max-width: 1440px) {
	.production-shop .layui-container{ width: 1345px;}
	.every_page_content .page_child_nav ul li a {
		padding: 0px 12px;
	}


}


/**宽度小于 1600 的屏幕使用该样式*/
@media only screen and (max-width: 1600px) {

	.every_page_content .company_intro .company_information {
		width: 95%;
		margin-left: 30px;
	}

	.about-right-section .about-right-section-img{
		position: absolute;
		top: 100px;
		left:80px;
		width: 609px;
		height: 460px;
		overflow: hidden;
		z-index: 300;
	}
	.about-right-section .about-right-section-img img{
		height: 460px;
		width: 100%;
		object-fit: cover;
		filter: saturate(1);
		-webkit-filter: saturate(1);
	}
	.about-right-section .about-right-section-backgroup{
		position: absolute;
		top:20px;
		right: -30px;
		background-color: rgba(235,235,235,1);
		width: 80%;
		height: 589px;
		z-index: 100;
	}

}


@media screen and (min-width: 1170px) and (max-width: 1359px){
	.every_page_content .page_child_nav ul li a{
		font-size: 16px;
		height: 80px;
		line-height: 80px;
		padding: 0px 5px;
	}
}





@media screen and (min-width: 1450px) and (max-width: 1680px){
	.every_page_content .page_child_nav ul li a{
		font-size: 16px;
		height: 80px;
		line-height: 80px;
		padding: 0px 10px;
	}

}



/**宽度大于 1600px 的屏幕使用该样式*/
@media screen and (min-width: 1600px) and (max-width: 1680px){
	.company_intro .layui-container{ width: 1580px; }
	.page_nav_section .layui-container{ width: 1580px;}
	.production-shop .layui-container{ width: 1500px;}
	.view-probox .view-probox-container{ width: 1600px; margin: 0 auto; padding: 0;}
	.probox .layui-container{ width: 1580px; padding: 0px 15px;}
	.new-center .layui-container{width: 1580px; padding: 0px 15px;}
	.nenws_view_section .layui-container{ width: 1580px; padding: 0px 15px;}
	.video-center .layui-container{  width: 1580px; padding: 0px 15px;}
	.contact-page .layui-container{ width: 1600px; padding: 0;}
	.onlinne-guestbook .layui-container{ width: 1600px; padding: 0;}
	.honor-page .layui-container{ width: 1600px; padding: 0;}
	.productionshop  .layui-container{ width: 1600px; padding: 0;}
}


/**宽度大于 1681 的屏幕使用该样式*/
@media screen and (min-width: 1681px){
	.company_intro .layui-container{ width: 1600px; padding: 0;}
	.page_nav_section .layui-container{ width: 1600px; padding: 0;}
	.production-shop .layui-container{ width: 1600px; padding: 0;}
	.view-probox .view-probox-container{ width: 1600px; margin: 0 auto; padding: 0;}
	.probox .layui-container{ width: 1600px; padding: 0;}
	.new-center .layui-container{ width: 1600px; padding: 0;}
	.nenws_view_section .layui-container{ width: 1600px; padding: 0;}
	.video-center .layui-container{ width: 1600px; padding: 0;}
	.contact-page .layui-container{ width: 1600px; padding: 0;}
	.onlinne-guestbook .layui-container{ width: 1600px; padding: 0;}
	.honor-page .layui-container{ width: 1600px; padding: 0;}
	.productionshop  .layui-container{ width: 1600px; padding: 0;}
}




@media screen and (min-width: 2100px) and (max-width: 3240px){
	.every_page_content .quality .right-section-backgroup{
		right: 10%;
		width: 30%;
	}

}
