* {margin: 0px;	padding: 0px;}
body {font-family: 微软雅黑; font-size: 90%; line-height: 180% ;color: #333; background-color: #ffffff;}
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;max-width: 100%;}
a{ color: #595959; transition: 0.3s;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none; color: #044328;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none; padding: 0; margin: 0;}

/* header */
#header{}
#header .head_h{}
#header.fixed{ background: #fff; width: 100%; position: fixed; top: 0; z-index: 999; box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.15);}
.head_box{ color: #848484; display: flex; align-items: center; height: 110px; position: relative;}
#header .logo{height: 100%; display: flex; align-items: center;}
#header .head_right{position: inherit;}
#header .head_group{display: flex; justify-content: flex-end; margin-top: 20px;}
#header .head_group .group_flex{margin-left: 50px;}
#header .head_group .group_flex:first-child{margin-left: 0;}
#header .head_nav{font-size: 16px; margin-top: 25px; width: 800px; float: right;}
#header .head_nav ul{ display: flex; justify-content: space-between;}
#header .head_nav ul li{}
#header .head_nav ul li a{padding-left: 30px; position: relative; z-index: 9;}
#header .head_nav ul li.slide.active a{background: url(../images/icon_nav_on.png) left center no-repeat;}
#header .head_nav ul li a:hover{background: url(../images/icon_nav_on.png) left center no-repeat;}
#header .head_nav ul li .sub_menu{ position: absolute; left: 0; bottom: -40px; z-index: 0; width: 100%; padding-top: 50px; display: none;}
#header .head_nav ul li ul{ background-color: rgba(255,255,255,.8); width: 100%; display: flex; justify-content: center; padding: 8px 0;}
#header .head_nav ul li ul li{margin: 0 20px;}
#header .head_nav ul li ul a:hover{background: none;}
#header .head_nav ul li.slide.active ul a{background: none; padding-left: 0;}
#header .head_nav ul li.slide.active .sub_menu{ display: flex; animation: navSlideDown .2s;}
#header .nav_more{display: none; width: 25px; margin-left: auto; cursor: pointer;}
#header .nav_more .line{ background: #000; height: 3px; margin: 5px 0;}
#header .nav_more:hover .line{ background: #114326;}

/* content */
#content{}
#content .c_pc{display: block;}
#content .c_mobile{display: none;}
#content .location{ font-size: 14px; margin-bottom: 30px;}
#content .location .back{ font-weight: bold; float: right;}
#content .location .back i{ color: #fff; background: #5e5c5c; padding: 5px; border-radius: 100%;}
#content .location .back a:hover i{background: #114326;}
#content .content_container{padding: 80px 0;}
#content .content_container2{}
#content .bar{ color: #fff; display: flex; align-items: center; justify-content: center; height: 258px;}
#content .bar.contact{background: url(../images/bar_contact.jpg) center center no-repeat; background-size: cover;}
#content .bar.about{background: url(../images/bar_about.jpg) center center no-repeat; background-size: cover;}
#content .bar.prod_detial{background: url(../images/bar_prod_detial.jpg) center center no-repeat; background-size: cover;}
#content .bar.news{background: url(../images/bar_news.jpg) center center no-repeat; background-size: cover;}
#content .bar.lease{background: url(../images/bar_lease.jpg) center center no-repeat; background-size: cover;}
#content .bar.lease{background: url(../images/bar_lease.jpg) center center no-repeat; background-size: cover;}
#content .bar.carbon{background: url(../images/bar_carbon.jpg) center center no-repeat; background-size: cover;}
#content .bar .bar_title{ text-align: center;}
#content .bar .bar_title .name{font-size: 40px;}
#content .bar .bar_title .des{color: #c5c5c5; margin-top: 30px;}
#content .title1{display: flex; align-items: center; margin-bottom: 50px;}
#content .title1.center{justify-content: center; flex-direction: column;}
#content .title1 .name{ font-size: 30px; line-height: 30px; position: relative; z-index: 0;}
#content .title1 .name::before{content: ""; width: 40px; border-bottom: 10px solid #b7c9c3; position: absolute; bottom: -10px; z-index: -1;}
#content .title1 .more{ font-size: 14px; margin-left: auto;}
#content .title1 .txt{ color: #848484; font-size: 18px; margin-top: 30px;}
#content .title2{ font-size: 30px; line-height: 30px; text-align: center; margin-bottom: 60px;}
#content .title2 .name{}
#content .title2 .txt{color: #e4e4e4; margin-top: 30px;}
#content .title3{ font-size: 37px; line-height: 37px; margin-bottom: 30px;}
#content .title4{ font-size: 37px; line-height: 37px; text-align: center; margin-bottom: 30px;}
#content .title5{ color: #114326; font-size: 28px; line-height: 37px; margin-bottom: 30px;}
#content .title6{ font-size: 30px; line-height: 30px; text-align: center; margin-bottom: 20px;}
#content .title7{}
#content .title7{ font-size: 30px; line-height: 30px; font-weight: bold; display: flex; margin-bottom: 20px; position: relative; z-index: 0;}
#content .title7::before{content: ""; width: 40px; border-bottom: 10px solid #51755f; position: absolute; bottom: -10px; z-index: -1;}
#content .title7 .right{ font-size: 18px; font-weight: normal; margin-left: auto;}
#content .txt1{ color: #888888; font-size: 18px; margin: 20px 0;}
#content .txt2{font-size: 25px; line-height: 46px; margin-top: 40px;}
#content .txt3{ color: #114326; margin-bottom: 30px;}
#content .txt4{ color: #888888; text-align: center;}
#content .txt5{ font-size: 22px;}
#content .pic1{ text-align: center; margin-top: 40px;}
#content .pic2{ text-align: center; margin-bottom: 40px;}
#content .pic3{ margin-bottom: 40px;}
#content .link1{ font-size: 14px; margin-top: 50px;}
#content .link1 i{margin-right: 5px;}
#content .link1 a{ color: #fff; background: #114326; display: inline-block; padding: 15px 40px;}
#content .link1 a:hover{ opacity: .8;}
#content .prod_container{background: url(../images/index_prod_bg.jpg) top center no-repeat; background-size: cover; padding: 80px 0; overflow: hidden;}
#content .news_container{ padding: 80px 0;}
#content .contact_container{background: url(../images/index_contact_bg.jpg) top center no-repeat; background-size: cover; padding: 80px 0;}
#content .main_container{ color: #fff; background: url(../images/index_main_bg.jpg) top center no-repeat; background-size: cover; background-attachment: fixed; padding: 120px 0 80px 0;}
#content .contact_box{background: url(../images/contact_box_bg.jpg) top center no-repeat; background-size: cover;overflow: hidden;}
#content .contact_box .inner{background: url(../images/contact_box_bg2.png) top center no-repeat;}
#content .about_box{background: url(../images/about_part1_bg.jpg) bottom center no-repeat; padding-bottom: 300px;}
#content .about_box .box_inner{display: flex; align-items: center;}
#content .about_box .box_inner div{flex: 1;}
#content .about_box .box_inner .des{ font-size: 16px; line-height: 40px; margin-right: 100px;}
#content .about_box .box_inner .source{ flex: 2;}
#content .about_statistics{ background: url(../images/about_part2_bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; padding: 50px 0;}
#content .about_statistics .statistics_list{ color: #fff; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
#content .about_statistics .statistics_list .list_item{ text-align: center; width: 33.3%; padding: 80px 0; border-right: 1px solid rgba(255,255,255,.3);}
#content .about_statistics .statistics_list .list_item.b_border{border-bottom: 1px solid rgba(255,255,255,.3);}
#content .about_statistics .statistics_list .list_item .data{color: #068f46;font-size: 16px;}
#content .about_statistics .statistics_list .list_item .data span{ font-size: 60px; font-weight: bold;}
#content .about_statistics .statistics_list .list_item .des{font-size: 16px; margin-top: 5px;}
#content .about_statistics .statistics_list .list_item:nth-child(3n){border-right: 0;}
#content .about_history{background-color: #f8faf9;}
#content .lease_statistics{ color: #fff; background: url(../images/bg_lease1.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; padding: 150px 0; margin-bottom: 80px;}
#content .lease_box{padding-bottom: 50px;}
#content .lease_box .box_inner{display: flex; align-items: center;}
#content .lease_box .box_inner div{flex: 3;}
#content .lease_box .box_inner .des{ font-size: 16px; line-height: 40px; margin-right: 100px;}
#content .lease_box .box_inner .source{ flex: 2;}
#content .lease_box2{background-color: #f3f3f3; padding: 50px 0;}
.row .col-md-12:first-child .lease_list{padding-right: 50px;}
.row .col-md-12:first-child .title7{padding-right: 50px;}
.row .col-md-12:last-child .lease_list{padding-left: 50px;}
.row .col-md-12:last-child .title7{padding-left: 50px;}
#content .lease_list{ color: #333; margin-top: 50px;}
#content .lease_list .list_item{display: flex; align-items: center; background: #ececec; padding: 50px 50px; margin-bottom: 30px; border-radius: 20px;}
#content .lease_list .list_item .item_ico{margin-right: 30px;}
#content .lease_list .list_item .item_txt{flex: 1; font-size: 16px;}
#content .lease_list2{}
#content .lease_list2 .list_item{background: url(../images/icon_1.gif) left center no-repeat; background-size: 20px; padding-left: 30px;}
#content .carbon_statistics{ color: #fff; background: url(../images/bg_carbon1.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; padding: 150px 0;}
#content .carbon_box{padding: 50px 0;}
#content .carbon_box .box_inner{display: flex; align-items: center;}
#content .carbon_box .box_inner .des{ flex: 3; font-size: 16px; line-height: 40px; margin-right: 100px;}
#content .carbon_box .box_inner .source{ flex: 2;}
#content .carbon_box .box_inner .carbon_prod{ flex: auto; width: 500px;}
#content .carbon_box2{background-color: #f3f3f3; padding: 150px 0;}
#content .carbon_prod2{height: 80vh;}
#content .news_tabs{ font-size: 16px; margin-bottom: 40px;}
#content .news_tabs ul{display: flex;}
#content .news_tabs ul li{margin: 0 20px 20px 0;}
#content .news_tabs ul li a{display: block; padding: 0 10px;}
#content .news_tabs ul li.is_active a{color: #fff; background-color: #044328;}
#content .news_list{display: flex; justify-content: space-between;}
#content .news_list .list_item{margin-right: 40px; flex: 1;}
#content .news_list .list_item:last-child{margin-right: 0;}
#content .news_list .list_item a{display: block;}
#content .news_list .list_item a:hover .item_source img{transform: scale(110%); transition: .3s;}
#content .news_list .list_item .item_source{overflow: hidden; text-align: center;}
#content .news_list .list_item .item_title{font-size: 20px; margin-top: 20px;}
#content .news_list .list_item .item_more{ margin-top: 10px;}
#content .news_list2{display: flex; flex-wrap: wrap;}
#content .news_list2 .list_item{ width: calc(25% - 23px); padding-top: 20px; margin: 0 30px 30px 0; border-top: 1px solid #f3f3f3;}
#content .news_list2 .list_item:nth-child(4n){ margin: 0 0 30px 0;}
#content .news_list2 .list_item .time{ margin-bottom: 30px;}
#content .news_list2 .list_item .title{ font-size: 18px; min-height: 48px; margin-bottom: 30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#content .news_list2 .list_item .source{ overflow: hidden;}
#content .news_list2 .list_item:hover{ border-top: 1px solid #114326;}
#content .news_list2 .list_item a:hover .source img{transform: scale(110%); transition: .3s;}
#content .prod_list{display: flex; margin-bottom: 30px;}
#content .prod_list .list_item{ display: flex; align-items: center; padding: 20px 40px; margin-right: 30px; /*height: 450px;*/
    background: -moz-linear-gradient(270deg, #f8f8f8, #d8d8d8); 
    background: -webkit-linear-gradient(top, #f8f8f8, #d8d8d8); 
    background: -o-linear-gradient(top, #f8f8f8, #d8d8d8); 
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8f8f8', EndColorStr='#d8d8d8'); 
}
#content .prod_list.column .list_item{flex-direction: column; flex: 1; padding: 40px;}
#content .prod_list .list_item:last-child{margin-right: 0;}
#content .prod_list .list_item .item_con{width: 100%; flex: 1;}
#content .prod_list .list_item .item_con .title{font-size: 28px; margin-bottom: 30px;}
#content .prod_list .list_item .item_con .des{ color: #9e9e9e; margin-bottom: 50px;}
#content .prod_list .list_item .item_con .link{}
#content .prod_list .list_item .item_con .link a{}
#content .prod_list .list_item .item_source{ text-align: center; margin-top: 20px; flex: 1;}
#content .prod_list .list_item .item_source:hover img{transform: scale(120%); transition: .3s;}
#content .prod_spec_list{display: flex; flex-wrap: wrap;}
#content .prod_spec_list .list_item{width: calc(25% - 15px); margin: 0 20px 20px 0;  border: 1px solid #f3f3f3;}
#content .prod_spec_list .list_item:nth-child(4n){margin: 0 0 20px 0;}
#content .prod_spec_list .list_item a{display: block; padding: 20px;}
#content .prod_spec_list .list_item a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
#content .prod_spec_list .list_item .item_source{margin-bottom: 20px;}
#content .prod_spec_list .list_item .item_title{ font-size: 20px; margin-bottom: 20px;}
#content .prod_spec_list .list_item .item_des{}
#content .prod_detail_box{display: flex; align-items: center;}
#content .prod_detail_box .detail_source{ flex: 1; margin-right: 30px;}
#content .prod_detail_box .detail_con{ flex: 1;}
#content .prod_detail_box .detail_con .title{font-size: 30px; line-height: 34px; margin-bottom: 50px;}
#content .prod_detail_box .detail_con .des{font-size: 18px; line-height: 30px; margin-bottom: 80px;}
#content .prod_detail_box .detail_con .link{}
#content .prod_detail_box .detail_con .link a{ display: inline-block; padding: 3px 15px; border: 1px solid #5c5c5c; border-radius: 90px;}
#content .prod_detail_box .detail_con .link a:hover{ color: #fff; background-color: #044328; border: 1px solid #044328;}
#content .prod_detail_list{overflow: hidden;}
#content .prod_detail_list .list_out{ position: relative;}
#content .prod_detail_list .list_item{display: flex; align-items: center; padding: 20px 40px;}
#content .prod_detail_list .list_out:nth-child(odd){ background: #f3f3f3;}
#content .prod_detail_list .list_out:nth-child(odd) .source{margin-left: 40px;}
#content .prod_detail_list .list_out:nth-child(odd) .list_item{flex-direction: row-reverse;}
#content .prod_detail_list .list_out:nth-child(even){ background: #fbfbfb;}
#content .prod_detail_list .list_out:nth-child(even) .source{margin-right: 40px;}
#content .prod_detail_list .list_item .source{flex: 1;}
#content .prod_detail_list .list_item .item_con{flex: 1;}
#content .prod_detail_list .list_item .item_con .title{ color: #044328; font-size: 30px; line-height: 40px; margin-bottom: 30px;}
#content .prod_detail_list .list_item .item_con .des{ font-size: 18px;}
#content .prod_table{width: 600px; margin: 0 auto;}
#content .contact_flex{display: flex;}
#content .contact_flex .swiper-job{ height: 500px; padding: 20px; margin: 50px -20px 0 -20px; overflow-y: hidden; width: 50%;}
#content .contact_flex .flex_right{ color: #d7d7d7; margin-left: auto;  width: 30%;}
#content .contact_group{display: flex; justify-content: space-between;}
#content .contact_group .group_item{ width: calc(33.3% - 20px); margin-right: 20px;}
#content .contact_group .group_item:last-child{  margin-right: 0;}
#content .contact_group .group_item .item_title{color: #848484;}
#content .contact_group .group_item .item_des{ font-size: 20px; margin-top: 20px;}
#content .contact_group .group_item .item_des.tel{color: #114326; font-size: 20px; line-height: 20px;}
#content .contact_map{ margin-top: 40px; position: relative;}
#content .contact_map .tablist{position: absolute; left: 20px; bottom: 20px; width: calc(100% - 40px);}
#content .contact_map .tablist ul{ display: flex;}
#content .contact_map .tablist ul li{ color: #114326; background-color: #fff; padding: 5px 20px; margin-right: 10px; border: 1px solid #114326; cursor: pointer;}
#content .contact_map .tablist ul li.is_active{ color: #fff; background-color: #114326;}
#content .contact_map .tablist ul li:last-child{margin-left: auto;}
#content .contact_map .tab_content{}
#content .contact_map .tab_content .tab_pane{display: none;}
#content .contact_map .tab_content .tab_pane.is_active{display: block;}
#content .contact_map .map_mobile{display: none;}
#content .contact_list{display: flex; margin-top: 50px;}
#content .contact_list .item-title{font-size: 20px; font-weight: bold; margin-bottom: 20px;}
#content .contact_list .list_item{flex: 1; margin-right: 15px; line-height: 40px; display: flex; flex-direction: column;}
#content .contact_list .list_item:last-child{margin-left: 15px;}
#content .contact_list .list_item .item-main{ flex: 1; padding: 30px; border: 1px solid #f3f3f3;}
#content .contact_list .list_item.item1 .item-main{background: #fdfdfd url(../images/ch-bg.png) bottom right no-repeat;}
#content .contact_list .list_item.item2 .item-main{background: #fdfdfd url(../images/jp-bg.png) bottom right no-repeat;}
#content .contact_list.index .list_item.item1 .item-main{background: #fff url(../images/ch-bg.png) bottom right no-repeat;}
#content .contact_list.index .list_item.item2 .item-main{background: #fff url(../images/jp-bg.png) bottom right no-repeat;}
#content .contact_list .list_item:last-child{margin-right: 0;}
#content .contact_list .list_item .item-row{font-size: 18px; display: flex; margin-bottom: 15px;}
#content .contact_list .list_item .item-row:last-child{margin-bottom: 0;}
#content .contact_list .list_item .title{ width: 160px;}
#content .contact_list .list_item .title img{margin-right: 5px;}
#content .contact_list .list_item .des{ flex: 1;}
#content .contact_list .list_item .tel{color: #114326;}
#content .prod_main{ margin-top: 100px; display: flex; justify-content: space-between;}
#content .prod_main .main_item{text-align: center; width: calc(100% - 20px); margin-right: 20px;}
#content .prod_main .main_item:last-child{ margin-right: 0;}
#content .prod_main .main_item a{color: #a6a6a6; background-color: rgba(255,255,255,.1); display: block; padding: 20px;}
#content .prod_main .main_item a:hover{color: #fff; background-color: rgba(255,255,255,.3);}
#content .prod_main .main_item a .icon{}
#content .prod_main .main_item a .title{ font-size: 16px;}
#content .prod_cases_contrast{display: flex; align-items: center;}
#content .prod_cases_contrast .contrast_con{margin-right: 40px;}
#content .prod_cases_contrast .contrast_con .title{color: #114326; font-size: 28px; line-height: 30px;margin-bottom: 10px;}
#content .prod_cases_contrast .contrast_con .title i{color: #cdcdcd;}
#content .prod_cases_contrast .contrast_con .txt{margin-bottom: 40px;}
#content .prod_cases_contrast .contrast_con .des{font-size: 16px;}
#content .prod_cases_contrast .contrast_source{}
#content .prod_cases_box{background: #f6f6f6;}
#content .prod_cases_list{display: flex; flex-wrap: wrap;}
#content .prod_cases_list .list_item{width: calc(20% - 16px); margin: 0 20px 20px 0;}
#content .prod_cases_list .list_item a{display: block;}
#content .prod_cases_list .list_item a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
#content .prod_cases_list .list_item:nth-child(5n){ margin: 0 0 20px 0;}
#content .prod_cases_list .list_item .item_source{ background-color: #fff; text-align: center;}
#content .prod_cases_list .list_item .item_title{ font-size: 16px; text-align: center; background: #fff; padding: 8px 10px;}
#content .prod_tab{ font-size: 16px; position: fixed; top: calc(50% + 100px); left: 20px; z-index: 999; transform: translate(0, -50%);background: rgba(255,255,255,.5);padding:0 20px;border-radius:20px;}
#content .prod_tab ul{}
#content .prod_tab ul li{display: flex; align-items: center; height: 60px; padding-left: 30px; position: relative;}
#content .prod_tab ul li::after{ content: ""; height: 100%; border-left: 1px solid #044328; position: absolute; left: 3px; top: 50%;}
#content .prod_tab ul li:last-child:after{display: none;}
#content .prod_tab ul li::before{content: ""; background: #044328; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
#content .prod_tab ul li a{}
#content .prod_tab ul li.is_active a{color: #044328; font-weight: bold;}
#content .prod_tab ul li.is_active::before{box-shadow: 0 0 0 5px rgba(0,0,0,.1);}
#content .lease_tabs{margin-bottom: 20px;}
#content .lease_tabs ul{ display: flex;}
#content .lease_tabs ul li{flex: 1;border-right: 1px solid #fff}
#content .lease_tabs ul li:last-child{border-right: 0}
#content .lease_tabs ul li a{ font-size: 24px; text-align: center; background-color: #f0f0f0; display: block; padding: 15px 20px; border-bottom: 3px solid #f0f0f0;}
#content .lease_tabs ul li a:hover{ color: #044328; border-bottom: 3px solid #044328;}
#content .lease_tabs ul li.is_active a{ color: #044328; border-bottom: 3px solid #044328;}
#content .lease_tabs_con{}
#content .lease_tabs_con .tabs_item{display: none;}
#content .lease_tabs_con .tabs_item.is_active{display: block;}
#content .lease_contact{background: #fafafa; padding: 30px; margin: 80px 0;}
#content .lease_contact .title{font-size: 30px; line-height: 30px; margin-bottom: 10px;}
#content .lease_contact .des{font-size: 16px;}
#content .lease_contact .list{display: flex; align-items: center; justify-content: space-between; height: 120px; margin-top: 20px; word-break: break-all;}
#content .lease_contact .list .list_item{background-color: #fff; border-bottom: 3px solid #fff;  display: flex; align-items: center; width: 100%; height: 100%; padding: 10px 30px; margin-right: 20px; cursor: pointer;}
#content .lease_contact .list .list_item:hover{ border-bottom: 3px solid #044328; transition: .5s;}
#content .lease_contact .list .list_item:last-child{margin-right: 0;}
#content .lease_contact .list .list_item .item_icon{ width: 32px; margin-right: 20px;}
#content .lease_contact .list .list_item .item_con{flex: 1;}
#content .lease_contact .list .list_item .item_con .item_title{color: #888888;}
#content .lease_contact .list .list_item .item_con .item_tel{font-size: 16px;}
#content .about_part{width: 100%; overflow: hidden;}
#content .about_partner{display: flex; align-items: center; justify-content: center; height: 500px;}
#content .about_partner .p_logo {padding: 0 50px;}
#content .about_partner .p_logo img{width: 220px;}
#content .about_partner .pa{display: inline-block; position: absolute;}
#content .about_partner .pa img{border: 1px solid #eee; min-width: fit-content;}
#content .about_partner .pa:hover img{transform: scale(110%); transition: .5s;}
#content .about_partner .p_left{ flex: 1; position: relative; height: 100%;}
#content .about_partner .p_left .p_l1{ top: 0; right: 0;}
#content .about_partner .p_left .p_l2{ top: 0; right: 300px;}
#content .about_partner .p_left .p_l3{ top: 150px; right: 50px;}
#content .about_partner .p_left .p_l4{ top: 130px; right: 300px;}
#content .about_partner .p_left .p_l5{ top: 320px; right: 0;}
#content .about_partner .p_left .p_l6{ top: 260px; right: 300px;}
#content .about_partner .p_left .p_l7{ top: 420px; right: 80px;}
#content .about_partner .p_left .p_l8{ top: 400px; right: 240px;}
#content .about_partner .p_right{ flex: 1; position: relative; height: 100%;}
#content .about_partner .p_right .p_l1{ top: 0; left: 0;}
#content .about_partner .p_right .p_l2{ top: 0; left: 300px;}
#content .about_partner .p_right .p_l3{ top: 150px; left: 50px;}
#content .about_partner .p_right .p_l4{ top: 130px; left: 300px;}
#content .about_partner .p_right .p_l5{ top: 320px; left: 0;}
#content .about_partner .p_right .p_l6{ top: 260px; left: 300px;}
#content .about_partner .p_right .p_l7{ top: 420px; left: 80px;}
#content .about_partner .p_right .p_l8{ top: 400px; left: 240px;}
#content .page{display: flex; justify-content: flex-end; margin-top: 30px;}
#content .page .next {margin-left: 20px;}
#content .page a{color: #ddd; font-size: 24px; display: block; padding: 5px 20px; border: 1px solid #f3f3f3;}
#content .page a:hover{color: #fff; background: #044328; border: 1px solid #044328;}
#content .time_tabs{margin: 60px 0 60px 0;}
#content .time_tabs ul{display: flex; justify-content: center;}
#content .time_tabs ul li{margin: 0 10px;}
#content .time_tabs ul li a{ background-color: #f0f0f0; padding: 5px 10px;;}
#content .time_tabs ul li.is_active a{color: #fff; background-color: #044328;}
#content .time_line{ width: 100%; position: relative;
    overflow-x: hidden;
    /* scrollbar-width: thin; */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#content .time_line::before{content: ''; width: 100%;  position: absolute; top: 100px; left: 0; border-top: 1px solid #044328;}
#content .draggable{display: flex; cursor: grab; }
#content .time_line .line_item{display: flex; padding: 0 30px;}
#content .time_line .line_item:last-child{margin-right: 0;}
#content .time_line .line_item .item_date{font-size: 34px; line-height: 34px; margin-right: 50px; position: relative;}
#content .time_line .line_item .item_date::before{ content: ""; position: absolute; top: 40px; left: 40px; height: 50px; border-left: 1px solid #044328;}
#content .time_line .line_item .item_date::after{ content: ""; position: absolute; top: 95px; left: 34px; background-color: #044328; width: 13px; height: 13px; border-radius: 100%; box-shadow: 0 0 0 3px rgba(0,0,0,.1);}
#content .time_line .line_item .item_group{display: flex; margin: 45px 30px 0 0;}
#content .time_line .line_item .item_group .group_item{margin-right: 30px; position: relative;}
#content .time_line .line_item .item_group .group_item::before{ content: ""; position: absolute; top: 52px; left: 0; background-color: #797979; width: 9px; height: 9px; border-radius: 100%;}
#content .time_line .line_item .item_group .group_item .time{font-size: 16px;}
#content .time_line .line_item .item_group .group_item .con{margin-top: 55px}
#content .time_line .line_item .item_group .group_item .con .des{margin-bottom: 5px}
#content .time_line .line_item:last-child .item_group .group_item{margin-right: 0;}
#content .time_line .line_item .item_group .group_item .source img{
    opacity: 0.7;
    max-width: fit-content;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
}
#content .time_line .line_item .item_group .group_item .source:hover img{opacity: 1; transition: .5s;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#content .contact_map .map_pic img,#content .contact_map .map_back{ cursor: pointer;}

/* footer */
#footer{background: #f5f5f5 url(../images/footer_bg.jpg) bottom right no-repeat; padding-top: 50px;}
#footer .foot_box{display: flex; justify-content: space-between;}
#footer .foot_link{ margin-bottom: 50px;}
#footer .foot_link .link_title{ color: #595959; font-size: 20px; font-weight: bold; margin-bottom: 20px; position: relative; z-index: 0;}
#footer .foot_link .link_title::before{content: ""; width: 40px; border-bottom: 10px solid #b7c9c3; position: absolute; bottom: -2px; z-index: -1;}
#footer .foot_link ul{font-size: 15px; line-height: 26px;}
#footer .foot_link ul li{}
#footer .foot_link ul li a{}
#footer .foot_link ul li a:hover{}
#footer .foot_bottom{ color: #8d8d8d; text-align: center; background-color: #fff; padding: 10px 0;}

/* back to top */
.back_top_top{ position: fixed; right: 50px; bottom: 50px; z-index: 99999; display: none;}
.back_top_top ul{ color: #fff; font-size: 18px; background-color: #4d735d; padding: 10px 8px; border-radius: 90px;}
.back_top_top ul li{margin-bottom: 10px;}
.back_top_top ul li:last-child{margin-bottom: 0;}
.back_top_top ul li a{ color: #fff;} 

/* banner */
#banner .swiper-container{overflow: hidden; display: none;}
.swiper-container {overflow: hidden; width: 100%;height: 100%;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    position: relative;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide .slide_txt{ color: #fff; font-size: 50px; font-weight: bold; text-align: left; width: 1200px; margin-left: auto; margin-right: auto; margin-top: -100px; position: absolute;}
.swiper-slide .slide_link{ text-align: left; width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: -100px; position: absolute;}
.swiper-slide .slide_link a{ color: #b1b1b1; font-size: 14px; display: inline-block; padding: 3px 15px; border-radius: 90px; border: 1px solid #b1b1b1}
.swiper-slide .slide_link a:hover{ color: #ffffff; background-color: rgba(0,0,0,.5);}
.swiper-slide .slide_source{ width: 100%;}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{color: #fff; background-color: rgba(0,0,0,.1); padding: 30px 20px;}
.swiper-container .swiper-button-next:hover,.swiper-container .swiper-button-prev:hover{ background-color: rgba(255,255,255,.2);}
.swiper-pagination-bullet{background-color: rgba(255,255,255,.7);}
.swiper-pagination-bullet-active{background-color: #fff; width: 30px; transition: 0.5s; border-radius: 90px;}
.swiper-prod{ padding: 20px; margin: 0 -20px; overflow: hidden;}
.swiper-prod .swiper-slide{display: flex; flex-direction: column; padding: 20px;}
.swiper-prod .swiper-slide:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.swiper-prod .swiper-slide .slide_title{display: flex; width: 100%; padding: 0 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.swiper-prod .swiper-slide .slide_title .name{ font-size: 20px;}
.swiper-prod .swiper-slide .slide_title .more{ font-size: 14px; margin-left: auto;}
.swiper-prod .swiper-slide .slide_source:hover img{ transform: scale(110%); transition: .5s;}
.swiper-job .swiper-slide{}
.swiper-job .swiper-slide a{display: flex; align-items: center; text-align: left; width: 100%; height: 100%; padding: 15px 30px;}
.swiper-job .swiper-slide a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.swiper-job .swiper-slide .slide_content{ margin-left: 20px;}
.swiper-job .swiper-slide .slide_content .title{ color: #044328; font-size: 18px; font-weight: bold;}
.swiper-job .swiper-slide .slide_content .des{ color: #666666; margin-top: 20px;}
.carbon_prod .swiper-pagination{margin: 10px auto 0 auto; position: initial;}
.carbon_prod .swiper-pagination-bullet{background-color: #333; margin: 0 5px;}
.carbon_prod .swiper-pagination-bullet-active{background-color: #044328; width: 30px; transition: 0.5s; border-radius: 90px;}
.carbon_prod2 .swiper-pagination{width: 10px; right: 0; top: 50%; transform: translate(0, -50%);}
.carbon_prod2 .swiper-pagination-bullet{background-color: #333; margin: 0 5px;}
.carbon_prod2 .swiper-pagination-bullet-active{background-color: #044328; width: 8px; height: 30px; transition: 0.5s; border-radius: 90px;}

/* bootstrap */
.dropdown-toggle{cursor: pointer;}
.pagination{margin-top: 40px; justify-content: center;}
.pagination li.active a.page-link{color: #fff; background-color: #044328; border-color: #044328;}
.pagination li a{color: #333;}
.pagination li a:hover{color: #044328;}

/* dialog popup */
.dialog_popup{background-color: rgba(0,0,0,.8); display: none; justify-content: flex-end; width: 100%; height: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999;}
.dialog_popup.is_active{display: flex;}
.dialog_popup.is_active .dialog_widget_content{animation: dialogDrawerClose ease-out 1s;}
.dialog_popup.is_active .dialog_widget_content{ background-color: #ECECED; box-shadow: 2px 8px 23px 3px rgba(0,0,0,0.2); margin-right: 0;}
.dialog_popup.is_active .dialog_widget_content.active{animation: dialogDrawerOpen ease .5s;}
.dialog_lightbox_header{display: flex; align-items: center; height: 60px; padding: 0 20px;}
.dialog_lightbox_header .dialog_close{ color: #637081; font-size: 50px; cursor: pointer;}
.dialog_lightbox_header .dialog_close:hover{ color: #044328;}
.dialog_message{width: 400px; height: calc(100vh - 60px); align-items: flex-start; max-width: 100vw; max-height: 100vh; overflow: auto;}
aside.aside{font-size: 16px;}
aside.aside ul.menubar{}
aside.aside ul.menubar li.menu_item{margin-top: 10px;}
aside.aside ul.menubar li.menu_item a{ color: #2e3237; background-color: #fff; display: block; padding: 10px 20px;}
aside.aside ul.menubar li.menu_item a:hover{ color: #044328; background-color: #fff;}
aside.aside ul.menubar li.menu_item .arrow{font-size: 20px; margin-left: 5px;}
aside.aside ul.menubar li.menu_item.submenu ul{ display: none; height: 0; transition: 0.5s;}
aside.aside ul.menubar li.menu_item.submenu .arrow i{transform: rotate(0deg); transition: 0.5s;}
aside.aside ul.menubar li.menu_item.submenu.is_active .arrow i{transform: rotate(-180deg);}
aside.aside ul.menubar li.menu_item.submenu.is_active ul{ display: block; height: 100%; transition: 0.5s;}
aside.aside ul.menubar li.menu_item ul li a{background-color: rgba(255,255,255,0);}
aside.aside ul.menubar li.menu_item ul li a:hover{background-color: rgba(255,255,255,0);}

/* public */
.text_center{text-align: center;}
.color_green{color: #114326;}
table{border-collapse: collapse;}
table.table1{width: 100%;}
table.table1 th{ color: #fff; background-color: #0a5634; text-align: center;vertical-align: top;padding: 10px;border: 1px solid #f3f3f3;}
table.table1 td{ background-color: #e7e7e7; text-align: center; vertical-align: top;padding: 10px;border: 1px solid #f3f3f3;}

/* model-viewer */
model-viewer {
    width: 100%;
    height: 500px;
    outline: none;
}

/* keyframe */
@keyframes navSlideDown{
    from{
        bottom: 0px;
    }
    to{
        bottom: -40px;
    }
}

@keyframes dialogDrawerOpen{
    from{
        margin-right: -100%;
        opacity: 0;
    }
    to{
        margin-right: 0;
        opacity: 1;
    }
}

@keyframes dialogDrawerClose{
    from{
        margin-right: 0;
        opacity: 100%;
    }
    to{
        margin-right: -100%;
        opacity: 0;
    }
}

@media (min-width: 1200px){
    /* bootstrap */
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1400px;}
}

@media (max-width: 1200px) {
    /* header */
    #header .head_group{margin-top: 0;}
    #header .head_nav{width: 100%;}        
    #header .head_nav ul li ul a{padding-left: 0;}

    /* content */
    #content .title3{font-size: 30px;}
    #content .bar{height: 200px;}
    #content .bar .bar_title .name{font-size: 34px;}
    #content .about_box .box_inner .des{ line-height: 30px; margin-right: 50px;}
    #content .lease_box .box_inner .des{ line-height: 30px; margin-right: 50px;} 
    #content .carbon_box .box_inner .des{ line-height: 30px; margin-right: 50px;} 
    #content .prod_main{flex-wrap: wrap;}
    #content .prod_main .main_item{width: calc(50% - 5px); margin: 0 10px 10px 0;}
    #content .prod_main .main_item:nth-child(even){margin: 0 0 10px 0;}
    #content .prod_main .main_item a{padding: 10px 20px;}
    #content .prod_list .list_item{ height: 300px; padding: 20px;}
    #content .contact_flex .swiper-job{width: 60%;}
    #content .contact_flex .flex_right{width: 260px;}
    #content .prod_spec_list .list_item .item_title{font-size: 18px;}
    #content .about_partner{transform: scale(0.7);}

    /* banner */
    .swiper-slide .slide_txt{ font-size: 40px; margin-top: -80px; width: calc(100% - 40px);}
    .swiper-slide .slide_link{margin-bottom: -80px; width: calc(100% - 40px);}
}

@media (max-width: 992px) {
    /* header */
    .head_box{ height: 80px;}
    #header .head_right{display: flex; align-items: center;}
    #header .head_group{display: none;}
    #header .head_nav{display: none;}
    #header .nav_more{display: inline-block;}
    
    /* content */
    #content .bar{height: 160px;}
    #content .bar .bar_title .name{font-size: 28px;}
    #content .txt2{color: #333;}
    #content .pic3{display: none;}
    #content .about_statistics .statistics_list .list_item .data span{font-size: 50px;}
    #content .about_box .box_inner{flex-direction: column;}
    #content .about_box .box_inner .des{margin: 0 0 20px 0;}
    #content .lease_box{padding-top: 30px;}
    #content .lease_box .box_inner{flex-direction: column;}
    #content .lease_box .box_inner .des{margin: 0 0 20px 0;}
    #content .carbon_box{padding: 30px 0;}
    #content .carbon_box .box_inner{flex-direction: column;}
    #content .carbon_box .box_inner .des{margin: 0 0 20px 0;}   
    #content .carbon_box .box_inner .carbon_prod{width: 100%;}
    #content .carbon_box2{padding: 30px 0;}
    #content .carbon_prod2{height: 100vh;}
    #content .contact_box .inner{background: none;}
    #content .news_list{flex-direction: column;}
    #content .news_list .list_item{margin: 0; display: none;}
    #content .news_list .list_item:first-child{display: block;}
    #content .news_list .list_item:last-child{margin: 0;}
    #content .prod_list{flex-direction: column; margin: 0;}
    #content .prod_list.column .list_item{padding: 20px;}
    #content .prod_list .list_item{margin: 0 0 20px 0;}
    #content .prod_list .list_item .item_con .title{font-size: 18px; margin-bottom: 10px;}
    #content .prod_list .list_item .item_con .des{margin-bottom: 20px;}
    #content .prod_list .list_item .item_source{margin-top: 0;}
    #content .prod_spec_list .list_item .item_title{font-size: 16px; margin-bottom: 10px;}
    #content .contact_group{flex-direction: column;}
    #content .contact_group .group_item{ width: 100%; margin: 0 0 40px 0;}
    #content .contact_group .group_item:last-child{ margin-bottom: 0;}
    #content .contact_list{flex-direction: column;}
    #content .contact_list .item-title{font-size: 16px; margin-bottom: 10px;}
    #content .contact_list .list_item{margin-right: 0; margin-bottom: 20px; line-height: 30px;}
    #content .contact_list .list_item:last-child{margin-left: 0; margin-bottom: 0;}
    #content .contact_list .list_item .title{ width: 130px;}
    #content .contact_list .list_item .item-main{ padding: 10px;}
    #content .contact_list .list_item .item-row{font-size: 14px; margin-bottom: 10px;}
    #content .contact_flex{flex-direction: column;}
    #content .contact_flex .swiper-job{width: calc(100% + 40px);}
    #content .contact_flex .flex_right{width: 100%;}
    #content .prod_detail_box{flex-direction: column;}
    #content .prod_detail_box .detail_con .title{font-size: 24px;}
    #content .prod_detail_list .list_item{flex-direction: column; padding: 20px 0;}
    #content .prod_detail_list .list_out:nth-child(odd) .list_item{flex-direction: column;}
    #content .prod_detail_list .list_item .item_con{width: 100%;}
    #content .prod_detail_list .list_item .item_con .title{font-size: 24px;}
    #content .prod_detail_list .list_out:nth-child(even) .source{margin: 0 0 20px 0;}
    #content .prod_detail_list .list_out .source{margin: 0 0 20px 0;}
    #content .prod_spec_list .list_item{width: calc(50% - 10px);}
    #content .prod_spec_list .list_item:nth-child(4n){margin: 0 20px 20px 0;}
    #content .prod_spec_list .list_item:nth-child(even){margin: 0 0 20px 0;}
    #content .prod_cases_list .list_item{width: calc(50% - 10px);}
    #content .prod_cases_list .list_item:nth-child(5n){ margin: 0 20px 20px 0;}
    #content .prod_cases_list .list_item:nth-child(even){ margin: 0 0 20px 0;}
    #content .prod_cases_contrast{flex-direction: column;}
    #content .prod_cases_contrast .contrast_con .des{margin-bottom: 30px;}
    #content .prod_cases_contrast .contrast_source{width: 100%;}
    #content .prod_detail_box .detail_source{ width: 100%; margin: 0 0 20px 0;}
    #content .news_list2 .list_item{ width: calc(50% - 23px); margin: 0 30px 30px 0;}
    #content .news_list2 .list_item:nth-child(2n){ margin: 0 0 30px 0;}
    #content .news_list2 .list_item .time{margin-bottom: 20px;}
    #content .news_list2 .list_item .title{margin-bottom: 20px;}
    #content .lease_contact .title{font-size: 22px;}
    #content .lease_contact .list{height: auto; flex-direction: column;}
    #content .lease_contact .list .list_item{margin: 20px 0 0 0;}
    #content .lease_contact .list .list_item .item_icon{margin-right: 10px;}
    #content .about_partner{transform: scale(0.5); margin: -60px 0;}
    .row .col-md-12:first-child .lease_list{padding-right: 0;}
    .row .col-md-12:first-child .title7{padding-right: 0;}
    .row .col-md-12:last-child .lease_list{padding-left: 0;}
    .row .col-md-12:last-child .title7{padding-left: 0;}
    #content .lease_statistics{margin-bottom: 30px;}
    #content .lease_contact{margin: 30px 0;}
    #content .lease_box2{margin-top: 30px;}

    /* banner */
    .swiper-slide .slide_txt{ font-size: 30px; margin-top: -60px;}
    .swiper-slide .slide_link{margin-bottom: -60px}
    .swiper-job{width: calc(100% + 40px); margin: 40px -20px 0 -20px;}
}

@media (max-width: 768px) {
    /* header */

    /* swiper */
    .swiper-prod .swiper-slide{padding: 15px;}
    .swiper-prod .swiper-slide .slide_title .name{font-size: 14px;}
    #banner .swiper-container{
        display: block;
    }

    /* content */
    #content .c_pc{display: none;}
    #content .c_mobile{display: block;}
    #content .title1{ margin-bottom: 20px;}
    #content .title1 .name{ font-size: 20px; line-height: 30px;}
    #content .title2{ font-size: 20px;}
    #content .title2 .txt{margin-top: 10px;}
    #content .title3{ font-size: 20px;margin-bottom: 20px;}
    #content .title4{ font-size: 20px;}
    #content .title6{ font-size: 20px;}
    #content .title7{ font-size: 20px;}
    #content .txt2{font-size: 18px; line-height: 28px;}
    #content .txt3{margin-bottom: 20px;}
    #content .prod_cases_contrast .contrast_con .title{font-size: 20px; line-height: 30px;}
    #content .location{margin-bottom: 20px;}
    #content .content_container{padding: 20px 0}
    #content .content_container2{padding: 20px 0}
    #content .about_box{ padding-bottom: 0;}
    #content .lease_box{ padding-bottom: 0;}
    #content .about_statistics .statistics_list .list_item{width: 50%; padding: 50px 0; border-bottom: 1px solid rgba(255,255,255,.3);}
    #content .about_statistics .statistics_list .list_item:nth-child(2n){border-right: 0;}
    #content .about_statistics .statistics_list .list_item:nth-child(3n){border-right: 1px solid rgba(255,255,255,.3);}
    #content .about_statistics .statistics_list .list_item:last-child{border-bottom: 0; border-right: 0;}
    #content .about_statistics .statistics_list .list_item:nth-last-child(2){border-bottom: 0;}
    #content .about_statistics .statistics_list .list_item .data span{font-size: 40px;}
    #content .prod_main .main_item{margin: 0 0 10px 0;}
    #content .prod_table{width: 100%;}
    #content .about_partner{transform: scale(0.35); margin: -130px 0;}
    #content .about_partner .p_left .p_l3{ top: 150px; right: 120px;}
    #content .lease_tabs ul li a{font-size: 16px; padding: 10px 20px;}
    #content .contact_map{margin-top: 20px;}
    #content .link1{margin-top: 20px;}
    #content .link1 a{padding: 10px 20px;}
    #content .prod_tab{position: inherit; transform: none; padding: 0; margin-bottom: 20px;}
    #content .prod_tab ul{display: flex;}
    #content .prod_tab ul li{width: calc(25% - 10px); height: auto;  margin: 0 5px; padding: 0;}
    #content .prod_tab ul li a{ text-align: center; font-size: 14px; background-color: #fafafa; display: block; width: 100%; padding: 2px 10px; border-radius: 90px; box-shadow: 0 0 5px #ddd;}
    #content .prod_tab ul li::before,#content .prod_tab ul li::after{display: none;}
    #content .prod_container{padding: 20px 0;}
    #content .news_container{padding: 30px 0;}
    #content .contact_container{padding: 30px 0;}
    #content .main_container{padding: 30px 0;}
    #content .carbon_statistics{padding: 30px 0;}
    #content .lease_box2{padding: 30px 0;}
    #content .lease_statistics{padding: 30px 0;}
    #content .bar .bar_title .name{margin-top: 10px;}
    #content .time_tabs{margin: 30px 0; display: none;}
    #content .draggable{overflow-x: auto;}
    #content .contact_map .map_pc{display: none;}
    #content .contact_map .map_mobile{display: block;}
    #content .contact_map .map_back{ color: #fff; background: #114326; display: inline-block; padding: 5px 20px; position: absolute; top: 20px; left: 20px; z-index: 9; display: none;}
    #content .contact_map .map_back.show{display: block;}
    #content .contact_map .map_pic.hide{display: none;}

    /* footer */
    #footer{background: #f5f5f5; padding: 0;}
    #footer .foot_box{display: inherit; display: none;}

    /* back to top */
    .back_top_top{ right: 20px; bottom: 20px; display: inline;}
    
    /* banner */
    .swiper-slide .slide_txt{ font-size: 20px; margin-top: -40px}
    .swiper-slide .slide_link{margin-bottom: -40px}
    .swiper-job .swiper-slide .slide_content .title{font-size: 16px;}
    .swiper-job .swiper-slide .slide_content .des{font-size: 12px; line-height: 18px; margin-top: 10px;}
}