@charset "utf-8";

/*-- 导航--*/
#nydh{
	width:100%;
	background-color:#fff;
	 position: fixed;
	 z-index:1000;
  	left: 0;
  	top: 0;
  	right: 0;
	padding:0.5vw 0;
}
.stickdip1{
	display:none;
}
.stick .stickdip{
	display:none;
}
.stick .stickdip1{
	display:block;
}
.stick{
	background-color:rgba(4,30,49,0.8) !important;
}
@media (max-width: 990px) {
	#nydh{
		position:static;
		 z-index:1;
	}
}
#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 1 100px;
	color:#dcdddd;
	 display: -webkit-flex; 
  display: flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
#language a{
	color:#666;
	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;
}
#dropsjx{
	position:absolute;
	left:40%;
	top:-15px;
	color:#232427;
}
@media (max-width: 990px) {

#dropsjx{
	top:-12px;
}

}
.indexmenu{
	flex:1;
	 display: -webkit-flex; 
  display: flex;
  justify-content:flex-end;
}
.indexmenu ul{
	margin-right:2vw;
}
.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 1vw 0.5vw 1vw;
	color:#999;
	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:#333;
	font-weight:700;
}

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

@media only screen and (max-width: 980px) {
	#language{
		order:1;
	}
	#language a{
		font-size:16px;
	}
	 .indexmenu ul{
		 display:none;
	 }
	 .indexmenu{
		 order:3;
		 flex:0 1 60px;
	 display: -webkit-flex; 
  display: flex;
  justify-content:center;
  align-items:center;
	 }
	#nylog{
		 order:2;
	flex:1;
  justify-content:center;
  padding:15px 0;
  
}
#nylog img{
	width:140px;
}
}
@media only screen and (max-width: 490px) {
	#nylog img{
	width:100px;
}
}
/*宽屏版电脑导航子菜单*/
.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;
	}
.btn-nav .wrap-flex-1 i{ display:none;}	
.btn-nav:focus {
	outline:0
}

.icon-bar {
	display:block;
	margin:6px 0;
	color:#787878;
}
.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:10000;
}
.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:#e62129;
}
.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:#e62129;
}
.animated .wrap-flex i{ display:none; -webkit-text-stroke: 1px #151518 none;}
.animated .top {
	display:none;
}
.animated .wrap-flex-1 i{ display:block; -webkit-text-stroke: 1px #fff none; z-index:999999; color:#e62129;}
.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);
  }
    .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; }
	 	   @media only screen and (max-width: 973px) {
			   .header-search{
				   margin-right:20px;
				   margin-top:10px;}
			   
			  } 
	   @media only screen and (max-width: 767px) {
		   .header-search {
			   display:none;

  }
        .header-search-form form input {
          width: 200px; }
		   }


/*-----------底部------------*/
footer{
	background-color:#041e31;
	}
	
#foottop{
	display: grid;
	grid-template-columns: auto auto auto auto;
	 justify-content: space-between;
	 padding:8rem;
	}
footer .footleft p{
	margin-top:2rem;
	color:rgba(255,255,255,0.7);
	padding:15px 0;
	max-width:32rem;
	line-height:2em;
	font-size:0.9em
}

footer h3{
	color:#fff;
	text-align:left;
	font-weight:bold;
	overflow:hidden;
	display:inline-block;
	letter-spacing:2px;
	position:relative;
	padding-bottom:1rem;
}
footer .foot-line{
	position:absolute;
left:0;
bottom:0;
	width:50%;
	height:2px;
 background-color: var(--web-theme-color);
 animation:footer-line 5s infinite
}
@keyframes footer-line {
  0% {left:-50%;}
  100%{left:100%}
}
footer ul{
	padding-right:2em;
	}
footer ul li a{
	color:rgba(255,255,255,0.7);
	display:block;
	text-decoration:none;
	padding:5px 0;
	white-space:nowrap;
}
footer ul li i{
	color:var(--web-theme-color);
}
footer ul li a:hover{
	color:rgba(255,255,255,1)}
.footleft a{
color:var(--web-theme-color);
}
.footleft a span{
	color:#fff;
}
.footleft a:hover{
	color:#fff;
}

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




@media  (max-width: 767px) {
	#foottop{
	grid-template-columns: auto auto;
	}
	.footleft  img{
		display:block;
		width:13rem;
	}
	.footleft{
		grid-column: 1 / span 2;
  grid-row: 1;
	}
	footer .footright{
		grid-column: 1 / span 2;
  grid-row: 3;
	}
	footer h3{
		font-size:1.4em;
		padding-top:10px;}
		footer .footleft p{
			max-width:100%;
		}
}	

/*版权所有*/
#copy{ background-color:#000; padding-bottom:10px;}
#copy .row{ 
 margin-top:2rem;
}
#copy .col-md-6{
	color:rgba(255,255,255,0.5);
}
#copy .col-md-6 .bshare-custom{ padding:0; margin:0; top:0;} 
@media  (max-width: 1200px) {
#copy .row{
display: -webkit-flex; 
  display: flex;
  justify-content: space-between;}	
}
@media  (max-width: 520px) {
#copy .row{
display: -webkit-flex; 
  display: flex;
 justify-content: flex-start;}	
}
/*------
bar
-------*/
#indexbanner{
	background-color:#00a2e9;
	background-repeat:no-repeat;
  	color:#fff;
	width:100%;
	position:relative;
	overflow:hidden;
	height:100vh;
	padding:0;
}
#indexbanner img{
	width:100%;
	height:100%;
	object-fit: cover;
}
#indexbannervideo{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
	 height:100%;
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
text-align:center;
 flex-direction:column;
 background-color:rgba(0,40,58,0.6)
	}
#indexbannervideo .play-btn:hover #play-button-circle,#indexbannervideo .play-btn:hover #play-button-triangle{
	stroke:var(--web-theme-color-red);
}
#indexbannervideo .play-btn p{
	color:#FFF;
}
#indexbbannerbig{
	color:#fff;
	font-size:5rem;
	margin-top:2vh;
	text-align:center;
	letter-spacing:3px;
}

#indexbannersmall{
	color:rgba(255,255,255,0.6);
	letter-spacing:12px;
	font-size:1.5em;
}
#indexbannervideo .bannermore{ margin-top:6rem;}

#videoyl{
	width:100%;
}

@media only screen and (max-width: 767px) {
	#indexbbannerbig{
		font-size:3.5rem;
	}
.bannermore{
	margin-top:4rem;}
	#videoyl{
		display:none;
}
}


/*--------
首页产品中心
-------*/
#index-products{
	padding:0;
	background-color:var(--web-theme-color);
	 display: -webkit-flex; 
  	display: flex;
	width:100%;
 }
#index-proleft{
	flex:0 0 max(25%, 300px);
	background-image:linear-gradient(#2a3642, #262b31);
}
@media only screen and (max-width: 1023px) {
#index-proleft{
	display:none;
	}
}
#index-proleft-con{
	float:right;
	width:max(80%, 260px)
}
#index-proleft-con ul{
	border-top:rgba(255,255,255,0.6) solid 2px;
	margin-top:4rem;
}
#index-proleft-con ul li{
	border-bottom:rgba(255,255,255,0.3) solid 2px;
	padding:1.6rem 0;
	font-size:1.2em;
}
#index-proleft-con ul li a{
	display:block;
	color:rgba(255,255,255,0.8)
	}
#index-proleft-con ul li a i{
	display:none;
	float:right;
	margin-top:5px;
	margin-right:1.5rem;
}

#index-proleft-con ul li a:hover{
	color:var(--web-theme-color);
	}
#index-proleft-con ul li a:hover i{
	display:block;
}
#index-proright{
	flex:1;
	position:relative;
	overflow:hidden;
}
#index-proright .swiper {
        width: 100%;
        height: 100%;
		overflow:hidden;
      }
#index-proright .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
		 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
      }
#index-proright .swiper-slide img:hover{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
                   opacity: .3;
}
.index-tip{
	position:absolute;
	right:5rem;
	top:0;
	z-index:30;
	 display: -webkit-flex; 
  display: flex;
  color:#fff;
}
.index-tip-left{
	background-color:rgba(0,0,0,0.7);
	padding:1rem;
}
.index-tip-left h3{
	font-weight:bold;
	color:#fff;
}
.index-tip-right{
	background-color:var(--web-theme-color);
	padding:1rem;
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
width:8rem;
}
#index-proright .swiper-slide:hover .index-tip-right{
	background-color:var(--web-theme-color-red);
}
.tipsmall{
	font-size:0.8em;
	color:#aaa;
}

/*------
产品系列移动端结束
-------*/	
	

/*-------
 公司视频
-------*/
/*-----左部分-----*/
#indexvideo{
	padding-top:8rem;
	padding-bottom:4rem;
}
#indexvideo h1{
	text-align:center;
}
#indexvideo  h3{ color:#666;}
#indexvideo p{
	text-align:center;
	color:#757475}	
#indexvideo ul{ margin-top:12rem;}

@media only screen and (max-width: 767px) {
#indexvideo ul{
	margin-top:4rem;}
}
/*---右部分----*/
#indexvideo .swiper-container{
	position:relative;
}
#indexvideo .swiper-container .swiper-wrapper{
	margin-top:6rem;
	padding-bottom:6rem;
	}

#indexvideo .swiper-container a svg{
	position:absolute;
	left:40%;
	top:34%;
	z-index:999;
	display: -webkit-flex; 
  display: flex;
  justify-content: center;
  align-items: center;
}
#indexvideo .swiper-slide{
	background-color:#fff;
	}
.index-videoimg{
	width:100%;
	background-color:#000;
}
.index-videoimg img{
	width:100%;
	filter:alpha(opacity:30); opacity:0.3;
}
#indexvideo .swiper-container a p{ padding-top:0; margin-top:10px; text-indent:1rem;}
#indexvideo .swiper-container svg{ display:block; width:14%; margin:0 auto;}	
 #indexvideo .play-btn{
        opacity: 1;
        filter: alha(opacity=1);
    }
#indexvideo .play-btn:hover #play-button-circle{
        /* stroke-dashoffset: 340;
        stroke-dasharray: 340; */
		stroke:var(--web-theme-color);
        animation: stroke 1s ease-in-out;
    }
#indexvideo .play-btn:hover #play-button-triangle{
        /* stroke-dashoffset: 340;
        stroke-dasharray: 340; */
		stroke:var(--web-theme-color);
        animation: stroke2 1s ease-in-out;
    }
   
 #indexvideo .btns{
        transform:translateY(10px);
        opacity: 0;
        filter: alha(opacity=0);
        
    }

/*------
公司简介
-------*/
#indexaboutnew{
 position:relative;
 background-color:#999;
}
.indexaboutbg{ 
background-image: linear-gradient(135deg, #e0e0e0, #fff,#e0e0e0);
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
}
#indexaboutnew .container{
	position:relative;
	}
#indexaboutnew small{
	font-size:1.4rem;}
#indexaboutnew h1{
	text-align:left;
	color:#00a2e9;
	line-height:1.4em;
	padding:10px 0;
}	
#indexaboutnew h3{
	max-width:300px;
	font-size:2rem;
	font-weight:lighter;
	color:#757475;
	line-height:1.8em;}	
#indexaboutnew li{ color:#666; font-weight:bold; padding-top:10px;} 	
#indexaboutnew li i{   
padding:6px 2px 0 4px;
width:2rem;
height:2rem;
font-size:1.2rem;
border-radius:50%;
-webkit-text-stroke:1px #00a2e9;	
background-color:#00a2e9; 
color:#fff;}
#indexaboutnew .about-imgmore{
	margin-top:8rem;
}
@media only screen and (max-width: 767px) {
#indexaboutnew .about-imgmore{
	margin-top:2rem;
}
#indexaboutnew .col-md-8 p{ font-size:10px;}
#indexaboutnew li{ font-size:10px;} 

}
/*-----公司底部-------*/
.index-about{
width:100%; 
margin:0 auto;
background-color:#fff; 
padding:4rem 0;
margin-top:12rem;
box-shadow: 0 0 10px rgba(80,80,80,0.3);
}
.indexabout-box{
	text-align:center;
	border-right:#a7a7a7 solid 1px;
}
.indexabout-box p{
	padding:0;}

.indexabout-box-last{
	text-align:center;}
.indexabout-box-last p{
	padding:0;}	
.indexabout-first span{ 
 	 background-image: -webkit-linear-gradient(-29deg, #049eff, #f93e4a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-align:center;
	font-size:3rem;
	font-weight:bold;
}
.index-about .indexabout-box .indexabout-first small{
	color:#666;
	font-size:1.2rem;
	font-weight:normal;}
@media only screen and (max-width: 767px) {
	.index-about{ margin-top:4rem;}
	.index-about .col-sm-3{ margin-top:15px;}
}	
/*----------
产品服务
----------*/
#indexservice{ text-align:center;}
#indexservice  a{
display:block;	
position:relative;
width:100%;
 background-color:#333;	
}
#indexservice  a .overlay{
position: absolute;
  bottom:0;
  left: 0;
  right: 0;
  padding:3rem 0;
  background-color: rgba(0,162,233,1);
  color:#fff;
  width: 100%;
  height: 0;
  transition: .5s ease;
}	
#indexservice  a:hover .overlay {
  height: 100%;  background-color: rgba(0,162,233,0.6);
  
}
#indexservice  a:hover i{ display:block; color:#00a2e9; background-color:#fff;} 
.ser-text {
  color:white;
  font-size:1.6rem;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  line-height:1em;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.ser-text span{ display:block;  padding-bottom:1.6rem;}
.ser-text i{
	display:none;
	width:40px;
	height:40px;
	margin:0 auto;
	font-size:2rem;
	background-color:#fff;
	border-radius:50%;
	padding:9px;
}
@media only screen and (max-width: 767px) {
	#indexservice .row{ margin-top:1rem;}
	.ser-text{ font-size:18px;} 
	.ser-text i{ font-size:2.6rem; padding-top:10px;}
	#indexservice .col-sm-3{
		margin-top:2rem;}
	#indexservice .col-sm-3 img{width:100%;}	
}	


/*---------------------------------内页-----------------------------------------------*/

/*通用banner*/
#nycsbanner{
	width:100%;
}
#nycsbanner img{
	width:100%;
	height:100%;
	object-fit: cover;
}
#nycombanner{
	height:30vw;
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	position:relative;
	}
.nybannerbg{
	position:absolute;
left:0;
top:0;
width:100%;
height:100%;
	background-color:rgba(8,162,233,0.2);
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
}
.nybannerbg h1{ color:#fff; font-weight:lighter;}
#nycombanner .container{
	position:relative;
	z-index:10;
	text-align:center;
}
.ny-top{ padding-top:14rem;}

.ny-top small{ font-size:1.6rem;color:#fff;}

/*特殊*/
.ny-top-1{ padding-top:22rem; padding-left:2rem;}
.ny-top-1 h1{ 
font-weight:normal;
text-align:left;
line-height:1.3em;
letter-spacing:5px;
color:#00a2e9;
}
.ny-top-1 small{ display:block;font-size:1.4rem;color:#fff; text-align:left; letter-spacing:5px;}
@media (min-width: 768px) and (max-width:1023px) {
}
@media (max-width:767px){
#nycombanner{
	height:30vw;
}
	#nycombanner .ny-top{ padding-top:7rem;}
	#nycombanner .ny-top-1{padding-top:12rem; padding-left:0;}
	.ny-top-1 h1{
		font-size:18px;
		line-height:1.8em;}
.ny-top-1 small{font-size:10px;}
}
.nyworkimg{ background-image:url(../images/about/workshop/work-bar.jpg);}
.nyworkimg-1{ background-image:url(../images/about/workshop/work-bar-5.jpg);}
.nyproimg{ background-image:url(../images/products/pro-bar.jpg);}
.nyproimg-1{ background-image:url(../images/products/pro1-bar.jpg);}
.nyproimg-2{ background-image:url(../images/products/pro2-bar.jpg);}
.nyproimg-3{ background-image:url(../images/products/pro3-bar.jpg);}
.nyproimg-4{ background-image:url(../images/products/pro4-bar.jpg);}
.nyproimg-5{ background-image:url(../images/products/pro5-bar.jpg);}
.micromotor-de{ background-image:url(../images/products/pro-bar-1.jpg);}
.nysaleimg{ background-image:url(../images/service/sale-bar.jpg);}
.nydownimg{ background-image:url(../images/down/down-bar.jpg);}
.nyvideoimg{ background-image:url(../images/video/video-bar.jpg);}
.nynewsimg{ background-image:url(../images/news/news-bar.jpg);}
.nycontimg{ background-image:url(../images/contact/cont-bar.jpg);}

/*----------------关于台力-----------*/
/*公司简述视频*/
#aboutbannervideo{
	position:relative;} 
#aboutbannervideo p{ text-align:center; color:#fff;}
#aboutbannervideo a:hover p{ }	
#aboutbannervideo svg{ display:block; width:4%; margin:0 auto;}	
#aboutbannervideo .play-btn{
        transform:translate(-50%,calc(-50% + 30px));
        opacity: 1;
        filter: alha(opacity=1);
    }
#aboutbannervideo .play-btn:hover #play-button-circle{
        /* stroke-dashoffset: 340;
        stroke-dasharray: 340; */
        animation: stroke 1s ease-in-out;
    }
#aboutbannervideo .play-btn:hover #play-button-triangle{
        /* stroke-dashoffset: 340;
        stroke-dasharray: 340; */
        animation: stroke2 1s ease-in-out;
    }
   
#aboutbannervideo .btns{
        transform:translateY(30px);
        opacity: 0;
        filter: alha(opacity=0);
        
    }
/*--------
公司简介
--------*/
#about-taili{
	 background-image: linear-gradient(-90deg, #edf0f3, #fff);
	  position: relative;
}
.taili-cont h1{
	padding:5px 0;}
.taili-cont  p{
	margin-top:8px;
	padding:12px 0;}
#about-taili .right{position: relative; padding-left:6rem; margin-top:6rem; float:right; width:max(50%,280px);}
#about-taili .right .slogo{ width:60%;position: absolute;left: 37%;top:20%;margin-left: -6rem;text-align: center; animation: icons 3s linear infinite;-webkit-animation:icons 3s linear infinite}
#about-taili .img img{display: block;width: 100%;}
@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 
@media (min-width: 1024px) and (max-width:1440px){
		#about-taili .right .slogo{
	left: 33%;
	width:60%;}
} 
@media (min-width: 799px) and (max-width:1200px){
		#about-taili .right .slogo{
	left: 30%;}
} 
@media only screen and (max-width: 767px) {
   #about-taili .right{padding-left:0; margin-top:2rem; display:none; width:100%;}
	#about-taili .right .slogo{
	left: 24%;
	width:80%;}
}

/*------
公司概述
-----*/
#about-taili-cont{
	background:url(../images/about/ab-info.jpg) no-repeat;
	background-size:cover;
	padding:8rem 0;}	
/*右部分*/
.taili-cont-right{ 
	padding-left:4rem;
	margin-top:1rem;
}
.taili-cont-right p{
	max-width:500px;
	color:#e4e4e4;}
.talli-name{
	width:100%;
	max-width:500px;
	text-align:right;
	padding-top:4rem;}
.talli-name img{
	width:9rem;
}
@media (min-width: 820px) and (max-width:1024px){
	.taili-cont-right{ 
	padding-left:0;
	margin-top:2rem;
}
}		
@media only screen and (max-width: 767px) {
	.taili-cont-right{ 
	margin-top:20px;
	padding-left:0;}
	#about-taili-cont .cont-box{
		padding:2rem 1rem;} 

}
/*-----------
核心竞争力
--------*/	
#about-adv {
	background:url(../images/about/ab-adv.jpg) no-repeat;
	background-size:cover;
	text-align:center;
	padding-bottom:8rem;}
.about-adv-1{
	width:100%;
	display: grid;
	grid-template-columns: auto auto auto;
}
#about-adv .about-adv-con{border-right:#d9dbdb solid 1px; margin-top:6rem;}
#about-adv .adv-last{border-right:0;}
#about-adv .about-adv-con h3{ padding:10px 0;}
#about-adv .about-adv-con p{ max-width:380px; margin:0 auto;}
@media only screen and (max-width: 767px) {
	.about-adv-1{
		grid-template-columns: auto auto;
	}
	#about-adv .about-adv-con img{ width:15%;}
	#about-adv .adv-last{border-right:1;}
	#about-adv .about-adv-con:nth-child(odd){
		border-right:#d9dbdb solid 1px; 
	}
	#about-adv .about-adv-con{border-right:none; padding:0 5px; margin-top:6rem;}
}
/*-----------
质量控制
--------*/
#about-quality .col-md-4 h3{ color:#666; font-weight:normal;}
#about-quality .col-md-4 h1{ padding:22px 0; font-size:3.4rem;}
#about-quality .col-md-8 p strong{ font-weight:bold; color:var(--web-theme-color);}	
#about-quality .taili-line{
	width:14%;
	margin-top:1.4rem;}
.qy-link{
	text-align:center;
	margin-top:4rem;}
/*质量轮播*/
#about-quality .swiper-container-qy{ position:relative; padding-bottom:4rem; margin-top:6rem;}
#about-quality .swiper-container-qy .swiper-button-next:after,#about-quality .swiper-container-qy .swiper-button-prev:after{
	font-size:20px;
}
#about-quality .swiper-container-qy .swiper-slide a img{
position:relative;
width:100%;
transition: all .5s ease-in-out;
}
#about-quality .swiper-container-qy .swiper-slide a p{ padding-top:14px;}
#about-quality .swiper-container-qy .swiper-slide a:hover img{ 
	-webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
#about-quality .swiper-container-qy .swiper-slide a:hover p{
	color:#00a2e9;}
@media only screen and (max-width: 767px) {
	#about-quality .swiper-container-qy{padding-bottom:2rem;}
}
/*--------
企业文化
----------*/
#about-culture{
text-align:center;
padding:0;}

.company-culture {position: relative;}
.company-culture .absolute{position: absolute;height: 100%;width:100%;text-align: center;z-index: 10;}
.company-culture .absolute .title-style {margin-top: 10rem; }
/*中间部分动画*/
.company-culture .absolute .img {position: relative; height:700px;}
.company-culture .absolute .img img{display: inline-block;width:auto;}
.company-culture .img.bg-black {background: #000;}
.company-culture .img.bg-black img.pcshow{animation: fadeintm 1000ms linear infinite;}
.company-culture .img img{display: block;width: 100%;}
.company-culture .slogoimg { position: absolute;top: 0;left: 42.3%;margin:-7rem 0 ; -webkit-animation:fudong1 3s linear infinite;animation: fudong1 3s linear infinite;}
@keyframes fudong1 {0%{top: 50%;}50%{top: 52%;}100%{top: 50%;}} 
@keyframes fadeintm {0%{opacity: 1;}50%{opacity: .8;}100%{opacity: 1;}}  

/*圆总体部分*/
.company-culture .absolute .item {width: 410px;height: 205px;position: absolute; }
.company-culture .absolute .item .pcontent {position: relative;width:100%;height: 100%;}
.company-culture .absolute .item .text1{text-align:right;width: 310px;position: absolute;top: 20%;right:12%;z-index: 5;}
.company-culture .absolute .item .text1 h3{color: #fff; font-weight:bold;}
.company-culture .absolute .item .text1 h6{ font-size:1.4rem; margin: 0;font-weight: normal;line-height: 26px; color: rgba(255,255,255,0.4);}
.ypic1{
	width:8vw;
	}
/*右圆上方*/
.company-culture .absolute .item.item1 {top:5%;right:15%;}
.company-culture .absolute .item.item1 .text1{text-align:right;width: 310px;position: absolute;top: 20%;right:15%;}
.company-culture .absolute .item1 .ypic1{ position: absolute; right:0;top: 0; z-index: 1;}
/*右圆中间*/
.company-culture .absolute .item.item3 {top:45%;right:29%; }
.company-culture .absolute .item.item3 .text1 {text-align:left; width: 310px; position:absolute;top: 35%; left:66%; }
.company-culture .absolute .item3 .ypic1{position: absolute;right:0;top: 0;z-index: 1;}
/*右圆下方*/
.company-culture .absolute .item.item5 {top: 85%;right:12%;}
.company-culture .absolute .item5 .ypic1{ position: absolute;right:0;top: 0;z-index: 1;}
.company-culture .absolute .item.item5 .text1 {text-align:right; width: 310px; position:absolute;top: 35%; right:22%; }
/*左圆上方*/
.company-culture .absolute .item.item6 {top:5%;left:3%; }
.company-culture .absolute .item6 .ypic1{ position: absolute;right:0;top: 0;z-index: 1;}
.company-culture .absolute .item.item6 .text1 {text-align:left; width: 310px; position:absolute;top: 25%; left:70%; }

/*左圆中间*/
.company-culture .absolute .item.item2 {top:45%;left:29%;}
.company-culture .absolute .item.item2 .text1 {top: 35%;right:65%; text-align:right; }
.company-culture .absolute .item2 .ypic1{position: absolute;left:0;top: 0;z-index: 1;}
/*左圆下方*/
.company-culture .absolute .item.item4 { top:85%;left:0%;}
.company-culture .absolute .item.item4 .text1 {text-align:left; width: 310px; position:absolute;top: 35%; left:65%; }
.company-culture .absolute .item4 .ypic1{position: absolute;right:0;top: 0;z-index: 1;}

@media screen and (max-width: 1860px) {
	.company-culture .slogoimg {margin: -140px 0 0 -3px; width:16vw;}	
	
	/*右圆部分*/
	.company-culture .absolute .item.item1 {top:0;right:10%;}
	.company-culture .absolute .item.item3 {top:30%;right:26%; }
	.company-culture .absolute .item.item3 .text1{left:80%;top:20%;}
	.company-culture .absolute .item.item5 {top:60%;right:10%;}
	.company-culture .absolute .item.item5 .text1{right:15%;top:20%;}
	/*左圆部分*/
	.company-culture .absolute .item.item6 {top:0;left:-5%; }
	.company-culture .absolute .item.item6 .text1{left:80%;top:20%;}
	.company-culture .absolute .item.item2 {top:30%;left:26%; }
	.company-culture .absolute .item.item2 .text1{right:80%;top:20%;}
	.company-culture .absolute .item.item4 {top:60%;left:-5%;}
	.company-culture .absolute .item.item4 .text1 {top: 25%; left:75%;}
}

@media screen and (max-width: 1440px) {	
	.ypic1{
	width:8vw;
	}
	/*右圆部分*/
	.company-culture .absolute .item.item1 {top:-5%;right:10%;}
	.company-culture .absolute .item.item3 {top:25%;right:26%; }
	.company-culture .absolute .item.item3 .text1{left:80%;top:20%;}
	.company-culture .absolute .item.item5 {top:45%;right:10%;}
	.company-culture .absolute .item.item5 .text1{right:15%;top:20%;}
	/*左圆部分*/
	.company-culture .absolute .item.item6 {top:-5%;left:-5%; }
	.company-culture .absolute .item.item6 .text1{left:80%;top:20%;}
	.company-culture .absolute .item.item2 {top:25%;left:26%; }
	.company-culture .absolute .item.item2 .text1{right:80%;top:20%;}
	.company-culture .absolute .item.item4 {top:45%;left:-5%;}
	.company-culture .absolute .item.item4 .text1 {top: 15%; left:82%;}
	.company-culture .slogoimg {margin: -180px 0 0 10px; width:16vw;}
}
@media (min-width: 940px) and (max-width:1290px) {
		.ypic1{
	width:8vw;
	}
	/*右圆部分*/
	.company-culture .absolute .item.item1 {top:-5%;right:10%;}
	.company-culture .absolute .item.item1 .text1{right:10%;top:5%;}
	.company-culture .absolute .item.item3 {top:15%;right:26%; }
	.company-culture .absolute .item.item3 .text1{left:80%;top:10%;}
	.company-culture .absolute .item.item5 {top:35%;right:10%;}
	.company-culture .absolute .item.item5 .text1{right:10%;top:10%;}
	/*左圆部分*/
	.company-culture .absolute .item.item6 {top:-5%;left:-15%; }
	.company-culture .absolute .item.item6 .text1{left:90%;top:10%;}
	.company-culture .absolute .item.item2 {top:15%;left:26%; }
	.company-culture .absolute .item.item2 .text1{right:90%;top:10%;}
	.company-culture .absolute .item.item4 {top:35%;left:-15%;}
	.company-culture .slogoimg {margin: -240px 0 0 -4px; width:18vw;}
}

@media screen and (max-width: 767px) {
	.pcshow{ display:none !important;}
	.mbshow{ display:block !important;}
	.ypic1{
	width:18vw;
	}
	
	.company-culture .absolute{position: absolute;height: 100%;width:100%;text-align: center;z-index: 5;}
	.company-culture .slogoimg{ display:none;}
	.company-culture .absolute .title-style {margin-top: 40px;}
	.company-culture .absolute .item.item6 {top: 5%;left:-50%;}
	.company-culture .absolute .item.item6 .text1 { width:min(100%,310px);top: 15%; left:85%;}
	.company-culture .absolute .item.item1 {top:20%;right:5 ;}
	.company-culture .absolute .item.item1 .text1 { width:min(100%,310px);top: 15%; left:18%;}
	.company-culture .absolute .item.item2 { top:36%;left:14%;}
	.company-culture .absolute .item.item2 .text1 {top: 15%;right: 18%; text-align:left; }
	.company-culture .absolute .item.item3 {top:48%;right:12%;}
	.company-culture .absolute .item.item3 .text1 {text-align:right; width:min(100%,310px);top: 10%; left:19%;}
	.company-culture .absolute .item.item4 {left:-60%; top:59%;}
	.company-culture .absolute .item.item4 .text1 {text-align:left; width:min(100%,310px);top: 15%; left:88%;}
	.company-culture .absolute .item.item5 {top:70%;right:10%;}
	.company-culture .absolute .item.item5 .text1 {text-align:right; width:min(100%,310px); position:absolute;top: 15%; right:12%; z-index: 5;}
}

/*------------
企业荣誉
------------*/
#about-honor{
	background:url(../images/about/ab-honorbg.jpg) no-repeat;
	background-size:cover;
	text-align:center;
}
#about-honor h1{ text-align:center;line-height:1.8em;}
#about-honor .taili-line{ 
width:4%;
margin:0 auto;}
#about-honor img{
	width:80%;
}
#about-honor .swiper-container-honor{
	position:relative;
	padding-bottom:4rem;
	margin-top:4rem;}
#about-honor .swiper-container-honor .swiper-pagination-bullet{ background-color:#0595f0;}	
@media screen and (max-width:767px) {
	#about-honor .taili-line{ 
width:8%;
margin-top:2rem;}
#about-honor .swiper-container-honor{
	position:relative;
	padding:0;
	padding-bottom:4rem;
	margin-top:4rem;}
}
@media screen and (max-width:490px) {
	#about-honor .taili-line{ 
width:8%;
margin-top:2rem;}
#about-honor .swiper-container-honor{
	position:relative;
	padding:0;
	padding-bottom:4rem;
	margin-top:4rem;}
}
/*----------
服务与仓储
------*/
#about-cc{
	background:url(../images/about/ab-serbg.jpg) no-repeat;
	background-size:cover;
	padding-top:10rem;
	padding-bottom:60vh;}
#about-cc h1{ text-align:left; padding:15px 0;}	
#about-cc p,#about-cc h3{
	color:#fff;
}
.flex-con-50{flex:0 0 12rem;} 
.about-cc-title{
	font-size:4rem;
	line-height:1.2em;
	 background-image: linear-gradient(#049eff, #f93e4a);
 	 background-clip: text;
 	 -webkit-background-clip: text;
  	 color: transparent;
}
.flex-con-50 p{ padding:0;}
@media screen and (max-width: 767px) {
	#about-cc{ padding-bottom:30vh;}
	#about-cc .col-md-8{ margin-top:20px;}
}

/*----------
车间管理
------*/
#about-work{
	background-color:#f1f1f1;
}
#about-work h1{
	padding:15px 0;	
}
#about-work .worktitle{
	border-top:#999 solid 2px;
	font-size:2rem;
	color:#666;
	padding:1rem;
	background-color:#CCC;
	text-align:center;
	letter-spacing:3px;
}
#about-work p{
	padding-top:5px;	
}
#about-work span{ display:block; padding-top:10px;}
#about-work i{ color:#00a2e9;}
#about-work img{
	border:#FFF solid 6px;
}
#about-work .col-sm-3{
	padding-bottom:3rem;
}
/*----------
资质荣誉
------*/
#honors{
	background-color:#f1f1f1;
	}
#honors .wrap-flex{
	justify-content: center;
	align-items: center;
}
.honor-nav a{
	flex:0 0 auto;
	color:#1b1b1b;
	border-radius:20px;
	border:#999 solid 1px;
	text-align:center;
	margin:0 15px;
	padding:5px 4rem;}
	
#honors a:hover, .honoractive{
	background-color:var(--web-theme-color-red);
	color:#fff;
}
.honoractive{ color:#FFF !important;}

#honors  .thumbnail .img{
	padding:20px auto ;
	overflow:hidden;
}
#honors  .thumbnail img{
	width:100%
}
#honors  .thumbnail .img img:hover{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
}
#honors .thumbnail .caption{
	border-top:#f1f1f1 solid 1px;
	color:#333;
	padding:15px 0;
	text-align:center;
}





/*----------产品汇总--------------------*/
/*----
产品概述
------*/
#product-summary-left,#product-summary-right{ background-color:rgba(4,30,49,1); text-align:left; width:100%; padding:0;}
.sum-cont,.sum-img{flex:1;}
/*文字部分*/
.sum-cont{
	 display: -webkit-flex; 
  display: flex;
   justify-content:center;
align-items:center;
}
.con-info{
	display: grid;
	grid-template-columns: auto auto;
	 grid-gap:1.4rem;
}
.con-info a{
	color:rgba(255,255,255,0.8);
	text-align:center;
	border:rgba(255,255,255,0.4) solid  1px;
	border-radius:10px;
	padding:0.6em 4rem;
}
.sum-cont h2{ 
color:var(--web-theme-color);
text-align:left;
}

.sum-cont a:hover{background-color:#3385d7; color:#fff;  border:#3385d7 solid  1px;}	
.sum-cont .procustmore{
	background-color:#3385d7; 
	white-space:nowrap;
	padding:1rem 4rem;
	margin-top:6rem;
	font-size:1.6rem;
	border-radius:25px;
    color:#fff;
	display:inline-block;
	text-align:center; }
	
.sum-cont .procustmore:hover{background-color:var(--web-theme-color-red); color:#fff; border:none;}

/*公共图片部分*/
.sum-img{ position:relative;}
.sum-img img{
width:100%;
height:100%;
object-fit:cover;
}
.sum-img a{ 
position:absolute;
left:15%;
bottom:14%;
justify-content: center;}
.sum-img svg{ width:12%;}
.sum-img a p{ color:#fff; margin-left:1rem;}


#product-summary-left .sum-img  #play-button-circle,#product-summary-left .sum-img  #play-button-triangle{
    fill: none;
    stroke:#fff;
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}
#product-summary-right .sum-img  #play-button-circle,#product-summary-right .sum-img  #play-button-triangle{
    fill: none;
    stroke:#fff;
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

@media screen and (max-width:1400px){
	#product-summary-left .wrap-flex{
		  flex-direction: column-reverse; 
	}
	#product-summary-right .wrap-flex{flex-direction: column;}
	.sum-cont{
		padding:4rem;
		 justify-content: flex-start;
		 align-items: flex-start;
	}
}
@media (min-width:768px) and (max-width:1400px){
	.con-info{
	grid-template-columns: auto auto  auto;
	}
}



/*--------------产品列表--------------------*/
/*产品系列*/
#products{
	padding:0;
	background-color:#F7F7F7;
	}
#products .wrap-flex{
	padding:4rem 3vw;
	}
@media (max-width:767px){
	#products .wrap-flex{
		 flex-direction: column;
	}
}
/*左部分*/	
#box-left{
	display: -webkit-flex; 
 	 display: flex;
	 flex-direction: column;
	flex:0 0 auto;
	color:#5F5D5D;
	padding-right:5vw;
}
#box-lefttitle{
	padding:8px 0;
	text-indent:2em;
	color:#fff;
	font-size:2rem;
	border-radius:4rem;
	background-color:var(--web-theme-color);
	text-transform:uppercase;
	position:relative;
}
#box-lefttitle span{ float:right;font-size:1.4rem; padding-right:4rem;}
#box-lefttitle .jia{
  position: absolute;
  top: 30%;
  right: 20%;
  z-index: 0;
  width:10px;
  height:10px;
  display:none;
}
#box-lefttitle .jia i{
	text-stroke: 1px #00a2e9;
	-webkit-text-stroke: 1px #00a2e9;
	font-weight:normal;
}

#box-left ul{
	float:right;
	width:max(80%, 260px)
}
#index-proleft-con ul li{
	border-bottom:rgba(255,255,255,0.3) solid 2px;
	padding:1.6rem 0;
	font-size:1.2em;
}
#box-left ul li a i{
	display:none;
	float:right;
	margin-top:5px;
	margin-right:1.5rem;
}

#box-left ul li a:hover{
	color:var(--web-theme-color);
	}
#box-left ul li a:hover i{
	display:block;
}
.taili-left span{color:var(--web-theme-color);}
@media  (max-width:1200px) {
	#box-lefttitle .jia{
	display:none;
}
	#box-left ul{
	display:block;
}
}
@media only screen and (max-width: 767px) {
#box-lefttitle {
	position:relative;
	cursor:pointer;
}
#box-lefttitle .jia{
	display:block;
}
#box-left ul{
	display:none;
	padding-bottom:1rem;
}
#products #box-left{
	flex:1;
	padding:0;
}
}
#box-left ul li a{
	display:block;
	text-decoration:none;
	border-bottom:#d1d1d1 dashed 1px;
	color:#333;
	text-indent:1rem;
	margin-left:2rem;
	padding-top:10px;
}
#box-left ul li a .wrap-flex-2{align-items: center; }
.pro-title{ margin-left:10px;}

	

#box-left .box-leftactive{
	color:#00a2e9;
}
#box-left .box-leftactive i{ display:block;}
#box-left .box-leftcur{
	color:#5F5D5D;
}
/*右部分*/

#box-right{
	flex:1;
	overflow:hidden;

}
#box-right .wrap-flex-1{
	justify-content: space-between;
	align-items: center;
	padding:2rem 0;
	border-bottom:#ddd solid 1px;
	margin-top:2rem;	
}
#box-right .wrap-flex-1 .taili-left{
	flex:1;
	font-size:2.4rem;
	white-space:nowrap;}
#box-right  .taili-right{
white-space:nowrap;
margin:0;
color:#999;
}
.taili-right .download-cont{
	color:#333;
		border:#333 solid 1px;
	padding:10px 3rem;
	font-size:90%;
}
.taili-right .download-cont:hover{
	background-color:var(--web-theme-color-red);
	color:#fff;
	border:var(--web-theme-color-red) solid 1px;
}
.taili-right .dropdown-menu{
	top:100%;
	border-radius:0px;
	background-color:#fff;
	padding:0px;
	min-width:100%;
	
}
.taili-right .dropdown-menu li a{
	color:#333;
	padding:1rem 2rem;
	border-bottom:#CCC dashed 1px;
}
.taili-right .dropdown-menu>li>a:focus,.taili-right .dropdown-menu>li>a:hover{color:#fff;text-decoration:none;background-color:var(--web-theme-color-red);}

.taili-right .btn-group .btn-primary{
	border-radius:0px;
	padding:10px 3rem;
	background-color:transparent;
	color:#333;
	border:#333 solid 1px;
}
#box-right .btn-group .btn-primary:focus,#box-right .btn-group .btn-primary:hover{
	background-color:var(--web-theme-color-red);
	color:#fff;
	border-color:var(--web-theme-color-red);
}
@media (max-width:1200px){
	#box-right .dropdown-menu{
	min-width:128px!important;}
}
@media (max-width:767px){
.protitle{
		font-size:16px;
		padding:5px 8px 5px 8px;
	}
	#box-right .wrap-flex-1{
		  flex-direction: column;
		  justify-content: flex-start;
		  	align-items:  flex-start;
			padding:10px 0;
			margin-top:0rem;
	}
	#products #box-left{
		min-width:100%;
		margin-bottom:25px;
	}

#box-right .dropdown-menu{
	min-width:100px!important;
}
   #products  #box-right .taili-right{ padding:15px 0;}
	#products  #box-right .taili-left{
		display:none;
		padding:5px 0;
	font-size:1.4em;}
			
}	
@media (max-width:520px){
	.protitle{
		font-size:16px;
		padding:5px 8px 5px 8px;
	}

	#products #box-left{
		min-width:100%;
		margin-bottom:25px;
	}
	#box-right{
		padding-top:0;
	border-left:none;
	padding-left:0px;
	margin-left:0px;
}
#box-right .dropdown-menu{
	min-width:100px!important;
}
   #products  #box-right .taili-right{ padding:0;}
	#products  #box-right .taili-left{
	font-size:1.4em;}
		

}
/*产品内容*/
#box-right .col-lg-3{
	margin-bottom:3rem;
}
.productsitem{
	background-color:#333;
	padding:0;
	width:100%;
	display:block;
	border:#ececec solid 1px;
	 -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	-webkit-box-shadow:0px 5px 5px #aaaaaa;  
    -moz-box-shadow:0px 5px 5px #aaaaaa;  
     box-shadow:0px 0px 5px #aaaaaa;
	 overflow:hidden;
}

#products .productsitem:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
 .productsitem .caption{
	color:#fff;
	text-align:center;
	padding:1.2rem 0;
	position:relative;
	z-index:5;
	background-color:#8dd7f7;
	}
.productsitem  img{ width:100%; overflow:hidden; transition: all .5s ease-in-out;}
.productsitem:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
			  filter:alpha(opacity:70); opacity:0.7; 
}
.productsitem:hover .caption{
	background-color:var(--web-theme-color);
	color:#fff;
}

@media (max-width:767px){
#products{
	padding-bottom:2rem;}
#products .productsitem{
	padding-top:0;
	margin-top:0;
	margin-bottom:20px;
	width:100%;}	

#product-list .thumbnail .caption{
	font-size:12px;
	padding: 0;
}	
	
#products .pagination>li>span{
	font-size:10px;}	
}


 
/*重定分页*/
#product-list .thumbnail .caption:hover,#product-list .thumbnail .caption:hover span{color:#00a2e9;}
.pagination>li>span{
	color:#fff;
	background-color:#00a2e9;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff; background-color:#00a2e9;}
.pagination>li>a{
	color:#535353;
	background-color:#fff;
	border-color:#ddd;
}
/*-----------
产品详细
-----------*/
#product-cont{
	background-color:#f7f7f7;
	padding-bottom:0px;
}

.proviewjs{
	padding-left:2rem;

}
/*产品图片轮播内容*/		
/*下方缩略图*/


.proviewjs .gallery-thumbs {
	/*padding: 52px 0;*/
	margin-top:2rem;
	box-sizing: border-box;
	overflow: hidden;
	padding-left:2.6rem;
	
}


.proviewjs .gallery-thumbs .swiper-slide {
	border: 1px solid  #e7e1e1;
	box-sizing:border-box;
}

.proviewjs .gallery-thumbs .swiper-slide.active {
    border: 1px solid #00a2e9;
}

.proviewjs .gallery-thumbs .swiper-button-prev,.proviewjs .gallery-thumbs  .swiper-button-next{
	height:150%;
	top:0;
	background-color:#ccc;
	color:#666;
	cursor: pointer;
}
.proviewjs .gallery-thumbs .swiper-button-prev{
	left:0;
}
.proviewjs .gallery-thumbs  .swiper-button-next{
	right:0;
}
.proviewjs .gallery-thumbs .swiper-button-next:after, .proviewjs .gallery-thumbs .swiper-button-prev:after{
	font-size:20px;} 

/*产品图片轮播内容end*/	
.proviewgs{ padding-left:6rem;}
.proname strong{
	font-size:3rem;
	color:#1f1f1f;
	line-height:1.6em;
	text-transform:none;
	color:var(--web-theme-color);
}
.proname-cont  h3{
	font-size:1.6rem;
	color:#00a2e9;
	font-weight:bold;}
.proname-cont  h3 span{color:#525252;}	

.proviewmore{
	margin-top:6rem;
	background-color:#666;
	border-radius:30px;	
		padding:0.4em 4rem;
		text-align:center;
		display:inline-block;
		-webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
.proviewmore:hover{
	background-color:var(--web-theme-color-red);
	color:#fff;
}
.proviewmore:hover i{
	left:10px;} 

.proview-line{ width:80px; height:3px; background-color:#aba8a8; margin-top:6px;}	
@media (min-width: 1023px) and (max-width:1600px) {
	.proviewmore{
		margin-top:2rem;}
	.proname{
		margin:1rem 0;}
}
@media (max-width:768px){
	#product-cont  .row{ padding-bottom:2rem;}
	.proviewjs{
	padding-top:0rem;
	padding-left:0rem;
	padding-bottom:1rem;}
	.proviewgs{
		padding-left:15px;
	}
	.proviewmore{
		margin-top:2rem;}
	.proname{
		margin:1rem 0;}
}
/*------------
下面部分
------------*/
.promartoppos{
	 display: -webkit-flex; 
  display: flex;
 justify-content: center;
	border-bottom:1px solid #ccc;
	padding:1rem 0;
}
.promartop{
	margin-top:8rem;
	background-color:#999;
	}
.promartoptitle{
	flex:1;
	font-size:2rem;
	font-weight:normal;
	letter-spacing:1px;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	cursor:pointer;
	text-align:center;
	color:#fff;
	position:relative;
	border-radius:5px;
}
.promartoptitle .pro-tx{ position:absolute;
width:0px;
height:0px;
border-top: 3rem solid transparent;
border-left: 3rem solid transparent;
border-bottom: 3rem solid transparent;
right:0;
bottom:0;
color:#fff;}
.promartoptitle:hover{
	background-color:#666 !important;
	color:#fff;
}
.promartoptitle:nth-child(2){
	margin:0 5px;	
}
.nyjiacondetc{
	overflow:hidden;
	display:none;
}
.nyjiacondetc a{
	color:#333;
	position:relative;
	display:block;
	background-color:#f0f5f7;
	padding:1.6rem 0 1.6rem 5rem;
	background-image:url(../images/products/download.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:2rem auto;
}
.nyjiacondetc a:hover{
	text-decoration:underline;
}
.nyjiacondetc a:after{
	position:absolute;
	left:2rem;
	content:"";
	top:49%;
	width:6px;
	height:6px;
	background-color:var(--web-theme-color);
	color:#333;
	border-radius:6px;
	font-size:2rem;
	font-weight:bold;
}
.proviewbgny{
	overflow:hidden;
	color:#333;
	padding:3rem 0;
	background-color:#fff;
}

.proviewbgny h3{
	color:var(--web-theme-color-red);
	padding:15px 0;
	font-size:1.3em;
}
.proviewbgny p{
	line-height:25px;
	word-wrap: break-word;
    word-break: normal;
	}
.proviewbgny img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}

	
/*同一系列*/
#product-series{
	background-color:#f5f5f5; padding-top:6rem;
	text-align:center;
	} 
#product-series h1{
	text-align:center;
	color:#00a2e9;
	font-size:3rem;
	background-color:#fff;
	display:inline-block;
	border-radius:4rem;
	padding:1rem 4rem;
	border:#00a2e9 solid 1px;
  	}		 
#product-series p{
	text-align:center;
	color:#333;
	padding:0;
	font-size:1.6rem;
	font-weight:bold;

	text-transform:uppercase;}
#product-series p small{ display:block;}	
#product-series a:hover p{
  background-color:#1F5FA7;
  color:#fff;
} 
@media (max-width:767px){
	#product-series p small{font-size:1.2rem; white-space:nowrap; }
	#product-series .row{
		margin-top:6rem;}
	#product-series h2{
		margin-top:-66px;}	
}

/*服务与支持*/

/*----
服务
----*/
#service-support{
	background:url(../images/service/salebg.jpg) no-repeat center;
	background-size:cover;
	padding-top:6rem;
	padding-bottom:10rem;}
#service-support h1{ text-align:center; color:#1b1b1b;}	
#service-support h1 span:first-child{color:#00a2e9; }
#service-support h1 span:nth-child(2){color:#ff2323;}
.supportmore{
	display:block;
	width:12%;
	margin:0 auto;
	margin-top:4rem;
	white-space:nowrap;
	padding:0.6em 4rem;
	border-radius:25px;
	text-align:center;
	color:#666666;
	border:#070002 solid 1px;
}

.supportmore:hover{ background-color:#00a2e9; color:#fff; border:#00a2e9 solid 1px;}
#service-support .wrap-flex{
	justify-content: center;
	margin-top:8rem;
}
.support-cont{ text-align:center; flex:1; border-right:#e7e9e9 solid 1px;} 
.support-cont:last-child{ border-right:none;}
.support-cont h3{  padding-top:2rem; font-weight:bold;}
.support-cont p{ max-width:360px; margin:0 auto;}
@media (min-width: 780px) and (max-width:1400px) {
	.supportmore{
	display:block;
	width:18%;}
}
@media (max-width:767px){
	#service-support h1,#service-support h1 span{font-size:18px;}
	#service-support .wrap-flex{  flex-direction: column;}
	.support-cont{border-right:none;}
	.support-cont:nth-child(2){ margin:4rem 0;}
	.support-cont img{ width:10%;}
	.supportmore{
	display:block;
	width:26%;}
}
/*----
销售网络
----*/
#sale-network{ text-align:center;}
#sale-network h1 span{color:#00a2e9;}
#sale-network p{ max-width:728px; margin:0 auto;}
#sale-network img{ margin-top:4rem;}
@media (max-width:767px){
	#sale-network h1,#sale-network h1 span{ font-size:18px;}
	#sale-network p{ max-width:300px; margin:0 auto;}
}
/*------
产品应用
-------*/
#service-app{
	background-color:#8dd7f7;
	padding-top:6rem;
	padding-bottom:6rem;
	color:#fff;
	text-align:center;}
#service-app p{ max-width:700px; margin:0 auto;color:#fff;}	
#service-app h1{
	color:#fff;
}
/*下面轮播*/
#banner{
				margin-top:6rem;
				position:relative;
				padding-bottom:5rem;
}
#banner .swiper-slide{ 
width:40%;
overflow:hidden;
 background-color:#fff;
 margin:0 auto;
 }
#banner .swiper-slide img{ width:100%; overflow:hidden;  transition: all .5s ease-in-out;} 
#banner .swiper-slide:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
} 
#banner .swiper-slide span{ display:block;text-align:center; padding-top:1.5rem; padding-bottom:12px; color:#191919;}
.banner_page{
				margin: 0 auto;
				left: 0;
				right: 0;
			
}
#banner  .swiper-pagination-bullet{

	background-color:#333;}
	
@media (max-width:767px){
#service-app{
	padding-bottom:2rem;}
}
/*-----
产品定制
------*/
#service-custom{ padding-bottom:0;}
.custom-txt{ padding-top:10px;}
.custommore{
	display:inline-block;
	background-color:#E62129;
	margin-top:4rem;
	padding:0.6em 4rem;
	border-radius:25px;
	text-align:center;
	color:#fff;
} 
.custommore:hover{ background-color:#00a2e9; color:#fff;}
.custom-box{ border-top:#7f7f7f solid 1px;padding:0 15px; margin-top:6rem;}
.custom-cont{ max-width:1500px; margin:0 auto;}
.custom-cont .custom-info{ 
padding:4rem 0;
text-align:center;
color:#4b4b4b;
 border-left:#7f7f7f solid 1px;
 border-right:#7f7f7f solid 1px;
}
.custom-cont .info-mid{border-left:none;}
.custom-info h3{ font-weight:bold; line-height:1.8em;}
.custom-info h3 span{color:#00a2e9;}
@media (max-width:767px){
.custom-cont .info-mid{ border-left:#7f7f7f solid 1px;}
}
/*产品资料下载*/
.download-cont ul{
	padding-bottom:2rem 0;}
.download-cont li a{ color:#333; padding:1rem 2rem;}
.download-cont li a:hover,.tbactive{	
		background-color:#f0f5f7;
	color:#00a2e9;}
.download-cont strong a{color:#00a2e9;}
/*下面表格*/
.download-cont table{  margin-top:2rem;}
.download-cont table td{
		padding:1rem 4rem;
}
.download-cont table td:first-child{
	width:30%;
	
}
.download-cont table .first-top{
	background-color:#000;
	color:#fff;
}
.download-cont table .last-bottom:nth-child(odd){
	background-color:#f0f5f7;
	color:#333;
}
.download-cont .last-bottom td a{
	color:#333;	
}

.download-cont table td:nth-child(2),.download-cont table td:nth-child(3){}
/*产品视频*/
#pro-video a svg{
	position:absolute;
	left:40%;
	top:30%;
	display: -webkit-flex; 
  display: flex;
  justify-content: center;
  align-items: center;
}
#pro-video a  svg{ display:block; width:14%; margin:0 auto;}	
#pro-video a  .play-btn{
        opacity: 1;
        filter: alha(opacity=1);
    }
#pro-video a #play-button-circle,#pro-video a #play-button-triangle{
    fill: none;
    stroke:#8dd7f7;
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}	
#pro-video .col-sm-3{ margin-top:2rem;}
@media(max-width: 767px) {

}

/*新闻资讯*/

/*-----
新闻列表
------*/
#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:#049eff;
	border:#049eff solid 1px;
	}
#news  .col-md-8 .newsmore{
	float:none;
	background-color:#049eff;
	color:#fff;
}
#news  .col-md-8 .newsmore:hover{
	background-color:#E62129;
	border:#E62129 solid 1px;
}
#news .newsmore:hover{
	background-color:#049eff;
	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;
}
.SiteLink a{
	color:#00a2e9;
}
#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:#a0d9f7;
}





/*联系我们*/
#contact-details{ padding-bottom:4rem;}
#map,.contact-cont{flex:1;}
.contact-cont p span{ font-size:0.8em;}
.contact-yuan{ width:4rem; height:4rem; border-radius:50%; border:#828283 solid 3px; text-align:center; line-height:3rem; margin-top:1rem;}
.contact-cont .wrap-flex-1 i{ font-size:1.1em;}
.cont-w-last .contact-yuan{ line-height:3.5rem;}
.cont-w-last .contact-yuan i{ font-size:1.1em;}
@media(max-width: 767px) {
#contact-details .wrap-flex{
	  flex-direction: column;
	 }
#contact-details .contact-cont{ padding:0 15px; padding-top:4rem;}	 
}



/*----
地图
-----*/	

#allmap{
width:100%;
height:100%;
object-fit:cover;
}
#allmap h3{
	color:#333;
	text-align:left;
}
#map #allmap p:first-child{ margin-top:10px;}
#map #allmap p{
	line-height:1em !important;
}

#contact-details a:hover{
	color:#00a2e9;
}

#map_canvas{
	width:100%;
	height:350px;
	 border:#CCC solid 1px;
	 margin-top:5vh;
}
@media (max-width:767px){
	#contact-details{
		display:block;
	}
#allmap{
	height:36rem;

}
	
}



/*------
联系内容
------*/
.contact-cont{ background-color:#f5f5f7; padding:8rem; width:100%; overflow:hidden;}
.contact-cont h3{ text-transform:uppercase; color:#848485;}
.contact-cont h1{ 
padding-bottom:2rem; 
color:#00a2e9;
}
.contact-cont .wrap-flex-1{align-items:center; border-bottom:#dadadb solid 1px; padding-bottom:2rem;}
.cont-info{ margin-top:4rem;}
.cont-info p{ margin-left:1rem; line-height:1.4em; white-space:nowrap;}
.cont-info p a{ color:#333; white-space:nowrap;}
.cont-info p a:hover{color:#00a2e9;}
.contact-cont .cont-info .wrap-flex-2{ align-items: center; border-bottom:#dadadb solid 1px; padding-bottom:2rem;}
.contact-cont .cont-info .wrap-flex-2 .wrap-flex-1{ flex:0 0 auto;border-bottom:none;}
.contact-cont .cont-info .wrap-flex-2  .cont-first{  padding-right:4rem;  }
.contact-cont .cont-info .wrap-flex-2  .cont-last{ border-left:#dadadb solid 1px; padding-left:4rem;  }
.contact-cont .cont-info .cont-w-last{ border-bottom:none;}
.contact-cont .cont-info .wrap-flex-2  .cont-last-1{ visibility:hidden;}
@media (max-width:1200px){
.contact-cont .cont-info .wrap-flex-2  .cont-first{  padding-right:2rem;  }
.contact-cont .cont-info .wrap-flex-2  .cont-last{ border-left:#dadadb solid 1px; padding-left:2rem;  }
}
@media (max-width:767px){
	.contact-cont .cont-info .wrap-flex-1  img{ width:10%;}
	.contact-cont .cont-info .wrap-flex-2 .wrap-flex-1 img{ width:30%;}
	.contact-cont .cont-info .cont-w-last .wrap-flex-1 img{ width:18%;}
}


/*下方信息填写*/
.details-as{padding:6rem 0;}
.details-as  .col-sm-6{
	padding-bottom:3vh;
}

.details-as input{
	padding:20px 12px;
	color:#a3a6b4;
	background-color:#f7f7f7;
	border-radius:0;
}
.details-as .fmess{
	padding:20px 12px;
	color:#a3a6b4;
	background-color:#f7f7f7;
	border-radius:0;

}
.details-as .fbtn{
	text-align:center;
	padding-top:4vh;
	
	
}
#contact-details .fbtn .btn-default{
	padding:1rem 4rem;
	font-size:1.6rem;
	border-radius:30px;
}