@charset "utf-8";
@font-face {


font-family: opensans;

src: url('../fonts/opensans.ttf')
}

body{ font-family:"opensans", Arial, Helvetica, sans-serif; font-size:14px; width:100%;overflow-x:hidden;}


.container img{ max-width:100%;}


a{ color:#333;}


a:hover{ color:#23ac38; text-decoration:none;}


.top{ background:#1e1d24; color:#fff; font-size:13px;padding:5px 0;}


.social-list{ font-size:16px;}
.social-list a{ color:#fff; margin:0 5px;}
.site-header{ background:#fff; box-shadow:0 3px 2px rgba(0,0,0,0.1);}

.navbar-nav{ text-transform:uppercase; font-size:15px; font-weight:bold;}

.main_menu {padding:0; margin:0 0 0 20px; width:auto; display:inline-block; float:right; }


.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu > li{ float:left; font-size:14px; position:relative;}

.main_menu > li > a{ display:block;float:left; text-transform:uppercase; font-weight:bold;padding-left: 1.5rem;
padding-right: 1.5rem;}

.main_menu > li > a:hover{ text-decoration:none; }
.main_menu > li.active > a,.main_menu > li > a.now{ }



.main_menu > li > .nav-sub{ position:absolute; left:0; top:100%; min-width:100%; padding-top:25px; display:none; z-index:999;}

.main_menu li .nav-sub ul{background:#fff; margin:0; width:auto; padding:2px 5px; box-shadow:0 5px 6px -3px #666;}

.main_menu li .nav-sub li{ margin:20px 15px; height:auto; float:none; display:block;}


.main_menu li .nav-sub li a{ padding:7px 15px; line-height:2; float:none; white-space:nowrap; background-color:#a2ce45; color:#fff; border-radius:2px;  display:block;}
.main_menu li .nav-sub li a:hover{background-color:#89b52a;/*box-shadow:inset 0 0 10px rgba(255,255,255,0.7);*/}
.main_menu li .nav-sub li:nth-child(2) a{ background-color:#ecb22d;}
.main_menu li .nav-sub li:nth-child(2) a:hover{ background-color:#e0a314;}
.main_menu li .nav-sub li:nth-child(3) a{ background-color:#5b5a5a;}
.main_menu li .nav-sub li:nth-child(3) a:hover{ background-color:#424242;}
.main_menu li .nav-sub li:nth-child(4) a{ background-color:#7d52a7;}
.main_menu li .nav-sub li:nth-child(4) a:hover{ background-color:#61378c;}
.main_menu li .nav-sub li:nth-child(5) a{ background-color:#313fa0;}
.main_menu li .nav-sub li:nth-child(5) a:hover{ background-color:#1c2b87;}
.main_menu li .nav-sub li:nth-child(6) a{ background-color:#337730;}
.main_menu li .nav-sub li:nth-child(6) a:hover{ background-color:#205e1c;}
.main_menu li .nav-sub li:nth-child(7) a{ background-color:#86603e;}
.main_menu li .nav-sub li:nth-child(7) a:hover{ background-color:#6e4827;}
.main_menu li .nav-sub li:nth-child(8) a{ background-color:#54add7;}
.main_menu li  .nav-sub li:nth-child(8) a:hover{ background-color:#5c9ebd;}

.main_menu li .nav-sub li a:hover{ color:#fff; }

.main_menu > li:hover .nav-sub{ display:block;}

.main_menu > li > .nav-sub .pageMenu{ text-align:center; border-right:1px solid #ddd;}

.main_menu > li .nav-sub .pageMenu ul{ display:inline-block; text-align:left;}

.main_menu > li .nav-sub .pageMenu a{ display:block; margin: 10px 0;}

.topFlag .dropdown-menu{ width:120px; min-width:inherit; left:-40px; padding-top:10px; background:none; border:0;}


.topFlag .dropdown-menu:before{

	content:""; position:absolute; top:0; left:50%; margin-left:-5px; width:0; height:0; border-width:5px; border-color: transparent transparent #ccc transparent; border-style: dashed dashed solid dashed; }



.topFlag .btn-group { }


.topFlag .btn-group > a{ display:block; padding:0 12px; overflow:hidden; font-size:17px;}


.topFlag .btn-group > a i.bi:before{ vertical-align:middle!important}


.topFlag ul{ padding:5px 0; margin:0; text-align:center; border:1px solid #ddd; background:#f8f8f8;}

.topFlag ul li{ padding:5px 0 5px 0; float:none; line-height:1.6; }


.topFlag .dropdown-menu i{ display:inline-block; width:22px;height:22px; border-radius:50%; background-image:url(../images/flag.gif); background-color:gray; margin:0 0 0 0; vertical-align:middle;}















.topFlag i.flag-cn { background-position:0 0;}















.topFlag i.flag-en { background-position:-40px 0;}















.topFlag i.flag-es { background-position:-76px 0;}















.topFlag i.flag-pt { background-position:-120px 0;}















.topFlag i.flag-nl { background-position:-173px 0;}















.topFlag i.flag-it { background-position:-220px 0;}















.topFlag i.flag-fr { background-position:-242px 0;}















.topFlag i.flag-py { background-position:-265px 0;}















.topFlag i.flag-de { background-position:-348px 0;}















.topFlag .dropdown-menu a{ font-size : 12px; display:block;}















.topFlag.topFlag .dropdown-menu a:hover{ color:#1b9ffe;}































.searchtop{ cursor:pointer;}















.search-send{ padding:20px 0;  background-color:#f2f2f2; display:none; position:relative; top:100%;}















.search-send.on{ display:block;}















.search-send .close{ position:absolute; top:25px; right:2%; cursor:pointer; }















.search-send .close .fa{font-size:30px;}















.search-send .close:hover{ color:#23ac38}































.home-top { color:#fff; position:fixed; top:0; left:0; width:100%; z-index:11;}















.home-top a{ color:#fff;}















.home-top a:hover{ color:#23ac38;}















.home-top .dropdown-menu a{ color:#333}































.home-fix{ display:none;}






#index-slide,.carousel-item{ 















position: relative;















width: 100%;















 background:#f0f0f0;















}















@media (min-width: 1440px) {















  #index-slide,#index-slide .carousel-item{ 


x-height: calc(100vh);


overflow: hidden;


}



}















.carousel-caption {















	top:50%;	

    bottom: 0;

    left: 20%;

	max-width:600px;	

	transform:translate(0,-50%);

    z-index: 10;

    padding-top: 80px;

    padding-bottom: 20px;

    color: #fff;


    text-align: center;

}

.carousel-caption h2{ font-size:2.8rem; text-transform:uppercase; font-weight:bold;}

#newsBlock .col-md-3{ position:relative;}
#newsBlock .col-md-3:after{ content:""; position:absolute; top:0; left:15px; bottom:0; right:15px;border:1px solid #e0e0e0;  background:#f2f2f2; z-index:0 }

    .articleItem{  position:relative;  margin:0 auto 0; z-index:1}



    .articleItem .pic{ position:relative; padding-top:calc(150/268 * 100%); overflow:hidden;background:#eee;}


    .articleItem .pic img{ position:absolute; top:0; left:0;


    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

}

    .articleItem .pic:hover img{ transform:scale(1.1,1.1); opacity:0.8}


    .articleItem .content{ padding:10px 0;color:#555; margin:0 15px;}
    .articleItem .content h4{ font-size:18px; line-height:1.5;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
    .articleItem .meta{margin:0 15px; padding-top:10px; color:#888;}
    .articleItem .meta .date{ display:inline-block; margin-right:20px;}


#newsBlock .col-md-3:hover:after{ box-shadow:3px 3px 7px #ccc; background:#fff; }


.comm-tit{ font-size:36px; text-align:center;}

.footer{ background:#231f20; color:#fff;}


.footer h5{ font-size:16px;}

.footer .text-muted{ font-size:14px; margin-right:20px; display:inline-block; min-width:110px;}

.form-control-bt{ min-width:200px; width:100%; background:none; border:0; border-bottom:1px solid #373435; margin-bottom:15px; color:#888888;font-size:14px; }

.submit-bottom{ color:#fff; border:0; background:none; border-bottom:2px solid #fff;}

.submit-bottom:hover{ color:#23ac38; border:0; background:#404040; border-bottom:2px solid #23ac38;}

.flogo{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

.case{ }

.cat-search{ background-image: linear-gradient(to right, #ccc , #999); color:#fff; background-size:cover; background-repeat:no-repeat; background-position:center center;}

.height40input{ line-height:40px; background:#fff; border:0; min-width:300px; height:40px; padding:0 5px; font-size:14px; color:#666; max-width:calc(100% - 50px)}

.search-ico{ height:40px; line-height:40px; background:#fff; border:0;color:#666; margin-left:-5px; padding:0 10px; }

.fold_wrap{width:100%;height:700px;margin:0 auto 0 auto;overflow:hidden; padding:0;}

.fold_wrap li{float:left;width:25%;height:700px;position:relative;overflow:hidden;cursor:pointer; list-style:none; margin:0; padding:0;}

.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;right:0px;top:0px; text-align:right;background:rgba(0,0,0,.5);_background:#B2B2B2;}















.fold_wrap li.active .mask_b{background:none;}















.fold_wrap li .mask_b h4{color:#fff;width:100%;margin:0 auto;display:block; font-size:24px; line-height:26px;position:relative; font-weight:normal; text-align:center;}















.fold_wrap li.big{width:875px;}















.i_how_n1{ top:15%;}















.pic_auto{width:100%;height:100%;}































#case02{ display:none;}















@media screen and (max-width: 1024px){















	#case01{ display:none;}















	#case02{ display: block;}















	.fold_wrap{ height:auto;}















	.fold_wrap li{ width:50%; height:auto;}















	.navbar-nav{ display:flex;flex-direction: column;}















	}




.breadcrumb{ background:none; padding-left:10px; padding-right:0; margin-top:0.75rem;line-height:1; position:relative; }

.breadcrumb a,.breadcrumb span{ margin:0 7px; display:inline-block; vertical-align:middle;}







.breadcrumb i{ position:absolute; top:0.65rem; left:0;}


	.sidebar{ max-width:255px;}


.sideMenu{ background:#f7f7f7; border:1px solid #e0e0e0; list-style:none; font-size:14px; padding:0; margin:0}















.sideMenu li{ margin:0;border-bottom:1px solid #e0e0e0; position:relative;}















.sideMenu li a{ display:block; padding:8px 15px 8px 25px; }















.sideMenu li a:hover{ background:#fff; }















.sideMenu li:before{ content:""; position:absolute; top:50%; left:0; width:3px; height:15px; margin-top:-7px; background:#23ac38;}































.menuOne h2 a.btn{ font-size:14px; font-weight:bold; background:#f7f7f7 url(../images/xiaosanjiao.png) no-repeat 13px -19px; padding-left:25px;}















.menuOne h2 a.btn.collapsed{ background-position:13px 13px}















.menuOne h2 a.btn i:before{ vertical-align:middle}















.menuOne h2 a.btn:hover{ color:#23ac38;}















.sideMenu2{ background:#fff; list-style:none; font-size:14px; padding:0; margin:0}















.sideMenu2 li{ margin:0;border-top:1px solid #e0e0e0; position:relative;}















.sideMenu2 li a{ display:block; padding:8px 15px 8px 20px; }















.sideMenu2 li a:hover{ background:#fff; }















.sideMenu2 li:before{ content:""; position:absolute; top:50%; right:0; width:3px; height:15px; margin-top:-7px; background:#23ac38;}















































.side-contact{ border:1px solid #e0e0e0;}















.side-contact h5{ padding:8px 20px; border-bottom:1px solid #e0e0e0; font-size:16px;}















.side-contact .con-rows{ margin:10px 20px; position:relative; font-size:14px; padding-left:18px;}















.side-contact .con-rows i{ position:absolute; top:-3px; left:0;}















.side-contact .con-rows h6{ font-size:15px; margin-bottom:0; margin-top:0;}















.side-contact .con-rows p{ color:#888;}































.text-header{ text-align:center; font-size:30px; margin-bottom:1.25rem;}





.app-top {

    background: #eee;

    padding: 5px 0;

    margin: 15px 0;

    padding-left: 15px;

    display: flex;

}

.app-top span { line-height: 33px; }

.app-top form {

  width: 80%;

  margin-left: 15px;

}

.app-top select {

  border: 1px solid #ccc;

    width: 70%;

    font-size: 14px;

    color: #666666;

    margin-right: 10px;

    padding: 5px 0 5px 10px;

    outline: none;

}

.app-top button {

  height: 33px;

    border: 0;

    background: #23ac38;

    color: #fff;

    padding: 0 15px;

    outline: none;

}

.app-top button:hover { background: #de7602; }

.app-botm {

    background: #eee;

    width: 100%;

    padding-bottom: 10px;

    margin-bottom: 30px;

}

.app-botm h3 {

  background: #ddd;

    padding: 10px;

    font-size: 18px;

}

.app-list { padding: 10px; }

.app-list ul {

  display: flex;

    margin: 0;

    padding: 0;

    flex-wrap: wrap;

}

.app-list li {

  float: left;

  margin: 5px 10px 5px 5px;

  color: #333;

  font-size: 14px;

  list-style: none;

}

.app-list li a {

  color: #333;

}

.app-list li a:hover { color: #23ac38; }

.pd-app { display: none; }

.pd-show {

    padding: 10px 60px;

    background: orange;

    outline: none;

    border: 0;

    color: #fff;

}

.pd-show:hover { background: #de7602; }

.figure { display: block; text-align: center; }





.his-wrap, .green-wrap { margin-bottom: 50px; position: relative; margin-top: 50px; overflow: hidden;}







.his-box, .green-box { padding: 30px 0; margin-bottom: 200px;}







.his-box:before, .green-box:before {







    content: '';







    position: absolute;







    width: 4px;







    height: 100%;







    background: #23ac38;







    left: 50%;







    top: 0;







    transform: translateX(-50%);







}







.green-box:before { background: #28a745; }







.his-wrap ul, .green-box ul { position: relative; /*padding-top: 30px; padding-bottom: 30px;*/ padding-left: 0; margin: -13em 0;}







.green-box ul { min-height: 315px; margin: -5em 0; margin-top: 50px;}







.his-wrap ul:first-child, .green-box ul:first-child { margin: 0; }







.his-wrap li{







  list-style: none;







  /*margin-bottom: 30px;*/







  max-width: 50%;







  padding-right: 50px;







}







.green-box li {







  max-width: 40%;







  list-style: none;







  position: relative;







  border: 5px solid #eee;







  border-radius: 5px;







}







.his-wrap .r-ul li {







  padding: 0;







  padding-left: 50px;







  float: right;







}







.green-box .r-ul li:first-child { float: right; }







.green-box .r-ul li:last-child { float: left; }







.r-ul {







  min-height: 473px;







}







.r-ul:nth-child(odd) {  }







.his-wrap li:before /*.green-box li:before*/ {







  content: '';







  width: 25px;







  height: 25px;







  background: #008442;







  border-radius: 50%;







  position: absolute;







  right: 50%;







  transform: translateX(12px);







}







.green-box li:before { background: #28a745; }







.his-wrap li h3 {







  font-size: 24px;







}







.gricon {







    width: 60px;







    height: 60px;







    border-radius: 50%;







    background: #eee;







    text-align: center;







    line-height: 55px;







    cursor: pointer;







    position: absolute;







   right: -33%;







}







.r-li .gricon { left: -33%; }







.gricon:hover { background: #28a745; }







.gr-font h4 { font-size: 24px; padding: 10px; }







.gr-font {







  position: absolute;







    top: 0;







    left: 0;







    background: #eee;







    width: 100%;







    opacity: 0.8;







}







.green-box .r-li {







  background-color: #eee;







    border-radius: 0.50em;







    float: right;







}







.green-box .r-li p {margin-bottom: 0; padding: 10px;}







.gr-bg { background: #eee; padding: 10px; float: left;}















.about-it{ margin:5px -5px; font-size:14px;}















.about-it img{ max-width:100%;}















.about-it h5{ margin:8px 0; font-size:15px; font-weight:bold;}































.contact-it{ margin-bottom:3rem;}















.contact-it h5{ color:#23ac38; font-size:18px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #ccc; padding-bottom:10px;}















.contact-it p{ position:relative; padding-left:30px; font-size:14px;}















.contact-it p i{position:absolute; top:-2px; left:0; font-size:16px;}







.contact-it span { display: inline-block; margin-right: 10px; }















.btn-group ul { display: flex; padding: 0; position: relative;}







.btn-group li { margin-right: 5px; list-style: none;}



.btn-group .btn { font-size: 16px; }



.lx-box {







  position: absolute;







  left: 0;







  top: 100%;







  display: none;







  width: 400px;







}







.btn-group li:hover .lx-box { display: block; }







.lx-img {







  text-align: center;







  font-size: 80px;







}







.lx-info {







    margin-top: 20px;







}



.lx-info i.fa {



  top: 0;



    margin-top: 2px;



}







.mapContent {







  max-width: 100%;







    width: 100%;







}







.mapContent iframe{







    width: 100%;







}















.page-link {















    color: #333;















}















.page-link:hover {















  color: #23ac38;















}















.page-item.active .page-link {















    background-color: #23ac38;















    border-color: #23ac38;















}















.down-it{ background:#f2f2f2; border-top:5px solid #23ac38}















.down-it h3{ font-size:14px; position:relative; padding:12px 10px ; border-bottom:1px solid #ccc;}















.down-it h3 i{ position:absolute; right:9px; top:8px; color:#bbb;}















.down-it p{ padding:10px 10px 1.5rem; font-size:14px;vertical-align:text-top}















.down-it p a{color: #23ac38;}















.down-it p a:hover{ text-decoration:underline; }































/* faq */















.panel.panel-faq { box-shadow:none;}















.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {















    border-top: 0 solid #ccc;	















}















.panel-faq .panel-heading {















    padding: 10px 0 10px 30px;















	position:relative;	















	margin-top:10px;















	border-bottom:1px solid #ccc;















}















.panel.panel-faq i.bi{ vertical-align:text-top;}















.panel-faq .panel-heading .panel-title{font-size:16px;}















.panel-faq .panel-heading i.yell{ position:absolute; top:5px; left:0;  color:#23ac38; font-size:20px; }















.panel-faq .panel-body{ padding:0 0 0; position:relative; font-size:14px;}















.panel-faq .panel-body table td{ background:#f2f2f2; padding-top:5px; padding-bottom:5px; padding-left:30px; border-top:2px solid #fff;}































.news-col{}































.pro-info{ /*box-shadow:0 5px 5px #ddd;*/ font-size:16px; line-height:1.8;}































.pro-tags h5{ position:relative; padding-bottom:15px; margin-bottom:20px;}















.pro-tags h5:after{ content:""; position:absolute; bottom:0; left:0; width:80px; height:3px; background-color:#23ac38;}















.pro-tags a{ white-space:nowrap; margin-right:20px; margin-bottom:20px;}































#pro-top-fuc .select{ font-size:16px;}

.btn-gray{ background:#f6f6f6; color:#333; border-radius:20px;  padding:7px 25px;}

.btn-gray:hover{/*color:var(--bs-main-color);*/ background:#e0e0e0; }

.btn-gray.active{background:var(--bs-main-color); color:#fff; }

#pro-top-fuc .select i.bi{ font-size:24px; margin-right:8px;}



#pro-top-fuc .form{ position:relative;}







#pro-top-fuc .form button{ background:none; border:0; position:absolute; right:5px; top:5px;}





.pd-down {







  display: inline-block;







  margin-right: 10px;







  position: relative;







}







.pd-list {







    position: absolute;







    left: 0;







    top: 100%;







    display: none;







    width: 100%;







}







.pd-list a {







  display: block;







    padding: 5px;







    font-size: 16px;







}







.pd-list a i { font-size: 18px; color: #23ac38;







    padding-right: 5px; }







.pd-down:hover .pd-list { display: block; }















#pro-info{position:relative; padding:20px 30px 25px 30px; margin-top:20px; margin-bottom:20px; background:#c7cdd0;}















#pro-info .title{display: block; margin-bottom: 15px; font-size: 16px; text-transform: uppercase; color: #fff; font-weight:bold;}















#pro-info fieldset{float: left;width: 50%;}















#pro-info .form-box{margin: 0 2px 2px 0; background: #f1f2f3;}















#pro-info .form-box span{background: #f1f2f3;}















#pro-info input{height: 37px; padding: 5px 7px; margin: 0; color: #7d7d7d; width: 100%; border:0; background-color:#f2f2f2;}















#pro-info textarea{padding: 5px 7px; width:100%; border:0;background-color:#f4f4f4;}















#pro-info input:focus,#pro-info textarea:focus{background-color:#fff;}















#pro-info input.css-checkbox{width: 20px; height: 20px; position: absolute; overflow: hidden; clip: rect(0 0 0 0);}















#pro-info .css-label{line-height: 20px; height: 20px; margin: 0; vertical-align: top; color: #fff; background: url(../images/checkbox-replace.png) no-repeat; cursor: pointer; font-size:14px; }















#pro-info .css-label a{color: #333;}















#pro-info .no-label{padding-top: 15px;}















#pro-info label{ font-weight:normal;}















#pro-info .btn-gray{background-color: #5d6264; color: #fff; padding: 10px 15px; text-transform: uppercase; display:inline-block; width:auto;}















#pro-info .btn-gray:focus,#pro-info .btn-gray:hover{ background-color:#333;}















#pro-info input[type=checkbox].css-checkbox + label.css-label{padding-left: 25px; height: 20px; display: inline-block; line-height: 20px; background-position: 0 0;}















#pro-info input[type=checkbox].css-checkbox:checked + label.css-label{background-position: 0 -20px;}















::-webkit-input-placeholder {color:#7d7d7d;}















::-moz-placeholder{color:#7d7d7d;}















::-ms-input-placeholder {color:#7d7d7d;}































.btn-warning {















  color: #fff;















  background-color: #23ac38;















  border-color: #23ac38;







  margin-right: 5px;
margin-bottom: 10px;

}


.btn-warning:hover {

  color: #fff;

  background-color: #008442;

  border-color: #008442;

}

.btn-warning:focus, .btn-warning.focus {

  color: #fff;

  background-color: #008442;

  border-color: #008442;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.text-warning {

  color: #23ac38 !important;

}

a.text-warning:hover, a.text-warning:focus {

  color: #008442 !important;

}


.font16{ font-size:16px;}


.nav-tabs-line{ font-size:18px;}


.nav-tabs-line li{ padding:0 1rem;}

.nav-tabs-line a.active, .nav-tabs-line .nav-item.show a{







    color: #222;







	border-bottom:3px solid #23ac38;	







}







.nav-tabs-line a{







    display: block;







    padding: 0.5rem 0;







}















.container .card{ height:calc(100% - 5px)}







.container .card img{ display:block; margin:0 auto;}















/* 2021.3.2 green production*/







body.green-product{overflow-x: hidden;}







.diagonal {







    width: 106%;







    height: 300px;







    background-color: #fff;







    -webkit-transform: translate(0,-100px) rotate(-3deg);







    -ms-transform: translate(0,-100px) rotate(-3deg);







    transform: translate(0,-100px) rotate(-3deg);







}







 #product-slide .carousel-indicators{ display:none;}







	  .grid-hero{







		  display: grid;







		  position:relative;







		margin-top: -563px;







		-webkit-box-pack: stretch;







		-webkit-justify-content: stretch;







		-ms-flex-pack: stretch;







		justify-content: stretch;







		justify-items: stretch;







		-webkit-box-align: stretch;







		-webkit-align-items: stretch;







		-ms-flex-align: stretch;







		align-items: stretch;







		grid-auto-columns: 1fr;







-ms-grid-columns: 1fr 1fr;







grid-template-columns: 1fr 1fr;







-ms-grid-rows: auto auto;







grid-template-rows: auto auto;







grid-row-gap: 16px;







grid-column-gap: 16px;







		}







		.rectangle {







    width: 428px;







    height: 468px;







    padding: 60px;







    border-radius: 12px;







    background-color: #008482;







    box-shadow: 0 20px 128px -48px #008482;







}







.rectangle-container {







    display: flex;







    -webkit-box-direction: normal;







    -webkit-flex-direction: column;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-pack: center;







    -webkit-justify-content: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -webkit-align-items: center;







    -ms-flex-align: center;







    align-items: center;







}







.image-hero {







    width: 128px;







    height: 128px;







    margin-bottom: 40px;







}







.paragraph-hero {







    margin-bottom: 0;







    font-family: fieldwork,sans-serif;







    font-size: 24px;







	color: #fff;







line-height: 1.5em;







}







.rectangle-cta {







    width: 520px;







	-ms-grid-column-align: stretch;







justify-self: stretch;







-webkit-align-self: center;







-ms-flex-item-align: center;







-ms-grid-row-align: center;







align-self: center;







position: relative;







z-index: 2;







}







.container-cta {







    display: flex;







    height: 400px;







    -webkit-box-direction: normal;







    -webkit-flex-direction: column;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-pack: justify;







    -webkit-justify-content: space-between;







    -ms-flex-pack: justify;







    justify-content: space-between;







}







.hero-title {







    margin-top: 0;







    margin-bottom: 80px;







    font-family: Objectsans,sans-serif;







    font-size: 36px;







    font-weight: 500;







	color: #fff;







line-height: 1.5em;







}







.hero-title-2 {







    margin-bottom: 40px;







    color: #051a15;







    font-size: 24px;







    line-height: 1.5em;







    font-weight: 400;







}







.grid-div-hiw {







    display: flex;







    width: 100%;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-pack: justify;







    -webkit-justify-content: space-between;







    -ms-flex-pack: justify;







    justify-content: space-between;







    -webkit-box-align: center;







    -webkit-align-items: center;







    -ms-flex-align: center;







    align-items: center;







}







.image-container-hiw {







    display: -webkit-box;







    display: -webkit-flex;







    display: -ms-flexbox;







    display: flex;







    width: 128px;







    height: 128px;







    margin-bottom: 20px;







    -webkit-box-pack: center;







    -webkit-justify-content: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -webkit-align-items: center;







    -ms-flex-align: center;







    align-items: center;







}







.step-image {







    margin-bottom: 0;







	max-width:120px;







	display:inline-block;







}







.step-title {







    margin-bottom: 20px;







    font-size: 21px;







    line-height: 1.5em;







	font-weight:bold;







}







.step-text {







    margin-bottom: 0;







    font-size: 18px;







    line-height: 1.56em;



    font-weight: 400;

	text-align:center;







}


#product-ico{ padding-top:80px; margin-top:50px;}







#product-ico .carousel-indicators{ bottom:auto; top:0; left:auto; right:0; margin-right:0;}







#product-ico .carousel-indicators li{ background:#f4f4f4; text-indent:0; width:auto; height:auto; padding:5px 20px; vertical-align:middle; line-height:1; border-radius:25px;}







#product-ico .carousel-indicators li span{ font-size:16px; font-weight:bold; padding-left:5px; display:none; vertical-align:middle;}







#product-ico .carousel-indicators li img{ vertical-align:middle;}







#product-ico .carousel-indicators li.active{ background:#23ac38;}







#product-ico .carousel-indicators li.active span{ display:inline-block;}







#product-ico .carousel-item {

    background: #fff;

}







#product-ico .carousel-item img{ display:block; margin:0 auto;}







.btn-yellow-green{ background-color:#cac900;}







.btn-yellow-green:hover{ background-color:#ca8500; color:#fff;}






.owl-carousel-partner .pic{ margin:0 20px;} 




.cat-logo{ display:block; margin:0 auto 20px auto; max-width:300px !important;}


.cate-p {
    text-align: left;
    height: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 20px 0;
}
.text-body img{ max-width:100%; height:auto;}
.greenProTit{ color:#fff; margin-bottom:100px;}

@media screen and (max-width: 640px){


	.fold_wrap li{ width:100%; border-bottom:1px solid #777;}

	/*.fold_wrap li .mask_b{background: rgba(0,0,0,.1);}*/

	
	}

.navbar-toggle {
    display: none;
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:10px;
	right:10px;
	font-size:28px;
	background-color:transparent;
	border:0;
	color: #333;  
} 
	@media screen and (max-width: 768px){
	#index-slide{ margin-top:110px;}
	.slide-des{ max-height:42px; overflow:hidden; margin-bottom:10px;}
	.navbar-brand img{ height:35px; width:auto;}

	.flogo{ position:relative; left:auto; right:0; text-align:center;  transform:translate(0,0); margin-top:10px;}

	.home-top{ display:none;}
.home-fix{ display:block;}
.height40input{ min-width:inherit; width:calc(100% - 36px )}
.nav-tabs-line {
    font-size: 14px;
}

#product-ico .carousel-indicators{ margin-left:0;}
#product-ico .carousel-indicators li{ padding:5px 10px; border-radius:5px;}
#product-ico .carousel-indicators li span {
    font-size: 13px;
    font-weight: normal;
}
.rectangle-container {
    display: block;
}
.grid-hero {
    margin-top: -100px;
	display:block;
}
.diagonal {
    height: 100px;
    -webkit-transform: translate(0,-50px) rotate(-3deg);
    -ms-transform: translate(0,-50px) rotate(-3deg);
    transform: translate(0,-50px) rotate(-3deg);
}
.rectangle {
    width: 100%;
    height: auto;
    padding: 20px;
}
.rectangle-container h3{ font-size:1.4rem;}
.rectangle-cta {
    width: 100%;
	height:auto;
	margin-top:30px;
}
.rectangle-cta h1{ color:#333; font-size:1.6rem;}
.container-cta {
    height: auto;
}
.ico-left .h2{ font-size:1.5rem;}
.btn-group .btn{ font-size:14px;}
.lx-box{ height:150px;}
	.carousel-indicators {
    margin-right: 0;
    margin-left: 0;
		}
		
	.navbar-toggle {
    display: block;
	}
	
	.main_menu{  float:none; width:100%}
	
	.main_menu > li > a{  padding-left:0;padding-right:0;}
	
.his-box::before {
    content:none;
}
.his-wrap ul{ margin:0;}
.his-wrap li {
    max-width: 100%;
    padding-right: 0;
	padding-left:50px;
}
.his-wrap li::before {
    left: 0px;
    transform: translateX(12px);
}
.r-ul {
    min-height: auto;
}
.pro-info h1{ font-size:2rem;}
.btn-warning{ margin-bottom:12px;}
.contactInfo { padding-bottom:100px;}
.mapContent{ height:300px; overflow:hidden; position:relative;}
.mapContent iframe{  width:100%; height:100%; }
.app-top{ display:block;}
.app-top form {
    margin-left: 0;
	width:94%;
}
.greenProTit{ color:#333; margin-bottom:30px;}
.hero-title-2{ font-size:18px;}
.carousel-caption{ padding-top:0px; left:10%; right:10%; transform:translate(0,-55%)}
.carousel-caption  h2{ font-size:1.5rem;text-shadow: 1px 1px 3px #333;}
	}
@media screen and (min-width: 769px){
.navbar-main {
    display:inline-block !important;
}
}

.carousel-caption  h2{ text-shadow: 1px 1px 2px #333;}
.slide-des{ margin-bottom:20px;text-shadow: 1px 1px 2px #333;}

.Suspension {
    position: fixed;
    bottom: 10%;
    right: 10px;
    width: 50px;
    height: auto;
    z-index: 9998;
}
.Suspension a.f-email {
    background: #EFB307;
    color: #fff;
}
.Suspension a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background: #ddd;
    text-align: center;
    font-size: 24px;
    margin-bottom: 3px;
    position: relative;
    box-shadow: 0 0 1px #fff;
}
.online-feedback-dialog{top:0;left:0;position:fixed;z-index:9999;background-color:rgba(0,0,0,.7);width:100%;height:100%;display:none}
.online-feedback-dialog .online-feedback-dialog-content{position:relative;max-width:485px;margin:10% auto 0;background-color:#fff;padding:40px 80px;box-sizing:border-box;border-radius:5px}
.online-feedback-dialog .online-feedback-dialog-content .online-feedback-close{position:absolute;right:0;top:0;width:50px;height:40px;font-size:2rem}
.online-feedback-dialog .online-feedback-dialog-content h3{text-align:center;margin-bottom:20px}
@media (max-width:768px){.online-feedback-dialog .online-feedback-dialog-content{width:86%;padding:40px}
}
.online-feedback-dialog .online-feedback-dialog-content:before{position:absolute;height:4px;background-color:#23ac38;border-radius:5px;top:0;left:30%;content:'';width:40%}
.online-feedback-dialog .online-feedback-dialog-content form .form-group{margin-bottom:0}
.online-feedback-dialog .online-feedback-dialog-content form .form-group .form-control{border-radius:0;border-top:0;border-left:0;border-right:0;padding:.75rem}
.online-feedback-dialog .online-feedback-dialog-content form .form-group .form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:none}
.online-feedback-dialog .online-feedback-dialog-content form .form-group button[type=submit]{margin-top:25px}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-top-style: solid;
        border-top-width: 1px;
        border-right-color: rgb(206, 212, 218);
        border-right-style: solid;
        border-right-width: 1px;
        border-left-color: rgb(206, 212, 218);
        border-left-style: solid;
        border-left-width: 1px;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.text-capitalize {
    text-transform: capitalize !important;
}

.random-bgcolor {
  background-color: rgba(Math.random()*256, Math.random()*256, Math.random()*256, 0.5);
}
.cateCark{ background-color:#a2ce45; color:#fff; border-radius:10px; padding:15% 10% 10% 11%; font-size:16px;}
.cateCark .icoCate{ position:relative; font-size:28px; color:#ecb22d; display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; margin-left:10px;}
.cateCark .icoCate:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border-radius:10px; transform:rotate(-45deg); z-index:0;}
.cateCark .icoCate i{ position:relative; z-index:1;}

.cate-title{ font-size:24px; position:relative; padding-bottom:20px; white-space:nowrap;}
.cate-title:after{ content:""; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#fff;}

.atlink a{ color:#fff; transition: all .2s linear; padding-right:10px;}
.atlink a i{ margin-left:10px; display:inline-block}
.atlink a:hover i{ transform:translateX(10px);}

.catelist .cateCark.bg01{background-color:#a2ce45;}
.catelist .cateCark.bg01:hover{background-color:#89b52a;}
.catelist .cateCark.bg02{background-color:#ecb22d;}
.catelist .cateCark.bg02:hover{background-color:#e0a314;}
.catelist .cateCark.bg03{background-color:#5b5a5a;}
.catelist .cateCark.bg03:hover{background-color:#424242;}
.catelist .cateCark.bg04{background-color:#7d52a7;}
.catelist .cateCark.bg04:hover{background-color:#61378c;}
.catelist .cateCark.bg05{background-color:#313fa0;}
.catelist .cateCark.bg05:hover{background-color:#1c2b87;}
.catelist .cateCark.bg06{background-color:#337730;}
.catelist .cateCark.bg06:hover{background-color:#205e1c;}
.catelist .cateCark.bg07{background-color:#86603e;}
.catelist .cateCark.bg07:hover{background-color:#6e4827;}
.catelist .cateCark.bg08{background-color:#54add7;}
.catelist .cateCark.bg08:hover{background-color:#5c9ebd;}

.card-title{ height:48px; overflow:hidden;}