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 arial; color:#333333; font-size:12px;}
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;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ 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:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}

/* head */
.box{ width: 1200px; margin: 0 auto }
.head{ background: url(../images/headbj.jpg) left top ; height: 153px; border-bottom: 3px solid #00742a }
h1{ float: left; padding:30px 0 0 0;  }
.other{ float: right; }
.language{ margin:26px 0 16px 0; height: 20px; float: right; padding-left: 36px; line-height: 20px;background: url(../images/lan.jpg) left center no-repeat ;  }
.language a{ padding:0 14px; font-size: 14px; color: #202020; text-transform: uppercase;  }
.gov{ text-align: right; }
.nav_ul{ height:38px; overflow: hidden; padding-top: 33px; }
.nav_ul li{ width:100px; float: left; margin:0 25px;   }
.nav_ul li a{ display: block; font-weight: bold; font-size: 16px;transition: all 0.5s ease 0s; text-align: center; color: #333333; display: block; height: 38px; line-height: 38px; }
.nav_ul li a:hover{ background: #00742a; color: #fff; transition: all 0.5s ease 0s; }


.nav_ul .on { background: #00742a; color: #fff; transition: all 0.5s ease 0s; }

.foot{ background: #f2f3f3; overflow: hidden; clear: both; }
.what{ float: right; padding: 35px 0 0 0; width: 110px; }
.what_img{ display: block; width: 110px; height: 110px; overflow: hidden; }
.what_tit{ display: block; height:50px; line-height: 50px; overflow: hidden; text-align: center; color: #5d5d5d; font-size: 14px;  }
.link{ float: left; border-bottom: 1px solid #dadada; padding: 36px 0 0 0; }
.link_inner{ padding-bottom: 30px; }
.link_h3{ float: left; width: 70px; color: #5d5d5d; font-size: 14px; font-weight: bold; }
.link_div{ float: left; width: 885px; height: 40px; line-height: 20px; overflow: hidden; }
.link_div a{ padding: 0 7px; color: #6e6e6e }

.foot_bottom{ height:80px; line-height: 60px;  }
.add{ float: left; font-size: 14px;  }
.foot_img{ padding-left: 10px; }
.share{ float: right; }
.call{ float: left;background: url(../images/foot2.jpg) left center no-repeat; padding-left: 26px; font-size: 18px;  }
.share_inner{ float: left; padding-left: 18px; width: 188px;}
.to_left{ float: left; font-size: 12px; margin-right: 10px; }
.to_right{ border: 1px solid #9a9b9b; float: left; border-right: none; height: 32px; margin-top:10px;  }
.to_right a{ display: block; width:34px; height: 30px; line-height: 30px; text-align: center; float: left; border-right: 1px solid #6b6b6b }
.cata_svg{ display: none; }


/* about */

.wrap{ padding:30px 0 80px 0;  }
.catalog{ float: left; width:245px; background: url(../images/cata_top.png) center top no-repeat;  padding-top: 13px; }
.cata_inner{background: url(../images/cata_bot.png) center bottom no-repeat;  padding-bottom: 25px;  }
.cata_h3{background: url(../images/catabj.jpg) center bottom no-repeat; height: 48px; margin-bottom: 1px; line-height: 48px; font-size: 20px; font-weight: bold; color: #00742a; }
.tit_img{ padding: 0 12px 0 56px ; }
.cata_ul a{ display: block; height:46px;  line-height: 46px; padding-left: 98px; font-size: 14px;  background: url(../images/catali.jpg) left top no-repeat;   }
.cata_ul a:hover,.cata_ul a.for{  color: #fff;background: url(../images/catali1.jpg) left top no-repeat; }
.details{ float: right; width: 928px;background: url(../images/detebj.jpg) center bottom no-repeat; padding-bottom: 25px; }
.deta_inner{ border: 1px solid #eeeeee; background: #f9f9f9; padding: 0 20px; }
.position{ border-bottom: 1px solid #e5e5e5; overflow: hidden; height: 60px; line-height: 60px; }
.current{ float: left;background: url(../images/deteli.png) 4px center no-repeat; padding-left: 32px; font-size: 16px; font-weight: bold; }
.pos_inner{ float: right; }
.pos_inner a{ color: #858585; transition: all 0.5s ease 0s;  font-size: 12px; padding:0 10px;background: url(../images/line.jpg) right center no-repeat; }
.pos_inner a:nth-last-child(1){ background: none; text-decoration: underline; }
.pos_inner a:hover{ color: #00742a; transition: all 0.5s ease 0s; }
.about{ padding: 30px 0 80px 0; }
.join_recu{ padding:20px 0 20px 0px;}
.join_recu ul{ cursor:pointer; height:44px;  background: #fff; margin-bottom:18px;  line-height:44px;}
.join_pos dd li{ height: 44px; line-height: 44px; padding-left: 52px; font-size: 14px;background: url(../images/faq1.png) 14px center no-repeat; }
.join_Requirement{ line-height:30px; display:none; font-size: 14px; padding: 24px 50px;background: url(../images/faq.png) 14px 24px no-repeat; }
.down_ul li{ height:48px; line-height: 48px; border-bottom: 1px solid #ebebeb; background: url(../images/down1.png) 9px center no-repeat; overflow: hidden; padding: 0 22px 0 34px; }
.down_ul li a{ display: block; }
.down_left{ display: block; float: left; font-size: 14px; overflow: hidden; width: 80%; height: 48px; }
.down_right{ float: right; font-size: 12px; color: #666666 }
.down_ul li:hover .down_left,.down_ul li:hover .down_right{ color: #00742a; transition: all 0.5s ease 0s; } 
.down_ul{ padding-bottom: 40px; }
.law_ul li{background: url(../images/dian.jpg) 9px center no-repeat;}
.cata_ul .cata_svg a{padding-left: 130px; color: #333; height: 32px; line-height: 32px; font-size:12px;}
.cata_ul .cata_svg a.up,.cata_ul .cata_svg a:hover{ background: #c5ebcd url(../images/ino.jpg) 106px center no-repeat;  }
.even_top{ background: #fefefe; margin-bottom: 15px; }
.month{ float: left; border-radius: 5px; width:970px; height: 54px; background: #f2f3f3; border: 1px solid #dedee1; margin-top:29px;  padding-left: 3px; box-sizing: border-box; }
.mon_inner{transition: all 0.5s ease 0s;  float: left; width:74px; text-align: center; cursor: pointer; }
.mon_line{transition: all 0.5s ease 0s;  width:27px; height: 2px; background: #cfcfcf; display: block; margin: 13px auto 0 }
.mon_zi{transition: all 0.5s ease 0s;  height: 34px; line-height: 34px; color: #2e2e2e; display: block; }
.mon_inner:hover{ position: relative; border-radius: 5px; z-index: 999; height: 70px; transition: all 0.5s ease 0s; background: #fff; box-shadow: 0 0 10px #cecece; margin-top: -10px; }
.mon_inner:hover .mon_line{ margin-top: 20px; background: #1c3892 ;transition: all 0.5s ease 0s; }
.mon_inner:hover .mon_img{background: url(../images/evenline.jpg) center center no-repeat;transition: all 0.5s ease 0s;  width: 17px; height: 10px; margin: 0 auto; display: block;}
.year{ background: #f2f3f3; border-radius: 5px; border: 1px solid #dedee1;margin-top:29px; float: right; width: 158px; height: 52px; }
.year_left{ float: left; width: 55px; border-right: 1px solid #dedee1; text-align: center; line-height: 52px; }
.year_right{ float: right; width:102px;  }
.year_sele{ width: 102px; height: 52px;background: #f2f3f3; border: none; text-align: center;color: #242424; -webkit-appearance: none;
    -moz-appearance: none;    appearance: none;  outline: 0; font-weight: 500; background-image: url(../images/jiao.jpg); 
    
    background-repeat: no-repeat;
     cursor: pointer;
    background-size: 1.125rem auto;
    background-position: 84% 50%;
    text-indent: 20px;
    box-sizing: border-box; }
.year_sele option{ text-align: center; color: #242424; }
.even_h3{background: url(../images/even1.jpg) left top; height: 47px; margin-bottom: 40px; line-height: 47px; color: #fff; font-size: 30px; font-weight: bold; padding-left: 18px; }
.even_ul{background: url(../images/evenbj.jpg) 62px top repeat-y;}
.even_five{ float: left;  transition: all 0.5s ease 0s; height: 44px; line-height: 44px; font-weight: bold; color: #333; font-size:16px; width: 54px; text-align: center;  }
.even_add{background:#fff url(../images/even1.png) center center no-repeat; transition: all 0.5s ease 0s;  float: left; margin-right: 26px; width: 16px; height: 22px; }
.even_info{ float: left; width: 1032px; position: relative; }
.even_pic{position: absolute; left: 0; top: 0; width: 190px; height: 120px; overflow: hidden; transition: all 0.5s ease 0s;  margin-right: 22px; display: none; }
.even_pic img{ width: 190px; height: 120px; overflow: hidden; }
.even_mation{ float: left; width:1032px; box-sizing: border-box; line-height: 26px; font-size: 14px;  transition: all 0.5s ease 0s;  }
.even_ul li{ margin-bottom: 50px; }
.even_ul li:hover .even_pic{ display: block; transition: all 0.5s ease 0s;  }
.even_ul li:hover .even_mation{ padding-left: 240px; box-sizing: border-box; transition: all 0.5s ease 0s;  }
.even_ul li:hover .even_add{background:#fff url(../images/even.png) center center no-repeat; transition: all 0.5s ease 0s;  }
.even_ul li:hover .even_five{ color: #ff7800; transition: all 0.5s ease 0s; }
.even_ul li:hover .even_info{ height: 120px; }
.box_he{ width: 1200px; margin: 0 auto }
.news_dl{ padding: 18px 0; border-bottom: 1px solid #eeeeee; }
.news_dl dt{ float: left; margin-right:22px; width: 250px; height: 150px; overflow: hidden; }
.news_dl dt img{ width: 250px; height: 150px; overflow: hidden; transition: all 1s ease 0s;}
.news_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.news_dl dd{ float: left; width: 604px; }
.news_dl dd a{ display: block; height:52px; transition: all 0.5s ease 0s;  line-height: 52px; overflow: hidden; font-size:16px; font-weight: bold; color: #666666;   }
.news_dl dd .news_zi{ height: 52px; line-height: 26px; overflow: hidden; font-size: 14px; color: #666666 }
.news_time{ height:46px; line-height: 46px; overflow: hidden; font-size: 14px; color: #666666  }
.news{ padding-bottom: 50px; }
.news_dl dd a:hover{ color: #00742a; transition: all 0.5s ease 0s; }
.release { text-align: center; padding: 30px 0 0 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; }
.release h3{ font-size:24px; font-weight: bold; height: 64px; line-height: 64px; overflow: hidden;  }
.rel_i{ display: block; height: 54px; line-height:54px; font-size:14px; overflow: hidden; color: #666666;   }
.return{ display: block; float: right; font-size: 14px; transition: all 0.5s ease 0s; padding: 30px 0 }
.return:hover{color: #00742a; transition: all 0.5s ease 0s; }
.piece{ padding:22px 0 26px 0; border-top: 1px solid #e5e5e5  }
.pic_div{ font-size: 14px; line-height:30px; height: 30px; overflow: hidden;  }
.pic_div a{ transition: all 0.5s ease 0s;}
.pic_div a:hover{ color: #00742a; transition: all 0.5s ease 0s; }

.notice{ background: #f9f9f9; height: 58px; overflow: hidden; border: 1px solid #e3e3e3; margin: 25px 0; }
.scroll{ height:58px;  width:100%; overflow:hidden;}
.nbg{ height:58px;width:1110px; float: left;}
.scroll .nt{  height:58px; float:left; line-height:58px; text-align: center;  width:120px;}
.nt a{color:#125fa3; font-size:14px;}
.nt a:hover{ text-decoration:none;}
.scbox{ float:left;  height:58px; width: 980px}
#s3{ height:58px; line-height:58px; overflow:hidden; width: 100% }
#s3 li{ padding-left:8px; height:58px;  line-height: 58px; overflow:hidden;}
#s3 li a{ font-size:14px; display: block; height: 58px; overflow: hidden; float: left; color: #3fa536; width: 310px; padding:0 0 0 20px; box-sizing: border-box;  }
#s3 li span{ float: left; display: block; color:#959595; font-size:14px;}
#s3 li .nt_div:nth-child(even){ background: none; }
.nt_div{ float: left; width: 50%; box-sizing: border-box;background: url(../images/indexline.jpg) right center no-repeat; }
.index_news{ float: left; width:46px; height: 20px; line-height: 20px; border: 1px solid #e0e0e0; background: #fff; text-align: center; color: #9d9d9d; display: block; margin: 18px 0 0 0;  }


.fenbox{ display: block; width: 100%; text-align: center; }
.sharespan{ display: block; margin-right: 10px; float: left; font-size: 14px; color: #666; }
.bdsharebuttonbox{ float: left!important; margin-top: -5px;}
.reldiv{ display: inline-block; }

.phone_banner{ display:none;}
.flex-direction-nav{ display: none; }

.flexslider {position: relative;width: 100%;height:auto; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:380px;}
.slides li { position:relative; width:940px; height:auto;}
.slides li img{transition: 8s ease 0s;width:940px;}
.slides {width:940px; height:auto;}
/* .slides li.flex-active-slide img{ transition: 8s ease 0s; transform: scale(1.15,1.15); } */
.flex-control-nav { display: block;position: absolute; bottom:0px; height:54px; line-height: 54px; z-index: 9999;  right: 334px;   }
.flex-control-nav li{ display: inline-block; margin: 0 5px;  padding-top: 25px;  }
.flex-control-nav li a{ display: block; width: 20px; height:4px;  background: #7f8ba6; border-radius: 5px; font-size: 0; }
.flex-control-nav li a.flex-active{ background: #00a64a; }
.banner_li{ position: absolute; left: 0; width: 100%; bottom: 0; height:54px; line-height: 54px; z-index: 9999;background: url(../images/indexbj.png) center center repeat;  }
.banner_a{ display: block; background: url(../images/indexdian.png) 18px center no-repeat; padding-left: 36px; font-size: 16px; color: #fff; width: 660px; overflow: hidden; }
.banner_hover{background: url(../images/indexbj.png) center center repeat; width: 260px; position: absolute; top: 0; right: 0; height: 380px; z-index: 9999; }
.hover_a{ display: block; margin: 9px auto 0; border:2px solid #fff; width: 240px; height: 80px; overflow: hidden;  }
.hover_a img{ width: 240px; height: 80px; overflow: hidden; }
.home_left{ float: left; width:880px; padding: 24px 0 0 0; }
.hot_tit{ height: 47px; line-height: 47px; border-bottom: 2px solid #007c37; }
.hot_h3{ float: left; font-size: 24px; color: #007c37; font-weight: bold; }
.hot_h3 img{ padding: 0 8px; }
.hot_a{ float: right; }
.hot_a a{ display: block; float: left; font-size: 16px; width: 100px; transition: all 0.5s ease 0s; text-align: center; }
.hot_a a:hover{ color: #007c37;  transition: all 0.5s ease 0s;}
.index_ul { padding: 18px 0 0 0; }
.index_ul li{ width: 33.3%; float: left; text-align: center; height: 133px; overflow: hidden; }
.index_ul li img{ width: 278px; height: 133px; overflow: hidden; }

.home_right{ float: right; width: 300px; padding: 25px 0 0 0; }
.style{ background: #fafafa; padding:0 10px; border: 1px solid #e3e3e3; border-top: 2px solid #007c37; margin-bottom: 22px;  }
.style_tit{ border-bottom: 1px dotted #e3e3e3; height: 55px; line-height: 55px; }
.tit_left{ float: left; font-size: 16px; font-weight: bold; }
.tit_left img{ padding:0 9px;  }
.tit_right{ float: right;  padding-right: 10px;}
.tit_right a{color: #9d9d9d; transition: all 0.5s ease 0s;}
.tit_right a:hover{color: #00742a; transition: all 0.5s ease 0s;}
.style_inner{ height:  }
.style_dl { padding-top: 15px; }
.style_dl dt{ height: 48px;background: url(../images/style.jpg) 4px 7px no-repeat; padding:0 18px; overflow: hidden; line-height: 24px; font-size: 14px; }
.style_dl dt a{  transition: all 0.5s ease 0s; }
.style_dl dd{ height:32px; line-height: 32px; color: #9b9b9b; padding-left: 18px; }
.style_dl dt a:hover{color: #00742a; transition: all 0.5s ease 0s;}
.member{background: url(../images/index10.jpg) left top no-repeat; width: 300px; margin-bottom: 22px; height: 126px; overflow: hidden;}
.message{ margin-bottom: 22px; }
.mem_sel{ margin: 66px 0 0 20px; width: 260px; height: 40px; background: #fff; border: none; color: #819ec0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    font-size: 16px;
    
    background-image: url(../images/index11.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 1.125rem auto;
    background-position: 84% 50%;
    text-indent: 20px;
    box-sizing: border-box}
.expert{ margin-bottom: 22px; width: 300px; height: 104px; overflow: hidden; }
.expert img{width: 300px; height: 104px; overflow: hidden;}
.data{ padding:0 10px; border: 1px solid #e3e3e3; border-top: 2px solid #eb7400; margin-bottom: 22px; }



.honor_img{ margin-left:-30px; display:none;}
.honor_img li{ float:left; }
.honor_tab{ text-align:center; height:75px; line-height:75px;}
.honor_tab li{ width:10px; height:10px; border-radius:10px; background:#d4d4d4; margin:0 5px; display:inline-block; cursor:pointer;}
.honor_tab li.on{ background:#3f297e;}
.rongyu_ul{ height:108px; width:100%; position:relative; overflow:hidden;}
.rongyu_ul li{ width:100%; position:absolute; left:0; top:0;}
.rongyu_ul li span{float:left; margin-right:30px; border:1px solid #c6e3ff; display:block;width:214px; height:314px; transition:all 0.5s ease 0s;}
.rongyu_ul li span:hover{ -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #c6e3ff;transition:all 0.5s ease 0s;}

.bout_ul li{ float:left; width:16.6%; position:relative; height:300px; cursor:pointer;}
.data_dl{ padding-top: 30px; } 
.data_dl dt{ float: left; width:51px; height: 51px; margin-right: 20px; }
.data_dl dd{ float: left; width:207px; line-height: 24px; height: 74px; overflow: hidden; font-size: 14px; color: #333  }
.move{ background: #fff; height: 270px; margin: 0; }
.move .style_inner{ height:188px; overflow: hidden;  }

.index_box{ padding-bottom: 60px; }


.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: #007c37;
    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: #007c37;
}
.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: 51px;
    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);
}

.phone_banner{ display: none; }