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


.index7 *, .index9 *, .index10 *, .ntopdt *, .mess *, .nav2, .wrapper, .w1400 *{-webkit-transition: all 0.5s;}

/*手机版导航*/
.main-filter {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: none;
    background:#33333399;
}
.h120{height:100px; -webkit-transition: all 0.5s;}
.mn{ background-color:#d3d3d3;}

/*底部*/
@media only screen and (max-width: 700px){
	.copyl1, .copyl2{width:45%!important; margin-right:5%!important;}
	.copyr{ width:100%!important; clear:both!important; text-align:center;}
	.copyr{ margin-bottom:0px!important;}
	.copyr a{ margin:20px auto 0!important;}
	.dlogo p, .copyl2 p, .copyr p{font-size: 24px!important; margin-bottom: 40px!important;}
	.copyd{font-size:16px!important;}
}




/*页面*/
@media only screen and (max-width: 1200px){
	/*.ind7 ul li a .ind7l p{font-size:30px!important;}*/
}
@media only screen and (max-width: 1100px){
	.messbg{height:700px;}
}
@media only screen and (max-width: 1040px){
	.menu li{ margin:0 10px!important;-webkit-transition: all 0.5s;}
	.index3{padding:20px 0!important;}
	.ind3{background-position:top!important; padding:20px!important;}
	.ind3vd{ margin-left:0px!important; /*padding-top:10%;*/}
	.ind3vd video{margin-bottom:0!important;}
	.swiper-button-next, .swiper-button-prev{ padding:0 10px!important;}
	.ind7{ padding:60px 2%!important;}
	.ind8rk{margin-top:-500px!important; width:350px!important; height:300px!important;}
	.ntopdt{height:auto!important;}
	.ntop{float:inherit!important; width:100%!important; height:300px;}
	.ntopdt .upp{ width:100%!important; padding:30px!important; float:inherit!important; min-width:inherit!important;}
	.ntopdt .upp p{ float:inherit!important; padding:20px!important; text-align:center!important;}
	.abob{padding:50px 20px!important;}
	.ind9 ul li a{height:650px!important;}
	.ind9 ul li .ind9lp{height:380px!important;}
}
@media only screen and (max-width: 950px){
	.menu{display:none;}
	.menu_btn{display:block!important;}
	.header .nav2{display:block!important;}
	.wrapper {width: 100%; position: relative; overflow: hidden;}
	.wrapper.shiftLeft {margin-left: -260px;}
	.wrapper.shiftLeft .header .nav2 {right: 0!important;}
	.probp, .probm{ width:100%!important; float:inherit!important;}
}
@media only screen and (max-width: 900px){
	.banner{ height:auto!important;}
	.banl{background-size: 80%!important; padding-bottom:20px;}
	.newl ul li{width:48%!important; margin-right:4%!important;}
	.newl ul li:nth-child(2n){margin-right:0px!important;}
	.newl ul li:nth-child(2n+1){clear:both!important;}
	.banlf{text-align:center;}
	.banl .banlf2{text-align:center;}
	.banl .banla a{margin:auto;}
	.ind7l p{ font-size:20px!important;}
	.ind7l span{ font-size:16px!important;}
}
@media only screen and (max-width: 700px){
	.ind7 ul li{ width:100%!important; padding: 250px 0 50px!important;}
	.ind8{padding:0 0px!important;} 
	.ind8r, .ind8l{ width:100%!important; float:inherit!important;}
	.ind8rp{margin-top:0px!important;}
	.ind8r{background-color:#af0500!important; padding-bottom:120px!important;}
	.ind8rp{/*width:80%!important;*/ margin:auto; float:inherit!important;}
	.ind8rp img{margin:auto;}
	.ind8rk{display:none;}
	.ind8l{text-align:center!important;}
	.ind8lp{ margin-bottom:0px!important; margin-left:auto!important; margin-right:auto!important; float:none!important;}
	.ind8l a{width: 150px!important; margin: 20px auto 0!important; float:inherit!important;}
	.ind9 ul li{width:100%!important; margin-right:0px!important; margin-bottom:10px;}
	.ind9 ul li a{height:auto!important;}
	.ind9 ul li a p{margin-top: -180px!important; background-color: #33333399!important; height:180px!important; line-height:45px!important; font-size:20px!important;}
	.ind9 ul li span{ display:none!important;}
	.ind10 ul li{width:46%!important; margin-right:8%;}
	.ind10 ul li:nth-child(2n){ margin-right:0%!important;}
	.ind10 ul li:nth-child(2n+1){ clear:both!important;}
	.ntop{height:200px!important;}
	.proli ul li{width:40%!important; margin:5%!important; margin-right:10%!important;}
	.proli ul li:nth-child(2n){margin-right:5%!important; margin-left:0px!important;}
	.proli ul li:nth-child(2n+1){ clear:both!important;}
	.proli ul li:nth-child(3n+1) {clear:inherit!important;}
	.proli ul li p{font-size:18px!important;}
	.tj ul li{width:46%!important; margin-right:8%;}
	.tj ul li:nth-child(2n){ margin-right:0%!important;}
	.tj ul li:nth-child(2n+1){ clear:both!important;}
	.probtop{padding:20px!important;}
	.probtitle br{display:inline!important;}
	.mess{ padding:20px;}
	.messbg{height:730px;}
	.contactbg .w1400{padding-top:20px!important; padding-bottom:20px!important;}
	.contactb{padding:20px!important;}
	.contactb h1{font-size:18px!important; margin-bottom:10px!important; }
	.contactb p{font-size:14px!important; /*margin-bottom:10px!important;*/}
	.dewsbnother ul li{width:100%!important; margin:0 0 20px!important;}
	.dewsbnother ul li:last-child{ margin-bottom:0px!important;}
	.probct{width:100%!important;}
	.probct:nth-child(2){border-top:1px solid #999!important;}
}
@media only screen and (max-width: 640px){
	.fontcr{font-size:60px!important;}
	.banlf{margin-bottom:40px!important;}
	.banlf2{font-size:15px!important;}
	.ind3{background-size:90%!important;}
	.ind3vd{/*padding-top:10%!important;*/}
	.ind3vd video{width:100%!important; height:auto;}
	.index9 h1, .index10 h1{ font-size:35px!important;}
	.prolt{width:auto!important; font-size:1.5em!important; text-align:center!important;}
	.prolt p{ float:none!important; padding:0px!important; margin-right:0px!important;}
	.newl ul li{width:100%!important; margin-right:0px!important;}
	.newl ul li a{margin-top:240px; background-color:#000000aa!important;}
	.newl ul li .newltitle{margin-top:20px!important;}
	.newsbn{ padding:20px!important;}
	.newsbn .newsbntitle{font-size:20px!important; margin-bottom:20px!important;}
	.head{padding:5px 10px!important;}
	.w1400-2{padding:0 10px!important;}
	.logo{height:50px!important; -webkit-transition: all 0.5s;}
	.logo img{height:50px!important; -webkit-transition: all 0.5s; margin-top:0px!important;}
	.menu_btn{margin-top:33px!important;}
	.h120{height:60px; -webkit-transition: all 0.5s;}
	.prolisttitle p{font-size:30px!important;}
	.banl{padding-top:80px!important;}
	.story{padding:0px!important;}
	.story ul li{float:none!important; width:100%!important; margin:0px!important; padding-bottom:20px!important;}
	.story ul li:nth-child(2n){top:0!important;}
	.story ul li h1{font-size:24px!important;}
	.ind8rp ul li a{/*padding-left:10px!important;*/}
}
@media only screen and (max-width: 550px){
	.messbg{height:1000px!important;}
	.banl{padding-top:40px!important;}
	.probct{ font-size:16px!important; line-height:20px!important;}
}
@media only screen and (max-width: 460px){
	.logo img{height:40px!important; -webkit-transition: all 0.5s; margin-top:5px!important;}
}
@media only screen and (max-width: 355px){
	.logo a{margin-right:0px!important;}
}
.menu_btn{ -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; float:right; position:relative; margin-right:10px; margin-top:40px; display:none;}
.menu_btn .nav-toggle .lines {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}

.menu_btn .nav-toggle .lines .line {
  background: #fff;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.menu_btn .nav-toggle .lines.open {
  margin: -11px 0 0 -11px;
  width: 22px;
  height: 25px; cursor:pointer;
}

.menu_btn .nav-toggle .lines.open .line {
  position: relative;
  width: 22px;
  height: 2px;
  -webkit-animation: open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards;
  animation: open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.menu_btn .nav-toggle .lines.open .line+.line,
.menu_btn .nav-toggle .lines.open .line+.line+.line {
  margin-top: 5px;
}

.menu_btn .nav-toggle .lines.open .line:nth-child(2) {
  -webkit-animation-delay: 0.36s;
  animation-delay: 0.36s;
}

.menu_btn.is-opened .nav-toggle .open .line {
  -webkit-animation: open-out-1 0.4s linear 0s 1 normal forwards;
  animation: open-out-1 0.4s linear 0s 1 normal forwards;
  -webkit-transform: scaleX(1) translateX(0);
  transform: scaleX(1) translateX(0);
}

.menu_btn.is-opened .nav-toggle .open .line:nth-child(1) {
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}

.menu_btn.is-opened .nav-toggle .open .line:nth-child(2) {
  -webkit-animation-delay: 0.08s;
  animation-delay: 0.08s;
  -webkit-animation-name: open-out-2;
  animation-name: open-out-2;
}

.menu_btn .nav-toggle .lines.close {
  margin: -17px 0 0 -17px;
  width: 28px;
  height: 28px;
  -webkit-transform: rotateX(0.1deg) rotateZ(45deg);
  transform: rotateX(0.1deg) rotateZ(45deg); display:none;
}
.shiftLeft .menu_btn .nav-toggle .lines.close { display:block;}
.menu_btn .nav-toggle .lines.close .line {
  position: absolute;
}

.menu_btn .nav-toggle .lines.close .line:nth-child(1) {
  top: 0;
  left: 12px;
  width: 3px;
  height: 28px;
  -webkit-animation: close-out-1 0.3s linear 0.1s 1 normal forwards;
  animation: close-out-1 0.3s linear 0.1s 1 normal forwards;
}

.menu_btn .nav-toggle .lines.close .line:nth-child(2) {
  top: 12px;
  left: 0;
  width: 28px;
  height: 3px;
  -webkit-animation: close-out-2 0.3s linear 0s 1 normal forwards;
  animation: close-out-2 0.3s linear 0s 1 normal forwards;
}

.menu_btn.is-opened .nav-toggle .close .line:nth-child(1) {
  -webkit-animation: close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards;
  animation: close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.menu_btn.is-opened .nav-toggle .close .line:nth-child(2) {
  -webkit-animation: close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards;
  animation: close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.menu_btn:hover .nav-toggle .i1 {
  width: 11px;
}

.menu_btne:hover .nav-toggl .i2 {
  width: 16px;
}



.header .nav2 {
    width: 260px;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -260px;
    top: 0;
    bottom: 0;
    z-index: 105;
    background: #e6e6e6;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: left;
}
.header .nav2 .tit {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #af0500;
    text-align: center;
    padding: 20px 0;
}
.header .nav2 > ul {
    display: block;
    vertical-align: top;
}
.header .nav2 > ul > li {
    width: 100%;
    float: none;
    margin: 0;
    position: relative;
    padding: 0;
	display:block;
}
.header .nav2 > ul > li > a {
    display: block;
    font-size: 15px;
    overflow: hidden;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    position: relative;
	width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0;
    border-bottom: solid 1px #ccc;
    color: #575757;
    text-indent: 20px;
}
.header .nav2 > ul > li .arrow {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
	text-align:center;
	line-height:60px;
}
.header .nav2 .mn a{
/*text-indent: 40px;*/
border-bottom-color:#eee!important;
height:40px; 
line-height:40px;
}




@-webkit-keyframes open-in {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@keyframes open-in {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@-webkit-keyframes open-out-1 {
  0% {
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }

  35% {
    -webkit-transform: scaleX(0.9) translateX(-5px);
    transform: scaleX(0.9) translateX(-5px);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }

  100% {
    -webkit-transform: scaleX(0) translateX(5px);
    transform: scaleX(0) translateX(5px);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}

@keyframes open-out-1 {
  0% {
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }

  35% {
    -webkit-transform: scaleX(0.9) translateX(-5px);
    transform: scaleX(0.9) translateX(-5px);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }

  100% {
    -webkit-transform: scaleX(0) translateX(5px);
    transform: scaleX(0) translateX(5px);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}

@-webkit-keyframes open-out-2 {
  0% {
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  35% {
    -webkit-transform: scaleX(0.9) translateX(5px);
    transform: scaleX(0.9) translateX(5px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  100% {
    -webkit-transform: scaleX(0) translateX(-5px);
    transform: scaleX(0) translateX(-5px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@keyframes open-out-2 {
  0% {
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  35% {
    -webkit-transform: scaleX(0.9) translateX(5px);
    transform: scaleX(0.9) translateX(5px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  100% {
    -webkit-transform: scaleX(0) translateX(-5px);
    transform: scaleX(0) translateX(-5px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@-webkit-keyframes close-in-1 {
  0% {
    -webkit-transform: scaleY(0) translateY(-10px);
    transform: scaleY(0) translateY(-10px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  100% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@keyframes close-in-1 {
  0% {
    -webkit-transform: scaleY(0) translateY(-10px);
    transform: scaleY(0) translateY(-10px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  100% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@-webkit-keyframes close-in-2 {
  0% {
    -webkit-transform: scaleX(0) translateX(-10px);
    transform: scaleX(0) translateX(-10px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  100% {
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@keyframes close-in-2 {
  0% {
    -webkit-transform: scaleX(0) translateX(-10px);
    transform: scaleX(0) translateX(-10px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  100% {
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@-webkit-keyframes close-out-1 {
  0% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  100% {
    -webkit-transform: scaleY(0) translateY(10px);
    transform: scaleY(0) translateY(10px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

@keyframes close-out-1 {
  0% {
    -webkit-transform: scaleY(1) translateY(0);
    transform: scaleY(1) translateY(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  100% {
    -webkit-transform: scaleY(0) translateY(10px);
    transform: scaleY(0) translateY(10px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

@-webkit-keyframes close-out-2 {
  0% {
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  100% {
    -webkit-transform: scaleX(0) translateX(10px);
    transform: scaleX(0) translateX(10px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}

@keyframes close-out-2 {
  0% {
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }

  100% {
    -webkit-transform: scaleX(0) translateX(10px);
    transform: scaleX(0) translateX(10px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
}