body{  }
#main{}
.line-head{height: 135px;clear: both;position: relative;}
.line10{height: 10px;clear: both;position: relative;display: block;width: 100%;}
.line20{height: 20px;clear: both;position: relative;display: block;width: 100%;}
/*头部*/
#header{height: 135px;width: 100%;position: fixed;top:0;left: 0;z-index: 9900009;box-shadow: 0 0 2px rgba(0, 0, 0, 0.27);background: #fff;}
#header .head-top{height: 55px;background-color:#007236;}
#header .head-top > div.container{padding: 0;}
#header .head-top > div.container > div{position: relative;}
#header .head-top > div.container > div .blog{ height: 25px;padding-top: 5px; }
#header .head-top > div.container > div .blog ul li{width: 25px;height: 25px;margin-right: 5px;background-color: #42494f;float: left;}
#header .head-top > div.container > div .blog ul li:hover{background-color: #e4c98e;}
#header .head-top > div.container > div .blog ul li a i{width: 25px;height: 25px;display: inline-block;line-height: 25px;text-align: center;font-size: 12px;color: #fff;}
#header .head-top > div.container > div .attr{display: inline-block; height: 55px;right: 0;top:0;width:20%;}
#header .head-top > div.container > div .attr > span{display: inline-block;height: 35px;padding: 0 15px;line-height: 35px;font-size: 12px;color: #fff;padding-left: 35px;position: relative;cursor: pointer;vertical-align: middle;}
#header .head-top > div.container > div .attr > span i{display: inline-block;width: 20px;height: 35px;position: absolute;left: 10px;top:0;line-height: 35px;text-align: center;}
#header .head-top > div.container > div .attr > span em{display: inline-block;width: 20px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;vertical-align: middle;}

#header .head-top > div.container > div .attr > a{display: inline-block;height: 55px;padding: 0 15px;line-height: 35px;font-size: 12px;color: #fff;padding-left: 35px;position: relative;cursor: pointer;    width: 100%;}
#header .head-top > div.container > div .attr > a i{display: inline-block;width: 20px;height: 35px;position: absolute;left: 10px;top:0;line-height: 35px;text-align: center;}

#header .head-top > div.container > div .attr > span .down{width: 100%;position: absolute;left: 0;top:35px;background-color: #1b1b1b;display: none;z-index: 9999;}
#header .head-top > div.container > div .attr > span .down div{ height: 30px;line-height: 30px;font-size: 12px;padding-left: 15px; }
#header .head-top > div.container > div .attr > span .down div:hover{ background-color: #333333; }
#header .head-top > div.container > div .attr > span .down div a{ color: #fff; display: block;}
#header .head-top > div.container > div .attr > span .down div a:hover{ color: #e4c98e;}
#header .head-top > div.container > div .attr > span:hover{background-color: #1b1b1b;}
#header .head-top > div.container > div .attr > span:hover .down{display: block;}

#header .head-nav{ height: 50px;}
#header .head-nav > div{margin: auto;position: relative;height: 50px;}
#header .head-nav > div .logo {  height: 49px;  left: 0;top:25px;  }
#header .head-nav > div .nav {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    height: 85px;
    line-height: 60px;
    /*display: block;*/
    /* position: absolute; */
    right: 0;

    }
.navbar_nav{
    display: flex;
    justify-content: space-around;
}
#header .head-nav > div .nav .navbar_nav li {  float: left;  position: relative;  display: block ;line-height: 60px;margin: 13px 0;width: 20%; }
#header .head-nav > div .nav .navbar_nav li:after {  content: "";  width: 0;  height: 2px;  background:#bad18f;  position: absolute;  bottom: 0;  left: 0;  transition: all .5s ease 0s  }
#header .head-nav > div .nav .navbar_nav li:hover:after {  width: 100%  }
#header .head-nav > div .nav .navbar_nav li a {  text-decoration: none;  height: 100%;   display: block;  -webkit-transition: .5s;  -moz-transition: .5s;  -o-transition: .5s;  transition: .5s;  color:#007236;  font-size: 14px;  position: relative; text-align: center; }
#header .head-nav > div .nav .navbar_nav li > a { font-weight: 600;  }
#header .head-nav > div .nav .navbar_nav li a.active{
    /*color: #007130;*/
    /*background: red;*/
    color: #FFFFFF;
    background: #007236;
    border-radius: 8px;
    /* width: 26%; */
    /*margin: 10px;*/
    height: 60px;
    line-height: 60px;
    text-align: center;
}
#header .head-nav > div .nav .navbar_nav li:hover a {  }
#header .head-nav > div .nav .navbar_nav li.dropdown {  display: inherit;  position: relative  }
#header .head-nav > div .nav .navbar_nav li.dropdown i::after {  position: absolute;width: 20px;height: 20px;text-align: center;line-height: 20px;right: 2px;top:15px;  content: "+";  font-family: 'FontAwesome';  font-size: 16px;  font-weight: 500;  transition: all 0.4s ease 0s;  }
#header .head-nav > div .nav .navbar_nav li.dropdown:hover i::after {  content: "\f105";  transform: rotate(90deg);  }
#header .head-nav > div .nav .navbar_nav li.dropdown .dropdown_menu {  display: none;  position: absolute;  top: 50px;  width: 100%;  background: #fff;  box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);  }
#header .head-nav > div .nav .navbar_nav li.dropdown .dropdown_menu a {  font-size: 13px;  color: #666;  padding: 0 10px;  line-height: 40px;  text-align: left;  background: #fff;  margin-bottom: 2px  }
#header .head-nav > div .nav .navbar_nav li.dropdown:hover .dropdown_menu {  display: block;  background: #f3f3f3;  -webkit-transition: .5s;  -moz-transition: .5s;  -o-transition: .5s;  transition: .5s  }
#header .head-nav > div .nav .navbar_nav li.dropdown:hover .dropdown_menu a {  color: #666  }
#header .head-nav > div .nav .navbar_nav li.dropdown:hover .dropdown_menu a:hover {  color: #007130;  background: #fff  }

#top-popup{width: 100%;height: 100%;position: fixed;background-color: rgba(0, 0, 0, 0.73);z-index: 20000;top:0;}
#top-popup > div{width: 440px;padding: 50px;position: relative;background-color: #fff;margin: auto;overflow: hidden;}
#top-popup > div .close{display: inline-block;width: 20px;height: 20px;cursor: pointer;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;position: absolute;right: 20px;top:20px;font-size: 18px;font-weight: bold;}
#top-popup > div .close:hover{-webkit-transform: rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);  color: #007130;}
#top-popup > div .title{ height: 70px;line-height: 40px;font-size: 26px;font-weight: bold;color: #000; padding-bottom: 30px;}
#top-popup > div .hide{display: none;}
#top-popup > div .item{ padding-bottom: 30px; }
#top-popup > div .item span.btn-login{display: inline-block;cursor: pointer; width: 100%;height: 54px; line-height: 54px;font-size: 20px; background-color: #007130;color: #fff;text-align: center;}
#top-popup > div .tip{min-height: 20px;line-height: 20px; font-size: 14px;color: #007130;margin-bottom: 10px;}
#top-popup > div .link{text-align: right;}
#top-popup > div .link a{color: #bfbfbf;}
#top-popup > div .link a:hover{color: #007130;}
#top-popup > div .link span{color: #bfbfbf;cursor: pointer;}
#top-popup > div .link span:hover{color: #007130;}

.m_nav {  position: fixed;  top: 0;  box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);  width: 100%;  height: 100%;  background: #fff;  transition: all ease .5s;  -webkit-transition: all ease .5s;  z-index: 9910009;  opacity: 1;  visibility: visible;  margin-top: 0;  overflow-y: auto;  transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;   transform: translateX(100%)  }
.m_nav.open {  transform: translateX(0)  }
.m_nav .top {    padding: 20px;  box-sizing: border-box;padding-top: 13px;padding-right: 23px;  }
.m_nav .top .closed {  width: 30px;  height: 30px;  vertical-align: middle;  float: right;  cursor: pointer  }
.m_nav .logo {  width: 100%;  margin: 0 auto  }
.m_nav .logo img {  height: 50px;  display: block;  margin: 30px auto  }
.m_nav .ul {  margin-top: 30px  }
.m_nav .ul li {  padding: 0 20px;  border-bottom: 1px solid #f5f5f5;  transform: translateY(0);  -webkit-transform: translateY(100%);  transform: translateY(100%);  -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;  opacity: 0  }
.m_nav.open .ul li {  opacity: 1;  -webkit-transform: translateY(0);  transform: translateY(0)  }
.m_nav .ul li:nth-child(1) {  -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms  }
.m_nav .ul li:nth-child(2) {  -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms  }
.m_nav .ul li:nth-child(3) {  -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms  }
.m_nav .ul li:nth-child(4) {  -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms  }
.m_nav .ul li:nth-child(5) {  -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms  }
.m_nav .ul li:nth-child(6) {  -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;  transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms  }
.m_nav .ul li a {  display: block;  text-decoration: none;  color: #333;  font-size: 16px;  height: 50px;  line-height: 50px;  width: 100%  }
.m_nav .ul li .dropdown_menu {  display: none  }
.m_nav .ul li.dropdown.active .dropdown_menu {  display: block  }
.m_nav .ul li .dropdown_menu a {  display: block;  height: auto;  line-height: 30px;  padding: 10px 40px;  box-sizing: border-box;  border-bottom: 1px solid #f5f5f5  }
.m_nav .ul li .dropdown_menu a:last-child {  border: 0  }


#footer{clear: both;position: relative;padding-top: 20px;}
#footer .blog{ text-align: center;height: 65px;padding: 20px 0px; }
#footer .blog span.icon a{ display: inline-block;width: 25px;height: 25px;background-color: #42494f;margin: 0px 5px; }
#footer .blog span.icon a i{width: 25px;height: 25px;display: inline-block;line-height: 25px;text-align: center;font-size: 12px;color: #fff;}
#footer .blog span.icon a:hover{background-color: #007130;}
#footer .blog span.word{ padding-left: 30px; }
#footer .blog span.word a{ padding: 0px 10px; }
#footer .blog span.word a:hover{color: #007130;}
#footer .remark{ text-align: center; line-height: 20px;  color: #000;  font-size: 14px;  letter-spacing: 0.3;  font-family: "Alegreya",serif;  font-style: oblique;padding-bottom: 20px; }
#footer .copy{ text-align: center;background-color: #007236;color: #fff;height: 40px;line-height: 40px; }


/*首页*/
#page-home{overflow: hidden;}
#page-home .banner{
    background: url('/res/mobile/image/001-1.jpg');
    background-size: 100% 100%;
}
#page-home .banner > div{width: 100%;}
#page-home .banner-item{
    position: relative;
    display: flex;
    justify-content:center;
    /*align-items:Center;*/
}
.banner-item{
    height: 60% !important; 
}
#page-home .banner-item .intro{ text-align: left;width: 100%;}
#page-home .banner-item .intro > div > div{
    display: inline-block;
    margin: 6% 0 6% 0;
    background-color: #fbfbfad6;
    border-radius: 6px;
/* border-top-left-radius: 20px; */
/* border-bottom-right-radius: 20px;*/
    padding: 60px 30px 60px 30px;
    display: flex;
    justify-content: space-around;
}
#page-home .banner-item .intro > div > div .item{ line-height: 40px;font-size: 22px;color: #444444;width: 100%; }
#page-home .banner-item .intro > div > div .item span{ font-size: 30px;font-weight: bold;color: #007130; }
#page-home .banner-item .intro > div > div .b{ padding-top: 20px; }
#page-home .banner-item .intro > div > div .b a{ background-color: #007130;border-radius: 0;cursor: pointer;  color: #fff;  padding: 20px 30px;  text-transform: uppercase;  font-size: 12px;  word-spacing: 4px;  line-height: 0;  font-weight: 600 }
#page-home .banner-item .intro > div > div .b a:hover{ background-color: #fff;color: #000; }
#page-home .swiper-pagination{}
#page-home .swiper-pagination-bullet{}
#page-home .swiper-pagination span{ margin: 0px 5px;width: 40px;height: 10px; border-radius: 0;z-index: 9999;cursor: pointer;background-color: #00b050;opacity:1; }
#page-home .swiper-pagination .swiper-pagination-bullet-active{ background-color:#fff;border:1px solid #fff;  }

#page-common .container{padding: 0;}
.common-banner1 {
    padding: 0;
    height: 400px;
    position: relative;
     background: #fff;
}
.common-banner2 {
    padding: 0;
    height: 600px;
    position: relative;
     background: #fff;
}
.common-banner{padding: 0;position: relative;}
.common-banner .info{position: relative;display: flex;align-items:Center;height: 400px;}
.common-banner .info > div{ display: inline-block;padding: 20px;margin: auto;background-color: rgba(255, 255, 255, 0.82); min-width: 500px;}
.common-banner .info > div.black{ background-color: rgba(228, 201, 142, 0.62);border-radius: 8px; }
.common-banner .info > div .msg{ font-size: 20px;color: #444444;font-weight: bold; line-height: 40px;}
.common-banner .info > div .msg span{ font-size: 30px;color: #007130; }
.common-banner .info > div .b{padding-top: 10px;}
.common-banner .info > div .b a{ height: 40px;display: inline-block;line-height: 40px; background-color: #007130;border-radius: 6px; padding: 0 15px;font-size: 20px;color: #fff;font-weight: bold;}
.common-banner .info > div .b a:hover{ background-color: #e4c98e; }

.common-map{padding: 0;position: relative;height: 40px;}
.common-map > div{height: 40px;width: 100%;position: absolute;left: 0;top:-10px;background-color: #eee;}
.common-map > div .title{ padding-left: 15px;line-height: 40px;font-size: 14px;color: #007130;font-weight: bold; }
a.download{font-size: 13px;font-style: italic;text-decoration: underline;}
a.download i{vertical-align: middle;padding-right: 10px;}
a.download:hover{color: #007130;}

.section-title{position: relative;padding-bottom: 20px;}
.section-title h2{text-transform: uppercase;font-weight: 600;color: #333333;font-size: 28px;letter-spacing: 0.5px;word-spacing: 5px;}
.section-title h3{ font-size: 24px; }
.section-title small{font-family: 'Alegreya', serif;font-weight: 500;display: block;text-transform: uppercase;color: #999;font-style: oblique;letter-spacing: 1px;word-spacing: 2px;font-size: 10px;}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.section-border{display: inline-block;position: relative;}
.dash::before {background-color: #007236;content: "";height: 4px;position: absolute;text-align: center;top: 35px;width: 10px;}
.dash.m15::before{left: -15px;}

.section-title .dash::before {bottom: 0;top: inherit;width: 30px;}
.info-img{ overflow: hidden; }
.info-img img{ width: 100%; }
.info-a{color: #007130;}
.info-a:hover{ text-decoration: underline;color: #007130; }

.video-item{width: 350px;margin: auto;padding: 10px;background-color: #eee;}
.video-item .cover{width: 100%;height: 230px;position: relative;}
.video-item .cover img{width: 100%;height: 230px;}
.video-item .cover .icon{position: absolute;width: 100%;height: 230px;left: 0;top:0;cursor: pointer;background-color: rgba(0, 0, 0, 0.2);}
.video-item .cover .icon i{ display: inline-block;width: 80px;height: 80px;position: absolute;left: 135px;top:75px;line-height: 80px;text-align: center;font-size: 70px; color: #cdcdcd;}
.video-item .cover:hover .icon{ background-color: rgba(0, 0, 0, 0.54); }
.video-item .cover:hover .icon i{ color: #fff; }
.video-item .title{line-height: 20px;padding-top: 10px;}

.chart-item{margin: auto;}
.chart-item > div{background-color: #eee;padding: 10px;}
.chart-item .cover{width: 100%;position: relative;}
.chart-item .cover img{width: 100%;}
.chart-item .cover .icon{position: absolute;width: 100%;height: 100%;left: 0;top:0;cursor: pointer;display: flex;justify-content:center;align-items:Center;}
.chart-item .cover .icon i{ display: inline-block;width: 80px;height: 80px;line-height: 80px;text-align: center;font-size: 50px; color: #cdcdcd;}
.chart-item .cover:hover .icon{ background-color: rgba(0, 0, 0, 0.54); }
.chart-item .cover:hover .icon i{ color: #fff; }
.chart-item .title{line-height: 20px;padding-top: 10px;color: #007130;}
.chart-item .remark{line-height: 20px;padding-top: 10px;}


/*======================= contact ===========================*/
.other-addr > p{color: #999;margin-bottom: 25px;}
.other-addr h3{color: #333;margin-top: 0;text-transform: capitalize;}
.location p, .email p, .phone p, .fax p {background-color: #eee;color: #414141;font-weight: 600;margin-left: 65px;margin-bottom: 20px;padding: 15px ;}
.other-addr .fa span {background: #007130;display: block;height: 15px;margin-top: 18px;position: absolute;right: -7.5px;top: 0;transform: rotate(45deg);width: 15px;}
.other-addr .fa{width: 50px;height: 50px;position: relative;background-color: #007130;color: #fff;text-align: center;padding-top: 20px;font-size: 13px;mmargin-bottom: 15px;}
iframe.g-map{border: 0;margin-bottom: 50px;}
.form .form-control {background-color: transparent;border: 1px solid #dedede;border-radius: 0;box-shadow: none;color: #999;height: auto;margin-bottom: 20px;padding: 14px 20px;}
.form .form-control::-moz-placeholder {color: #999;opacity: 1;}
.form .btn .fa{margin-right: 5px;}
.form .btn {font-weight: 500;text-transform: uppercase;}
.form .title{min-height: 30px;line-height: 30px;font-size: 18px;margin-top: 10px;color: #aaaaaa;}

.layui-form{}
.layui-input, .layui-select, .layui-textarea{height: 52px;}
.layui-input, .layui-textarea{padding-left: 20px;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color:#007130; }
.layui-form-select dl dd.layui-this{background-color:#007130; }

.product-list{position: relative;background-color: #eee;padding: 10px;}
.product-list img{ display: block;margin: auto; }
.product-info{}
.product-info .title{ font-size: 20px;line-height: 30px;font-weight: bold; color: #575757;}
.product-info .subtitle{ font-size: 14px;line-height: 20px;padding-top: 10px;color:#007130; }
.product-info .item{ min-height: 60px;position: relative;padding-left: 100px; border-bottom: 1px dotted #e1e1e1;}
.product-info .item span.tip{ display: inline-block;height: 60px;line-height: 60px;position: absolute;left: 0;top:0;font-size: 14px;color: #aaaaaa; }
.product-info .item div.price{ line-height: 60px;font-size: 30px;font-weight: bold;color:#007130;  }
.product-info .item div.price span{ padding-left: 10px;font-size: 18px;font-weight: normal;color: #8b8b8b;font-style: italic;text-decoration: line-through; }
.product-info .item div.tab{padding-top: 10px;}
.product-info .item div.tab span{display: inline-block;height: 38px;border:1px solid #c1c1c1;color: #aaaaaa; padding: 0px 10px;line-height: 38px;margin-right: 5px;cursor: pointer;font-size: 14px;}
.product-info .item div.tab span:hover{border:1px solid #007130;color: #aaaaaa;}
.product-info .item div.tab span.cur{ border:1px solid #007130;color: #007130;font-weight: bold; }
.product-info .item div.num{padding-top: 10px;}
.product-info .item div.num > div{position: relative;height: 38px;}
.product-info .item div.num > div input{ width: 80px;height: 38px;padding: 0px 10px;border:1px solid #c1c1c1;outline: none; }
.product-info .item div.num > div input[readonly]{ background-color: #f9f9f9;cursor: not-allowed; }
.product-info .item div.num > div span{ width: 20px;height: 16px;cursor: pointer; text-align: center;line-height: 16px;display: inline-block;border: 1px solid #c1c1c1;position: absolute;left: 85px;top:0px; }
.product-info .item div.num > div span.sub{ top:unset;bottom: 0;font-size: 18px; }
.product-info .item div.buy{padding-top: 11px;}
.product-info .item div.buy a{ margin-right: 10px; }
.product-info .item div.buy a:hover{ color: #fff; }

.feedback-list{}
.feedback-list > div{padding: 20px;line-height: 30px;background-color: #eee;margin-bottom: 20px;border-left:5px solid #007130;}
.feedback-list > div p{margin-bottom: 0;}
.feedback-list > div.hide{display: none;}

.feedback-more{width: 80%; margin: 0 auto;text-align:center;}
.feedback-more p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 0.5rem;
    color: #007236;
    text-align: left;
}
.feedback-more > span{cursor: pointer;font-size: 20px;font-weight: bold;color: #007130;position: relative;padding-bottom: 20px;text-align:center;}
.feedback-more > span:hover{color:#007130;text-decoration: underline;}


.step-list{padding-left: 16px;}
.step-list > div{  }
.step-list .item{ position: relative;padding-left: 60px;min-height: 80px;margin-bottom: 30px; }
.step-list .item span.step{ display: inline-block;width: 50px;height: 50px;line-height: 50px;font-size: 26px; border:1px solid #007130;color: #007130;  position: absolute;border-radius: 100%;background-color: #fff;left: -20px;top:-5px;text-align: center; }
.step-list .item span.step-tip{ display: inline-block;width: 50px;height: 20px;color: #007130; line-height: 20px;position: absolute;left: -20px;top:50px;text-align: center;font-weight: bold;font-size: 14px; }
.step-list .item > div{ padding: 20px;background-color: #f6f6f6; }
.step-list .item i{ display: inline-block;position: absolute;left: 46px;top:15px; width:0; height:0;  border-top:6px solid transparent;  border-bottom:26px solid transparent;  border-right:14px solid #f6f6f6;  }

#user-page{}

@media screen and (max-width: 992px) {
    #page-common .container{padding: 10px;}
    #header{height: 50px;}
    .line-head{height: 50px;}
    #header .head-nav,#header .head-top {  padding: 0 10px  }
    #header .head-nav{ height:50px;}
    #header .head-nav > div .logo {  height: 50px;  position: absolute;left: 0;top:0px;  }
    #header .head-nav > div #navToggle {  height: 100%;  padding: 9px 15px;  margin-right: -15px;  display: inline-block;  float: right  }
    #header .head-nav > div #navToggle span {  position: relative;  width: 25px;  height: 3px;  margin-top: 13px;color: #bad18f; }
    #header .head-nav > div #navToggle span:before {  content: '';  position: relative;  width: 100%;  height: 3px;  left: 0  }
    #header .head-nav > div #navToggle span:after {  content: '';  position: relative;  width: 100%;  height: 3px;  left: 0  }
    #header .head-nav > div #navToggle span{  -webkit-transition: .3s;  -moz-transition: .3s;  -o-transition: .3s;  transition: .3s;  display: block;  background: #007236  }
    #header .head-nav > div #navToggle span:before{  -webkit-transition: .3s;  -moz-transition: .3s;  -o-transition: .3s;  transition: .3s;  display: block;  background: #007236  }
    #header .head-nav > div #navToggle span:after {  -webkit-transition: .3s;  -moz-transition: .3s;  -o-transition: .3s;  transition: .3s;  display: block;  background: #007236  }
    #header .head-nav > div #navToggle span:before {  top: 10px  }
    #header .head-nav > div #navToggle span:after {  bottom: 12px  }
    #header .head-nav > div #navToggle.open span:before {  top: 10px;  -webkit-transform: translateY(-11px) rotate(-45deg);  -moz-transform: translateY(-11px) rotate(-45deg);  -ms-transform: translateY(-11px) rotate(-45deg);  -o-transform: translateY(-11px) rotate(-45deg);  transform: translateY(-11px) rotate(-45deg)  }
    #header .head-nav > div #navToggle.open span:after {  bottom: 12px;  -webkit-transform: translateY(10px) rotate(45deg);  -moz-transform: translateY(10px) rotate(45deg);  -ms-transform: translateY(10px) rotate(45deg);  -o-transform: translateY(10px) rotate(45deg);  transform: translateY(10px) rotate(45deg)  }
    #header .head-nav > div #navToggle.open span {  background: 0 0  }
    #header .head-nav > div #navToggle.open span:before{  background: #4f4f4f  }
    #header .head-nav > div #navToggle.open span:after {  background: #4f4f4f  }
    #header .head-nav > div .nav {  display: none  }
    .col-md-offset-3{margin-left: unset;}

    .common-banner .info > div{min-width: unset;}
    #footer .blog{height: auto;}
    #footer .blog span.word{ display: block;padding: 10px 0;font-size: 12px;}
    
    .form .btn{ height: 40px;padding-top: 0;padding-bottom: 0;line-height: 40px; }
}

.slideInDown{ -webkit-animation: slideInDown 0.5s ease-in ; }
@-webkit-keyframes slideInDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}