@charset "utf-8";
/*heared std*/
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}


@-webkit-keyframes menu_sticky {
  0% {
    margin-top: -150px;
  }
  50% {
    margin-top: -130px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes menu_sticky {
  0% {
    margin-top: -150px;
  }
  50% {
    margin-top: -130px;
  }
  100% {
    margin-top: 0;
  }
}

.main-header {
  position: relative;
  width: 100%;
  z-index:9999; 
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease; }

.fixed-header {
  position: fixed; height:50px; line-height:50px; background:#FFF; min-width:1200px;
  top: 0px;
  left: 0px;
  margin:0 auto;
  z-index:9999;
  transition: all 500ms ease;
  -webkit-animation-name: menu_sticky;
  animation-name: menu_sticky;
  -webkit-animation-duration: 0.60s;
  animation-duration: 0.60s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.11);}

.main-menu{ width:100%; height:auto; margin:0 auto; position:relative; min-width:1200px;}

.main-menu .navigation>li {
  position: relative;
  text-align: center;  min-width:90px;
  padding: 0px 0px;
  margin-right:0px;
  display: inline-block;}

/*heared end*/
.baner{ width:auto; height:45vh; position:relative;  background-size: 100% 100%;
  background-position:center;  justify-content: center;}
.baner img{ width:100%;background-size: 100% 100%; vertical-align: middle;}
.baner h1{ width:auto; height:60px; line-height:44vh; font-size:36px; text-align:center; color:#FFFFFF; font-weight:bold; position:relative; }
.baner p{ width:auto; line-height:30px; font-size:36px;text-align:center; color:#FFFFFF; position:relative;  line-height:44vh;}

@media (max-width: 1000px) {
.baner{ width:auto; height:45vh; position:relative;  background-size:100% 100%;
  background-position:center;  justify-content:center;}
.baner img{ width:100%;background-size: 100% 100%; vertical-align:middle;}
.baner h1{ width:auto; height:60px; line-height:60px; font-size:30px; text-align:center; color:#FFF; font-weight:bold; position:relative; line-height:44vh; }
.baner p{ width:auto; line-height:30px; font-size:36px;text-align:center; color:#FFF; position:relative;line-height:44vh;}
}
.index_lin{ width:auto; height:auto; margin:0 auto;background:url(/web/img/lin.gif) repeat-x top; padding-top:60px;}
.index_son{ width:90%; min-height:120px; overflow:hidden;  padding-bottom:10px; margin:0 auto; border:5px solid #f6f6f6; margin-bottom:20px;} 
.index_son h5{ width:96%; height:45px; margin:0 auto; line-height:45px; font-size:20px; background:#e70012; color:#FFF; text-indent:20px; margin-top:20px; margin-bottom:20px;}
.index_son h5 a{ text-decoration:none; color:#FFF;}
.index_son .info{ width:100%; line-height:30px; font-size:16px;color:#666; margin:0 auto; padding-top:0px;}
.index_son ul{ width:96%; margin:0 auto;}
.index_son ul li{ min-width:4%; line-height:30px; float:left; font-size:14px; text-align:center; color:#333; background:url(/web/img/ico.png) no-repeat left; webkit-transition: all .8s ease;transition: all .8s ease; padding:0 5px 0 5px;}
.index_son ul li a{ text-decoration:none; color:#333; font-size:14px;}
.index_son ul li.hover{background-color:#e70012;color:#FFF;}
.index_son ul li:hover{background-color:#e70012;}
.index_son ul li:hover a{color:#FFF}
.index_son ul li a:active,.index_son ul li a:hover{background:#e70012;display:inline-block;}


.prod_ul { width:90%; min-height:300px; padding-top:30px; overflow: hidden; margin:0 auto;}
.prod_ul ul{ width:100%; margin:0 auto;}
.prod_ul ul li{ width:23%;*width:29.95%!important; float:left; height:100%;position:relative; margin-left:2.6%;  transition: all .2s linear; margin-bottom:4%;}
.prod_ul ul li:nth-child(4n+1){margin-left:0px;}
.prod_ul ul li span{ width:100%; height:auto; overflow:hidden; float:left;}
.prod_ul ul li span img{ width:100%; height:auto;
 
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s; margin-bottom:1%;}
.prod_ul ul li:hover span img	{ 
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
       -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.prod_ul ul li p{ width:auto; height:40px; line-height:40px; font-size:14px; text-align:center;}
.cont_mg{ width:90%; height:602px; margin:0 auto; background:url(../img/cont.jpg); }
.cont_mg img{ width:100%;height:100%;  background-size: cover;}
.cont_mg .cont{ width:37%; min-height:460px; background:#e70012; position:relative; left:80px; top:80px;}
.cont_mg .cont .cot h1{ width:auto; line-height:50px; font-size:28px; color:#FFF; margin-bottom:30px;}
.cont_mg .cont .cot{ width:90%; height:auto; padding:10%;}
.cont_mg .cont .cot dl{ width:auto; margin:0px; padding-bottom:4%;}
.cont_mg .cont .cot dl dd{ width:auto; line-height:30px; font-size:18px; color:#FFF;}
.cont_mg .cont .cot dl dt{width:auto; line-height:40px; font-size:30px; color:#FFF;font-family:"century gothic";}
#time{ font-size:18px;}

.books{ width:auto; height:600px; margin:0 auto; background:#f8f8f8; margin-top:60px;}
.books .txte{ width:90%; height:auto; margin:0 auto;}
.books .txte h2{font-size:24px;}
.books .txte p{ font-size:16px;}
.books .tdow{ width:90%; height:auto; margin:0 auto; padding-top:60px;}
.books .tdow .tdows{ width:auto; margin:0 auto;}
.books .tdow .tdows dl{ width:100%; height:60px; margin-bottom:30px;}
.books .tdow .tdows dl dd{ width:48%; height:6px; float:left;  transition: 0.6s;}
.books .tdow .tdows dl dt{ width:48%; height:6px; float:right;  transition: 0.6s;}
.books .tdow .tdows dl input{  transition: 0.6s;width: 100%;}
.textu{ width:auto; height:80px; margin:0 auto;}

.buttons{ width:100%; height:60px; line-height:60px; font-size:16px; clear: both; background:#e6121d; margin-top:100px;}
.button{ width:100%; height:60px; line-height:60px; font-size:16px; position:relative;cursor: pointer;background:#e6121d; color:#FFF;}
input{ width:90%; line-height:60px; font-size:14px; border:1px solid #fff; color:#333; padding:0 0px; text-indent:10px;}
input:focus {border-color:#e6121d;}
textarea{width:98.5%; height:120px;font-size:14px;  border:1px solid #fff;color:#333;padding:10px 10px;font-family:"Microsoft YaHei";}



.list_nw{ width:90%; min-height:260px; margin:0 auto; margin-top:40px;position:relative;}
.list_nw ul{ width:100%; margin:0px;}
.list_nw ul li{ width:33.333%; min-height:260px; float:left; position:relative; overflow:hidden; padding:2%;

  border: 1px solid #e8e8e8; 
  box-sizing: border-box; 
  margin-right: -1px;  
   margin-top: -1px;  
  position: relative; 
}

.list_nw span{ width:100%; line-height:60px; font-size:16px; display:block; margin:0 auto; color:#6d6d6d;}
.list_nw h3{ width:100%; line-height:30px; height:80px; font-size:1.3vw;margin:0 auto;}
.list_nw h3 a{font-size:1.3vw;}
.list_nw dd{ width:23%; line-height:36px;  border-radius:100px; border:1px solid #333; text-align:center; position:relative; top:10%;-webkit-transition: all .8s ease;transition: all .8s ease;}
.list_nw dd a{ text-align:center; font-size:14px;}
.list_nw ul li:hover dd {background:#e70012;color:#fff;border-color:#e70012;}
.list_nw ul li:hover dd a{color:#fff;}

.list_nw ul li:hover { -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);}
.about_mg{ width:90%; min-height:90px; margin:0 auto; text-align:center; padding-top:20px;}
.about_mg ul{ width:100%; margin:0 auto;}
.about_mg ul li{ min-width:90px; line-height:50px; font-size:16px; display:inline-table; margin:10px 5px 10px 5px; border:1px solid #e2e2e2; -webkit-transition:all 0.5s;transition:all 0.5s; background:#FFF; border-radius:100px;}
.about_mg ul li:hover{background:#e70012;border-radius:20px; color:#FFF;}
.about_mg ul li:hover a{color:#FFF;min-width:90px;border-radius:20px;}
.about_mg ul li a{min-width:90px;font-size:16px; display:block; padding:0 10px 0 10px;}
.about_mg ul li a.active,.about_yl ul li a:hover{min-width:90px; background:#e70012;color:#fff;border-radius:100px; }

.news_vo{ width:90%; min-height:300px; margin:0 auto; padding-top:60px;}
.news_vo h1{ width:auto; line-height:60px; font-size:36px; text-align:center;}
.news_vo .time{ width:auto; height:30px; text-align:center;}
.news_vo .time i{ min-width:60px; padding:0 10px 0 10px; line-height:40px; font-size:14px; font-style:normal;color:#757575;}
.news_vo .cont{ width:100%; line-height:36px; font-size:16px;color:#757575; padding:15px; padding:2%;}
.pag{ width:100%; min-height:60px;line-height:30px; font-size:14px; margin:0 auto; text-align:center;}
.pag dd{ width:50%; line-height:30px; float:left;}
.pag dt{ width:50%; line-height:30px; float:right;}

.index_cot{ width:auto; min-height:660px; margin:0 auto; background:#efefef; padding-top:40px; padding-bottom:60px;}
.txt{ width:90%; min-height:630px; overflow:hidden; margin:0 auto; margin-top:30px;}
.txt .text{ width:600px; min-height:300px; float:left; position:relative;}
.txt .text img{ width:600px; height:auto; display:block;}
.txt .ctxt{ width:45%; min-height:300px; float:left; overflow:hidden; padding-left:3%; margin-bottom:5%;}
.txt .ctxt h2{ width:auto; line-height:80px; font-size:33px; font-weight:bold; font-family:"font-family:"Microsoft YaHei","Arial","宋体","黑体","SimHei"," Verdana",;_font-family:Arial !important;"}
.txt .ctxt em{ width:auto; min-height:190px; line-height:30px; font-size:16px;color:#777;}
.txt .ctxt em p{list-style:none;line-height:30px; font-size:16px;}
.txt .ctxt dl{min-width:40%; height:60px; background:#e70012; border-radius:100px; float:left; margin-right:30px; position:relative; margin-bottom:20px;}
.txt .ctxt dl dt{ min-width:42%;  height:60px; line-height:60px; text-align:center; font-size:1.0vw;float:left; color:#FFF; padding:0 20px 0 30px;}
.txt .ctxt dl dt a{ text-decoration:none; color:#FFF;}
.txt .ctxt dl dd{ width:25%; height:auto; float:right; margin-top:10px; text-align:left;}
.txt .ctxt dl dd img{ width:40px; height:auto;}
.inn{ width:auto; height:60px; line-height:60px; color:#FFF; font-size:18px; background:#e70012; text-indent:20px;}
.inu{ width:auto; min-height:300px; line-height:40px; font-size:16px;color:#777; padding-top:10px;}
.txtcn{ width:90%; min-height:600px; margin:0 auto; background:#FFF; }
.txtcn h3{ width:auto; line-height:50px; font-size:18px; background:#e70012; color:#FFF; text-indent:20px;}
.txtcn .cont{ width:94%; height:auto; line-height:35px; font-size:16px; padding:3%;color:#777;}

@media (max-width: 1200px){
.txt{ width:90%; min-height:630px; overflow:hidden; margin:0 auto; margin-top:30px;}
.txt .text{ width:500px; min-height:300px; float:left; position:relative;}
.txt .text img{ width:500px; height:auto; display:block;}
.bannmg{width:100%; height:500px; position:relative; overflow:hidden;}
.bannmg li img{ width:500px; height:auto;}
	}
	
	
/*产品焦点图*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.bannmg{width:100%; height:600px; position:relative; overflow:hidden;}
.bannmg li img{ width:600px; height:auto;}
.bannmg-btn{ display:none;}
.bannmg-btn a{ display:block; line-height:40px; position:absolute;top:260px; width:40px; height:40px;background-color: #000; opacity:0.3; filter:alpha(opacity=30) color: rgb(255, 255, 255);overflow: hidden; z-index:4;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.bannmg-img{ font-size:0; *word-spacing:-1px;/* IE6、7 */ letter-spacing: -3px; position:relative;}
.bannmg-img li{ display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align: top; letter-spacing: normal;word-spacing: normal; font-size:12px;}
.bannmg i{ background:url(../img/inoc.png)  no-repeat; width: 15px;height: 23px; cursor:pointer;margin: 8px 0 0 12px; display:block;}
.bannmg .nextBtn i{ background-position:-200px -24px;}
.bannmg .prevBtn i{ background-position:-200px 0px;}

.bannmg-circle{ position:absolute; left:50%; bottom: 15px;height: 13px;text-align: center;font-size: 0;border-radius: 10px; background:rgba(255,255,255,0.3); filter:alpha(opacity:30); }
.bannmg-circle li{ border-radius: 10px; margin:2px; display: inline-block; display: -moz-inline-stack; vertical-align: middle;zoom: 1; }
.bannmg-circle li a{ display: block;padding-top: 9px;width: 9px;height: 0;border-radius: 50%; background:#B7B7B7;overflow: hidden;}
.bannmg-circle .selected a{ background:#e70012; }

/*视频*/
h1 { font-size: 1.5em; } 
#wrapper { max-width: 480px; margin: 0 auto; text-align: center; } 
#gallery { overflow: hidden; }
#gallery a { display: block; text-align:center;}
#gallery a img { display: block; border: 0; }	
	

.ctxtm{ width:80%; height:100px; position:relative; left:3%; padding-top:30px; display:block; clear:both; } 
.ctxtm .vode{width:45%; line-height:55px; border-radius:100px; float:left; background:#e70012;font-size:16px;text-align:center;transition: all .8s ease; color:#FFF;}
.ctxtm .vode:hover{ background:#e70012; color:#FFFFFF;}
.ctxtm .vode a{ text-align:center;color:#FFFFFF;}
.ctxtm .vodes{ width:45%; line-height:45px; background:#e70012; float:right;font-size:16px; border-radius:100px;text-align:center;transition: all .8s ease;}
.ctxtm .vodes:hover{ background:#e70012; color:#FFFFFF; display:block;}
.tmo{width:90%;position:relative; margin:0 auto; display:block;}
.tmo img{ width:80%; height:auto; float:right;}
	
.mg_cont{ width:90%; height:auto; line-height:30px; font-size:16px; margin:0 auto;}		
.mg_cont table {border-collapse: collapse; }
.mg_cont table, th, td {border: 1px solid black; text-align:center;}


.dwo_aob .tdwo {
  margin-top: 0.7rem;
  position: relative; 
}
.dwo_aob .tdwo .bk {
  width: 100%;
}
.dwo_aob .tdwo .bk img {
  width: 100%;
}
.dwo_aob .tdwo .post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.dwo_aob .tdwo .post .item {
  position: relative;
  transition: 0.8s;
  flex: 1;
  display: flex;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.dwo_aob .tdwo .post .item > div {
  width: 100%;
  margin: auto;
  color: #fff;
  padding: 0 10%;
}
.dwo_aob .tdwo .post .item > div .div_1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;font-size:20px;
}
.dwo_aob .tdwo .post .item > div .div_2 {
  display: none;
}
.dwo_aob .tdwo .post .item > div .div_2 .desc {
  margin-top: 0.16rem;
  line-height: 1.5;
}
.w1520 { width:90%; margin:0 auto;
}
@media (min-width: 750px) {
  .dwo_aob .tdwo .post .item:hover {
    flex: 2.7;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_1 {
    animation: fadeOut 0.4s 0.2s both;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 {
    display: block;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 .txtm {
    animation: fadeInUp 0.6s 0.8s both; font-size:20px;
  }
  .dwo_aob .tdwo .post .item:hover > div .div_2 .desc {
    animation: fadeInUp 0.6s 1s both;
  }
}
.text{ width:100%; height:auto; float:left;}	
.ab_t1{ width:100%; height:auto;}
.txtv{ width:100%; height:auto; line-height:36px; font-size:16px; margin:0 auto;}
.txtv p{ list-style:none;}
.ab_t1 .p1{font-size: 40px;
    color: #e70012;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;}
.ab_t1 .p2{  font-size: 32px;color: #333;line-height: 1.6; font-weight:bold;}
.txtm { width:auto; line-height:30px; font-size:16px; padding-top:30px;}

.t1 {padding: 80px 0 0;text-align: center;}
.t1 .p1 {
    font-size: 40px;
    color:#e70012;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}
.t1 .p2 {
    font-size: 32px;
    color: #333;
    line-height: 1.6;
}
.about_t{ width:90%; height:300px; margin:0 auto; margin-top:80px;}
.index_io{ width:auto; min-height:400px; margin:0 auto;padding-top:10px;}
.index_io p{ width:100%; line-height:25px; font-size:16px; text-align:center; margin:0 auto;}

.mg_nw{ width:90%; height:auto; margin:0 auto; position:relative; overflow:hidden;}
.swiper-container1{ width:100%;min-height:300px; margin:0 auto;}
.swiper-container1 .swiper-pagination-bullet-active{ background:#e70012 !important; }
.swiper-container1 .swiper-slide{ width:23%; height:60%; float:left; position:relative; padding:2%;
  box-sizing: border-box; 
  margin-right: -1px;  
  border: 1px solid #e8e8e8; }
.swiper-container1 .swiper-slide span{ width:100%; line-height:60px; font-size:16px; display:block; margin:0 auto; color:#6d6d6d;}
.swiper-container1 .swiper-slide h3{ width:100%; line-height:30px; height:80px; font-size:1.3vw;margin:0 auto;}
.swiper-container1 .swiper-slide h3 a{font-size:1.3vw;}
.swiper-container1 .swiper-slide dd{ width:23%; line-height:36px;  border-radius:100px; border:1px solid #333; text-align:center; position:relative; top:10%;-webkit-transition: all .8s ease;transition: all .8s ease;}
.swiper-container1 .swiper-slide dd a{ text-align:center; font-size:14px;}
.swiper-container1 .swiper-slide:hover dd {background:#e70012;color:#fff;border-color:#e70012;}
.swiper-container1 .swiper-slide:hover dd a{color:#fff;}
.swiper-pagination{text-align:center;width:100%; position:relative;color:#333}

.index_yu{ width:90%; min-height:300px; margin:0 auto; margin-bottom:0px; position:relative; margin-top:20px; overflow:hidden; padding-bottom:3%;}
.swiper-container{ width:auto;height:auto; margin:0 auto;}
.swiper-container .swiper-pagination-bullet-active{ background:#e70012 !important; }
.swiper-container .swiper-slide{ width:23%; height:60%; float:left; position:relative;

  box-sizing: border-box; 
  margin-right: -1px;  
   margin-top: -1px;  
  position: relative; }
.swiper-container .swiper-slide img{ width:100%; height:auto;}
.swiper-container .swiper-slide span{ width:100%; line-height:60px; font-size:16px; margin:0 auto; color:#6d6d6d;}
.swiper-container .swiper-slide h3{ width:100%; line-height:60px; height:80px; font-size:1.0vw;margin:0 auto; text-align:center;}
.swiper-container .swiper-slide h3 a{font-size:1.0vw; text-align:center;}
.swiper-pagination{text-align:center;width:100%; position:relative;color:#333 }

.pager {
    list-style: outside none none;
 
    padding-left: 0; padding:20px 0;
    text-align: center; font-size:14px; clear:both;
}
.pager li {
    display: inline; margin:2px;
}
.pager li > a, .pager li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:0px;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:focus, .pager li > a:hover {
    background-color: #eee;
    text-decoration: none;
}
.pager .next > a, .pager .next > span {
    float: right;
}
.pager .previous > a, .pager .previous > span {
    float: left;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
}