@charset "utf-8";

/*-- 导航--*/
#nydh{
	width:100%;
	background-color:transparent;
	 position: fixed;
	 z-index:1000;
  	left: 0;
  	top: 0;
  	right: 0;
	padding: 0;
}
.stickdip1{
	display:none;
}
.stick .stickdip{
	display:none;
}
.stick .stickdip1{
	display:block;
}
.stick{
	background-color:#023469 !important;
}

#nycon{
	width:100%;
	padding:0 2rem;
	margin:0 auto;
}
#nylog{
	flex:0 1 180px;
	 display: -webkit-flex; 
  display: flex;
  align-items:center;
}
#language{
	flex:0 0 40px;
	color:#dcdddd;
	 display: -webkit-flex; 
  display: flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
#language a{
	font-size:18px;
	color:var(--web-theme-color-white);
	font-weight:600;
	text-decoration:none;
}
#language .dropdown-menu>li>a{
	color:#fff;
}
#language .dropdown-menu>li>a:hover{
	background-color:#e62129;
}
#language .dropdown-menu{
	background-color:#232427;
	min-width:120px;
	text-align:center;
	left:-40px
}

.indexmenu{
	flex:1;
	 display: -webkit-flex; 
  display: flex;
  justify-content:flex-end;
}
.indexmenu ul{
	margin-right:1vw;
}
.indexmenu li{
	display:inline-block;
	position:relative;
}
.indexmenu>ul>li>a:before{
	position:absolute;
 left:0;
 bottom:0;
 width:100%;
  height:100%;
	content:"";
	-webkit-transform: perspective(800px) rotateX(-90deg);
    -moz-transform: perspective(800px) rotateX(-90deg);
    -ms-transform: perspective(800px) rotateX(-90deg);
    transform: perspective(800px) rotateX(-90deg);
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
	 -webkit-box-shadow: 0px 10px 5px rgb(0 0 0 / 20%);
    box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);
	-webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;
filter:alpha(opacity:0); opacity:0; 

}
.indexmenu>ul>li:hover>::before{
filter:alpha(opacity:100); opacity:1; 
  -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.indexmenu li a{
	display:block;
	padding:0.5vw 0.5vw 0.5vw 1vw;
	color:#fff;
	border:none;
	position:relative;
	z-index:20;
}
.indexmenu li a div{
	position:relative;
	padding:8px 0;
}
.indexmenu li a div::before{
		position:absolute;
 left:0;
 bottom:0;
 width:0%;
  height:2px;
  background-color:#e62129;
	content:"";
}
.indexmenu li a:hover div::before,.indexmenu > ul > li.indexactive a div::before{
	 -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;
	width:100%;
}
.indexmenu > ul > li:hover a,.indexmenu li a:hover,.indexmenu > ul > li.indexactive a{
	color:#fff;
	font-weight:700;
}

.stick .indexmenu > ul > li:hover>a,.stick .indexmenu li a:hover,.stick .indexmenu > ul > li.indexactive a{
	color:#fff;
}


/*宽屏版电脑导航子菜单*/
.sub-menu li{
	display:block;
}
 .indexmenu > ul > li .sub-menu {
      position: absolute;
      top: 90%;
      left: 0px;
      text-align: left;
      background-color: #ffffff;
      width: 240px;
      z-index: -99;
      visibility: hidden;
      opacity: 0;
	   -webkit-box-shadow: 0px 10px 5px rgb(0 0 0 / 20%);
    box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);
	    -webkit-transform: perspective(800px) rotateX(-90deg);
    -moz-transform: perspective(800px) rotateX(-90deg);
    -ms-transform: perspective(800px) rotateX(-90deg);
    transform: perspective(800px) rotateX(-90deg);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;
       }
	   .indexmenu > ul > li:hover .sub-menu {
      margin-top: 0;
      z-index: 99;
	    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
      visibility: visible;
      opacity: 1; }
	  
      .indexmenu > ul > li .sub-menu li a {
        display: block;
        color: #999;
        font-weight: 400;
		padding:12px 20px;
		border-bottom:#d1d1d1 solid 1px;
		 }
		.stick .indexmenu > ul > li .sub-menu li a {
			color: #999;
		} 
      .indexmenu > ul > li .sub-menu li:hover a, .indexmenu > ul > li .sub-menu li.indexactive a {
        color: #fff !important;
		background-color:#e62129; }
/*宽屏版电脑下拉菜单*/
.indexmenu .dropdown-menu{
	background-color:#000;
	overflow:hidden;
	padding:0px;
	z-index:99999;
	border-radius:0;	
}
.indexmenu .dropdown-menu>li{
	border-bottom:#222 solid 1px;
	
}
.indexmenu .dropdown-menu>li>a{
	min-width:160px;
	padding-top:8px;
	padding-bottom:8px;
	color:#fff;
}

.indexmenu .dropdown-menu>li>a:hover{color:#fff;text-decoration:none;background:#E62129;}
.indexmenu .dropdown-menu>.indexactive>a,.indexmenu .dropdown-menu>.indexactive>a:focus,.indexmenu .dropdown-menu>.indexactive>a:hover{color:#fff; background:#e62129; text-decoration:noneoutline:0}

/*下拉菜单active焦点背景，字体颜色*/
/*--------移动版导航--------------*/

.navtop {
	width:80px;
	font-size:20px;
	display:none;
	vertical-align:text-center;
	padding-top:6px;
}
.btn-nav {
	position:relative;
	background:0 0;
	border:none;
	z-index:99999
}
.btn-nav .wrap-flex,.btn-nav .wrap-flex-1{
	align-items: center;
	color:#fff;
	}
.btn-nav .wrap-flex-1 i{ display:none;}	
.btn-nav:focus {
	outline:0
}

.icon-bar {
	display:block;
	margin:6px 0;
	color:#fff;
}
.btn-nav:hover .icon-bar {
 	color:#e62129;
}
.nav-content {
	position:fixed;
	top:-100%;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.7);
	display:block;
	height:100%;
	z-index:10;
}
.nav-list {
	list-style:none;
	padding:0;
	position:relative;
	padding:3vw 0;
	margin-top:7em;
}

.item-anchor:after {
	content:"";
	position:absolute;
	width:3px;
	height:1px;
	left:0;
	bottom:-10px;
	z-index:9;
	background:0 0;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.item-anchor {
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	position:relative;
	text-decoration:none;
	padding:5px 20px;
	display:block;
}

.item-anchor:hover, .item-anchor:focus {
		color:#e62129;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
.mobmain{
	display:none;
	margin-top:15px;
}
.item-anchor:hover:after, .item-anchor:focus:after {
	width:100%;
	background:#666;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
}
#ptlist1,#ptlist2{
	display:none;
	margin-top:15px;
}
.nav-item {
	text-align:left;
}
.itemchil{
	color:#fff;
	display:block;
	padding-top:10px;
	font-size:14px;
}
@media (max-width:980px){
	.navtop {
		display:block;
	}
	.nav-item {
		border-bottom:#666 dashed 1px;
		padding:8px 0;
	}
	.item-anchor {
		font-size:14px;
	}
	
	.itemchil{
		text-indent:2em;
		
	}
	.itemchil:hover{
			color:#e62129;
		
	}
}
.itemchil i{
	font-size:14px;
}
.animated {
	display:block;
	margin:0 auto
}
.animated:hover .icon-bar, .animated:focus .icon-bar {
		color:var(--web-theme-color-red);
}
.animated:focus {
	cursor:pointer;
	z-index:9999999;
}
.icon-bar {
-webkit-transition:all .7s ease;
-moz-transition:all .7s ease;
-ms-transition:all .7s ease;
-o-transition:all .7s ease;
transition:all .7s ease;
	z-index:999999
}
.top{ margin-left:5px;}
.bottom{ display:none; margin-left:5px;}
.animated .icon-bar {
	z-index:100000;
	color:var(--web-theme-color-red);
}
.animated .wrap-flex i{ display:none; -webkit-text-stroke: 1px #151518 none;  	color:var(--web-theme-color-red);}
.animated .top {
	display:none;
}
.animated .wrap-flex-1 i{ display:block; -webkit-text-stroke: 1px #fff none; z-index:999999; 	color:var(--web-theme-color-red);}
.animated .bottom {
	display:block;
}
@keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-webkit-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-moz-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
@-o-keyframes showNav {
from {
top:-100%
}
to {
	top:0
}
}
.showNav {
	-webkit-animation:showNav 1s ease forwards;
	-moz-animation:showNav 1s ease forwards;
	-o-animation:showNav 1s ease forwards;
	animation:showNav 1s ease forwards
}
@keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-webkit-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-moz-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
@-o-keyframes hideNav {
from {
top:0
}
to {
	top:-100%
}
}
.hideNav {
	-webkit-animation:hideNav 1s ease forwards;
	-moz-animation:hideNav 1s ease forwards;
	-o-animation:hideNav 1s ease forwards;
	animation:hideNav 1s ease forwards
}
.hidden {
	display:none;
}


/*--------移动版导航END--------------*/

/*-- 头部搜索--*/
.header-search {
	position:relative;
	margin-top:2rem;
  }

/*-- 电脑版头部搜索图标--*/
.search-toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-text-stroke: 1px #151518 none; 
  color: var(--web-theme-color-white);
  }
    .search-toggle:hover {
    color: #e62129;
	 }
  .search-toggle i {
    font-size: 20px;
    line-height: 20px; 
	font-weight:lighter !important;
	}
   


/*-- 搜索框设置 --*/
.header-search-form {
  background-color: #ffffff;
  position: absolute;
  border: 1px solid #7d7d7d;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: -9999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  
  .header-search-form.open {
    visibility: visible;
    opacity: 1;
    z-index: 999999;
    right: 30px; }
	
  .header-search-form form {
    position: relative;
    padding-right: 40px; }
	
    .header-search-form form input {
      color: #7d7d7d;
      border: 1px solid transparent;
      height: 40px;
      line-height: 24px;
      padding: 7px 15px;
      width: 300px; }
	  
      
    .header-search-form form button {
      position: absolute;
      right: 0;
      top: 0;
      background-color: transparent;
      color: #7d7d7d;
      width: 40px;
      height: 40px;
      border: none;
      cursor: pointer; }
      .header-search-form form button:hover {
        color: #d80c24; }
    .header-search-form form button i {
      font-size: 20px;
      display: block;
      line-height: 40px; }
/*-----------底部------------*/
footer{
	background-color:#f4f4f4;
	padding-top:6rem;
	}
	
#foottop{
	display: grid;
	grid-template-columns: auto auto auto auto;
	 justify-content: space-between;
	 padding:8rem;
	}
footer .footleft p{
	margin-top:2rem;
	color:rgba(37,38,38,0.7);
	padding:15px 0;
	max-width:32rem;
	line-height:2em;
	font-size:0.9em
}

footer h3{
	color:#252626;
	text-align:left;
	letter-spacing:5px;
	padding-bottom:1rem;
}

footer ul li a{
	color:rgba(37,38,38,0.7);
	display:block;
	text-decoration:none;
	padding:0;
	white-space:nowrap;
}
footer ul li i{
	color:var(--web-theme-color);
}
footer ul li a:hover{
	color:var(--web-theme-color-red);}
.footright ul li a{
	color:rgba(37,38,38,0.7);
}
.footright ul li a:hover{
		color:var(--web-theme-color-red);}

footer .wrap-flex{
	padding:4rem 0;
}
footer .footright ul li{
	align-items: center;
	color:rgba(37,38,38,0.7);
	white-space:nowrap;
}
footer .footright a{
	display:inline-block;
	padding-left:11px;
	color:rgba(37,38,38,0.4);}

/*版权所有*/
#copy{ padding:20px 0;border-top:var(--web-theme-color-gray) solid 1px;}
#copy  p{ font-size:1.6rem;text-align:center;color:var(--web-theme-color-black);}
#copy  a{color:rgba(37,38,38,0.4);}

/*-----------------------------------首页内容----------------------------------------------------*/
/*-------
banner
-------*/
.swiper-container-index{ position:relative; width:100%; overflow:hidden;background-image: linear-gradient(-60deg,#023469, #03203f);}	
.swiper-container-index .swiper-slide{ width:100%; height:100%;}
.swiper-container-index .swiper-button-next,.swiper-container-index .swiper-button-prev{
	font-size:24px;
	background-color:var(--web-theme-color-blue);
	color:#fff;
}
.swiper-container-index .swiper-button-next:after,.swiper-container-index .swiper-button-prev:after{
	font-size:24px;
	background-color:var(--web-theme-color-blue);
}

 .bannerimg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.banner1{ position:absolute; left:16%; top:29%; color:#fff;}
.banner-title{ font-size:6rem; line-height:1.2em; font-weight:bold;}
.banner-mid-title{ padding:20px 0;}
.bannermore{ display:inline-block; padding:5px 5rem; margin-top:12rem;text-align:center; border-radius:50px;   background-image:linear-gradient(to right,#e43a1f, #c92106); color:#fff;}
.bannermore:hover{  background-image:none; border:var(--web-theme-color-red) solid 1px; color:#fff;}
.banner1-2{position:absolute; right:8%; top:19%; }
/*-------
关于我们
-------*/
#index-about{background-color:#f4f4f4; padding-top:6rem; padding-bottom:0;}
.index-about-content{ padding-bottom:4rem;}
#index-about .col-md-5{ margin-top:6rem;}
.index-about-txt{ padding-left:5rem;}
.index-about-txt h2{ text-align:left;}
#index-about h3{ padding-top:10px;color:var(--web-theme-color-black);}
.index-about-txt p{color:#4b4b4b; padding-top:4rem;}
.index-about-txt  .more{ margin-top:6rem;}
.index-about-bottom{ padding-top:6rem; padding-bottom:8vh;margin-top:2rem;background-color:#fff;}
.about-bottom{ max-width:1400px; margin:0 auto;}
.about-bottom h2{color:#023469; text-align:left;}
.about-bottom small{ font-size:1.4rem; color:var(--web-theme-color-red);}
.about-bottom p{  font-size:1.4rem;padding:0;color:#3e3e3e;}

/*-------
产品优势
-------*/
#index-productadv{ position:relative; padding-bottom:8rem; background-image:linear-gradient(60deg,#023469, #03203f); overflow:hidden;}	
#index-productadv h2{ color:var(--web-theme-color-white); text-align:left;}
#index-productadv p{ padding:1.5rem 0; color:var(--web-theme-color-white);}
.productadv-img1{ 
position:absolute;
left:-10vw;
bottom:14vh;
width:20%;
}
.left-cont{	margin-top:11px;}
#index-productadv .left-cont .col-sm-4 a{
	display:block;
	margin-top:4rem;
	background-color:#526c92;
	padding:4rem 2rem;
	border-radius:20px;
	font-size:1.6rem;
	text-align:center;
	color:#fff;
	font-weight:bold;
	}	

.productadv-img2{
	position:absolute;
	right:-10%;
	bottom:0;
	width:40%;
}

#index-productadv  .col-md-5{ margin-top:3rem;}
#index-productadv  .col-md-7 img{ padding-left:7vw;}
#index-productadv .left-cont .col-sm-4 a:hover{background-color:var(--web-theme-color-red);color:#fff;}
#index-productadv .left-cont .col-sm-4 a:hover.abactive{background-color:var(--web-theme-color-red);color:#fff;}
#index-productadv .left-cont .col-sm-4 a:focus{background-color:var(--web-theme-color-red); color:#fff;}
	
/*-------
产品中心
-------*/

/*产品头部*/

#index-products	{background-color:#f4f4f4;}
#index-products	 h2{ text-align:center; color:color:var(--web-theme-color-black);}
#index-products	 p{ padding:1.5rem 0;color:#555555; text-align:center;}		
#index-products .wrap-flex{justify-content: center;align-items: center; margin-top:2rem;}
#index-products .flex-con{flex:0 0 12%; }
#index-products .wrap-flex  .flex-con a{display:block;padding:1rem 4rem; margin-left:2rem;	border-radius:50px;background-color:#7d7d7d; text-align:center;color:#fff; white-space:nowrap;}
#index-products .wrap-flex  .flex-con a:hover{background-color:var(--web-theme-color-red);color:#fff;}
#index-products .wrap-flex  .flex-con a:hover.proactive{background-color:var(--web-theme-color-red);color:#fff;}
#index-products .wrap-flex  .flex-con a:focus{ background-color:var(--web-theme-color-red); color:#fff;}

	
/*产品系列*/
#index-products{ padding-bottom:2rem;}
#index-products p{padding:1.5rem 0; }
.swiper-container-pro{ padding-bottom:5rem;}
.indexpro-series-left,.indexpro-series-right{
	flex:1;
	position:relative;}

.indexpro-series-left .text-info{
position: absolute;
top: 10%;
left:8%;
color:#fff;	
text-align:left	
}	
.indexpro-series-left .text-info h2{ line-height:1.6em;}
.indexpro-series-left-img{
	width:100%;
}
.indexpro-series-right .wrap-flex-1{ border-bottom:#CCC solid 1px;}
.indexpro-series-right{ background-color:#fff; background-size:100% auto;padding:6px;}
.right-txt{
	flex:0 0 50%;
	padding-top:3rem;
	padding-bottom:3rem;
	padding-left:6rem;
}
.right-img{flex:0 0 50%;}
.right-img img{
	float:right;
}
.right-txt .more{ margin-top:2rem;}
.right-txt .text-info-model{
	font-size:2rem;
	font-weight:bold;}

.right-txt ul{ margin-top:2rem;}	
.right-txt ul li{
	font-size:1.6rem;
	line-height:1.6em;}	



/*-------
应用领域
-------*/
#index-appction{ position:relative; padding-bottom:37vh; background-image: linear-gradient(60deg,#023469, #03203f); } 
#index-appction p{ position:relative; z-index:5;padding:1.5rem 0; color:#fff;}
#index-appction .index-app-cont h2{ position:relative; z-index:5;color:var(--web-theme-color-white); text-align:left; }

/*.qy-link{
	text-align:center;
	margin-top:7rem; 
	margin-bottom:4rem;}*/
#index-appction  .productadv-img1{ 
position:absolute;
left:-4vw;
bottom:32vh;
width:20%;
}	
.app-img1{ position:absolute;
right:0;
top:0;
width:30%;}	
.app-img2{ position:absolute;
right:0px;
top:774px;
width:60%;
z-index:1;}
.appmore{
	display:inline-block;
	display: -webkit-flex; 
  display: flex;
  align-items: center;
	overflow:hidden;
	position:relative;
	margin-top:4rem;
	font-size:2.2rem;
	color:var(--web-theme-color-red);
	
}
.appmore i{
	position:relative;
	left:0px;
	font-size:2rem;
 	animation:i 3s infinite
}

@keyframes i {
  0% {left:-2%;}
  100%{left:2%}
}

.swiper-container-app{ position:relative; top:22rem; }
.swiper-container-app .swiper-slide a img{
position:relative;
width:90%;
transition: all .5s ease-in-out;
}
.swiper-container-app .swiper-slide a span{ display:block;padding-top:15px; text-align:center; }
.swiper-container-app .swiper-slide a:hover{color:var(--web-theme-color-red);} 
.swiper-container-app .swiper-slide a:hover img{ 
	-webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}


/*-------
新闻资讯
-------*/
/*左部分*/
#index-news  h2{ color:var(--web-theme-color-black); text-align:center; }
#index-news>.container>p{ padding:1.5rem 0; text-align:center;}
#index-news .wrap-flex p{ color:var(--web-theme-color-gray);text-align:left;}
#index-news  a:hover p{
	color:var(--web-theme-color-black);
}
.news-img{flex:0 0 28.5%; overflow:hidden;}
.news-img img{object-fit:cover; width:100%}

/*右部分*/
#index-news .indexnews-right{  margin-left:5px; flex:0 0 71.5%; overflow:hidden;}
#index-news h3 small{ font-size:1.2rem; color:#fff; line-height:1.2em;}
#index-news h3{padding:50px 3rem; background-color: var(--web-theme-color-gray);color:#fff;
line-height:1.2em; font-size:2.4rem; border-bottom:#FFF solid 2px;}
#index-news  .wrap-flex-1:hover h3{background-color: var(--web-theme-color-red);}
.news-txt-title{ background-color:#f7f7f7; padding:2rem; color: var(--web-theme-color-gray);
border-bottom:#FFF solid 2px;}
.news-txt-title-name{ color:#666; font-size:2.6rem; margin-bottom:1em;
word-break:break-all;  }
#index-news .wrap-flex-1:hover .news-txt-title-name{color:var(--web-theme-color-blue);}
#index-news .wrap-flex-1 p{
	word-break:break-all;  
}
#index-news .more{ display:block;width:18rem;margin:0 auto; text-indent:0; margin-top:7rem; padding:5px 0; text-align:center; white-space:nowrap;}	
/*-------
联系我们
-------*/

#index-contact{ position:relative; top:60px; padding:9rem 8rem; background:url(../images/index/contact/contactbg.jpg) no-repeat center; }
#index-contact h2{ font-size:4.8rem;text-align:center; color:var(--web-theme-color-white);  }
#index-contact .cont-title{  font-size:1.6rem;text-align:center; padding-top:10px;}
#index-contact .more{ margin-top:4rem;}
#index-contact p{ line-height:1.4em; color:#fff;} 
#index-contact p b{ display:block; font-size:3.6rem;}
#index-contact p small{display:block; color:rgba(255,255,255,.7);}
#index-contact a:hover{ color:var(--web-theme-color-red); }
/*-------------------------------内页---------------------------------------------------*/
/*-------
通用banner
-------*/
#nycombanner{
	height:30vw;
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	 color:#fff;
	}	
#nyprobanner{
	height:30vw;
	background-size:100% auto;
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
	 color:#fff;
}	
.nybannerbg{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display: -webkit-flex;  
 display: flex;
 justify-content:center;
align-items:center;
background-image: linear-gradient(-61deg,rgba(2,52,105,.6), rgba(3,32,63,.6));           
}
.nybannerbg h1{ text-align:center;}
.ny-line{ width:4%; height:2px; margin:0 auto; margin-top:2rem;background-color:var(--web-theme-color-red);}
#combanner-ol{ 
position:absolute;
right:0;
bottom:0;
font-size:8em;
color:rgba(255,255,255,0.5);
font-size:5rem;
text-transform:uppercase;
font-weight:bold;
}
#banner-ol{
font-size:5rem;
	text-transform:uppercase;
	font-weight:bold;
position:absolute;
right:0;
bottom:4rem;
font-size:8em;
color:rgba(255,255,255,0.2);
text-align:center;
}

/*文字靠左*/
#nyprobanner h1{ text-align:left;}
#nyprobanner p{color:#e8482c; padding-top:10px;}

.nybrabannerimg{ background-image:url(../images/about/ab-bar.jpg);}
.nybrandimg{ background-image:url(../images/brand/brand-bar.jpg);}
.nyprobannerimg{ background-image:url(../images/products/pro-bar.jpg);}
.nyserbarimg{ background-image:url(../images/service/ser-bar.jpg);}
.nycontbannerimg{ background-color:var(--web-theme-color-blue)}
.nynewsimg{ background-image:url(../images/con-bar-1.jpg);}



/*-------
公司信息详情
-------*/
/*关于欧隆*/
#about-ol{ background-color:#f6f9fb;}
.about-ol-txt{ padding-top:4rem;padding-left:2rem;}
.about-ol-txt h2{ text-align:left;}
.about-ol-txt h3{color:var(--web-theme-color-gray); font-weight:normal; line-height:1.8em;}
.about-ol-txt p{ padding-top:20px;color:var(--web-theme-color-black);}
/*信息*/
.about-ol-info{ background-color:#fff;  box-shadow: 0 0 10px rgba(80,80,80,0.4); padding:5rem 0; border-radius:20px; text-align:center;}
.about-ol-info h2{ padding:10px 0;color:var(--web-theme-color-blue);}
.about-ol-info h2 small{ font-size:1.4rem;color:var(--web-theme-color-red);}
.about-ol-info p{ padding-top:5px;color:var(--web-theme-color-black);}
.info-first{background-color:var(--web-theme-color-red);}
.info-first h2,.info-first h2 small,.info-first p{ color:#fff;}


/*质量控制*/
#about-quality  h2{ text-align:left;}
#about-quality .col-md-4 h3{ font-size:2rem;color:#666; font-weight:normal; margin-top:1rem;}
#about-quality .col-md-4 h1{ padding:22px 0; font-size:4rem;}
#about-quality .col-md-8 p{ padding-top:20px;color:var(--web-theme-color-gray);}
#about-quality .col-md-8 b{font-size:1.7rem; color:var(--web-theme-color-black); }	
.qu-top{margin-top:5rem;}
#about-quality .more{ display:block; width:10%; margin:0 auto; margin-top:4rem; white-space:nowrap;text-align:center;}

/*品牌文化*/
#about-brand{ position:relative;background-image: linear-gradient(60deg,#023469, #03203f); padding-bottom:12rem; overflow:hidden;} 
#about-brand h2{ color:var(--web-theme-color-white); text-align:left; }
#about-brand .app-img1{ position:absolute;
right:0;
top:0;
width:30%;}	
#about-brand .app-img2{ position:absolute;
right:0px;
top:580px;
width:60%;
z-index:2;}
#about-brand ul{ padding-top:4rem;  font-size:1.8rem;color:#fff;}
.appmore{
	display:inline-block;
	display: -webkit-flex; 
  display: flex;
  align-items: center;
	overflow:hidden;
	position:relative;
	margin-top:4rem;
	font-size:1.8rem;
	color:var(--web-theme-color-red);
	
}
.appmore i{
	position:relative;
	left:0px;
	font-size:2rem;
 	animation:i 3s infinite
}
.appmore:hover{ color:#fff;}
@keyframes i {
  0% {left:-2%;}
  100%{left:2%}
}

#about-brand .row{ position:relative;z-index:5; max-width:1200px;}
/*资质认证*/
#about-honor h1,#about-honor p{ text-align:center;}
#about-honor .col-sm-3{
	background-image:url(../images/about/i2.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-top:20px;
	margin-bottom:20PX;
}
#about-honor .zstxt{
	text-align:center;
	margin-top:40px;
	padding:5px 0;
	border-bottom:#999 dashed 1PX;
}

/*-----------
品牌文化详情
--------*/
#brand-img{
	background-color:#f6f9fb;
}
#brand-img h2,#brand-img p{ text-align:center;}
.brand-img-top{ background-color:#eef0f1; border-radius:20px;}
.brand-img-top-img{ background-color:var(--web-theme-color-blue); border-radius:20px 20px 0 0px;}
.brand-img-top h3{ padding:2rem;color:var(--web-theme-color-gray);}
.brand-img-top small{display:block; padding:2rem; margin-top:12rem; color:var(--web-theme-color-gray);}
.brand-img-top-img-1 img{  width:100%;border-radius:20px 20px 0 0px;}

#company-brand{ position:relative;background-image: linear-gradient(60deg,#023469, #03203f); padding:6rem 0 10rem 0; overflow:hidden;}
#company-brand  h2{ color:#e2e2e2; text-align:left;}
#company-brand h3{  padding-top:10px;color:#e8482c;}
#company-brand  ul li{ color:#fff; font-size:1.8rem; white-space:nowrap;}
#company-brand  ul li span{color:rgba(255,255,255,.6); }
.brand-line{width:60%; height:1px; background-color:#024e88; margin:20px 0;}

#brand-xx h1,#brand-xx h3{ text-align:center;}
#brand-xx h3{ padding-top:10px;}
#brand-xx .col-sm-3{ padding-bottom:3rem;} 
#brand-img  .row{ margin-top:0;}
#brand-img .col-sm-4{ margin-top:2rem;}
/*-----------
产品中心
--------*/
/*产品top*/
.pro-list{
	border-bottom:#f6f9fb solid 1px;
}
.pro-list li{
	padding:0px;
}
.pro-list a{ font-size:1.8rem;color:var(--web-theme-color-gray); display:block; padding:3rem 2rem 3rem 2rem; }
.prolistactive>a, .pro-list ul li a:hover{ color:#fff !important;  background-color:var(--web-theme-color-red)}
.pro-list-wz{
	padding:3rem 1.5rem 3rem 1.5rem;
}
.pro-list-wz .wrap-flex{align-items: center;}
.pro-list-wz .wrap-flex i{color:var(--web-theme-color-gray);}
.pro-list-wz .wrap-flex { font-size:1.4rem; margin-left:10px;color:var(--web-theme-color-gray);}
.pro-list-wz .wrap-flex  strong{ padding-left:15px;}
.pro-list-wz .wrap-flex span{color:var(--web-theme-color-blue);}


/*产品系列*/
#products{
	padding-top:0;
	background-color:#f6f9fb;
	}
.product-item{
	margin-top:6rem;
}
#products .productsitem{
	background:none;
	padding:0;
	border:none;
    border-radius:1rem;
	margin-top:4rem;
	 -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	overflow:hidden;
	-webkit-box-shadow:0px 0px 25px #ccc;  
    -moz-box-shadow:0px 0px 25px #ccc;  
     box-shadow:0px 0px 25px #ccc;
}

#products .productsitem:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
.thumbnail .caption{
	background-color:#fff;
	padding:9px;
	text-align:center;
	color:#666;
	line-height:1.4em;
	}
.thumbnail .caption span{
	font-size:1rem;
	color:#666;
}
.productsitem:hover .caption,.productsitem:hover .caption span{
	background-color:var(--web-theme-color-red);
	color:#fff;
}	
@media (max-width:767px){
#products{
	padding-bottom:2rem;}
#products .productsitem{
	padding-top:0;
	margin-top:0;
	margin-bottom:20px;}	
#products .thumbnail .caption{
	font-size:1em;
	padding:15px 0;
	}
#products .thumbnail .caption span{
	font-size:5px;}	
#products .pagination>li>span{
	font-size:5px;}	
}

/*重定分页*/

.pagination>li>span{
	color:#fff;
	background-color:var(--web-theme-color-red);;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;background-color:var(--web-theme-color-red);}
.pagination>li>a{
	color:#535353;
	background-color:#fff;
	border-color:#ddd;
}

/*产品详细*/
#product-details{
	background-color:#f6f9fb;
	padding-top:0;}
#product-details .row{
	padding-top:4rem;
}
.proname{
	font-size:24px;
	 color:#333;
	line-height:1.8em;
	font-weight:normal;
}
.proname strong{
	font-size:30px;
	color:#333;
	font-weight:bold;
}
.proviewgs p{
	line-height:2em;
	color:#757475;
	padding:15px 0;
	font-size:14px;
	max-width:600px;
	word-wrap: break-word;
    word-break: normal;
	border-bottom:#e5e6e7 solid 1px;
	}
.proviewgs th,.proviewgs h3{
	padding-top:15px;
	font-size:18px;
	color:#535353;
	text-align:left;
	
}
.proviewgs .more{ margin-top:2rem;}

/*产品内容标签*/

.promartop{
	margin-top:6vh;
	font-size:2.4rem;
	font-weight:bold;
	background-color:#fff;
	display: -webkit-flex; 
  display: flex;
}


.promartoptitle{
	font-size:2.4rem;
	font-weight:bold;
	background-color:#fff;
	flex:0 0 10%;
	padding:1.6rem 2rem;
	cursor:pointer;
	background-color:var(--web-theme-color-blue);
	color:#fff;
	text-align:center;
	white-space:nowrap;
}



/*产品内容*/
.nyjiacondetc{
	overflow:hidden;
	display:none;
	overflow-x: scroll;
	padding:2rem 1rem;
}

.nyjiacondetc{
	color:#333;
	margin-top:2rem;
}
.nyjiacondetc{
	background-color:#fff;
	 box-shadow: 0 0 10px rgba(80,80,80,0.4);}
.nyjiacondetc h3{
	padding:15px 0;
	font-size:14px;
	text-align:left;
	
}

.nyjiacondetc p{
	line-height:25px;
	word-wrap: break-word;
    word-break: normal;
	}
.nyjiacondetc img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}
.nyjiacondetc table{
	width:100%;
}

.nyjiacondetc table tr:nth-child(odd) {
  background-color:#F5F5F5;
}
.nyjiacondetc table tr:nth-child(even) {
  background-color:#fff;
}
.nyjiacondetc table tr:nth-child(1) {
  background-color:#EA6A32;
  color:#fff;
  font-weight:bold;
  white-space:nowrap;
}
.nyjiacondetc table tr:nth-child(2) {
  background-color:#EA6A32;
  color:#fff;
  font-weight:bold;
}
.nyjiacondetcy table td{
	padding:0px;
	text-align:center;
	border:#CCC solid 1px;
}


/*其他系列*/
#proothers{
	  margin-top:3vh;
	  text-align:center;
	  padding-top:2.4rem;
	  font-weight:bold;
	  padding-bottom:4rem;
	  background-color:#fff;

 }
 @media (max-width:767px){
	 #proothers{
		 padding:15px;}
}
.proothers-line{
	width:100%;
	height:2px;
	background-color:#dcdddd;
	margin-top:10px;}
.proothers-s-line{
	  max-width:300px;
	  height:3px;
	  margin:0 auto;
	  background-color:var(--web-theme-color-red);
}	
.proothersleft{
	  padding:10px 0 10px 0; 
	  font-size:24px;
	  text-transform:uppercase;
	  color:#333;
	  
  }
@media (max-width:1000px){	
	.proviewbgny table{
		margin:0;
	}
	.proviewbgny table td{
	padding:0px 0px;
}
}

/*-----------
服务与支持
--------*/

#cums-service{
	background-color:#f6f9fb;
	text-align:center;
	color:#333;
	}
#cums-service h2{
	color:#333;}		
#cums-service .cums-service-text{
		padding-top:5px;
		font-size:1.6rem;
		font-weight:bold;
		color:var(--web-theme-color-gray);}			
	
.cums-service-line{ margin-left:4rem;}	
#cums-service .wrap-flex{
	justify-content: center;
	align-items: center;
	padding:8rem 0;
}	
#cums-service .cums-service-info{
	flex:0 0 20%;
	padding:4rem 0;
	border-radius:20px;
	background-color:#fff;}


#cums-service .more{
	display:inline-block;
	border-radius:30px;
	padding:5px 4rem;
	margin-top:4rem;
	margin-left:4rem;
}	

/*销售网络*/
#service-salework { padding:4rem 0;}
#service-salework h2{ color:#333; text-align:left;}
.ser-line{
	width:10%;
	height:3px;
	background-color:var(--web-theme-color-red);
	margin-top:10px;
}
#service-salework .col-md-8 h2{text-align:center;color:var(--web-theme-color-red);}
#service-salework .col-md-8 span{ display:block;font-size:1.4rem;text-align:center;color:#333;}

/*服务支持*/
#service-zc{ text-align:center;}
#service-zc p{ color:#333; padding-top:10px;}
#service-zc .wrap-flex{justify-content: center;}
.zc-cont{ padding-top:6rem;} 
.zc-cont h3,.zc-cont p{ text-align:left;}
.zc-cont h3{color:var(--web-theme-color-red);}
.zc-cont p{ font-size:1.4rem;}
.zc-cont-time{ padding:4rem; padding-bottom:2rem;}
.zc-cont-speed{ padding:4rem; padding-bottom:2rem; background-color:#f6f9fb;}

/*产品应用*/
#service-app{ text-align:center; background-color:#f6f9fb;}
#service-app p{ color:#333; padding-top:10px;}
#service-app .col-sm-3{ margin-top:12px;} 
#service-app .col-sm-3 span{ display:block; padding-top:10px; font-size:1.5rem; color:#3e3e3e;}
/*-----------
联系我们
--------*/
#contact-us{ background-color:#e8eaec; text-align:center;}
#contact-top{
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	grid-column-gap:10px;
}
.contact-link{ background-color:#fff; padding:4rem;}
.contact-link i{ display:block;font-size:2.6rem; color:var(--web-theme-color-red);}
.contact-link h3{ line-height:1.8em; padding:8px 0;}
.contact-link a{ color:var(--web-theme-color-gray);}
.link-mid{ padding-bottom:1rem;}
.link-mid a{padding:0;}

#allmap{
	width:100%;
	height:40vw;
	border-top:#023469 solid 5px;
	}	
#allmap p{ font-size:16px;}	


/*-----------
新闻资讯
--------*/

/*-----
新闻列表
------*/
#news .row{
	border-bottom:#ddd dashed 1px;
		padding-top:15px;
	padding-bottom:15px;
}
#news h2{
	font-size:1.5em;
	color: #333;
	text-align:left;
	line-height:1.2em;
	white-space:nowrap
}
.bigday{
	font-size:3em;	
	color:#ccc;
	height:1.3em;
	line-height:1.3em;
	text-align:center;
}
.smallday{
	font-size:1.5em;	
	color:#ccc;
	height:2em;
	line-height:2em;
		text-align:center;
}
.news-line{ width:42%;
height:2px;
background-color:#ccc;
margin:0 auto;
}
#news p{
	color: #666666;
	word-wrap:break-word;
	word-break:break-all;
	margin-bottom:1rem;
	margin-top:2rem;
	}
#news a:hover img{
	filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
}
#news a{
	position:relative;
	transition: all .3s ease-in-out;
}
#news .newsmore{
	background-color:transparent;
	color:#fff;
	float:right;
	border-radius:30px;	
	padding:0.4em 4rem;
	text-align:center;
	display:inline-block;
	margin-top:3rem;
	color:var(--web-theme-color-red);
	border:var(--web-theme-color-red) solid 1px;
	}
#news  .col-md-8 .newsmore{
	float:none;
	background-color:var(--web-theme-color-red);
	color:#fff;
}
#news  .col-md-8 .newsmore:hover{
	background-color:var(--web-theme-color-blue);
	border:none;
	border:var(--web-theme-color-blue) solid 1px;
}
#news .newsmore:hover{
	background-color:var(--web-theme-color-blue);
		border:none;
	color:#fff;
	}	
@media (min-width:1023px){
	#news .col-md-10,#news .col-md-4{
		padding-right:5rem;
}
}
@media (max-width:1024px){
	#news .col-md-8{
		padding-top:2rem;
}
#news .col-md-10{
		padding-top:3rem;
}
}
/*-----
新闻详细
-------*/
#newsview img{
	width:100%;
	max-width:100%;
	width:auto!important;
	height:auto!important;
	display:block;
	margin:0 auto;
}
#newsview .container{ max-width:1000px;}
#newsview  h2,.newsview-name{
	text-align:center;
	color:#333;
}
.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink a:hover{
	text-decoration:underline;
}
.newsview-name{
	font-size:2em;
	}
.newsview-time{
	color:#787878;
	text-align:center;
	margin-top:2rem;
	margin-bottom:2.5rem;
	padding-bottom:1em;
	border-bottom:#eeeeee solid 2px;
}
.SiteLink{
padding-top:3rem;
}
.newsview-div{
	text-align:right;
	border-bottom:#CCC solid 3px;
}
.newsview-page{
	color:#999;
	padding-top:1rem;
}
.newsview-page a{
	font-weight:400;
	color:#333;
}
#newsview  .newsview-page a:hover{
	text-decoration:none;
	color:var(--web-theme-color-red);
}

/*-----
生产车间
-------*/

#workshop{ text-align:center;}
#workshop h3{ padding:20px 0;}
#workshop p{ padding-top:10px;}
#workshop .col-sm-3{ margin-top:2rem;}