header{padding: 0 78px; background: #fff; height: 90px; width: 100%; position: fixed; transition: all 0.5s; z-index: 100; position: fixed; top: 0; box-shadow: 0 0px 15px #a1a1a1;}

.logo{width: 240px; float: left;}

.nav{padding-top: 30px; width: calc(100% - 300px); float: left; text-align: right;}

.nav li{display: inline-block; padding: 0 43px;}

.nav li a{color: #333; font-size: 16px; transition: all 0.5s}

.nav li a:hover{color: #44a335}

.ej_nav{position: absolute; width: 100%; top: 90px; left: 0; background: #0e6d8f;}

.ej_nav2{position: relative; }

.ej_nav2 .container{padding:40px 0; position: relative;}

.ej_nav2 .container:before{content:""; display: block; width: 16.66666667%; background: #44a335; height: 100%; position: absolute; top: 0}

.ej_nav2:before{content:""; display: block; width:calc(50% - 635px); background: #44a335; height: 100%; position: absolute; top: 0}

.header_r{padding-top: 40px; text-align: right;}

.header_r .fa{font-size: 18px; font-weight: bold; color: #44a335; margin-right: 15px;}

.header_r span{font-size: 16px; color: #44a335; font-weight: 300}

.header_r span i{font-size: 18px;}

.gizle{ top: 0px;}

.sabit{top: 0}



footer{background: #00a84f; padding: 40px 0; text-align: center; color: #fff}

.zhinan dl:last-child{padding-right: 0;}

.zhinan{display: flex; justify-content: space-between;}

.logo_txt{padding-bottom: 50px;}

.follow{line-height: 44px;}

.follow span{font-size: 16px; line-height: 44px; display: inline-block; float: left; font-weight: 800; color: #fff; margin-right: 25px;}

.follow i{color: #fff; font-size: 20px; width: 44px; height: 44px; border-radius: 44px; border: solid 1px #fff; float: left; text-align: center; line-height: 42px; margin-right: 15px; cursor: pointer; transition: all 0.5s}

.follow i:hover{background: #fff; color: #0e6d8f}

.zhinan a{font-size: 16px; color: #fff;}

.zhinan dt a{text-transform: uppercase; margin-bottom: 10px; display: inline-block;transition: all 0.5s}

.zhinan dd a{font-weight: 300; line-height: 38px;transition: all 0.5s}

.zhinan a:hover{color: #44a335}

.copyright{border-top: solid 3px #0d6381; padding: 28px 0; color: #fff; margin-top: 20px; font-weight: 300}

.js_zhichi{text-align: right;}

.ej_tit p{font-size: 28px; color: #fff; font-weight: 800; text-transform: uppercase; padding-right: 10px; text-align: right;}

.ej_tit{padding: 0}

.nav_ej ul{float: left;}



.nav_ej li{display: block; font-size: 24px; color: #fff; height: 52px; text-align: left;}

.nav_ej li a{color: #fff; font-size: 24px;}

.nav_ej li a:hover{color: #44a335}

.nav_ej img{float: right;}

.nav li .wap-menu{padding-bottom: 30px;}

.ej_nav{height: 0; overflow: hidden; transition: all 0.5s}

.nav > ul > li:hover .ej_nav{height: 346px;}
.nav li .am-active{color: #44a335}


.nav--active{}

.iphone__screen{margin: 0 -15px;}

.nav_m {

  position: absolute;

  z-index: 100;

  opacity: 0;

  -webkit-transition-property: all;

  transition-property: all;

  -webkit-transition-duration: 300ms;

          transition-duration: 300ms;

}

.nav--active .nav_m {

  opacity: 1;

  background: rgba(0,168,79,0.8);

}

.nav__list {

  margin: 0;

  padding: 30px;  overflow-y: scroll;

}

.nav__item {

  list-style-type: none;

  text-align: left;

}

.nav__item dd a{font-size: 24px; color: #fff; line-height: 46px; font-weight: 300}

.nav__item dl{display: none}

.nav__link {

  font-size: 16px;

  text-transform: uppercase;

  text-decoration: none;

  color: #FFFFFF;

  opacity: 1; line-height: 46px;

  -webkit-transition: opacity 300ms ease-in-out;

  transition: opacity 300ms ease-in-out;

}

/* Default navigation icon */

.nav__trigger {

  display: block; transition: all 0.5s;

  position: absolute;

  width: 30px;

  height: 25px;

  right: 10px;

  top: 13px;

  z-index: 200;

}

.nav--active .nav__trigger {

  opacity: 1;

}

.nav__icon {

  display: inline-block;

  position: relative;

  width: 30px;

  height: 2px;

  background-color: #0e6d8f;

  -webkit-transition-property: background-color, -webkit-transform;

  transition-property: background-color, -webkit-transform;

  transition-property: background-color, transform;

  transition-property: background-color, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

          transition-duration: 300ms;

}

.nav__icon:before,

.nav__icon:after {

  content: '';

  display: block;

  width: 30px;

  height: 2px;

  position: absolute;

  background: #0e6d8f;

  -webkit-transition-property: margin, -webkit-transform;

  transition-property: margin, -webkit-transform;

  transition-property: margin, transform;

  transition-property: margin, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

          transition-duration: 300ms;

}

.nav__icon:before {

  margin-top: 0px;

}

.nav__icon:after {

  margin-top: 10px;

}

/* Don't nest if you don't have to. */

/**

* Style #1

*/

.nav_m {

  -webkit-transform: translateX(-100%);

          transform: translateX(-100%);

  width: 100%;


}

.nav__link {

  opacity: 0;

  -webkit-transition-delay: 500ms;

          transition-delay: 500ms;

}

.nav--active .nav__link {

  opacity: 1; color: #fff;

}

.nav--active .nav_m {

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;
  height: 100vh; width: 70%;
  -webkit-transform: translateX(0);

          transform: translateX(0);

}

.nav--active .nav__icon {

  background: rgba(0, 0, 0, 0);

}

.nav--active .nav__icon:before {

  margin-top: 10px; background: #fff;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}

.nav--active .nav__icon:after {

  margin-top: 10px; background: #fff;

  -webkit-transform: rotate(-45deg);
 
          transform: rotate(-45deg);

}

.nav--active .active{ position: relative;}

.nav--active .active .nav__link{color:#44a335}

.active:before{width: 10px; height: 10px; background: #44a335; border-radius: 10px; content: ""; display: block; position: absolute; left: -15px; top: 17px;}

.zhinan span,.iphone__screen{display: none}

.yy{background: rgba(0,0,0,0.8); position: fixed; width: 100%; height: 100vh; z-index: 9; opacity: 0; transition: all 0.5s}

.yy2{opacity: 1; z-index: 20; transition: all 1s}

.nav ul > li{}

.nav > ul > li:before{content: ""; display: block; width: 8px; height: 8px; border-radius: 8px; background: #fff; top: -10px; position: relative; left: 0; right: 0; margin: auto; opacity: 1; transition: all 0.5s;}

.nav > ul > .on:before,.nav > ul > li:hover:before{background: #44a335 !important;}

.nav > ul > li.on .wap-menu,.nav > ul > li.active .wap-menu{color: #44a335}

.footer_ny{border-top: solid 12px #44a335}

.copyright a{color: #fff; transition: all 0.5s}

.copyright a:hover{color:#44a335}



@media (max-width: 1800px) {

	.nav li{padding: 0 23px;}

	.ej_tit,.ej_nav2 .container:before{width: 23%}

	.nav_ej{width: 77%}

}

@media (max-width: 1700px) {

	.zhinan dl{padding-right: 30px;}

	.copyright{font-size: 16px;}

	footer .col-sm-4{width: 25%}

	footer .col-sm-8{width: 75%}

}

@media (max-width: 1550px) {

	.nav li{padding: 0 18px;}

	.ej_tit,.ej_nav2 .container:before{width: 25%}

	.nav_ej{width: 75%}

	.nav_ej img{max-width: 500px;}

	.ej_nav2,.ej_nav2 .container:before{height: 346px;}

}

@media (max-width: 1440px) {

	.nav li a{font-size: 14px;}

	.nav_ej li a{font-size: 18px;}

	header{padding: 0 25px;}

	.ej_tit,.ej_nav2 .container:before{width: 29%}

	.nav_ej{width: 71%}

}

@media (max-width: 1400px) {

	footer{}

	.ej_tit,.ej_nav2 .container:before{width: 27%}

	.nav_ej{width: 73%}

	.ej_nav2:before{    width: calc(50% - 555px);}

	.nav_ej img{width: 500px;}

	.ej_nav2,.ej_nav2 .container:before{height: 346px;}

}

@media (max-width: 1340px){

	.nav li{padding: 0 15px;}

}

@media (max-width: 1300px){

	.nav li{padding: 0 8px;}

}

@media (max-width: 1270px){

	.nav_ej img{max-width: 440px;}

	.ej_nav2:before{    width: calc(50% - 355px);}

}

@media (max-width: 1200px) {
  .banner{margin-top: 60px}
	header{padding: 0 0px; height: 65px;}
  .nav_m{width: calc(100% + 30px)}
	.logo img{height: 45px;}

	.nav{display: none}

	.header_r{display: none}

	.nav--active .header_r{display: block; text-align: left; padding: 25px 30px}

	.nav--active .nav__trigger{right: 32%; top: 23px}

	.header_r span,.header_r .fa{color: #fff;}

	.header_r .fa-instagram{font-weight: normal;}

	footer .container2{padding: 0 15px;}

	.logo_txt{text-align: center; padding-top: 0px;}

	.follow{display: block; text-align: center; margin-bottom: 50px;}

	.follow i,.follow span{float: initial;}

	.zhinan{display: block;}

	.js_zhichi{text-align: center; padding-top: 20px;}

	.copyright{padding: 20px 0}

	.copyright{font-size: 14px; font-weight: 300; text-align: center;}

	.zhinan dd{display: block; height: 0; overflow: hidden; transition:all 0.5s;}

	.zhinan dl{position: relative; margin-bottom: 10px; transition: all 0.5s}

	.zhinan .active2 dd{height: 38px;}

	.zhinan dl:before{position: absolute; right: 0; color: #fff; content: "+"; display: block;}

	.zhinan span{position: absolute; right: 0; opacity: 0; top: 0}

	.zhinan .active2:before{content: "-"}

	.zhinan span,.iphone__screen{display: block;}

	footer .col-sm-4{width: 100%}

	footer .col-sm-8{width: 100%}

	footer{}

	.nav__link{font-size: 26px; line-height: 2em}

	.nav__item dd a{font-size: 36px; line-height: 2em}

	.active:before{top: 20px;}
  .nav--active .active .nav__link{color:#fff; font-weight: bold;}

.active:before{width: 10px; height: 10px; background: #fff; border-radius: 10px; content: ""; display: block; position: absolute; left: -15px; top: 17px;}

}

@media (max-width: 767px) {

	.nav__link{font-size: 16px; line-height: 46px;}

	.nav__item dd a {font-size: 24px;color: #fff;line-height: 46px;font-weight: 300;}

	.active:before{top: 17px;}

}