@charset "utf-8";

.lanmuc-mian{}
.lanmuc-mian .wrapp{ width:1100px; margin:0 auto; position:relative; z-index:1;}
.lanmuc-mian .body_1200 .nav-list li{ padding:0 10px;}
.lanmuc-mian .body_1200 .head .wrap-1500{ min-width:1200px !important}
.lanmuc-mian .body_1200 .head .logo{ left:20px;}
.lanmuc-mian .body_1200 .nav-list{ right:30px;}


.lanmuc-mian .hover-img img{
	-webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;
}
.lanmuc-mian .hover-img a:hover img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;}


.lanmuc-mian .index-title-block { text-align:center; padding-bottom:40px; overflow:hidden; width:100%}
.lanmuc-mian .index-title-block .t1{ height:18px; line-height:39px; position:relative; border-top:1px solid #dfdfdf; margin-top:88px; float:left; width:100%}
.lanmuc-mian .index-title-block .t1 span{ display:inline-block; font-size:28px; padding:0 44px; background:#fff; margin-top:-18px; line-height:100%; color:#000}
.lanmuc-mian .index-title-block .t2{ font-size:18px; text-align:center; color:#bbb; padding-top:20px; float:left; width:100%}


.lanmuc-mian .wrap{ width:1200px; margin:0 auto;}
.lanmuc-mian .index-img-block .items{ float:left; width:370px; overflow:hidden}



.lanmuc-mian .prodcut-nav{ width:100%; overflow:hidden; position:relative; z-index:11; margin-top:-10px; margin-bottom:-32px;}
.lanmuc-mian .prodcut-nav li{ width:150px; height:200px; float:left; line-height:100%; text-align:center;}
.lanmuc-mian .prodcut-nav  a{ display:block; height:161px; width:150px; color:#999; padding-top:39px; font-size:14px; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}

.lanmuc-mian .pro-icon{ display:block; background:url(../img/product_icon.png); width:80px; height:80px; margin:0 auto 10px;}
.lanmuc-mian .prodcut-nav  .hover a,.prodcut-nav  a:hover{ background:#f16800; color:#fff}
.lanmuc-mian .prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ background-image:url(../img/product_icon_h.png)}
.lanmuc-mian .pro-icon-2{ background-position:0 -80px}
.lanmuc-mian .pro-icon-3{ background-position:0 -160px}
.lanmuc-mian .pro-icon-4{ background-position:0 -240px}
.lanmuc-mian .pro-icon-5{ background-position:0 -320px}
.lanmuc-mian .pro-icon-6{ background-position:0 -400px}
.lanmuc-mian .pro-icon-7{ background-position:0 -480px}

.lanmuc-mian .pro-nav-img{ height:540px; position:relative;}
.lanmuc-mian .pro-nav-img li{ width:100%; height:540px; background-position:center center; height:540px; width:100%; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.lanmuc-mian .pro-nav-img li .li-bg{ width:100%; height:540px; width:100%; height:540px; background-position:center center; height:540px; width:100%; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.lanmuc-mian .pro-nav-img li:hover{ opacity:0.99;}

.lanmuc-mian .pro-nav-text{ position:absolute; top:160px; left:0; right:0; text-align:center; color:#fff; z-index:12}
.lanmuc-mian .pro-nav-text .t1{ font-size:36px; padding-bottom:27px;}
.lanmuc-mian .pro-nav-text .t2{ font-size:16px; line-height:26px;}
.lanmuc-mian .pro-nav-text .t3{ display:inline-block; border:1px solid #fff; width:168px; height:46px; border:1px solid #fff; line-height:46px; font-size:14px; margin-top:33px;}
.lanmuc-mian .pro-nav-img li .li-bg{
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;}
.lanmuc-mian .pro-nav-img li:hover .li-bg{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;}
  
.lanmuc-mian .pro-nav-img li:hover .t3{
  background:#f16800;
  color:#fff;
  border-color:#f16800
}

