@charset "utf-8";
/* CSS Document */

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;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    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%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}

body{
	line-height:1.5em;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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;
}
html,body{
	-webkit-text-size-adjust:none;
	width:100%;
	height:100%;
	}

 

body{
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	background-color:#FFF;
}
/*--------------导航内容区设置--------------*/

/*--------移动版导航--------------*/
.mobnav{
  background-color:#2c3951;
  z-index:1;
  display: -webkit-flex; 
  display: flex;
  display:none;
   
}
@media (max-width:1023px){
	.mobnav{
		 display: -webkit-flex; 
  display: flex;
	}
	
}
@media (max-width:768px){
	body{
		font-size:12px;
		
	}
	p{
		line-height:16px !important;
	}
}
.mobnav-con{
	flex:1;
	padding:10px 0;
}
.mobnav-con img{ width:60%;}
.mobnavleft{
	width:80px;
	padding:10px 20px;

}
.mobnavleft{
	font-size:36px;
	position:relative;
	color:#00a2e9;
}


.mobnavleft a:focus,.mobnavleft a:hover{
	text-decoration:none;
	background:none;
}
/*宽屏版电脑下拉菜单*/
.dropdown-menu{
	background-color:#232323;
	overflow:hidden;
	padding:0px;
	z-index:10000;
}
.dropdown-menu>li{
	border-bottom:#555 solid 1px;
	
}
.dropdown-menu>li>a{
	padding-top:8px;
	padding-bottom:8px;
	color:#fff;
}

.mobnavcenter{
	padding:10px 0;
}
.navtop {
	width:80px;
	padding:10px 20px 0px 20px;
	position:relative;
	display:inline-block;
	border:none
}
.btn-nav {
	position:relative;
	background:0 0;
	border:none;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;
	cursor:pointer;
	z-index:99999
}
.btn-nav:focus {
	outline:0
}

.icon-bar {
	display:block;
	margin:4px 0;
	width:24px;
	height:3px;
	background-color:#fff;
}
.btn-nav:hover .icon-bar {
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	background-color:#fff;
}
.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;
}

.item-anchor:after {
	content:"";
	position:absolute;
	width:3px;
	height:3px;
	left:0;
	bottom:0;
	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:30px;
	text-transform:uppercase;
	position:relative;
	text-decoration:none;
	padding:10px
}
.item-anchor:hover, .item-anchor:focus {
	color:#fff;
	-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:hover:after, .item-anchor:focus:after {
	width:100%;
	background:#fff;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}

.nav-item {
	margin:40px auto;
	text-align:center
}
.itemchil{
	color:#fff;
	display:block;
	padding-top:18px;
	font-size:20px;
}
@media (max-width:980px){
	.nav-item {
		margin:20px auto;
	}
	.item-anchor {
		font-size:20px;
	}

	
	.itemchil{
		font-size:16px;
	}
}
.itemchil i{
	font-size:14px;
}
.animated {
	display:block;
	margin:0 auto
}
.animated:hover .icon-bar, .animated:focus .icon-bar {
	background-color:#fff;
}
.animated:focus {
	cursor:pointer;
	z-index:9999
}
.middle {
	margin:0 auto
}
.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
}
.animated .icon-bar {
	z-index:999999;
	background-color:#fff
}
.animated .top {
	-webkit-transform:translateY(6px) rotateZ(45deg);
	-moz-transform:translateY(6px) rotateZ(45deg);
	-ms-transform:translateY(6px) rotateZ(45deg);
	-o-transform:translateY(6px) rotateZ(45deg);
	transform:translateY(6px) rotateZ(45deg)
}
.animated .bottom {
	-webkit-transform:translateY(-8px) rotateZ(-45deg);
	-moz-transform:translateY(-8px) rotateZ(-45deg);
	-ms-transform:translateY(-8px) rotateZ(-45deg);
	-o-transform:translateY(-8px) rotateZ(-45deg);
	transform:translateY(-8px) rotateZ(-45deg)
}
.animated .middle {
	width:0
}
@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;
}


/*--------移动版导航--------------*/
.wrap {
	width:100%;
	background-color:#fff;
	min-height:100%;
	padding-left:240px;
	position:relative;
	overflow:hidden;
}

@media (max-width:1023px){
	#nysearch,#search,#menu-nav,#nymenu-nav,.sidebar{
		display:none;
	}
	.wrap {
		padding-left:0px;
	}
}
.sidebar {
	position:fixed;
	top:0;
	z-index:12;
	height:100%;
	width:240px;
	color:#fff;
	background-color:#2c3951;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:0 bottom;
	
}
#leftbrand{
	width:100%;
	margin:0;
	padding:5vh 2vw;
}

.sidebar ul {
  margin-top: 10px;
}
.sidebar li {
  list-style: none;
 
  position: relative;
}
.sidebar ul li a{
	 padding: 8px 10px;
	padding-left:2vw;
	
	
}
.sidebar a{
  display:block;
  text-decoration: none;
  position: relative;
  z-index: 1000;
}
.sidebar .hover {
  display: block;
  position: absolute;
  width: 0%;
  height: 40px;
  top: 0px;
  left: 0px;
  background:rgba(0,0,0,0.3);
  z-index: 0;
  opacity: 0;
}
.topactive{
	 background:rgba(0,0,0,0.3);
}
.sidebar a:hover {
  color: #FFF;
}

.sidebar .sub-menu {
  position: absolute;
  left: 240px;
  top: -30px;
  padding: 0px;
  width: 240px;
  display: none;
  background-color:#0b3190;
}
.sidebar .sub-menu li a {
  font-size: 13px;
}
.sidebar .sub-menu i {
  left: 180px;
}
.sidebar ul li:hover ul {
  display: block;
}
.sidebar .push {
  margin-right: 10px;
}


#share{
	padding-top:10vh;
}
#share a{
	color:#fff;
	display:block;
	font-size:16px;
	padding:1vh 0 1vh 2vw;
}
#share a:hover{
	color:#81b432;
}
@media (max-width:1400px){
	#share a{
		display:inline-block;
	}
}
#nysearch,#search{
	position:absolute;
	right:20px;
	top:55px;
	z-index:15;
}
#search input{
	color:#fff;
}
#nysearch input{
	color:#333;
}
#nymenu-nav,#menu-nav{
	position:absolute;
	right:35px;
	top:40px;
	z-index:15;
	color:#81b432;
}
#nymenu-nav a,#nymenu-nav,#menu-nav a{
	color:#81b432;
}
#nymenu-nav a:hover{
	color:#333;
}
#nysearch .input-group,#search .input-group{
	max-width:200px;
	margin-top:10px;
}

#nysearch .form-control,#search .form-control{
	height:29px;
	border:none;
	border-radius:0px;
	border-bottom:#81b432 solid 1px;
	border-right:none;
	background-color:transparent;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:none;
	
}
#nysearch .form-control{
	border-bottom:#d1d1d1 solid 1px;
}
#search .form-control:focus{
	background-color:transparent;
	
}
#nysearch .form-control:focus{
	background-color:transparent;
	border-bottom:#999 solid 1px;
}
#nysearch  .btn-default,#search  .btn-default{
	border:none;
   background-color:transparent;
   color:#81b432;
}
#nysearch  .btn-default{
	color:#999;
}
#search .btn{
	padding:0px 8px;
	padding-top:10px;
}
#nysearch .btn:hover{
	color:#333;
}

/*--首页关于我们--*/
.wrap-flex{
  display: -webkit-flex; 
  display: flex;
}

#indexabout{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
}
#indexabout .wrap-flex{ padding:4rem 0;align-items: center;}
#indexabout .indexaboutcontent{
	background-image: linear-gradient(to left,rgba(19,87,159,.6) , rgba(39,161,199,.6),rgba(136,180,51,.6));
	
}
.about-right{ color:#fff; margin-left:4rem;} 
.about-right a{ color:#d6de4b;}
.about-right a:hover{color:#fff;}
@media only screen and (max-width: 1023px) {
	#indexabout .wrap-flex{  flex-direction: column; padding:15px; padding-bottom:2rem;align-items:flex-start ;}

	.about-right{ padding-top:2rem; margin:0;}
	#indexabout img{
		max-width:150px;
	}
}

/*--首页关于我们结束--*/
/*--公共--*/
.padleft{
	padding-left:6vw;
}

.mg10{
	margin-top:3vw;
}
.mt30{
	margin-top:6vw;
}

.pd30{
	padding:6vw;
}
.pd10{
	padding:3vw;
}

.pd5{
	padding:20px 0;
}
.pt5{
	padding-top:20px;
}
.pt10{
	padding-top:4vw;
}
.pdtop30{
	padding:6vw 20px 0px 20px;
}
@media (max-width:1023px){
	.pt10{
	padding-top:30px;
}
}
/*--首页产品列表--*/
#indexproducts{
	background-color: #f9f9f7;
	position:relative;
}
#indexproductsbg{
	background-color: #fff;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50%;
	z-index:10;
}
.indextitle{
	padding:20px;
	z-index:12;
	position:relative;
}
.indextitle h2{
	font-size: 44px;
	line-height: 48px;
	color: #484848;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
@media (max-width:768px){
	.indextitle h2{
		font-size: 20px;
		line-height:28px;
		font-weight:normal;
		margin-bottom:10px;
	}
}
.indextitle p{
	color: #555555;
	line-height: 18px;
	margin-top:20px;
	text-align:center;
	max-width:500px;
	margin:0 auto;
}
#indexpro-1{
	z-index:12;
	position:relative;
}
#indexpro-1 .owl-prev,
#indexpro-1 .owl-next{
	display:none !important;
}
/*--首页产品系列--*/
#sliderpro{

}
/*--首页产品结束--*/
/*--联系我们EMAIL--*/
#indexmemail{
	background-color: #fafafa;
}
#indexmemail .fmail{
	background-repeat: no-repeat;
	background-position:98% center;
	background-image:url(../images/f-mail.png);
	max-width:800px;
	margin:0 auto;
	padding:20px 12px;
	margin-top:1vw;
}
.fbtn{
	text-align:center;
}
.fbtn .btn-default{
	background-color:#555555;
	color:#fff;
	padding:12px 30px;
	font-size:16px;
	margin-top:1vw;
}
.fbtn .btn-default:hover{
	background-color: #0b3190;
}
@media (max-width:768px){
	.fbtn .btn-default{
		padding:5px 20px;
	}
}
/*--产品系列--*/

.indexapp1{
	background-color:#0b3190;
	position:relative;
	border-bottom:#81b432 solid 3px;
}
.indexapp1 img{
	display:none;
	width:100%;
	opacity:0.77;
filter:alpha(opacity=77); 
}
.apptitle{
	position:absolute;
	left:0px;
	bottom:0px;
	padding:6px 20px;
	background-image: linear-gradient(to right,rgba(19,87,159,.4) , rgba(39,161,199,.4),rgba(136,180,51,.4));
	width:100%;
}
 .indexapp1:hover  img{
	opacity:1;
filter:alpha(opacity=100); 
}
#indexapp .owl-prev,
#indexapp .owl-next{
	display:none !important;
}

#indexapp a{
	color:#fff;
	
	font-weight:bold;
	font-family:"Arial", sans-serif;
	font-size:16px;
}
#indexapp a:hover{
	color:#fff;
	color:#81b432;
}
	
/*--表格--*/


/*--底部代码--*/
#footer{
	background-color:#2c3951;
	 padding-top:0;
}
#footer .footerimg{ width:100%;}


#footer h2{
	color:#FFF;
	font-size:24px;
	margin-bottom:3vh;
	text-transform:uppercase;
	
}
#footer #contactdb{
	color:#bbc9ed;
	line-height:26px;
}
#footer #contactdb a{
	color:#bbc9ed;
}
#footer #contactdb a:hover{
	color:#81b432;
}
.kslj a{
	display:block;
	line-height:26px;
	color:#bbc9ed;
}
.kslj a:hover{
	color:#81b432;
}
#footer .list-inline li{
	vertical-align:text-top;
	max-width:350px;
	margin-bottom:30px;
}


#footer .list-inline li:first-child{
	margin-right:3vw;
}
#copyright{
	width:80%;
	border-top:#556a9f solid 2px;
	color:#748ac2;
	padding:10px 0;
	margin:0 auto;
	margin-top:3vw;
	text-align:center;
}
@media (max-width:1023px){
	#footer h2{
		font-size:20px;
	}
	#copyright{
		width:100%;
	}
	#footer .col-md-4{
	margin-top:30px;
}

}
/*--首页结束END--------------------------------------*/
/*--内页banner--*/
#nybanner{
	height:303px;
	background-color:#f5f5f5;
	background-size:auto 100%;
	background-position:left center;
	 display: -webkit-flex; 
  display: flex;
  font-size:40px;
  font-weight:900;
  color:#333;
    justify-content:center;
	align-items:center;
	text-transform:uppercase;
}
@media (max-width:1023px){
	#nybanner{
		height:200px;
		font-size:32px;
	}
}
@media (max-width:768px){
	#nybanner{
		height:120px;
		background-size:cover;
		background-repeat:no-repeat;
		font-size:20px;
	}
}
.nyaboutbanner{
	background-image:url(../images/about.jpg);
}
.nyprobanner{
	background-image:url(../images/product.jpg);
}
.nynewsbanner{
	background-image:url(../images/newsbanner.jpg);
}
.nyconbanner{
	background-image:url(../images/contact.jpg);
}

/*--内页开始proudcts--*/

#app .row, #nycon,.nycon{
	max-width:1400px;
	margin:0 auto;
}

#nycon{
	padding:4vw 2vw 5vw 2vw;
}
.nycon{
	padding:4vw 2vw 2vw 2vw;
}
#app{
	color:#787878;
	text-align:center;
	border-bottom:#d2d2d2 solid 1px;
	margin-bottom:30px;
	padding:20px 0;
	background-image: linear-gradient(to bottom, rgba(240,240,240,1), rgba(200,200,200,1));
}



#app .col-xs-4{
	position:relative;
}

.appline{
	position:absolute;
	right:0;
	top:10px;
	width:1px;
	height:50px;
	border-right:#CCC solid 1px;
}

#mobnav{
	 display: -webkit-flex; 
  display: flex;
  display:none;
  
}

@media (max-width:1023px){
	.proapp{
	display:none;
}
#mobnav{
	display: -webkit-flex; 
  display: flex;
}
}
.mobnav{
	flex:1;
	color:#fff;
	padding:10px 10px;
	cursor:pointer;
	 justify-content:center;
	 align-items:center;
}
.mobnavmenu{
	width:100%;
	background-color:#0063af;
	display:none;
}
.mobnavmenu a{
	display:block;
	padding:10px;
	text-align:center;
	border-bottom:#30357c solid 1px;
}
#pro-title h2{
	font-size:30px;
	font-weight:900;
	color:#81b432;
}
#pro-title strong{
	font-size:24px;
}
.product-item{
	margin-top:2vw;
}
.productsitem{
	background:none;
	padding:0;
	border:none;
    border-radius:0px;
	margin-bottom:40px;
	 -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	box-shadow: 0px -1px 13px 1px 
		rgba(0, 0, 0, 0.08);
	border: solid 1px #eeeeee;
	border-bottom:#81b432 solid 2px;

}
.productsitem:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
.thumbnail .caption{
	padding:9px;
	text-align:center;
	color:#333;
	}

.productsitem:hover .caption{
	background-color:#2c3951;
	color:#fff;
}
.productsitem:hover .caption strong{
	color:#5c7c49;
}
/*重定分页*/

.pagination>li>span{
	color:#fff;
	background-color:#81b432;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;
	background-color:#2c3951;border-color:#ddd;}
.pagination>li>a{
	color:#fff;
	background-color:#2c3951;
	border-color:#ddd;
}

/*产品详细*/


.proname{
	font-size:20px;
	color:#0b3190;
	line-height:24px;
	font-weight:normal;
	margin-bottom:20px;
}
.proname strong{
	font-weight:900;
	font-size:36px;
	color:#81b432;
}
.proviewgs p{
	line-height:20px;
    color:#333;
	margin-bottom:5px;
	word-wrap: break-word;
    word-break: normal;
	}
.proviewgs h3{
	padding:10px 0;
	font-size:20px;
	color:#0b3190;
	font-weight:700;
	
}

.promartoppos{
	 display: -webkit-flex; 
  display: flex;
}
.promartop{
	background-color:#e5e5e5;
	border-bottom:#c1c1c1 solid 1px;
	text-transform:uppercase;
	margin-top:6vh;
	font-size:16px;
	font-weight:bold;
	color:#666;
	}


.promartoptitle{
	flex:1;
	padding:20px;
	cursor:pointer;
	text-align:center;
	position:relative;
	border-left:#999 solid 1px;
}
.promartoptitle:hover{
	background-color:#0b3190;
	color:#fff;
}
.redline{
	left:0px;
	top:-3px;
	position:absolute;
	width:100%;
	border-top:#81b432 solid 3px;
	display:none;
}
.promartoptitle:hover .redline{
	display:block;
}


.nyjiacondetc{
	overflow:hidden;
	display:none;
	overflow-x: scroll;
}

.proviewbgny{
	overflow:hidden;
	color:#333;
	background-color:#fff;
	padding:6vh 20px;
}
.proviewbgny h3{
	color:#333;
	padding:15px 0;
	font-size:20px;
	
}

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

.proviewbgny table tr:nth-child(odd) {
  background-color:#F5F5F5;
}
.proviewbgny table tr:nth-child(even) {
  background-color:#fff;
}
.proviewbgny table tr:nth-child(1) {
  background-color:#888;
  color:#fff;
  font-weight:bold;
}
.proviewbgny table tr:nth-child(2) {
  background-color:#888;
  color:#fff;
  font-weight:bold;
}
.proviewbgny table td{
	padding:5px 10px;
	text-align:center;
	border:#CCC solid 1px;
}
.specialtalbe{
	  background-color:#888 !important;
  color:#fff !important;
  font-weight:bold !important;
}
#proothers{
	  margin-top:3vh;
	  width:100%;
	  border-bottom:#dcdddd solid 1px;
  }
  #proothersleft{
	  padding:0 0 20px 0;
	  border-bottom:#0055a4 solid 3px;
	  margin:0 auto;
	  max-width:300px;
	  text-align:center;
	  font-size:24px;
	  text-transform:uppercase;
	  color:#535353;
	  margin-bottom:-3px;
	  
  }
@media (max-width:1000px){
	
	.proviewbgny table{
		margin:0;
	}
	.proviewbgny table td{
	padding:0px 0px;
}
}

/*--关于我们--*/


#aboutnv{
	text-align:center;
	border-bottom:#c2c2c2 solid 1px;
	background-image: linear-gradient(to bottom, rgba(240,240,240,1), rgba(200,200,200,1));
}

#aboutnv a{
	display:block;
	color:#999;
	font-size:16px;
	padding:20px 0;
	font-weight:bold;
	
}

#aboutnv a:hover,.aboutcur{
	color:#333 !important;
}

#aboutnv .col-xs-4{
	position:relative;
}
#aboutnv .row{
	max-width:1400px;
	margin:0 auto;
}
.ny h4{
	font-size:24px;
	color:#333333;
	font-weight:900;
	text-transform:uppercase;
}
.about1 h6{
	font-size:18px;
	line-height:30px;
	color:#333;
}
.about1 h4{
		color:#333333;
}
.about1 h2{
	font-size:48px;
	max-width:600px;
		color:#333333;
	line-height:60px;
}

.about1 ul li{
	padding:5px 0;
	font-size:16px;
	color:#787878;
}
.about1 ul li span{
	color:#333;
	font-weight:700;
	
}



.about2 img{
	-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
}




.about2{
	padding:4vw 3vw;
background-image: linear-gradient(to left,rgba(19,87,159,.6) , rgba(39,161,199,.6),rgba(136,180,51,.6));
	position:relative;
}
.about2 .row{
	position:relative;
	z-index:20;
}

.about2 h4{
	text-align:center;
	font-size:32px;
	color:#fff;
}
.about2 #indexproductsbg{
	height:40%;
}

.about2 p{
	color:#fff;
	max-width:600px;
	margin:10px auto;
	text-align:center;
	
}
.about2app{
	padding-top:5vh;
}
.about2app p{
	margin-top:5px;
	text-align:center;
}
.about3{
	padding-right:3vw;
	padding-bottom:4vw;
	
}
.about3 h4{
	font-size:2rem;
	font-weight:normal;
	color:#3a3a3a;
}
.about3  .wrap-flex{align-items: center;}
.padleft-line{width:100%; height:2px; background-color:#3a3a3a;}
.padleft-img img{ margin-left:4rem;}
.about-list{
	display: -webkit-grid; 
  display: grid;
 grid-template-columns:repeat(3,1fr); 
 justify-content: space-between;
 grid-column-gap:20px;
 margin-top:4rem;
 text-align:left;
}
@media only screen and (max-width: 1023px) {
	.about3  .wrap-flex{ margin-top:4rem;}
	.about-list{
	display: -webkit-grid; 
  display: grid;
 grid-template-columns:1fr; 
  grid-row-gap:20px;

}
.about3-item p{ text-align:center;}
}
.about3-item{ background-color:#2c3951; padding:6rem;}
.about3-item p{ color:#fff;}
.about3-item h4{padding-top:2rem;font-size:2rem; text-align:left; line-height:1.4em;
/*background-image: linear-gradient(to right,rgba(19,87,159,1) , rgba(39,161,199,1),rgba(136,180,51,1));
 -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        color: transparent;*/
		color:#81b432;
}
.about3-item-line{ width:100%; height:1px; margin-top:2rem;background-image: linear-gradient(to right,rgba(19,87,159,.6) , rgba(39,161,199,.8),rgba(136,180,51,1));}

/*企业视频*/
#about-video{position:relative; padding-bottom:8rem;background-size:cover;}  

.indexabout-video a{
	display:block;
	width:100%;

	position:relative;
}
.indexabout-video img{
	width:100%;
}

#playbox{ 
position:absolute; 
left:0; 
top:0; 
	width:100%;
	 height:100%;
	display: -webkit-flex; 
 display: flex;
 background-color:rgba(0,0,0,0.5);
 justify-content:center;
align-items:center;
text-align:center;
color:var(--web-theme-color);}
.indexabout-video a:hover #playbox{
	background-color:rgba(0,0,0,0.2);
	color:#fff;
}
.indexabout-video a:hover .circle{
	display:none;
}
#playbox i{
	font-size:6rem;
}
.indexabout-video .circle{
    width: 100%;
    height: 90%;
    position: absolute;
	left:0;
	top:5%;
    border-radius: 100%;
    opacity: 0;
    background: rgba(255,255,255,0.6) ;
	z-index:-1;
}
.indexabout-video .circle{
    animation: circle-opacity 2s infinite;
}

@keyframes circle-opacity{
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(1.8);
    }
}

@media only screen and (max-width: 1023px) {
	
#about-video { padding-bottom:4rem;}	
#about-video .about-cont{
	 grid-template-columns:auto;
}
.indexabout-video a{
	margin-bottom:0px;
	margin-top:6rem
}


}

.aboutmore{
	display:block;
	width:180px;
	font-weight:bold;
	padding:10px 0;
	margin:4vw auto;
	border:#666 solid 1px;
	color:#fff;
	background-color:#333333;
	border-radius:5px;
	text-align:center;
	position:relative;
	z-index:12;
}
.aboutmore:hover,.aboutmore:focus{
border:#666 solid 1px;
	background-color:#666;
	color:#fff;
}
@media (min-width:1024px) and (max-width:1550px){
	.about1 h2{
		font-size:32px;
		line-height:36px;
	}
}
@media (max-width:1023px){
	#aboutnv a{
		padding:10px 0;
		height:36px;
		overflow:hidden;
		
	}
	#aboutnv{
		border-bottom:none;
	}
	#aboutnv .col-xs-6{
	border-bottom:#c2c2c2 solid 1px;
	}
	.about1{
		padding-right:20px;
		padding-bottom:10px;
	}
	.about1 .col-lg-5{
		margin-bottom:20px;
	}
	.about1 h2{
		font-size:24px;
		line-height:28px;
	}
	.about1 h4{
		font-size:18px;
}

}

@media (max-width:768px){
	.about2{
		padding-top:20px;
		padding-bottom:0px;
	}
	.about2 .col-xs-6{
		margin-bottom:15px;
	}
	.about1 h4{
		font-weight:700;
}
.about3 h4,	.about2 h4{
		font-size:24px;
		text-align:center;
}
.about1 ul li{
	padding:3px 0;
	font-size:14px;
}
.about3item{
	width:100%;
}

}
/*-----honor-----*/
.abouthonor{
	flex-grow:2;
	padding-bottom:20vh;
}
.abouthonorright{
	background-image:url(../images/honorcup.jpg);
	background-size:auto auto;
}
.honorimg{
	max-width:1200px;
	padding:0 20px 6vh 20px;
}
.honorimg .col-sm-3{
	margin-bottom:20px;
}
.honorimg .caption{
	text-align:center;
	padding:8px 0;
}
.honorimg img:hover{
	-webkit-box-shadow:0px 0px 20px #aaaaaa;  
    -moz-box-shadow:0px 0px 20px #aaaaaa;  
     box-shadow:0px 0px 20px #aaaaaa;
}
/*-----workshop-----*/

.workshop h5{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin-top:1em;
	color:#0b3190;
}
.workshop p{
	max-width:1200px;
	line-height:24px;
	margin-top:1em;
	border-bottom:#CCC dashed 1px;
	padding-bottom:12px;
	
}
.workshop img{
	border:#e1e1e1 solid 5px;
	margin-bottom:1vw;
}





/****新闻中心*****/
.newitem{
	border-bottom:#d5d5d5 solid 1px;
	padding-bottom:20px;
	padding-top:30px;
}


.newitem .col-md-3 a{
	display:block;
	background-color:#30357c;
}

.newitem img:hover{
	opacity:0.6;
    filter:alpha(opacity=60);
}
.newitem h3{
	font-size: 20px;
	font-weight:bold;
	-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; 
}
.newitem a:hover h3{
	color:#c9161e;
}
.newitem h4{
	padding:15px 0 10px 0;
	color: #828282;
	font-size:14px;
}
.newitem p{
	word-break:break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;
	color: #5f5f5f;
	padding-bottom:60px;
}
@media (max-width:1023px){
	.newitem .col-md-3{
			padding-bottom:30px;
		}
}
@media (max-width:768px){
		.newitem p{
			-webkit-line-clamp: 10;
		}
		
}
.more a{
	display:block;
	width:130px;
	border-radius:5px;
	padding:6px 0;
	color:#fff;
	background-color:#666;
	border:#81b432 solid 1px;
	text-align:center;
	text-decoration:none;
	font-size: 14px;
	margin-top:35px;
	}
.more a span{
	position:relative;
	left:0;
	-webkit-transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -ms-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out; 
}
.more a:hover span{
	left:10px;
}
.more a:hover{
	border:#c1c1c1 solid 1px;
	background-color:#333;
	color: #fff;
}

/***新闻详细***/
.newsview img{
	width:100%;
	max-width:100%;
	width:auto!important;
	height:auto!important;
	display:block;
	margin:0 auto;
}
.newsview  h2,.newsview-name{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	color:#333;
}
.newsview-name{
	margin-top:5vh;
	font-size:24px;
}


.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink h2{
	font-weight:bold;
	font-size:24px;
	font-family:"宋体";
}
.SiteLink h3{
	font-weight:bold;
	font-size:20px;
	font-family:"宋体";
}
.SiteLink p strong{
	font-weight:bold;
}
.newsview-time{
	color:#787878;
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
}
.newsline{
	border-bottom:#999 dashed 1px;
}
.newsview-div{
	text-align:right;
}

.newsview-page a{
	color:#333;
}
.newsview-page a:hover{
	color:#00a2e9;
}
.newsview h3{
	font-size:14px;
	font-weight:bold;
}
/*-----服务----*/
.service h2{
	font-weight:900;
	font-size:24px;
}
.service p{
	margin-top:1vw;
}
.service img{
	margin:0 auto;
	margin-top:1vw;
}
/*--目录下载-*/

.catalog{
	 flex-wrap:wrap;
	display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   dispiay:flex;
   margin-top:20px;
}
.catalog  .btn-default{
   background-image: linear-gradient(to top,#d0d0d0, #e4e4e4,#fbfbfb);
   border:#ababab solid 1px;
   font-weight:bold;
   padding:6px 15px;
   color:#555;
 
}
.catalog  .btn-default:hover{
	color:#000;
	  -moz-box-shadow:0px 0px 6px #666666;
    -webkit-box-shadow:0px 0px 6px #666666;
	box-shadow:0px 0px 6px #666666;/*-----水平位移，垂直位移，模糊半径------------*/
}
.catalog:first-child{
	 border-top:none;
}
.catalogitem,.catalogcon{
	flex:1;
	padding-top:15px;
	padding-bottom:15px;
	border:#d1d1d1 solid 1px;
	border-left:none;
	display: -webkit-flex;
  display: -ms-flexbox;
   display: flex;
   align-items:center;
   justify-content:center;
}
.catalogitembg{
	background-color:#2c3951;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.catalogcon{
	padding-left:20px;
	padding-right:20px;
}
.catalogcon{
	flex-grow:2;
}
@media (max-width:768px){
	.service h2{
	font-size:18px;
	font-weight:700;
}
	.catalog{
		display:block;
	}
	.catalogcon{
	 border-bottom:#CCC solid 1px;
	 border-top:#CCC solid 1px;
}
}
.catabor{
	border-top:#CCC solid 1px;
	background-color:#047e44;
	color:#fccf00;
	font-weight:bold;
	margin-top:30px;
}
.cataline{
	width:45px;
	background-color:#fdd100;
	height:5px;
	margin-bottom:30px;
}
/*--------*/
#contact{
	display:-webkit-box;
   display:-webkit-flex;
   display:-ms-flexbox;
   dispiay:flex;
   font-size:14px;
}
.contactleft{
	flex:1;
	padding-right:20px;
	padding-bottom:2vw;
}
.contactright{
	flex:1;
	flex-grow:2;
}
#contact h2{
	font-size:24px;
	font-weight:700;
	color:#0b3190;
}

#contact p{
	padding:15px 0;
}
#contact p i{
	color:#81b432;
}
#contact a{
	color:#333;
}
#contact a:hover{
	color:#0b3190;
}
#contact  li{
	font-weight:700;
	padding:8px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
#contact  li i{
	color:#81b432;
	
}
#container{
	flex:1;
	flex-grow:1.5;
	min-height:500px;
	border:#CCC solid 1px;
}
@media (max-width:1000px){
	#contact h2{
		font-size:18px;
	}
	#contact  li{
		font-weight:normal;
		font-size:14px;
	}
	#contact p{
	padding:10px 0;
}
	#contact{
		font-size:12px;
		 flex-direction:column;
	}
	#container{
		min-height:300px;
	}
	
}

.fontsaril{
	font-family:Arial, Helvetica, sans-serif;
}