body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#333; -webkit-text-size-adjust: none; }

img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100% }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 1200px; margin: 0 auto; }

/* head */
.head{ background: #fff; height:77px;  }
h1{ float: left; line-height: 77px; }
.nav_ul{ float: left; margin-left: 180px; }
.nav_ul li{ float: left; margin-left: 35px; }
.nav_ul li a{ font-size: 14px; color: #333; display: block; height: 77px; line-height: 77px; }
.nav_ul li:nth-child(1) a{background: url(../images/home.jpg) left center no-repeat; padding-left: 30px; }


/* foot */
.foot{ background: #202020 url(../images/foot.jpg) right center no-repeat; overflow: hidden;}
.foot_left{ float: left; width:640px;  position: relative; padding-top: 76px; }
.foot_nav{ width: 33.3%; float: left; padding-bottom: 30px; height: 200px; }
.foot_i{ display: block; font-size: 14px; font-weight: bold; height:48px; line-height: 48px; color: #fff;  }
.foot_nav a{ display: block; height:28px; line-height: 28px; color: #fff; font-size: 12px; }
.hot{ position: absolute; right: 45px; top:307px}
.call{ height:38px; line-height: 38px; color: #fff; font-size: 21px; font-weight: bold; }
.share{ height:40px; padding-top: 16px;  }
.share a{ margin-right:18px; width: 40px; height: 40px; overflow: hidden; display: block; float: left;  }
.foot_right{ float: left; width: 400px; padding: 95px 0 0 94px;}
.foot_line{ display: block; width:18px; height: 1px; background: #fff; margin-bottom: 10px;  }
.foot_h3{ height: 34px; line-height: 34px; color: #fff; font-size:18px;  }
.site{ height:28px; line-height: 28px; color: #fff; font-size: 14px;  }
.foot_add{ margin-bottom: 30px; }


.catalog{ height:54px; line-height: 54px; background: #f1f1f1; border-bottom: 1px solid #e8e8e8  }
.cata_ul li{ float: left; width: 170px; border-right: 1px solid #e8e8e8;}
.cata_ul li a{ display: block; transition: all 0.5s ease 0s;  font-size: 16px; text-align: center; height: 54px; line-height: 54px; }
.cata_ul li:nth-last-child(1){ border: none; }
.cata_ul li a:hover,.cata_ul li a.for{ background: #c20a0a; color: #fff; transition: all 0.5s ease 0s; }
.about{ padding: 40px 0 80px 0; }


.room{ padding: 110px 0 118px 0; position: relative; }
.roo_img{ width: 780px; height: 488px; overflow: hidden; }
.roo_img img{ width: 780px; height: 488px; overflow: hidden;}
.door{ position: absolute; width: 518px; height: 480px; background: #f7f7f7; top: 56px; left: 683px; padding: 0 76px; box-sizing: border-box; }
.door_h3{ padding-top: 74px; text-transform: uppercase; line-height:48px; color: #212121; font-size: 30px; text-align: center;  }
.door_tit{ text-align: center; height: 80px; line-height: 80px; color: #1e1e1e; font-size:30px;  }
.door_line{ display: block; width:52px; height: 5px; background: #001e40; margin: 0 auto  }
.door_i{ display: block; height:82px; margin-bottom: 20px; line-height: 82px; text-align: center; overflow: hidden; font-size:20px;  }
.door_see{ display: block; text-align: center;transition: all 0.5s ease 0s;  background: #c20a0a; color: #fff; font-size: 14px; border: 1px solid #c20a0a; width: 178px; height: 42px; line-height: 42px; margin: 0 auto }
.door_see:hover{ background: none; color: #c20a0a; transition: all 0.5s ease 0s; }

.pro_ul{ margin: 40px 0 0 -30px; }
.pro_ul li{ float: left; margin: 0 0 44px 30px; width: 380px; display: none; }
.pro_img{ width: 380px; height: 237px; overflow: hidden; display: block; }
.pro_img img{width: 380px; height: 237px; overflow: hidden; transition: 1s ease 0s; transform: scale(1.1); }
.pro_tit{ height:42px; line-height: 42px; overflow: hidden; font-size: 22px; padding-top: 13px; }
.pro_zi{ height: 32px; line-height: 32px; overflow: hidden; display: block; font-size: 14px; }
#show{ display: block; margin: 100px auto;transition: all 0.5s ease 0s; width:480px; height: 52px; line-height: 52px; text-align: center; border: 1px solid #c20a0a; color: #c20a0a; font-size: 14px;  }
#show:hover{ background: #c20a0a; color: #fff; transition: all 0.5s ease 0s; }
.pro_ul li:hover .pro_img img{ transition: 1s ease 0s; transform: scale(1); }
.pro_ul li:hover .pro_tit,.pro_ul li:hover .pro_zi{ color: #c20a0a }
.pro_dl{ padding:82px 0 56px 0;  }
.pro_dl dt{ float: left; width:734px; height: 460px; overflow: hidden;  }
.pro_dl dt img{width:734px; height: 460px; overflow: hidden; }
.pro_dl dd{ float: left; width:466px; background: #f7f7f7; height: 460px; padding-left: 45px; box-sizing: border-box;  }
.wood_h3{ height:60px; line-height: 60px; overflow: hidden; padding-top:46px; color: #1a1a1a; font-size:30px; font-weight: bold;    }
.wood_zi{ height:58px; line-height: 58px; overflow: hidden; font-size: 20px; overflow: hidden;  color: #1c1c1c; }
.wood_line{ width: 52px; height: 5px; background: #001e40; display: block; margin-bottom: 45px; }
.wood_xing{ height: 32px; line-height: 32px; overflow: hidden; border-bottom: 1px dotted #020202; font-size: 18px; width: 332px; color: #1e1e1e; display: block; padding-bottom: 54px; }
.wood_div{ height:84px; line-height: 84px; padding-top: 30px;  }
.wood_img{ font-size: 16px; color: #302533; padding-right: 16px; }
.wood_img img{ padding-right: 6px; }

.infor{ background: #f8f8f8; padding:60px 0  }

.service{ background:url(../images/serbj.jpg) center top no-repeat; height: auto; padding-bottom: 30px; }
.cess{ padding: 66px 0 0 0; }
.ser_h3{ height:76px; line-height: 76px; font-family: 'Arial';  margin-bottom: 70px; color: #333333; font-size: 48px; text-transform: uppercase;}
.ser_i{ color: #bb1112; padding-left: 38px; font-size: 30px; }
.ser_img{ text-align: center; margin-bottom: 120px; }
.ser_img img{ width: auto; height: auto; max-width: 100% }
.mess{  height: auto; }

.messh3{ margin: 0 0 10px 0; }

.mess_inner{ background:url(../images/messbj.png) left center repeat; padding: 0 0 50px 140px; }
.mess_h3{ height: 102px; line-height: 102px; font-size: 14px; color: #999999 }
.mess_div { margin-bottom:18px;  }
.mess_box{ width: 390px; float: left; margin-right: 140px; }
.mess_txt{ width:338px; height: 46px; border: 1px solid #d2d2d2; display: block; float: left; background: #fff; padding-left:18px; font-size: 12px; color: #c5c5c5;  }
.mess_xing{ display: block; float: left; height: 48px; line-height: 48px; width: 30px; text-align: center; }
.mess_sel{width:358px; height: 46px; border: 1px solid #d2d2d2; display: block; float: left; background: #fff; padding-left:18px; font-size: 12px; color: #666;}

.mess_area{ width: 796px; float: left; height:70px;  border: none; resize: none; padding: 8px 0 0 8px; box-sizing: border-box;  }
.mess_sub{ display: block; float: left; width:90px; height: 70px; background: #c20a0a; text-align: center; border: none; color: #fff; font-size: 14px; cursor: pointer;  }
.mess_ae{border: 1px solid #d2d2d2; width: 886px;}

.news_dl{ padding-top: 54px; }
.news_dl dt{ float: left; width: 723px; height: 454px; overflow: hidden; }
.news_dl dt img{ width: 723px; height: 454px; overflow: hidden;}
.news_dl dd{ float: left; width:477px; background: #212121; padding:65px 25px 0 45px; box-sizing: border-box;   }
.news_tit{ display: block; height:92px; line-height: 46px; overflow: hidden; color: #fff; font-size: 30px;  }
.news_zi{ font-size: 14px; height:72px; margin-bottom: 34px; line-height: 24px; overflow: hidden; color: #a6a6a6  }
.news_see{ height: 42px; width: 176px; background: #f1f1f1; border: 1px solid #f1f1f1; line-height: 42px; margin-bottom: 65px; text-align: center; font-size: 14px; display: block; }
.time_news{ height: 82px; line-height: 82px; display: block;background:url(../images/hua1.jpg) left center no-repeat; color: #a6a6a6; padding-left:40px;  }

.news_inner{ padding-top:32px; display: none;  }
.news_inner dt{ float: left; width: 493px; height: 268px; overflow: hidden; }
.news_inner dt img{width: 493px; height: 268px; overflow: hidden; transition: all 1s ease 0s; transform: scale(1.1);}
.news_inner dt:hover img{  transition: all 1s ease 0s; transform: scale(1); }
.news_inner dd{ float: left; background: #f1f1f1; padding:0 35px; box-sizing: border-box; width:707px;   }
.news_title{ height:83px; line-height: 88px; overflow: hidden; padding-top: 22px; }
.news_qi{ height: 50px; line-height: 25px; overflow: hidden; font-size:14px; color: #666666;  margin-bottom: 30px; }
.news_h3{ float: left; display: block;transition: all 0.5s ease 0s; width:520px; height: 88px; overflow: hidden; font-size: 24px;  }
.news_h3:hover{ color: #c20a0a; transition: all 0.5s ease 0s; }
.day_news{ float: right; width:; font-size: 14px; color: #a6a6a6;  }
.news_read{ width: 148px; transition: all 0.5s ease 0s;  height: 34px; line-height: 34px; border: 1px solid #908e8f; display: block; text-align: center; color: #666666; font-size: 14px; margin-bottom: 47px; }
.news_read:hover{ border: 1px solid #c20a0a; color: #c20a0a; transition: all 0.5s ease 0s; }
.release{ padding: 75px 0 10px 0; border-bottom: 1px solid #f2f4f6; text-align: center; margin-bottom: 30px; }
.release h3{ font-size: 30px; height:64px; line-height: 64px; overflow: hidden;  }
.rel_i{ height:44px; line-height: 44px; display: block; color: #666666  }
.return{ font-size: 14px; padding: 30px 0; display: block; float: right; }
.piece{ border-top: 1px solid #f2f4f6; padding: 20px 0; }
.pie_div{ height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; color: #666666; transition: all 0.5s ease 0s; }

.pie_div:hover,.pie_div:hover a{ color: #c20a0a; transition: all 0.5s ease 0s; }
.mon_ul{ padding: 72px 0 0 0; margin-left: -75px; }
.mon_ul li{ float: left; margin:0 0 30px 75px; width: 350px; display: none; }
.mon_img{ width: 350px; height: 248px; overflow: hidden; }
.mon_img img{width: 350px; height: 248px; overflow: hidden;}
.mon_h3{ font-size: 16px; text-align: center; overflow: hidden; height:52px; line-height: 52px;  }




.flex-control-nav { display: none; }
.flexslider {position: relative;width: 100%;height:auto; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}
.flex-direction-nav{ display: none; }
.wooden{ padding:100px 0 10px 0;  }
.index_title{ text-align: center; height:60px; line-height: 60px; font-size: 30px; font-weight: bold;  }
.index_title h3{ display: inline-block;}
.tit_word{ color: #c0c0c0; text-transform: uppercase; font-size:16px; padding: 0 16px; font-weight: normal;  }
.index_line{ display: block; height: 1px; width: 138px; background: #ebebeb; margin: 0 auto }
.series{ padding:52px 0 0 0;  }
.series_left{ float: left; width:559px; height: 469px; overflow: hidden; }
.series_left img{width:559px; height: 469px; overflow: hidden; transition: all 1s ease 0s; transform: scale(1.1); }
.series_left:hover img{ transition: all 1s ease 0s; transform: scale(1); }
.series_right{ float: left; width:550px; padding-left: 67px;  }
.set_tit{ display: block; height: 58px; transition: all 0.5s ease 0s; line-height: 58px; overflow: hidden; padding: 77px 0 30px 0; color: #6a1914; font-size: 30px; }
.set_tit:hover{ transform: translateX(10px); transition: all 0.5s ease 0s; }
.set_inner{ height:42px; line-height: 21px; overflow: hidden; font-size: 12px; color: #a1a1a1;  }
.set_more{ height:28px; line-height: 28px;  margin: 38px 0 47px 0; color: #6a1914; padding-left:36px; display: block; text-transform: uppercase; background:url(../images/index3.jpg) left center no-repeat;   }
.set_ul li{ width: 107px; margin-right:24px; float: left;  }
.set_img{ display: block; width: 107px; height:102px; overflow: hidden;  } 
.set_img img{ width: 107px; height:102px; overflow: hidden; transition: all 1s ease 0s; transform: scale(1.1); }
.set_ul li:hover .set_img img{transition: all 1s ease 0s; transform: scale(1); }
.set_h3{ height:34px; line-height: 34px; text-align: center; color: #6a1914; font-size: 14px; overflow: hidden;  }
.made{background:#f3f3f3 url(../images/indexbj1.jpg) center top no-repeat; padding-bottom: 116px;  }
.made_inner{ padding: 114px 0 0 0; }
.made_tit{ text-align: center; font-size: 24px; color: #6a1914;height: 92px; line-height: 92px; margin-bottom: 38px; overflow: hidden; }
.made_round{ padding: 0 10px; }
.leave{ background: #fff; padding: 0 0 0 138px; }
.ave_h3{ font-size: 30px; font-weight: bold; height:40px; line-height: 40px; padding-top: 26px; text-transform: uppercase;  }
.ave_i{ color: #6a1914; font-weight: normal; }
.me{ font-size: 14px; height:30px; line-height: 30px; font-size: 14px; color: #999999; padding-bottom: 42px; display: block; }
.lea .mess_sub{ background: #6a1914 }
.lea{ padding-bottom: 30px; }
.att_ul{ margin: 43px 0 0 -20px;  }
.att_ul li{ float: left; width:386px;   margin:0 0 0 20px; }
.att_img{ width:386px; height: 187px; overflow: hidden; display: block; }
.att_img img{width:386px; height: 187px; overflow: hidden; transition: all 1s ease 0s; transform: scale(1.1); }
.att_div{ background: #fff;height: 90px; padding: 0 0 0 64px; }
.att_tit{ display: block; height:30px; line-height: 30px; overflow: hidden; color: #6a1914;  font-family: 'Arial'; font-size: 24px; font-weight: bold; padding-top: 16px; }
.att_h3{ height:28px;transition: all 0.5s ease 0s; line-height: 28px; overflow: hidden; color: #555555; font-size: 16px;  }
.att_ul li:hover .att_img img { transition: all 1s ease 0s; transform: scale(1); }
.att_ul li:hover .att_h3 { color: #6a1914; transition: all 0.5s ease 0s; }
.jour{ padding: 90px 0 100px 0; }
.jour_dl{ padding:52px 0 80px 0;  }
.jour_dl dt{ float: left; width: 555px; height: 300px; overflow: hidden; }
.jour_dl dt img{ width: 555px; height: 300px; overflow: hidden;}
.jour_dl dd{ float: right; width: 538px; }
.jour_time{ display: block; height:42px; line-height: 42px; overflow: hidden; color: #666666; font-size: 14px;  }
.jour_line{ display: block; width:14px; height: 1px; background: #3a3435; margin-bottom: 40px;  }

.jour_tit{ height: 42px;transition: all 0.5s ease 0s; line-height: 42px; overflow: hidden;  font-size: 24px;  display: block; margin-bottom: 20px; }
.jour_zi{ height: 48px; line-height: 24px; overflow: hidden; color: #666666; margin-bottom: 66px;}
.jour_see{ height:28px; line-height: 28px;background: url(../images/index3.jpg) left center no-repeat; padding-left: 38px; color: #6a1914; text-transform: uppercase; font-weight: bold;   }
.jour_ul{  margin-left:-60px;   }
.jour_ul li{ margin: 0 0 0 60px; transition: all 0.5s ease 0s; width: 355px; height: 188px; float: left; background: #f5f5f7; padding: 0 40px; box-sizing: border-box; }
.lism_time{  height:38px; line-height: 38px; font-size: 14px; display: block; overflow: hidden; color: #666666; padding-top:30px; }
.lism_line{ width:14px; height: 1px; background: #383234; display: block;  margin-bottom: 26px; }
.lism_inner{ height: 60px; line-height: 30px; font-size: 14px; color: #666666; overflow: hidden; }
.jour_tit:hover{ color: #6a1914; transition: all 0.5s ease 0s;}
.jour_ul li:hover{background: url(../images/index2.jpg) center top no-repeat; transition: all 0.5s ease 0s;}
.jour_ul li:hover .lism_inner a{ color: #6a1914; transition: all 0.5s ease 0s;}
 
.search{ float: right; width: 60px; line-height: 77px;  position: relative; color: #646464; font-size: 14px; cursor: pointer; }
#toggle-search img{ margin-right: 10px; }
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:77px;
  right: 0;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
 z-index: 99999;
}

#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  font-family:'微软雅黑';
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  font-family: "微软雅黑";
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #6a1914;
  background: #c6cacd;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}





.mobile-inner-nav a{
		  -webkit-animation-duration: 0.8s;
		  animation-duration: 0.8s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
		  -webkit-animation-name: bounceInRight;
		  animation-name: bounceInRight;
		}

			
		@-webkit-keyframes bounceInRight {
		  from, 60%, 75%, 90%, to {
		    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		  }

		  from {
		    opacity: 0;
		    -webkit-transform: translate3d(3000px, 0, 0);
		    transform: translate3d(3000px, 0, 0);
		  }

		  60% {
		    opacity: 1;
		    -webkit-transform: translate3d(-25px, 0, 0);
		    transform: translate3d(-25px, 0, 0);
		  }

		  75% {
		    -webkit-transform: translate3d(10px, 0, 0);
		    transform: translate3d(10px, 0, 0);
		  }

		  90% {
		    -webkit-transform: translate3d(-5px, 0, 0);
		    transform: translate3d(-5px, 0, 0);
		  }

		  to {
		    -webkit-transform: none;
		    transform: none;
		  }
		}

		@keyframes bounceInRight {
		  from, 60%, 75%, 90%, to {
		    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		  }

		  from {
		    opacity: 0;
		    -webkit-transform: translate3d(3000px, 0, 0);
		    transform: translate3d(3000px, 0, 0);
		  }

		  60% {
		    opacity: 1;
		    -webkit-transform: translate3d(-25px, 0, 0);
		    transform: translate3d(-25px, 0, 0);
		  }

		  75% {
		    -webkit-transform: translate3d(10px, 0, 0);
		    transform: translate3d(10px, 0, 0);
		  }

		  90% {
		    -webkit-transform: translate3d(-5px, 0, 0);
		    transform: translate3d(-5px, 0, 0);
		  }

		  to {
		    -webkit-transform: none;
		    transform: none;
		  }
		}
.mobile{
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.mobile-inner{
    width: 550px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fafafa;
    position: relative;
}
.mobile-inner img{
    width: 100%;
    margin-bottom: 30px;
}
.mobile-inner p{
    color: #676767;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin:0px;
}
.mobile-inner-header{
    background:none;
    width: 100%;
    height: 50px;
    position: absolute;
    top:6px;
    left: 0px;
}
.mobile-inner-header-icon{
    color: #c20a0a;
    height: 50px;
    font-size:25px;
    text-align: center;
    float:right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
     background: none
}
.mobile-inner-header-icon:hover{
    background:none;
    cursor: pointer;
}
.mobile-inner-header-icon span{
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: #c20a0a;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
    }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
    }
    



    
.mobile-inner-header-icon-click span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
    }       
.mobile-inner-header-icon-click span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
    }
    


@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);
      
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}   



@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}   

.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}   



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
    background-color: rgba(140,140,140,0.9);
    width: 100%;
    position: absolute;
    top: 66px;
    left: 0px;
    padding: 10px 0 30px 0;
    z-index: 999999;
    display: none;
}
.mobile-inner-nav li{ margin:0 10px ;}
.mobile-inner-nav a{
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    width: 100%;
   
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight:300;
    font-size: 14px;
}
.mobile-inner-nav a:hover{
    color: rgba(255,255,255,0.4);
    border-bottom: solid 1px rgba(255,255,255,0.2);
}

.product_ul{ margin: 40px 0; }
.product_ul li{ width: 50%; padding: 0 10px; box-sizing: border-box; float: left; margin:0 0 40px 0;  }
.product_ul li .pro_img{width: 100%; height: 350px;  box-sizing: border-box;}
.product_ul li .pro_img img{ width: auto; height: auto; max-width: 100% }

.nav_ul li{ position: relative; margin: 0; width: 90px; }
.nav_ul li a{ display: block; text-align: center; }
.nav_ul li .subnav{width:90px; position:absolute; left:50%; top:77px; z-index:9999999; background:url(../images/hbj.png) left top;  color:#fff; text-align:center; padding:5px 0; margin-left:-45px;
 display:none;}
.nav_ul li .subnav a{ height:30px; line-height:30px; text-align:center; overflow:hidden; color:#fff; }
.nav_ul li .subnav a:hover{ color:#c20a0a;background:url(../images/svb1.png) left top;}