@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;
	
}
a:hover{
	text-decoration:none;
}
html{
	-webkit-text-size-adjust:none;
	
	}

body{
	font-family:"微软雅黑", "宋体";
	font-size:14px;
	background-color:#FFF;
}



/*----------------------------------------*/
/*  2.  Header Section
/*----------------------------------------*/
.header-section {
  background: -webkit-linear-gradient(right,#f5f5f5,white);
		background: -o-linear-gradient(right,#f5f5f5,white);
		background: -moz-linear-gradient(right,#f5f5f5,white);
		background: -mos-linear-gradient(right,#f5f5f5,white);
		background: linear-gradient(right,red,#f5f5f5);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 9999999999; 
  padding: 15px 0;
  }






/*-- Header Logo --*/
.header-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .header-logo .logo {
    margin: auto; }



/*-- Header bottom --*/
.header-bottom {
	background-color:transparent;
	
	 }

/*-- Header Bottom Logo --*/
.header-bottom-logo {
  float: left; }
  .header-bottom-logo .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px; }
    .header-bottom-logo .logo img {
      width: 100%;
      height: 100%; }

/*-- Main Menu --*/
.main-menu {
	margin-right:80px;
  float: right;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .main-menu > ul > li:last-child {
      margin-right: 0; }
    .main-menu > ul > li > a {
      display: block;
      font-size: 14px;
      text-transform: uppercase;
      color: #787878;
      line-height: 30px;
      padding: 20px 0; }
	   .main-menu > ul > li:hover a, .main-menu > ul > li.active a {
      color: #d0121b;
	   }
     .main-menu > ul > li .sub-menu {
      position: absolute;
      top: 100%;
      margin-top: 20px;
      left: -20px;
      text-align: left;
	  text-indent:2em;
      background-color: #ffffff;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
      width: 220px;
      z-index: -99;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .main-menu > ul > li .sub-menu li a {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        color: #999;
        font-weight: 700;
		padding:12px 0px;
		border-bottom:#d1d1d1 solid 1px;
		 }
      .main-menu > ul > li .sub-menu li:hover a, .main-menu > ul > li .sub-menu li.active a {
        color: #fff;
		background-color:#d0121b;
		 }
    .main-menu > ul > li:hover .sub-menu {
      margin-top: 0;
      z-index: 99;
      visibility: visible;
      opacity: 1; }
   @media only screen and (max-width: 1100px) {
	   .main-menu {
		   margin-left:20px;
	   }
   }
     @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-menu > ul > li {
        margin-right: 30px; } }
    
  @media only screen and (max-width: 768px) {
	   .header-bottom-logo .logo {
		   width:160px;
	   }
    .main-menu {
      display: none !important; } 
	  }
  .main-menu > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-right: 44px;
    position: relative;
    /*-- Sub Menu -*/
    /*-- Sub Menu -*/ }
  
   

/*-- Mobile Menu --*/
.mean-push {
  display: none; 
  
  }

.mobile-menu {
  position: relative;
   }

 .mean-bar{float:left;width:100%;position:relative;background:transparent;padding:4px 0;min-height:22px;z-index:9999; height:30px; margin-top:-40px;}
  .mean-bar .meanmenu-reveal {
    top: 0px;
    padding: 0;
    height: 30px;
    overflow: hidden;
	 color:#666;
	
	}
    .mean-bar .meanmenu-reveal:hover {
		color:#d0121b;
      }
    .mean-bar .meanmenu-reveal i {
      font-size: 36px !important;
      display: block;
      line-height: 30px;
      margin-top: -3px; }
    .mean-bar .meanmenu-reveal.meanclose i {
      font-size: 30px !important;
      margin-top: 0; }

/*-- Mean Nav --*/
.mean-nav {
  background:transparent;
  margin-top: -30px; }
  .mean-nav ul li.mean-last {
    padding-bottom: 10px; }
  .mean-nav ul li a {
    display: block;
    line-height: 24px;
    padding: 8px 0;
	background-color:#333;
    font-size: 12px;
	color:#fff;
     }
    .mean-nav ul li a:hover {
      color: #d0121b;
	  font-weight:bold;
	   }
    .mean-nav ul li a.mean-expand {
      width: 30px;
      top: 0;
      padding: 0 !important;
      border: none !important;
      right: 0;
      height: 42px;
      text-align: center;
      line-height: 42px;
      font-size: 20px !important; }
  .mean-nav ul li:hover > a{
    color: #fff;
	 }
	 .mean-nav ul li.active > a {
    color: #d1292e;
	
	 }
  .mean-nav ul li ul li a {
    padding: 8px 0;
    padding-left: 15px;
    border-top: 1px solid #999;
	background-color:#d0121b;
    opacity: 1; }
  .mean-nav ul li ul li ul li a {
    padding-left: 30px; }


/*-- Header yuyan --*/
.headerlang{
	position:absolute;
	right:30px;
	top:30%;
}
.headerlang a{
	font-size:14px;
	color:#fff;
	width:40px;
	height:40px;
	padding:7px;
	background-color:#d0121b;
	border-radius:18px;
}
.headerlang a:hover{
	color:#333;
}
/*-- Header Search --*/
.header-search {
  float: right;
  position: relative;
  z-index: 99999;
  margin-top:10px;
  padding-top:10px;
   }
/*-- Search Toggle --*/
.search-toggle {
  padding: 10px 0;
  float: right;
  background-color: transparent;
  border: none;
  color: #787878;
  cursor: pointer;
   }

 
  .search-toggle i {
    font-size: 20px;
    line-height: 20px; }
	 .search-toggle:hover {
    color: #d0121b;
	font-size:18px;
	}

/*-- Header Search Form --*/
.header-search-form {
  background-color: #ffffff;
  position: absolute;
  border: 1px solid #eeeeee;
  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: 999;
    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;
      background-color: transparent;
      cursor: pointer; }
      .header-search-form form button:hover {
        color: #d0121b; }
    .header-search-form form button i {
      font-size: 20px;
      display: block;
      line-height: 40px; }

  @media only screen and (max-width: 990px) {
	   .header-section {
padding: 8px 0;

}
	   .header-search {
  margin-right:40px;
  margin-top:35px;
  	 padding: 0px;
	   }
    .search-toggle {
		padding-right:10px;
		
	  } }
      @media only screen and (max-width: 767px) {
        .header-search-form form input {
          width: 200px; } }

 



/*底部*/
/*--footer---*/
.footer{
	background-color:#000;
	padding:20px 0;
	color:#666;
}
.footer a{
	color:#a1a1a1;
}
.conlink{
	text-align:right;
}
.conlink a:hover{
	color:#999;
}
/**底部**/
.dibu{
	background-color: #383838;
	line-height:2.2em;
	padding:3vw 0;
}    
.dibu ul{
	color: #909090;
}
.dibu a{
	color: #909090;
}
.dibu  .wrap-flex{
  display: -webkit-flex; 
  display: flex;
  justify-content: space-between;
}
.dibu  .flex-con{
	flex:0 0 auto;
}

.dibu a:hover{
	color: #d1292e;
}
.dibu .jiacu{
	font-weight:bold;
	font-size:17px;
	padding-bottom:1.5vw;
	position:relative;
	color: #cdcdcd;
}
.dibu img{
	margin-bottom:1vw;
}
.dibuline{
	 display: -webkit-flex; 
  display: flex;
  position:absolute;
  left:0;
  bottom:1vw;
  align-items:center;
}
.dibulineleft{
	background-color:#d1292e;
	width:1em;
	height:3px;
}
.dibulineright{
	width:3em;
	height:1px;
	background-color:#666;
}
@media only screen and (max-width: 767px) {
	.wrap-flex{
    flex-direction:column;
  justify-content: flex-start;
}
.dibu .jiacu{
	padding-bottom:10px;
}
.dibu .flex-con{
	margin-top:20px;
}
}
.dibu h2{
	color:#cdcdcd;
	margin-top:1em;
}



/*--首页产品特点--*/
.commendpro{
	background-color:#f3f2f2;
}

.commendprotitle{
	background-image: linear-gradient(#2a2828, #424948);
	text-align:center;
}
.commendprotitle a{
	display:block;
	color:#a1a1a1;
	padding:20px 0;
}
.wrap-flex{
	display: -webkit-flex; 
  display: flex;
}
.commendprotitle-left{
	background-color:#d1292e;
	flex:0 0 200px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:1vw 0;
}
.swiper-container5 {
	overflow:hidden;
    }
.swiper-container5 .swiper-slide{
        width: 20%;
    }

.commendprotitle a:hover{
	color:#d2d2d2;
}
.commendpro h1{
	color:#333;
	font-size:30px;
	text-align:left;
	letter-spacing:2px;
	line-height:36px;
	font-weight:bold;
}
.commendpro h2{
	text-align:center;
	font-size:18px;
	color:#666;
	text-align:left;
	line-height:30px;
}


#commendprogreen{
	position:relative;
	width:100%;
	overflow:hidden;
}
.swiper-container1 .swiper-slide{
        width: 33%;
    }
#commendprogreen .thumbnail{
	background-color:transparent;
	border:none;
	text-align:center;
	border-right:#e2e2e2 solid 1px;
}
@media only screen and (max-width: 767px) {
	.commendpro h1{
		font-size:22px;
		text-align:center;
		line-height:22px;
	}
	.commendpro h2{
		font-size:16px;
		text-align:center;
		line-height:30px;
	}
	.swiper-container1 .swiper-slide{
        width: 50%;
    }
	.swiper-container5 .swiper-slide{
		font-size:12px;
		padding:0 12px;
    }
}
#commendprogreen .thumbnail img{
	width:60%;	
	max-width:300px;
}

#commendprogreen h4{
	font-size:30px;
	text-align:center;
	font-weight:bold;
}
.commendprogray{
	padding-top:4vw;
}
@media screen and (max-width: 478px) {
	#commendprogreen h4{
		font-size:24px;
	}
}
#commendprogreen h6{
	text-align:center;
	color:#CCC;
}
#commendprogreen .swiper-slide a:hover h6{
	color:#999;
	}
#commendprogreen h5{
	font-size:20px;
	letter-spacing:5px;
	text-align:center;
}


/*简介*/

.indexbrief{
	width:100%;
	max-width:1920px;
	padding-top:5vw;
	margin:0 auto;
}

.indexbrief h1,.indexbrief h2{
	font-size:44px;
	font-weight:bold;
	color:#d0121b;
	text-transform:uppercase;
}
.indexbrief h2{
	font-size:32px;
	margin-bottom:3vw;
	border-bottom:#CCC solid 1px;
	padding-bottom:2vw;
}
@media only screen and (max-width: 767px) {
	.indexbrief h1{
		font-size:24px;

		line-height:24px;
	}
	.indexbrief h2{
		font-size:16px;
		line-height:30px;
	}
}
.indexbrief h2 span{
	font-weight:normal;
	color:#444b4a;
}
.indexbriefright  a{
	margin-top:6px;
	display:block;
	max-width:220px;
	border:#999 solid 1px;
	padding:10px 0;
	text-align:center;
	font-size:18px;
	color:#666;
	margin-top:3vw;
}
.indexbriefright a:hover{
	background-color:#d0121b;
	color:#fff;
}
.indexbriefright p{
	line-height:30px;
}

.indexvideo{
	position:relative;
	background-color:#444b4a;
	border:#eee solid 6px;
}

#indexvideocircle{
	width:70px;
	height:70px;
	line-height:65px;
	border-radius:60px;
	border:#FFF solid 3px;
	margin-bottom:15px;
}
.indexvideo a{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(68,74,74,0.6);
	left:0;
	top:0;
	display: -webkit-flex; 
 display: flex;
 justify-content:center;
align-items:center;
color:#FFF;
text-align:center;
 flex-direction:column;
 z-index:3;
	}
.indexvideo a:hover{
	background-color:rgba(68,74,74,0.8);
}
.indexvideo a:hover #indexvideocircle{
	border:#e62129 solid 3px;
	color:#e62129;
}
	.indexvideo a i{
		font-size:50px;
	}
/*------------------*/


/*--首页行业应用--*/
#indexindus{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	padding-top:5vw;
}

#indexnews h1,#indexnews h2,#indexindus h1,#indexindus h2{
	font-size:60px;
	font-weight:bold;
	color:#ececec;
	text-transform:uppercase;
}

#indexnews h2,#indexindus h2{
	font-size:36px;
	padding-bottom:60px;
}

#indexindus .col-sm-3 a{
	display:block;
	background-color:#000;
	max-width:326px;
	position:relative;
}
#indexindus .col-sm-3 img{
 -webkit-filter: grayscale(60%);   
  -moz-filter: grayscale(60%);  
   -ms-filter: grayscale(60%);   
  -o-filter: grayscale(60%);     
     filter: grayscale(60%); 	     
    filter: gray;
	 -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
}

#indexindus .col-sm-3:hover img{
	 -webkit-filter: grayscale(0%);   
  -moz-filter: grayscale(0%);  
   -ms-filter: grayscale(0%);   
  -o-filter: grayscale(0%);     
     filter: grayscale(0%);
	 opacity:0.3;
  filter:alpha(opacity=30);
  
}
.indexinduswz{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:20%;
	border-top:rgba(210,41,46,0.4) solid 2px;
	color:#FFF;
	display:flex;
	align-items:center;
	justify-content: center;
	z-index:2;
	background-color:rgba(68,75,74,0.8);
	-webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
}
#indexindus .col-sm-3:hover .indexinduswz{
	height:100%;
}
.indexinduswz p{
	text-align:center;
}
.indexinduswz p i{
	font-size:36px;
}
.indexinduswz p span{
	display:none;
}
#indexindus .col-sm-3:hover span{
	display:block;
	color:#d2292e;
}

/*首页新闻*/
#indexnews{
	width:100%;
	padding-top:5vw;
	padding-bottom:3vw;
}
#indexnews .col-md-4 img:hover{
	opacity:0.8;
filter:alpha(opacity=80); 
}


#indexnews h4{
	color:#333;
	font-size:18px;
	font-weight:bold;
}

#indexnews .indnewstime{
	color:#CCC;
	font-size:12px;
}
#indexnews p{
	color:#999;
	word-wrap: break-word; 
word-break: normal;
margin-top:10px;
}
#indexnews .col-md-8 a:hover p{
	color:#333;
}
#indexnews .col-md-8 a:hover h4{
	color:#d1292e;
}
#indexnews .col-md-8 a{
	display:inline-block;
	width:45%;
	margin-left:2%;
	margin-top:15px;
	margin-bottom:15px;
	border-bottom:#CCC solid 1px;
	padding-bottom:20px;
}
@media screen and (max-width: 768px) {
	html,body{
		font-size:12px;
	}
	.indexinduswz{
		display:flex;
		align-items:center;
	justify-content: center;
	}
	#indexindus{
		padding-top:60px;
	}
	#indexnews h1,#indexindus h1{
		font-size:24px;
	}
	#indexnews h2,#indexindus h2{
	font-size:22px;
	padding-bottom:3vw;
}
#indexnews h4{
	font-size:16px;
}
#indexnews .col-md-8 a{
	display:block;
	width:100%;
}
#indexindus .col-sm-3{
	margin-bottom:20px;
}
#bottoma .col-xs-12{
	padding-bottom:20px;
}
}

/*------------------*/