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

@import url('owl.css');

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:12px;
	background-color:#FFF;
}

/*  2.  Header Section
/*----------------------------------------*/
.header-section {
  background-color: #d60022;
  }

 @media only screen and (max-width: 767px) {
	 .container{
		 padding-left:30px;
		 padding-right:30px;
	 }
 }

 @media only screen and (max-width: 485px) {
	 .container{
		 padding-left:10px;
		 padding-right:10px;
	 }
 }

/*-- 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: #d20b1d; }

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

/*-- Main Menu --*/
.main-menu {
  float: right;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  @media only screen and (max-width: 767px) {
    .main-menu {
      display: none !important; }
	   }
  .main-menu > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-right: 42px;
    position: relative;
    /*-- Sub Menu -*/
    /*-- Sub Menu -*/ }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-menu > ul > li {
        margin-right: 30px; } 
		}
    .main-menu > ul > li:last-child {
      margin-right: 0; }
    .main-menu > ul > li > a {
      display: block;
      font-size: 14px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 700;
      line-height: 30px;
      padding: 25px 0px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .main-menu > ul > li > a {
          font-size: 13px; }
		   }
    .main-menu > ul > li:hover a, .main-menu > ul > li.active a {
      color: #333;
	   }
    .main-menu > ul > li .sub-menu {
      position: absolute;
      top: 100%;
      margin-top: 20px;
      left: -20px;
      text-align: left;
      padding: 15px 20px;
      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: #7d7d7d;
        font-weight: 700;
        line-height: 30px; }
      .main-menu > ul > li .sub-menu li:hover a, .main-menu > ul > li .sub-menu li.active a {
        color: #abcd03; }
    .main-menu > ul > li:hover .sub-menu {
      margin-top: 0;
      z-index: 99;
      visibility: visible;
      opacity: 1; }

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

.mobile-menu {
  position: relative;
  width:95%;
  }

.mean-bar {
  background-color: transparent;
  min-height: auto;
  padding: 0;
  
  }
  .mean-bar .meanmenu-reveal {
    top: 0px;
    padding: 0;
    height: 30px;
    overflow: hidden;
	}
    .mean-bar .meanmenu-reveal:hover {
      color: #abcd03; }
    .mean-bar .meanmenu-reveal i {
      font-size: 36px !important;
      display: block;
      line-height: 30px;
      margin-top: -3px;
	  color:#FFF;
	  }
    .mean-bar .meanmenu-reveal.meanclose i {
      font-size: 30px !important;
      margin-top: 0; }

/*-- Mean Nav --*/
.mean-nav {
  background-color: transparent;
  margin-top: 0; }
  .mean-nav ul li.mean-last {
    padding-bottom: 10px; }
  .mean-nav ul li a {
    display: block;
    line-height: 24px;
    padding: 8px 0;
    border-top: 1px solid #eeeeee;
    font-size: 12px;
    font-weight: 700;
	color:#FFF;}
    .mean-nav ul li a:hover {
      color: #abcd03; }
    .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, .mean-nav ul li.active > a {
    color: #d20b1d; }
  .mean-nav ul li ul li a {
    padding: 8px 0;
    padding-left: 15px;
    border-top: 1px solid #eeeeee;
    opacity: 1; }
  .mean-nav ul li ul li ul li a {
    padding-left: 30px; }

/*-- Header Search --*/
.header-search {
  float: right;
  position: relative;
  z-index: 99999; }

/*-- Search Toggle --*/
.search-toggle {
  padding: 25px 0;
  float: right;
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .search-toggle {
      padding: 20px 0; } 
	  }
  .search-toggle:hover {
    color: #999; }
  .search-toggle i {
    font-size: 20px;
    line-height: 30px; }

/*-- 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; }
      @media only screen and (max-width: 767px) {
        .header-search-form form input {
          width: 200px; } 
		  }
    .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: #f1f1f1; }
    .header-search-form form button i {
      font-size: 20px;
      display: block;
      line-height: 40px; }

/*-- Header Stick --*/
.stick {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 9999;
  background-color: #d60022;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
     .header-bottom-wrapper {
      text-align: right !important; }
	   }
   .header-bottom-wrapper .header-bottom-logo {
    display: block;
    padding: 16px 0;
    width: 120px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
       .header-bottom-wrapper .header-bottom-logo {
        width: auto; }
		 }
    @media only screen and (max-width: 767px) {
       .header-bottom-wrapper .header-bottom-logo {
        padding: 14px 0;
		padding-left:20px;
        width: auto; } 
		}
  /*--  .header-bottom-wrapper .main-menu {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    float: none;
    vertical-align: middle; }
	--*/
    @media only screen and (min-width: 768px) and (max-width: 991px) {
       .header-bottom-wrapper .main-menu {
        margin-right: 30px; } }
    @media only screen and (max-width: 767px) {
       .header-bottom-wrapper .main-menu {
        display: none !important; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
       .header-bottom-wrapper .main-menu > ul > li {
        margin-right: 25px; }
        .header-bottom-wrapper .main-menu > ul > li:last-child {
          margin-right: 0; } }
		  
    @media only screen and (min-width: 768px) and (max-width: 991px) {
       .header-bottom-wrapper .main-menu > ul > li > a {
        font-size: 13px; }
		 }
   .header-bottom-wrapper .mean-bar .meanmenu-reveal {
    right: 0 !important;
    left: auto !important; }
 .header-bottom-wrapper .header-search {
    width: 120px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
       .header-bottom-wrapper .header-search {
        width: auto; } }
    @media only screen and (max-width: 767px) {
       .header-bottom-wrapper .header-search {
        width: auto;
        margin-right: 40px; } }







/*底部*/
.bottome{
	width:100%;
	background-color:#2f2f2f;
	clear:both;
	text-align:center;
	padding:20px 0;
}
#bottom{
	max-width:1200px;
	position:relative;
	line-height:22px;
	color:#c2c2c2;
	margin:0 auto;
}

#bottom a{
	color:#fff;
	font-size:12px;
}
#bottom a:hover{
	color:#CCC;
}
@media only screen and (max-width: 767px) {
	#bottom a{
	font-size:12px;
}
	}


/*--首页产品滚动--*/
#indexpro{
	width:100%;
	overflow:hidden;
	padding-top:40px;
	position:relative;
}
#indexpro .col-lg-5 img{
	background-color:#f6f7f8;
}

#indexpro .col-lg-7{
	background-color:#f6f7f8;
	overflow:hidden;
	padding:40px;
}
#indexpro .col-lg-7 h2{
	font-size:30px;
	color:#333;
	line-height:30px;
	margin-top:10px;
}

#indexpro .col-lg-7 p{
	margin-bottom:10px;
}

#indexpro-1 h3{
	margin-bottom:30px;
	line-height:28px;
	font-size:16px;
}
.commenddetailmore{
	position:relative;
	margin-left:40px;
	margin-top:30px;
}
.commenddetailmore a{
	display:block;
	border:#999 solid 1px;
	padding:10px 20px;
	text-align:center;
	text-indent:40px;
	color:#333;
	
}
.commenddetailmore a:hover{
	color:#d60022;
	border:#d60022 solid 1px;
}
	
.commenddetailmore:before{
	background-color:#d60022;
	content:">";
	font-size:40px;
	text-align:center;
	width:40px;
	height:100%;
	position:absolute;
	color:#FFF;
	left:0px;
	top:0px;
	line-height:36px;
}


.commendpro,#indexpro-1{
	position:static;
	margin:60px auto;
}

#indexpro-1 .owl-prev,#indexpro-1 .owl-next{
	position:absolute;
	top:30% !important;
	border-radius:0px !important;
	font-size:120px;
	color:#d6d6d6;
	padding:0px !important;
	background:transparent;
	
}

#indexpro-1 .owl-prev{
	  left:0px;
}
#indexpro-1 .owl-next{
	right:0px !important;
}
#indexpro-1 .owl-prev:hover{
	color:#d60022;
}
#indexpro-1 .owl-next:hover{
	color:#d60022;
}
#indexpro-1 .owl-dots{
	display:none !important;	
}
#indexpro-1 a:first-child{
	margin-left:0px;
}


.comendpro{
	position:relative;
}
#comendpro{
	margin-top:30px;
}

.sample{
	position:absolute;
	left:0px;
	top:30px;
	width:100%;
	color:#333;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.sample small{
	font-size:14px;
	color:#999;
	font-weight:normal;
}
.samplecirl{
	width:10px;
	height:10px;
	border-radius:10px;
	background-color:#d60022;
	position:absolute;
	bottom:18%;
	left:49%;
}
.sampledetail{
	position:absolute;
	left:0px;
	bottom:12%;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#d60022;
}
.commendpro h1{
	text-align:center;
	font-size:24px;
	max-width:130px;
	text-align:center;
	border-left:#d60022 solid 1px;
	border-right:#d60022 solid 1px;
	margin:0 auto;
	
}

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

/*--首页产品特点--*/
#indexaprocha{
	width:100%;
	max-width:1920px;
	background:url(../images/charbg-1.jpg);
	background-position:center center;
	background-size:cover;
	position:relative;
	z-index: 1;
	padding-top:80px;
	padding-bottom:80px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	text-transform:capitalize;
	
	margin-top:20px;
}
#indexcharbg{
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	content: "";
    position: absolute;  
    top: 0;  
    left: 0;  
    z-index: -1;
}
#indexaprocha h1{
	font-size:32px;
	font-weight:bold;
	color:#d60022;
	text-align:center;
}
@media screen and (max-width: 767px) {
	#indexaprocha h1{
		font-size:24px;
	}

	#indexpro .col-lg-7 h2{
		font-size:18px;
		font-weight:bold;
	}
}
#indexaprocha h3{
	color:#fff;
	font-size:14px;
	line-height:24px;
	text-align:center;
	margin-top:35px;
	margin-bottom:5px;
}
#indexaprocha p{
	max-width:800px;
	text-align:center;
	margin:0px auto;
	color:#fff;
	font-size:12px;
	line-height:24px;
}

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


/*简介*/

.indexbrief{
	width:100%;
	min-height:180px;
  padding-bottom:20px;
  padding-top:60px;
  background-color:#ebebeb;
  padding-bottom:60px;
}
#aboutp{
	text-align:center;
	max-width:860px;
	color:#999;
	margin:40px auto;	
}
.aboutyny{
	width:100%;
	padding-top:40px;
	background:url(../images/aboutcf-1.jpg);
	background-position:center center;
	background-size:cover;
	padding-bottom:40px;
	
}
.aboutyny p{
	color:#FFF;
	margin-top:30px;
	font-size:14px;
	line-height:28px;
}

.indexaabout{
	background-color:#d60022;
	padding:8px;
	border-radius:5px;
	color:#fff;
	font-size:18px;
	display:inline-block;
	text-align:center;
	line-height:18px;
	margin-right:20px;
}
.indexaabout small{
	font-size:12px;
}
@media screen and (max-width: 767px) {
	.indexbrief img{
		max-width:180px;
	}
	.indexcpcatwzbig{
	font-size:12px;
     }
	
	}
	.aboutyny .commenddetailmore{
		max-width:160px;
		margin-left:0px;
	}
.aboutyny .commenddetailmore a{
	color:#FFF;
	border:#FFF solid 1px;
}
/*------------------*/

/*首页新闻*/
#indexnews{
	width:100%;
	padding:40px 0 40px 0;
}
.indexnewstitle{
	padding:30px 15px;
	color:#FFF;
	background-color:#d60022;
	margin-bottom:40px;
}

.indexnewstitle h1{
	font-size:36px;
}
.indexnewstitle h3{
	font-size:24px;
}

@media screen and (max-width: 767px) {
	.indexnewstitle h1{
	font-size:24px;
}
.indexnewstitle h3{
	font-size:18px;
}
	
}
.indnewsnr{
	width:100%;
	margin-bottom:20px;
}
.indnewsnr a:hover .indnewstime{
	
	color:#d20b1d;
}
.indnewstime{
	font-weight:bold;
	color:#666;
	text-indent:2em;
	font-size:14px;
	line-height:40px;
}
.indnewsnr h4{
	font-weight:bold;
	font-size:16px;
	padding-left:24px;
	color:#333;
}

.indnewsnr a:hover h4{
	color:#d20b1d;
}
.indcontact{
	text-align:right;
}
.indcontact h2{
	font-weight:bold;
	font-size:24px;
}
.indcontact li{
	width:100%;
	font-size:16px;
	margin-top:10px;
}
.indcontact ul{
	margin-top:30px;
}
/*------------------*/