/*定义动画*/
.e-ani *,
.e-ani *:before,
.e-ani *:after {
	-webkit-transition: .3s;
	transition: .3s;
}

body a:hover{
	color: #11734c;
}

.ellipsis-01 {
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis; }

.ellipsis-02 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.ellipsis-03 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.ellipsis-04 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; }


/*图片比例裁剪预设*/
i.pic-size {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}

i.pic-size img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	object-fit: contain;
	transition: .3s;
}

i.pic-size-cover img {
	object-fit: cover;
}

i.pic-size-scale-down img {
	object-fit: scale-down;
}

i.pic-size-none img {
	object-fit: none;
}
a:hover i.pic-size img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}



/* 切换 */
.tabs-box .hd>* {
	position: relative;
}

.tabs-box .bd {
	position: relative;
	overflow: hidden;
}

.e-anim-hide {
	display: none;
}

.e-anim-on {
	display: block;
}

.e-anim-off {
	pointer-events: none;
	display: block;
	display: none\9;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.e-anim-off {
		display: block;
	}

	/* IE10+ */
}

.tabs-box .e-anim-on {
	animation: tabs-anim-on .3s;
	animation-fill-mode: both;
	width: 100%;
}

.tabs-box .e-anim-off {
	animation: tabs-anim-off .3s;
	width: 100%;
	position: absolute;
	animation-fill-mode: both;
	top: 0;
}


@keyframes tabs-anim-on {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes tabs-anim-off {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}



/*banner*/
i.pic-scale-banner{
    padding-bottom:930px;
}

.swiper-banner{
    position: relative;
}


.swiper-banner a:hover i.pic-size img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.swiper-banner .banner-pagination{
    position: absolute;
    left:50%;
    width:auto;
    bottom:15px;
    z-index: 2;
    transform: translateX(-50%);
}
.swiper-banner .banner-pagination .swiper-pagination-bullet{
    width:10px; height:10px; background:#e8e8e8; filter:alpha(opacity=50); opacity:.5;
    border-radius: 50%;
}

.swiper-banner .banner-pagination .swiper-pagination-bullet-active{background:#fff; opacity:1; fiter:alpha(opacity=100);}

.tabs-case .hd{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tabs-case .hd .btn-bd{
    margin: 2px;
}
.tabs-case .hd .btn{
    padding:0 35px;
    border: 1px solid #00693f;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}
.tabs-case .hd .on .btn{
    background: #00693f;
    color:#fff;
}
i.pic-scale-case{
    padding-bottom:51.785%;
}

.tabs-case .mess-bd{
    padding:30px 40px 10px 40px;
    min-height:611px;
}


.tabs-case .rbanner_button{position:absolute; top:50%; cursor:pointer; width:71px; height:71px; z-index:999; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; margin-top:-35px;}
.tabs-case .hleft{background:url(../img/left.png) no-repeat rgba(0, 0, 0, 0.1); left:20px;}
.tabs-case .hright{background:url(../img/right.png) no-repeat right rgba(0, 0, 0, 0.1); right:20px;}

.m-box{
    display: none;
}

@media screen and (max-width: 991px) {
	.tabs-case .hd .btn{
		padding:0 22px;
	}
}


@media screen and (max-width: 991px) {
	#Web_show_menu{
		display: none;
	}
	
    .m-box{
        display: block;
    }
    #com_2.modulebox{
        width: auto !important;
        height: auto !important;
        top:10px !important;
        left:15px !important;
        transform: scale(.5);
        transform-origin: 0 0 ;
    }
    #simpleText_com_103{
        width: auto !important;
        height: auto !important;
        
    }
    .logo-cn{
        font-size: 23px !important;
    }
    .logo-en{
        font-size: 12px !important;
    }
    
    #menu_com_1{
        display:none;
    }
   
    
    #web_design_main{
        min-width: auto;
        height: 50vw;
    }
    
    #com_101.modulebox{
        min-height: auto !important;
        height: 50vw;
    }
    
    i.pic-scale-banner{
        padding-bottom: 50vw;
    }
    
    #imageText_com_106 .skin_model_view{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    
    #com_106.modulebox{
        min-height: auto;
        padding:0 15px;
    }
    
    .box_imageText .imgText_pic{
        height:auto !important;
    }
    
    .box_imageText .skin_model_view .clearfix{
        display: flex;
        flex-direction: column;
    }
    .box_imageText .skin_model_view .imageText_text_com_106{
        float: none !important;
        width:100% !important;
    }
    
     .nav-btn{
        position: absolute;
        right:15px;
        top:15px;
        z-index: 999;
        width:36px;
        height:36px;
        border-radius: 4px;
        background: #11734c;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .nav-btn .e-close{
        display: none;
    }
    .nav-btn.on{
        position: fixed;
    }
    .nav-btn.on .e-show{
        display: none;
    }
    .nav-btn.on .e-close{
        display: block;
    }
    
    .nav-btn i{
        color:#fff;
        font-size:20px;
    }
    .m-nav{
        position: fixed;
        right:0;
        top:0;
        bottom:0;
        z-index: 998;
        background: #404248;
        box-shadow: 0 0 20px rgba(0,0,0,.1);
        padding-top:60px;
        width:180px;
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        opacity: 0;
        transition: .3s;
    }
    .m-nav.on{
        transform: translateX(0);
        opacity: 1;
    }
    .m-nav .btn{
        padding:0 15px;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .m-nav .btn a{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:15px 0;
        border-bottom: 1px solid #555;
    }
    
    .m-nav .btn a span{
        color:#fff;
    }
    
    .m-nav .btn i::before{
        font-size:12px;
        color:#fff;
    }
}


.e-container{
    width:1220px;
    padding:0 10px;
    margin: 0 auto;
}


.ind-about-box{
    background: url('../img/1660272915858074229.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    min-height:830px;
}

.ind-about-box .flex{
    padding:80px 0 110px 0;
    display: flex;
	flex-direction: row-reverse;
}

.ind-about-box .flex .l{
    flex-basis: 657px;
    flex-shrink: 0;
}
.ind-about-box .flex .l img{
    width:100%;
}
.ind-about-box .flex .r{
    padding-right:45px;
}
.ind-about-box .flex .r .tit b{
    font-size: 42px;
}
.ind-about-box .flex .r .tit span{
    font-size: 18px;
    color: #888888;
    padding-left: 10px;
}

.ind-about-box .flex .r .line{
    margin: 20px 0;
    width:54px;
    height: 3px;
    background: #00693f;
}

.ind-about-box .flex .r .txt{
    line-height: 2;
    font-size: 14px;
    color: #262626;
}

.ind-about-box .flex .r .link-btn{
    margin-top:80px;
    
}
.link-btn a{
    border: solid 1px #11734c;
    height:48px;
    border-radius: 24px;
    padding:0 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color:#11734c;
    
}
.link-btn a:hover{
    background: #11734c;
    color:#fff;
}

.ind-about-box .list{
    padding-top:45px;
}

.ind-about-box .list ul{
    display: flex;
}
.ind-about-box .list li{
    flex:1;
}
.ind-about-box .list a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ind-about-box .list a .icon{
    position: relative;
    width:135px;
    height: 135px;
    
}

.ind-about-box .list a .icon img{
    position: absolute;
    width:100%;
    height:100%;
    left: 0;
    top: 0;
}

.ind-about-box .list a span{
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-top: 20px;
}

.ind-about-box .list a .icon .showImg{
    z-index: 2;
    opacity: 0;
}
.ind-about-box .list a:hover .icon .showImg{
    opacity: 1;
}

.e-video-box{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	background: #000;
}

.e-video-box .e-video-close-btn{
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	border-radius: 20px;
	font-size: 30px;
	color: #FFF;
	background-color: rgb(255, 0, 0);
	text-align: center;
}

.e-video-box video{
	width:100%;
	height:100%;
	object-fit: contain;
}

@media screen and (max-width: 991px) {
    .e-container{
        width:100%;
    }
    
    .ind-about-box{
        background: none;
        min-height: auto;
        padding-bottom:30px;
    }
    
    .ind-about-box .flex{
        padding:30px 0;
        display: block;
    }
    .ind-about-box .flex .l{
        width:100%;
        display:none;
    }
    .ind-about-box .flex .r{
        padding-left:0;
        padding-top: 15px;
    }
    .ind-about-box .flex .r .tit b{
        font-size: 24px;
    }
    .ind-about-box .flex .r .tit span{
        font-size: 14px;
    }
    
    .ind-about-box .flex .r .line{
        margin: 10px 0;
    }
    
    .ind-about-box .flex .r .txt{
        line-height: 2;
        font-size: 14px;
        color: #262626;
    }
    
    .ind-about-box .flex .r .link-btn{
        margin-top:20px;
        
    }
    
    .ind-about-box .list{
        padding:30px 0;
        background: #11734c;
    }
    
    .ind-about-box .list ul{
        display: flex;
        flex-wrap: wrap;
    }
    .ind-about-box .list a{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ind-about-box .list a .icon{
        position: relative;
        width:60px;
        height: 60px;
        
    }
    
    .ind-about-box .list a span{
        font-size: 14px;
        padding-top: 10px;
    }
}


.ind-tit-box{
    padding-top: 90px;
    padding-bottom: 45px;
}

.ind-tit-box .cn{
    font-weight: bold;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 42px;
    line-height: 1.1;
    color:#fff;
}


.ind-tit-box .en{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.ind-tit-box-02 .cn{
    color:#232323;
}
.ind-tit-box-02 .en{
    color:#acacac;
}

.ind-tit-box .en::before, .ind-tit-box .en::after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    background: #999;
    width: 50px;
    height: 1px;
    margin: 0 10px;
}


.ind-advantage-box{
    position: relative;
    background-color: rgb(255, 255, 255);
    background-image: url(../img/1660272914837091036.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    left: 0px;
    min-height:827px;
}
.ind-advantage-box .list ul{
    display:flex;
    margin: -10px;
}
.ind-advantage-box .list ul li{
    flex-basis: 33.3333%;
    flex-shrink: 0;
    padding:10px;
}
.ind-advantage-box .list ul .item{
	background-color: #fff;
    background-image: url(../img/1660705869819004697.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    min-height: 470px;
    padding:75px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ind-advantage-box .list ul li:nth-child(even){
    padding-top:50px;
}

.ind-advantage-box .list .pic img{
    width:100%;
}
.ind-advantage-box .list .pic{
    padding-bottom:10px;
    width:81px;
}

.ind-advantage-box .list .tit{
    font-size:26px;
    color:#232323;
}

.ind-advantage-box .list .sub-tit{
    color:#acacac;
    font-size:14px;
}

.ind-advantage-box .list .line{
    background: #989898;
    height:1px;
    width:160px;
    margin: 20px auto;
    
}

.ind-advantage-box .list .txt{
    font-size:14px;
    line-height: 1.75;
}




@media screen and (max-width: 991px) {
    
    .ind-tit-box{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .ind-tit-box .cn{
        font-size: 24px;
    }
    
    .ind-tit-box .en{
        font-size: 12px;
        padding-top: 5px;
    }
    .ind-advantage-box{
        background-size:cover;
        min-height:none;
        padding-bottom:30px;
    }
    .ind-advantage-box .list ul{
        display:block;
        margin: -10px;
    }
    .ind-advantage-box .list ul li{
        padding:10px;
    }
    .ind-advantage-box .list ul .item{
        background-position: bottom;
        min-height: auto;
        padding:25px;
        background-size: 100% auto ;
    }
    
    .ind-advantage-box .list ul li:nth-child(even){
        padding-top:10px;
    }
    .ind-advantage-box .list .pic{
        padding-bottom:10px;
        width:50px;
    }
    
    .ind-advantage-box .list .tit{
        font-size:20px;
    }
    
    .ind-advantage-box .list .sub-tit{
        font-size:12px;
    }
    
    .ind-advantage-box .list .line{
        width:120px;
        margin: 10px auto;
        
    }
    
    .ind-advantage-box .list .txt{
        font-size:12px;
    }
}





.ind-case-box{
    background: url(../img/1660272913680081611.jpg);
    background-repeat: no-repeat;
    background-position: center top;
	padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .ind-case-box{
        min-height: auto;
        background: none;
        padding-bottom:30px;
    }
    .tabs-case .mess-bd{
        min-height: auto;
        padding:30px 0 0 0;
    }
}


.ind-news-box{
    background: url(../img/1660272917830060071.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-bottom:90px;
}

.ind-news-box .link-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top:30px;
}

.ind-news-box .flex{
    display: flex;
    min-width: 0;
}
.ind-news-box .flex .l{
    flex-basis: 565px;
    flex-shrink: 0;
    padding-right: 15px;
	min-width: 0;
}
.ind-news-box .flex .r{
    flex:1;
    padding-left: 15px;
	min-width: 0;
}

i.pic-scale-news{
    padding-bottom:65%;
}

.ind-news-box .item dl{
    display: flex;
    padding:10px 0;
    margin: 0;
    min-width: 0;
    border-bottom: 1px dashed #ccc;
}

.ind-news-box .flex .l dl{
    flex-direction: column;
}
.ind-news-box .flex .l dd{
    padding-top:5px;
}
.ind-news-box .flex .l dt{
    padding-right:0;
}

.ind-news-box .item dt{
    flex-basis: 222px;
    flex-shrink: 0;
    padding-right:20px;
}
.ind-news-box .item dt .pic{
    border: 1px solid #ccc;
}

.ind-news-box .item dd{
    min-width: 0;
}
.ind-news-box .item dd .tit{
    font-weight: bold;
    font-size:16px;
    color:#232323;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}
.ind-news-box .item dd .txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    padding-top:5px;
    color:#666;
}

@media screen and (max-width: 991px) {
        
    .ind-news-box{
        padding-bottom:30px;
    }
    
    .ind-news-box .link-btn{
        padding-top:20px;
    }
    
    .ind-news-box .flex{
        display: block;
    }
    .ind-news-box .flex .l{
        flex-basis: 50%;
        flex-shrink: 0;
        padding-right: 0;
    }
    .ind-news-box .flex .r{
        flex-basis: 50%;
        flex-shrink: 0;
        padding-left: 0;
    }
    
    i.pic-scale-news{
        padding-bottom:65%;
    }
    
    .ind-news-box .item dl{
        display: flex;
        padding:10px 0;
        margin: 0;
        min-width: 0;
        border-bottom: 1px dashed #ccc;
    }
    
    .ind-news-box .flex .l dl{
        flex-direction: row;
    }
    .ind-news-box .flex .l dd{
        padding-top:0;
    }
    
    .ind-news-box .item dt{
        flex-basis: 172px;
        padding-right:10px;
    }
    .ind-news-box .item dt .pic{
        border: 1px solid #ccc;
    }
    
    .ind-news-box .item dd{
        min-width: 0;
    }
    .ind-news-box .item dd .tit{
        font-weight: bold;
        font-size:16px;
        color:#232323;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        text-overflow: ellipsis;
    }
    .ind-news-box .item dd .txt{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; 
        padding-top:5px;
    }
}



.footer{
    background: #2b2b2b;
}
.footer .flex{
    display: flex;
    padding:40px 0;
}
.footer .flex .l{
    flex:1;
    display: flex;
    /*justify-content: space-between;*/
    padding-right: 100px;
}
.footer .flex .l dl{
    padding-right: 80px;
}
.footer .flex .l a{
    color:#fff;
}
.footer .flex .l dt a{
    font-size:16px;
    font-weight: normal;
}
.footer .flex .l dd span{
    display: block;
    padding:5px 0;
}
.footer .flex .l dd {
    padding-top:15px;
}
.footer .flex .l dd a{
    color:#acacac;
}

.footer .flex .r .qr{
    width:120px;
}
.footer .flex .r .qr img{
    width: 100%;
    display: block;
}
.footer .flex .r .qr span{
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00693f;
    color: #fff;
	font-weight: normal;
}
.footer dl{
    margin: 0;
}
.footer .flex .r dl{
    display: flex;
    color:#fff;
}
.footer .flex .r dt{
    padding-right: 20px;
}
.footer .flex .r dd{
	width: 220px;
}
.footer .flex .r .tips{
    font-size: 16px;
}
.footer .flex .r a{
    color:#fff;
}
.footer .flex .r .tel{
    font-size: 24px;
}
.footer .flex .r .mail{
    font-size: 14px;
}
.footer .flex .r .address{
    font-size: 14px;
}

.footer .flex .r div + div{
    padding-top: 5px;
}

.footer-b{
    background: #2b2b2b;
    border-top: 1px solid #555555;
    padding:20px 0;
    color:#fff;
}
.footer-b .flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.footer-b span{
    padding: 10px 20px;
}
.footer-b a{
    color:#fff;
}
.footer-b .ba{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-b .ba img{
    padding-right: 5px;
}

.footer-btn{
    display: none;
}
.footer-btn-hold{
    display: none;
}

@media screen and (max-width: 991px) {
    #Web_back_top{
        display: none !important;
    }
    
    .footer{
        background: #2b2b2b;
        display: none;
    }
    .footer .flex{
        display: flex;
        justify-content: center;
        padding:30px 0;
    }
    .footer .flex .l{
        display: none;
    }
    .footer .flex .l dl{
        flex:1;
    }
    .footer .flex .l a{
        color:#fff;
    }
    .footer .flex .l dt a{
        font-size:16px;
        font-weight: normal;
    }
    .footer .flex .l dd span{
        display: block;
        padding:5px 0;
    }
    .footer .flex .l dd {
        padding-top:15px;
    }
    .footer .flex .l dd a{
        color:#acacac;
    }
    
    .footer .flex .r .qr{
        width:120px;
    }
    
    .footer .flex .r dt{
        padding-right: 20px;
    }
    .footer .flex .r .tips{
        font-size: 12px;
    }
    .footer .flex .r .tel{
        font-size: 20px;
    }
    .footer .flex .r .mail{
        font-size: 12px;
    }
    .footer .flex .r .address{
        font-size: 12px;
    }
    
    .footer .flex .r div + div{
        padding-top: 10px;
    }
    
    .footer-b {
        padding:15px 0;
        background: none;
        border-top: solid 1px #ddd;
        color: #999;
    }
    .footer-b span{
        padding: 5px 5px;
        font-size: 12px;
        color: #999;
    }
    .footer-b a{
        font-size: 12px;
        color: #999;
    }
    
    .footer-btn{
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 56px;
        z-index: 98;
        background: #11734c;
    }
    
    .footer-btn a{
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-left: solid 1px rgba(255,255,255,.1);
    }
    
    .footer-btn a:nth-child(1){
        border:none;
    }
    
    .footer-btn i,.footer-btn i::before{
        font-size: 22px;
        color: #fff;
        line-height: 1;
    }
    .footer-btn span{
        color: #fff;
        font-size: 14px;
        line-height: 1;
        padding-top:5px;
    }
    
    .footer-btn-hold{
        display: block;
        height:48px;
    }
    html,body{
        height: 100%;
    }
    .web-box{
        transition: .3s;
        position: relative;
        height: 100%;
    }
    
    .web-box-shade{
        content:' ';
        position: fixed;
        background: rgba(0,0,0,0.5);
        opacity: 0;
        z-index: 99;
        transition: opacity .3s;
    }
    
    .web-box-on{
        transform: translateX(-180px);
    }
    .web-box-shade-on{
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 1;
    }
}


.box_backToTop .btp_1{
	background: url(../img/02_w.png) center center no-repeat;
}



.bannerDiv{
	height: 350px;
	position: relative;
}
.menu-tit-box{
	margin-top: 0;
	margin-bottom: 25px;
	text-align: center;
}
.menu-tit-box .menu-tit{
	color: #232323;
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 15px;
}
.menu-tit-box .menu-line{
	position: relative;
	width: 100%;
	display: block;
	border-bottom: 1px solid #ddd;
}
.menu-tit-box .menu-line i{
	position: absolute;
	bottom: -5px;
	left: 50%;
	display: block;
	width: 10px;
	height: 10px;
	background-color: #ddd;
	margin-left: -5px;
	z-index: 2;
	transform: rotate(45deg);
}
.menu-box{
	padding-bottom: 30px;
}
.menu-box ul{
	margin: -5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.menu-box li{
	padding: 5px;
	justify-content: space-between;
}
.menu-box li a{
	background-color: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	height: 42px;
	font-size: 16px;
}
.menu-box li a.on{
	background: #00693f;
	color: #fff;
}
.info-box{
	padding-top: 45px;
	padding-bottom: 60px;
}

@media screen and (max-width: 991px) {
	.bannerDiv{
		height: 180px;
	}
	
	.menu-tit-box{
		margin-top: 0;
		margin-bottom: 20px;
	}
	.menu-tit-box .menu-tit{
		font-size: 24px;
		padding-bottom: 10px;
	}
	.menu-tit-box .menu-line{
		
	}
	.menu-tit-box .menu-line i{
		
	}
	
	.menu-box{
		padding-bottom: 20px;
	}
	.menu-box li a{
		padding: 0 20px;
		height: 34px;
		font-size: 14px;
	}
	
	.info-box{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
}

.content-box-bd{
	padding:0 0 60px 0;
}
.content-box {
	text-align: justify;
	text-justify: inter-word;
	color: #666;
	position: relative;
	z-index: 10;
	line-height: 2;
	overflow: hidden;
}

.content-box,
.content-box * {
	line-height: 2;
}

.content-box img {
	width: auto;
	height: auto;
	max-width: 100%;
}

@media screen and (max-width: 991px) {
	.content-box-bd{
		padding:0 0 20px 0;
	}
}




.news-list-box{
    
}

.news-list ul{
    margin: -20px 0 0 0;
}
.news-list li{
    padding:20px 0;
    border-bottom:1px dashed #cccccc;
}
.news-list li dl{
    display: flex;
    margin: 0;
}
.news-list li dt{
    padding-right:20px;
    flex-basis: 262px;
    flex-shrink: 0;
}
.news-list li dt .pic{
    border:1px solid #ccc;
}
.news-list li dd{
    min-width: 0;
}
.news-list li dd .tit {
    color: #232323;
    line-height: 1.8;
    font-weight: bold;
    font-size: 16px;
}
.news-list li dd .time{
    display: flex;
    align-items: center;
}
.news-list li dd .time i{
    font-size: 18px;
    color:#ccc;
    padding-right: 5px;
}
.news-list li dd .time span{
    color:#ddd;
    font-size: 12px;
}
.news-list li dd .txt{
    margin-top: 15px;
    color:#333;
    
}

.news-list li a:hover .tit{
    color:#00693f;
}

@media screen and (max-width: 991px) {
    
    .news-list ul{
        margin: -10px 0 0 0;
    }
    .news-list li{
        padding:10px 0;
    }
    .news-list li dt{
        padding-right:10px;
        flex-basis: 162px;
    }
    .news-list li dd{
        min-width: 0;
    }
    .news-list li dd .tit {
        font-size: 14px;
    }
    .news-list li dd .txt{
        margin-top: 10px;
        font-size:12px;
        
    }
}


.box_articleDetail .article_title{
    padding-top:30px;
}

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



.news-list-box-02{
    
}
.news-list-02 a{
    display: flex;
    align-items: center;
    height: 42px;
    border-bottom: 1px dashed #ccc;
}
.news-list-02 .icon{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    color:#00693f;
}
.news-list-02 .tit{
    flex:1;
    padding-right:40px;
	font-size: 16px;
}
.news-list-02 .time{
    font-size: 12px;
    color:#333;
}

.news-list-02 a:hover .tit{
    color:#00693f;
}

@media screen and (max-width: 991px) {
    .news-list-02 .tit{
    	font-size: 14px;
    }
}


	div.pages-box{
		display: flex;
		width: 100%;
	}
	div.pages {
		padding: 15px 0 0 0;
		line-height: 1.42857;
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		overflow: hidden;
	}
    div.pages * {
		line-height: 1.42857; 
	}
    div.pages a, div.pages span {
		text-decoration: none;
		background: #fff;
		padding: 6px 12px;
		color: #858585;
		font-size: 14px;
		display: inline-flex;
		font-weight: normal;
		align-items: center;
		justify-content: center;
		border: 1px solid #ddd;
		
		margin-left: -1px;
		margin-top: 5px;
	}
    div.pages a.on, div.pages a.hover, div.pages a:hover, div.pages a:active, div.pages span.current, div.pages span.disabled {
		background: #eee;
		color: #333;
	}
	
	div.pages *:nth-child(1){
		border-radius: 4px 0 0 4px;
	}
	div.pages *:nth-last-child(1){
		border-radius: 0 4px 4px 0;
	}
	
@media screen and (max-width: 991px) {
	
}



.article-tit-box{
	padding-bottom: 20px;
}
.article-tit-box .tit{
	color: #232323;
	line-height: 2;
	font-size: 20px;
	text-align: center;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
    font-weight: bold;
}
.article-tit-box .mess{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.article-tit-box .mess .item{
	padding: 10px 20px;
}

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



.case-list ul{
    display: flex;
    margin: -8px;
    flex-wrap:wrap;
}
.case-list li{
    flex-basis: 25%;
    flex-shrink: 0;
    min-width: 0;
    padding:8px;
}
.case-list li .pic{
	border: solid 1px #cccccc;
}
.case-list li .tit{
    font-size: 16px;
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    */
	text-align: center;
	font-size: 14px;
	line-height: 1.75;
	padding: 5px 0;
	
	display: -webkit-box;
    -webkit-line-clamp: 2; /* 显示3行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-list li a:hover .tit{
    color:#00693f;
}
i.pic-scale-case-02{
    padding-bottom:141.37931%;
}
i.pic-scale-case-03{
    padding-bottom:70.34448%;
}

@media screen and (max-width: 991px) {
    .info-bd{
        padding:10px 0 30px 0;
    }
    .menu-box+.info-bd{
        padding-top:30px;
    }
    .case-list ul{
    }
    .case-list li{
        flex-basis: 50%;
    }
    .case-list li .tit{
        font-size: 14px;
    }
}




i.pic-scale-project{
	padding-bottom: 60%;
}
.project-list ul{
    display: flex;
    margin: -10px -30px;
    flex-wrap:wrap;
}
.project-list li{
    flex-basis: 33.333333%;
    flex-shrink: 0;
    min-width: 0;
    padding:10px 30px;
}
.project-list li .pic{
	position: relative;
}
.project-list li .shade{
	background-image: url(../img/imageEffetc_mask.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 64px;
	height: 64px;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	position: absolute;
	z-index: 2;
	opacity: 0;
}
.project-list li .tit{
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	font-size: 14px;
	line-height: 1.75;
	padding: 5px 0;
}
.project-list li a:hover .shade{
	opacity: 1;
}
.project-list li a:hover .tit{
    color:#00693f;
}

@media screen and (max-width: 991px) {
    .project-list ul{
		margin: -8px;
    }
    .project-list li{
		padding: 8px;
        flex-basis: 50%;
    }
    .project-list li .tit{
        font-size: 14px;
    }
}





.project-info-box .pic{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.project-info-box .pic img{
	width: 100%;
}
.project-info-box .tit{
	font-size: 24px;
	line-height: 1.75;
	text-align: center;
	padding-bottom: 30px;
}
.tabs-project{
	border: solid 1px #ddd;
}
.tabs-project .hd{
	background-color: #f6f6f6;
	display: flex;
	border-bottom:solid 1px #ddd;
	height: 40px;
}

.tabs-project .hd .item{
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	margin-left: -1px;
	padding: 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	height: 40px;
	color: #333;
	cursor: pointer;
	
}
.tabs-project .hd .item.on{
	background-color: #fff;
}
.tabs-project .bd .mess{
	padding:30px;
}

.link-box{
	padding-top: 30px;
}
.link-box a{
	color: #333;
}
.link-box .item + .item{
	padding-top: 5px;
}

@media screen and (max-width: 991px) {
	.project-info-box .pic{
		padding-bottom: 20px;
	}
	.project-info-box .pic img{
		
	}
	.project-info-box .tit{
		font-size: 18px;
		padding-bottom: 20px;
	}
	.tabs-project{
		border: solid 1px #ddd;
	}
	.tabs-project .hd{
		background-color: #f6f6f6;
		display: flex;
		border-bottom:solid 1px #ddd;
		height: 40px;
	}
	
	.tabs-project .hd .item{
		padding: 0 20px;
		
	}
	.tabs-project .hd .item.on{
		
	}
	.tabs-project .bd .mess{
		padding:20px;
	}
}




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




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