body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}


:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}


input, button, textarea, select {
    *font-size: 100%;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
	text-decoration:none;
	 -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;
	
}
a:hover{
	text-decoration:none;
}

body{
	font-family:"微软雅黑", "宋体";
	font-size:16px;
}
html{
	font-size:14px;
	}
@media (min-width: 769px) and (max-width: 1400px) {
		
	body{
	font-size:12px;
	}
	html{
		font-size:8px;
		}
}
@media screen and (max-width: 768px) {
	body{
	font-size:10px;
}
	html{
	font-size:5.2px;
	}
}

	
#top{
	width:100%;
	background-color:#fff;
	padding:0;
}

.langguacenter img{
	max-width:200px;
	display:block;
	margin:0 auto;
}

#langgua{
	color: #30353e;
	padding:2em 0;
	}
.langgualeft{
	text-align:left;

}
.langgualeft ul{
	vertical-align:bottom;
}
.langgualeft ul li:first-child{
	color:#ed6d06;
	font-size:1.3em;
	font-weight:bold;
	}
.langguacenter{
	text-align:center;
}
.langguaright{
	padding-top:30px;
	text-align:right;
}
.navbar-default{background-color:#30355d; border-radius:0; border:none; margin-bottom:0px;}
.navbar-default .navbar-collapse{padding-right:0px;padding-left:0px; border:none; }
.nav>li>a{
	padding:1em 0;
	font-weight:bold;
}
.nav-justified>li.active>a:hover{color:#fff;background-color:#282d35}
.nav-justified>li>a{border-radius:0px; color:#fff;}
.nav-justified>li.active>a,.nav-justified>li.active>a:focus,.nav-justified>li.active>a:hover{color:#fff;background-color:#ed6d06}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#ed6d06;color:#fff;}
.navbar-default .nav-justified.open>a,.navbar-default .nav-justified>.open>a:focus,.navbar-default .nav-justified>.open>a:hover{color:#fff; background-color:#ed6d06;}
.dropdown-menu{
	background-color:#30355d;
	border-radius:0;
	overflow:hidden;
	width:100%;
	margin-top:0 !important;
	border:none;
}

.dropdown-menu>li>a{
	padding:1em;
	color:#fff;
}
.dropdown-menu>li{
	border-bottom:#282d4f solid 1px;
	
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff;text-decoration:none;background-color:#ed6d06;}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#ed6d06;outline:0}
.dropdown-menu>li:hover{
	color:#fff;
}




.navbar-toggle{
	background-color:#fff;
	border:none;
	margin-bottom:12px;
	margin-top:12px;
	
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#ed6d06;
}
.navbar-default .navbar-toggle:hover{
	background-color:#ccc;
}
.navbar-default .navbar-toggle:focus{
	background-color:#ccc;
}



@media only screen and (max-width: 767px) {
	.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{ display:inline;}
	.navbar-brand{float:left;font-size:20px;}
	.navbar-default .navbar-brand{color:#fff}
	.navbar-default .navbar-collapse{ background-color:#31353e;}
	.navbar-default .nav-pills>li>a{color:#fff;  text-align:left;}
	.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{ text-indent:2em;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#999;background-color:#444;}
	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:#999;}
	.navbar-brand{
		color:#ccc;
	}
	.navbar-brand a{
		color:#fff;
	}
	.navbar-brand a i{
		color:#999;
	}
	.navbar-brand a:hover{
		color:#fff;
	}
	.langguacenter img{
		max-width:120px;
	}

	}
	




footer{
	background-color:#1a1f45;

	}
footer .footleft p{
	color:#FFF;
	padding:20px 0;
	max-width:360px;
	line-height:2em;
	text-align:left;
	}
.footleft a{
	color:#fff;
}
.footleft a span{
	color:#e98332;
}
.footleft a:hover{
	color:rgba(255,255,255,0.7);
}
.footleft img{
	width:12em;
}
footer .wrap-flex{
	justify-content:space-between;
	padding:6rem 0;
}
footer .flex-con{
	flex:0 0 auto;
}

.footmid h5{
	color:#ed6d06;
	text-align:left;
    white-space:nowrap;}

.foot-line{
	width:30px;
	height:3px;
	background-color:#ff6501;
	margin:10px 0;
	}
.footmid ul{
	margin-top:1.5rem;
	}
.footmid ul li a{
	color:#FFF;
	display:block;
	text-decoration:none;
	padding:5px 0;
	}
.footmid ul li span{
	color:#ed6d06;
	}
.footmid ul li a:hover{
	color:#ed6d06;}
#copy{
	background-color:#151937;
	color:rgba(255,255,255,0.4);
	font-size:0.875em;
	text-align:center;
	}
#copy a{
	color:rgba(255,255,255,0.4);
}
#copy a:hover{
	color:rgba(255,255,255,0.8);
}

@media only screen and (max-width: 1023px){
	footer .wrap-flex{
		 flex-direction: column;
	}
	footer .flex-con{
		margin-top:2em;
	}
	 }


section{
		padding:4rem 0;
	}
	
.wrap-flex{
	 display: -webkit-flex; 
  	display: flex;
	}
		
.flex-con{
	flex:1;}
		
.mt2{
	margin-top:2rem;
	}
.mt3{
	margin-top:3rem;
	}
.mt4{
	margin-top:4rem;
	}
.mt5{
	margin-top:5rem ;
	}
.mt6{
	margin-top:6rem;
	}

.pd1{
	padding:1rem 0;}
.pd2{
	padding:2rem 0;}	
.pd3{
	padding:3rem 0;}
.pd4{
	padding:4rem 0;}
.pd5{
	padding:5rem 0;}
.pd6{
	padding:6rem 0;}
	
h1{
	font-size:3rem;
	text-align:center;
	font-weight:700;}
	

h2{
	font-size:2.25em;
	font-weight:700;}	
h3{
	font-size:1.125em;
	}
		
h5{
	font-size:1em;
	color:#ff6501;
	}											
h6{
	font-size:1.25em;
	font-weight:bolder;
}
p{
	line-height:1.8em;
}
#more{
	margin-top:2.5rem;
}
#more button{
	border:none;
	background-color: transparent;
	border-radius:0px;
}
#more .gengduo{
	width:9em;
	height:3.5em;
	background-color:#ed6d06;
	color:#FFF;	
	-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;
	font-size:1em;
}

#more .enter{
	width:4em;
	height:3.5em;
	background-color:#333;
	color:#fff;
	
}
#more a:hover .gengduo{
	  background-color:#333;
	  color:#fff;
}		
#more a:hover .enter{
	background-color:#ed6d06;
}


.adv3 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	text-align:center;
	background-size:cover;
	position:relative;
	z-index:1000000;
	
}
.topleft{
	background-image:url(../image/adbg.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.topright{
	background-image:url(../image/adbg0.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.topcenter{
	background-color:#ed6d06;
}
.advitem {
	flex: 1;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:4.2rem 0;
}
.advitem p {
	color: #fff;
	text-align: center;
}
.adv3 h1 {
	color: #fff;
	font-weight: bold;
}

#allseries{
	position:relative;
	margin-top:-12rem;
	z-index:1;
}

#allseries .adv{
	z-index:1;
}

#allseries p{
	color: #fff;
}
#allseries .row{
	width:100%;
	margin:0;
	padding:4.4em 0 1.4em 0;
	background-color:#30355d;
	position:relative;
	margin-top:-4rem;
	z-index:0;
}

#allseries h1 span{ font-size:0.75em; vertical-align:top;}
#allseries .row .col-xs-4{
	text-align:center;
	color:#FFF;
}
#allseries .row .col-xs-4 a{
	color:#eeeeee;
}
#allseries .row .col-xs-4 a:hover{
	color:#fff;
}
#allseries .row .col-xs-4:first-child{
	border-left:none;
}
	

#indexproduct{
padding-top:4rem;
text-align:center;
}
#indexproduct h3{
	padding:2rem 0;
	letter-spacing:10px;
	color:#999;
	} 
#indexproduct p{
	color:#333;}	
#indexproduct .swiper-container {
	width:100%;
	height:auto;
    }	
#indexproduct .swiper-slide {
	 	 position:relative;
		 text-align:center;
		 width:33.3%
    }	
#indexproduct .indexprobg{
	background-color:#f1f1f1;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50%;
	z-index:1;}		
.indexpro-f{
	padding-left:2rem;
	 padding-bottom:3rem;
	 position:relative;
	 z-index:8;
}
#indexproduct .swiper-slide:hover .indexprobg{
	background-color:#e98332;
}
#indexproduct .swiper-slide-active .indexprobg{
	background-color:#e98332;
}
#indexproduct .swiper-slide a .indexpro-title{font-size:1.3em;  font-weight:bold; color:#333; line-height:2.2em; text-align:left;}
#indexproduct .swiper-slide a p{ color:#333; text-align:left;}
.indexprotxt{
	display:inline-block;
	text-align:left;
}


#indexproduct .swiper-slide-active a p,#indexproduct .swiper-slide-active a li,#indexproduct .swiper-slide-active a .indexpro-title{
	color:#fff;
}
#indexproduct .swiper-slide-active a:hover,#indexproduct .swiper-slide-active a:hover .indexpro-title,#indexproduct a:hover li,#indexproduct a:hover p,#indexproduct a:hover .indexpro-title{color:#fff;}
@media only screen and (max-width: 767px) {
.swiper-button-next,.swiper-button-prev{
		display:none;
 }
 #indexproduct .indexprobg{ height:75%;}
 #indexproduct .swiper-slide{ width:50%;}  
}	
	


#indexabout{
	background-image:url(../image/indexa-b.jpg);
	background-repeat:no-repeat;
	background-position:center center;
    background-size:cover;
	padding-bottom:0;
	}
#indexabout .flex-con{
	padding-bottom:6rem;
}
#indexabout h5{
	color:#ed6d06;
	text-align:left;}	
	
#indexabout h1{
	color:#fff;
	margin-top:1rem;
	text-align:left;
	}
#indexabout p{
	line-height:2em;
	margin-top:2rem;
	color:#fff;
	text-align:left;
}
#about-all{
	color:#fff;
	}
#about-all .all-info,.all-img{
	margin-left:5px;}	
#about-all .all-info{
	border-right:3px dotted #ccc;
	padding:0 12px;}	
#about-all .info-title{
	font-size:1.8em;
	font-weight:600;
	text-indent:5px;}
#about-all .info-title span{
	font-size:0.75em;}	
#about-all  .all-info .info-wz{
	font-size:0.9em;}
.all-info1 .info-wz{
	font-size:0.9em;
	}
.all-img1,.all-info1{
	margin-left:1em;}
#indexabout .person{
	flex:1.2;
	position:relative;
	}
#indexabout .person img{
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
}
	


#indexabout #more{
	text-align:left;}
#indexabout.gengduo{
	background-color:#ed6d06;
	color: #fff;
}
#indexabout .enter{
	background-color:#fff;
	color: #30353e;
}
#indexabout button:hover.gengduo,#indexabout button:hover .enter{
		border-right:none;
	}
	
@media only screen and (max-width: 1023px) {
	#indexabout .container>.wrap-flex{
		 flex-direction: column;
	}
	#indexabout .person img{
		position:relative;
	}
}



#indexapp{
	text-align:center;
	 
	  }
#indexapp h1{
	padding:10px 0;}

#indexapp p{
	color:#666;
	padding:15px 0;}	
	
#indexapp .col-sm-3{
	padding-left:30px;}
	
.swiper-container1 {
      width: 100%;
	  height:auto;
	  position:relative;
	  overflow:hidden;
	  padding:3em 0;
    }
#indexapp .swiper-slide {
	   width:23.6%;
      text-align: center;
      
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  position:relative;
    }
@media only screen and (max-width: 1023px) {
	#indexapp .swiper-slide {
		width:48%;
	}
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #30355d;
}
#indexapp .swiper-slide:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size:1.25em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


#indexvideo{
	position:relative;
	text-align:center;
	background-color:#000;
	padding:0;
	}
.indexvideotop{
	width:100%;
	background-image: radial-gradient( rgba(100,100,100,0.6),rgba(0,0,0,1));
	padding:10rem 0;
	position:relative;
	z-index:3;
}
#indexvideo	p{
	color:#fff;}
#indexvideo	h1{
	padding:1rem 0;
	color:#e98332}
#indexvideo	a{
	background-color:#e98332;
	color:#FFF;
	padding:8px 2em;
	border-radius:5px;
	display:inline-block;
	margin-top:1em;
	}
#indexvideo	a:hover{
	background-color:#30355d;
}
.indexvide{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.indexvide #video1{
	margin-top:-22rem;
}
@media only screen and (max-width: 768px) {
	.indexvide{
		position:static;
		display:none !important;
	}
	#video1{
	margin-top:0;
	display:none !important;
}
	
}
@media only screen and (min-width: 768px) {
	#video{
		display:none !important;
	}
}


#nybanner{
	height:33rem;
	background-size:100% auto;
	background-position:left center;
	background-repeat:no-repeat;
	 display: -webkit-flex; 
	  display: flex;
	  font-size:3em;
	  font-weight:900;
	  color:#fff;
    justify-content:center;
	align-items:center;
	text-transform:uppercase;
}

#nyabbanner{
	height:48rem;
	background-size:100% auto;
	background-position:left center;
	background-repeat:no-repeat;
	 display: -webkit-flex; 
	  display: flex;
	     font-size:3em;
	  font-weight:900;
	  color:#fff;
    justify-content:center;
	align-items:center;
	text-transform:uppercase;
	}
.nyabbaner{
	background-color:#000;
	text-align:center;
	color:#fff;
	position:relative;
	overflow:hidden;
	padding:0;
	}	
.aboutvideo{
	width:100%;
	padding:18rem 0;
	background-image:radial-gradient( rgba(48,53,93,0.2),rgba(48,53,93,1));
	position:relative;
	z-index:5;
	font-size:0.8em;
}
#video1{
	position:absolute;
	left:0;
	top:-5em;
}
@media (max-width:768px){
	#nybanner{
		height:200px;
		background-size:cover;
		background-repeat:no-repeat;
		font-size:2.4em;
	}
	#nyabbanner{
		height:198px;
		background-size:cover;
		background-repeat:no-repeat;
		font-size:1.25em;
		}

	.aboutvideo{
		padding:20rem 0;
	}
#video1{
	top:-2em;}
}
@media (min-width: 1023px) and (max-width:1440px){
		.aboutvideo{
		padding:40rem 0;
	}
}

.nyprobannerimg{
	background-image:url(../image/pro-bar.jpg);
}

.nyabbannerimg{
	background-image:url(../image/ab-bar.jpg);
}

.nyappbannerimg{
	background-image:url(../image/app-bar.jpg);
	}	
.nyvdbannerimg{
	background-image:url(../image/video-bar.jpg);
	}	
.nynewbannerimg{
	background-image:url(../image/video-bar.jpg);
	}
.nyserbannerimg{
	background-image:url(../image/ser-bar.jpg);
	}
.nycontbannerimg{
	background-image:url(../image/cont-bar.jpg);
	}
	


#aboutmq{
	text-align:center;
	}

#aboutmq h1{
	color:#333;
	padding-bottom:1em;
	}	
.mq-s-title{
	font-size:1.5em;
	color:#ed6d06;
	font-weight:400;
	padding:1rem 0;
	}	
#aboutmq p{
	color:#666;
	text-align:left;
	font-weight:300;
	padding:5px 0;
	text-indent:2rem;}
	
	

	
#abouticon{
	background-image:url(../image/aboutbg-3.jpg);
		text-align:center;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
		padding:8rem 0;
		background-position:top center;
	}
#abouticon .aboutbg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(45,49,84,.9);
	}
#abouticon h2,p{
	color:#fff;}	
		
	 
#aboutadv h2,p{
	text-align:center;}	
#aboutadv p{
	font-size:0.875em;
	color:#666;
	padding:1rem 0;
	}	
#aboutadv span{
	display:inline-block;
	font-size:0.875em;
	color:#666;
	font-weight:300;
	text-align:left;
	white-space:pre-line;
	}	
#aboutadv h3{
	font-size:1.1em;
	font-weight:600;
	text-align:left;
	padding:1rem 0;
	}	
@media (max-width:768px){
	#aboutadv .col-sm-4{
		margin-top:1.3em;}
	}
		
	
#products{
	background:url(../image/bg.svg) center center no-repeat;
	background-size:cover;
	background-color:#e6e9ea;}
#products p{
	max-width:1000px;
	font-size:1.1em;
	text-align:left;
}
@media (min-width: 1600px){	
	#products .col-md-8{
	padding-left:14rem;
}
}
@media (min-width: 1200px) and (max-width: 1599px) {	
	#products .col-md-8{
	padding-left:10rem;
}
}
@media (max-width: 1200px){	
	#products {
	background:none;
	background-color:#30355d; 
	}

}
.product-white h2,.product-gray h2{
	font-size:1.5em;
	margin-top:3vw;
	color:#ed6d06;
}

.product-white h3,.product-gray h3{
	font-size:3.5rem;
	padding:1rem 0;
}
.product-white ul,.product-gray ul{
	margin-top:1em;
}
.product-white li,.product-gray li{
	padding-top:1.5em;
	line-height:1.5em;
}
.product-gray{
	background-color:#e6e9ea; 
}


.promorewhite{
	display: -webkit-flex; 
  display: flex;
  width:16rem;
  min-width:120px;
  text-align:center;
  margin-top:2vw;
  color:#fff;
	}
.promorewhite:hover{
	 color:#fff;
}
.promorewhite:hover .txt-line{
	width:100%;
	}
	
.txt-a{
	position:relative;
	background-color:#ef8641;
	padding:8px 0;
	flex:3;
	}
.txt-i{
	flex:1;
	text-align:center;
	padding:8px 0;
	background-color:#333;
	color:#fff;
	
}
.txt-a span{
	position:relative;
	z-index:2;
}
.txt-line{
	position:absolute;
	right:0;
	z-index:1;
	top:0;
	width:0;
	height:100%;
	background-color:#333;
 transition: .5s ease;
	}	

.txt-i i{
	left:0;
	position:relative;
	transition: .2s ease-in-out;
}
.promorewhite:hover i{
	left:5px;
	}


	.dcnn{
				display: block;
				width:20rem;
				padding:1.2rem 0;
				background-color:#ef8641;
				text-decoration: none;
				color: #fff;
				font-weight: bolder;
				text-align:center;
				box-sizing: border-box;
				
				
				-ms-box-sizing: border-box;
				
				-webkit-box-sizing: border-box;
				
				-moz-box-sizing: border-box;
				
				
				transition: all 0.3s linear;
				position: relative;
				overflow: hidden;
				 margin-top:2vw;
}
.dcnn i{
	left:0;
	position:relative;
	transition: .2s ease-in-out;
	animation: hand-anim1 1s linear infinite;
}

@keyframes hand-anim1 {
				0% {
					left: -60px;
				}
				50%,
				100% {
					left: 0;
				}
			}

			.dcnn:hover {
				background: #ef8641;
				color: #fff;
				border-radius: 5px;
				box-shadow: 0 0 5px #ef8641, 0 0 25px #ef8641, 0 0 50px #ef8641, 0 0 100px #ef8641;
				background-position: 20px center;
			}
			
			.dcnn span {
				position: absolute;
				display: block
			}
			
			.dcnn span:nth-child(1) {
				top: 0;
				left: -100%;
				width: 100%;
				height: 2px;
				background: linear-gradient(90deg, transparent, #fff);
				animation: btn-anim1 1s linear infinite;
			}
			
			@keyframes btn-anim1 {
				0% {
					left: -100%;
				}
				50%,
				100% {
					left: 100%;
				}
			}
			
			.dcnn span:nth-child(2) {
				top: -100%;
				right: 0;
				width: 2px;
				height: 100%;
				background: linear-gradient(180deg, transparent, #fff);
				animation: btn-anim2 1s linear infinite;
				animation-delay: .25s
			}
			
			@keyframes btn-anim2 {
				0% {
					top: -100%;
				}
				50%,
				100% {
					top: 100%;
				}
			}
			
			.dcnn span:nth-child(3) {
				bottom: 0;
				right: -100%;
				width: 100%;
				height: 2px;
				background: linear-gradient(270deg, transparent, #fff);
				animation: btn-anim3 1s linear infinite;
				animation-delay: .5s
			}
			
			@keyframes btn-anim3 {
				0% {
					right: -100%;
				}
				50%,
				100% {
					right: 100%;
				}
			}
			
			.dcnn span:nth-child(4) {
				bottom: -100%;
				left: 0;
				width: 2px;
				height: 100%;
				background: linear-gradient(360deg, transparent, #fff);
				animation: btn-anim4 1s linear infinite;
				animation-delay: .75s
			}
			
			@keyframes btn-anim4 {
				0% {
					bottom: -100%;
				}
				50%,
				100% {
					bottom: 100%;
				}
			}
.promorewhite:hover{
	 color:#fff;
}
.promorewhite:hover .txt-line{
	width:100%;
	}
	
.txt-a{
	position:relative;
	background-color:#ef8641;
	padding:8px 0;
	flex:3;
	}
.txt-i{
	flex:1;
	text-align:center;
	padding:8px 0;
	background-color:#333;
	color:#fff;
	
}
.txt-a span{
	position:relative;
	z-index:2;
}
.txt-line{
	position:absolute;
	right:0;
	z-index:1;
	top:0;
	width:0;
	height:100%;
	background-color:#333;
 transition: .5s ease;
	}	

.txt-i i{
	left:0;
	position:relative;
	transition: .2s ease-in-out;
}
.promorewhite:hover i{
	left:5px;
	}


.proviewtitle{
	width:100%;
	overflow:hidden;
	 display: -webkit-flex; 
  display: flex;
  font-size:3.2rem;
  line-height:1em;
  font-weight:700;
   position:relative;
}
.proviewtitleleft{
	flex:0 0 36rem;
	position:relative;
	overflow:hidden;
	text-indent:1em;
	font-style:italic;
	}
.proviewtitleright{
	flex:1;
	background-color:#000;
	 -webkit-transform: skew(-30deg);
	 -moz-transform: skew(-30deg);
	 -o-transform:skew(-30deg);
	 -ms-transform:skew(-30deg);
	
}
.proviewtitlecolor{
	position:absolute;
	 right:0;
top:0;
width:1rem;
height:100%;
background-color:#000;
}
.proviewtitlecolor1{
	position:absolute;
	 left:0;
top:0;
width:1rem;
height:100%;
background-color:#f08437;
}
.proviewtitjx{
	flex:0 0 2rem;
	background-color:#ef8641;
	 transform:skew(-30deg);
	 -webkit-transform: skew(-30deg);
	 -moz-transform: skew(-30deg);
	 -o-transform:skew(-30deg);
	 -ms-transform:skew(-30deg); 
}
.proviewtitjx2{
	flex:0 0 1rem;
	background-color:transparent;
	 transform:skew(-30deg);
	 -webkit-transform: skew(-30deg);
	 -moz-transform: skew(-30deg);
	 -o-transform:skew(-30deg);
	 -ms-transform:skew(-30deg); 
}

.protitlelayer1{
	width:100%;
	height:100%;
	display:block;
}
#proviesbg{
	background-color:#fff;
	margin:0;
}
.pronamet{
	font-size:3rem;
	color:#f08437;
	font-weight:bold;
}
.pronameb{
	font-size:1.5em;
	color:#666;
	font-weight:400;
	line-height:1.3em;
	margin-bottom:1vw;
	padding-bottom:10px;
	border-bottom:#aaa solid 1px;
}
.proviewgs p{
	word-wrap: break-word;
    word-break: normal;
	line-height:1.5em;
	color:#666;
	}
.proviewgs img{
	width:100% !important;
	height:auto !important;
}
.proviewgs h3{
	padding:10px 0;
	font-size:20px;
	color:#535353;
	font-weight:bold;
	margin-top:1vw;
	
}
.proviewgs p strong{
	font-weight:bold;
}
.promartop{
	background-color:#000;
	border-bottom:#c1c1c1 solid 1px;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	}
.promartoppos{
	 display: -webkit-flex; 
  display: flex;
}
.promartoptitle{
	padding:20px 0;
	text-align:center;
	text-indent:0;
	flex:1;
	cursor:pointer;
}
.promartoptitle:hover{
	background-color:#ed6d06;
}


.nyjiacondetc{
	overflow:hidden;
	overflow-x: scroll;
	display:none;
	padding-bottom:3rem;
}

.proviewbgny{
	overflow:hidden;
	color:#333;
	background-color:#fff;
	padding-top:10px;
}
.proviewbgny h3{
	color:#000;
	font-weight:normal;
	font-size:2rem;
	margin-top:2vw;
	margin-bottom:1vw;
	text-transform:capitalize;
	border:#ccc solid 1px;
	border-radius:20px;
	display:inline-block;
	padding:5px 3rem;
	background-color:#f8f8f8;
}

.proviewbgny h2{
	color:#ef8641;
	font-size:2rem;
	margin-top:1vw;
	
}
.proviewbgny p{
	line-height:1.5em;
	word-wrap: break-word;
    word-break: normal;
	margin-top:10px;
	text-align:left;
	color:#333;
	}

.proviewbgny img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}
.proviewbgny table{
	width:100%;
	max-width:1200px;
}



.proviewbgny table td{
	padding:5px 10px;
	text-align:center;
	
}
.nyjiacondetc tr:nth-child(1){
	padding:1em 0;
	font-size:1.2em;
	color:#fff;
	background-color:#808285;
	font-weight:bold;
}
.specialtalbe{
	  background-color:#888 !important;
  color:#fff !important;
  font-weight:bold !important;
}
#proothers{
	background-color:#e6e9ea;
}
.thumbnail{
	background-color:transparent;
	border:none;
}
 .thumbnail .img{
	border:#ddd solid 1px;
	border-radius:5px;
	overflow:hidden;
}
.thumbnail:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
     transform: scale3d(1.1, 1.1, 1);
}
.thumbnail:hover .img{
	border:#ef8641 solid 1px;
}
.thumbnail .img img{
	width:100%;
	transition:.5s ease;
}
.caption{
	line-height:1.4em;
}
.caption strong{
	font-weight:800;
	font-size:1.2em;
}
@media (max-width:1000px){
	
	.proviewbgny table{
		margin:0;
	}
	.proviewbgny table td{
	padding:0px 0px;
}
}
@media (max-width:768px){
	
	.proname{
		line-height:1.5em;
	}
}

#products .page-header{
	margin-top:-10em;
	}



.thumbnail{
	background-color:transparent;
	border:none;
}
 .thumbnail .img{
	border:#ddd solid 1px;
	border-radius:5px;
	overflow:hidden;
}
.thumbnail:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
}
.thumbnail:hover .img{
	border:#ef8641 solid 1px;
}
.thumbnail .img img{
	width:100%;
	transition: all .3s ease-in-out;
}
.caption{
	line-height:1.4em;
}
.caption strong{
	font-weight:800;
	font-size:1.2em;
}			
	

#application{
	text-align:center;}	
#application p{
	font-size:0.875em;
	color:#666;
	padding:1rem 0;
	}
#application .col-sm-3{
	margin:1rem 0;}
.appimg{
	display:block;
	width:100%;
	height:auto;}	
.appoverlay {
  background-color:#ed6d06;
  overflow: hidden;
  width: 100%;
  transition: .5s ease;
}



.apptext {
  white-space: nowrap; 
  color:white;
  overflow: hidden;
}	
@media (max-width:768px){
	#application .app-more a{
		padding:5px 15px;
		}
#application .col-sm-3{
	margin:0.4em 0;}
	}	

#news-cont{
	background-color:#e6e9ea;
	}
#news-cont .row{
	padding:2rem 1rem;
	background-color:#fff;

	}

#news-cont span{
	display:block;
	padding:0.3rem 0;
	color:#ccc;
}		
#news-cont p{
	font-size:0.875em;
	color:#666;
	white-space:pre-line;
	text-align:left;
	}
#news-cont #more{
	margin:3rem 0;}
#news-cont .enter{
	background-color:#30353e;
	color:#fff;
	}
	
@media only screen and (max-width: 768px) {
	#news-cont #more{
	margin:3rem 0;
	padding:0;
	}
	}	
	


.newtitle h4{
	font-size:1.25em;
	font-weight:bold;
	padding:0.5rem 0;
}

.newtitle p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow:ellipsis;
	margin-top:30px;
	color:#666;
}

.newitem .row{
	margin-bottom:4rem;
	padding:30px;
	border-bottom:#f1f1f1 solid 1px;
}
@media (max-width:768px){
	.newitem .row{
	padding:10px;
	}
	.newpic{
		margin-bottom:20px;
	}
}

.sortname{
	color:#999;
}

.newsview img{
	width:100%;
	max-width:100%;
	width:auto!important;
	display:block;
	margin:0 auto;
}
.newsview  h2,.newsview-name{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#333;
}
.newsview-name{
	font-size:24px;
	}
.newsview-time{
	color:#787878;
	text-align:center;
	margin-bottom:40px;
}
.newsview-div{
	text-align:right;
}
.newsview-page{
	border-top:#CCC solid 3px;
}
.newsview h3{
	font-size:14px;
	font-weight:bold;
}
.newsview h1{
	font-size:20px;
	font-weight:bold;
}

.SiteLink p{
	color:#999;
	text-align:left;}

	

	
#service{
	text-align:center;
	}
.mapimg{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#application{
	text-align:center;}	
#service p{
	font-size:0.875em;
	color:#666;
	padding:1rem 0;	
	}
#service  h2{
	padding:1rem 0;}		
#service .ser-box{
		border:1px solid #666;
	border-radius:10px;
		padding:2rem 0;
			text-align:center;
	}	
#service h6{
	padding:0.7rem 0;}		
#service span{
	display:block;
	font-size:0.875em;
	color:#666;
	white-space:pre-line;
	}
	


#video-c{
	text-align:center;
	}
#video-c p{
	font-size:0.875em;
	color:#666;
	white-space:pre-line;	
	}
#video-c  h2{
	padding:1rem 0;}		
#video-c img{
	position:relative;
	}
#video-c .col-sm-3{
	margin:1rem 0;}	
.servideo{
	position:relative;
	cursor:pointer;
	width:85%;
	align-self:center;
	background-color:#333;
	border-radius:8px;
	margin:0 auto;
}
.servideo img{
	filter:alpha(opacity:60); opacity:0.6;  -moz-opacity:0.6;-khtml-opacity: 0.6;
}
.servideo1{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
z-index:10000;
color:#fff;
font-size:28px;
}
	
	

#contact-d{
	text-align:center;
	}
#contact-d h1{
	color:#333;
	}	
#contact-d p{
	color:#666;
	padding:1rem 0;
	}
#contact-d h5{
	color:#333;
	padding:1rem 0;
	font-weight:400;}
	
#contact-d img{
	width:9rem;
	max-width:100px;
	border-radius:50%;
	border:1px solid #ed6d06;
	background-color:transparent;
	padding:1.5rem;}	
		
#dtcontainer{
	flex:1;
	min-height:500px;
}
@media (max-width:1000px){
	#dtcontainer{
		min-height:300px;
	}

}
#productslist h1{
	text-align:left; 
}