﻿body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
audio, canvas, progress, video{ display: block; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.header{ height: 180px; padding:0 6%; border-top: solid 5px #004d17; position: absolute; left: 0; top: 0; right: 0; z-index: 1000; background: url(../images/header.png) center no-repeat; background-size: 100% 100%; }
.banner{ overflow:hidden; margin:0; }
.logo{ padding-top: 40px; }
.header-a{ color: #fff; padding-top: 30px; margin-bottom: 30px; }
.header-a span{ padding:0 20px; }
.header-a a.icon01{ color: #fff; background: url(../images/icon01.png) left center no-repeat; padding-left: 22px; }
.header-a a.icon02{ color: #fff; background: url(../images/icon02.png) left center no-repeat; padding-left: 22px; }
.header-a a span {

    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon02.png) center no-repeat;
}
.header-a a:hover {color:#fff;}
.search-mask{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; background: #22626a; background: rgba(0,77,23,0.95); z-index: 10000; }
.search-width{ position: absolute; left: 50%; margin-top: -172px; margin-left: -450px; top: 50%; width: 900px; }



.search-box{ position: relative; }
.search-box .form-control{ width: 100%; box-shadow: none; border:none; height: 60px; border-radius: 60px; font-size: 16px; padding-left: 28px;padding-right: 90px; }
.search-a{ color: #fff; margin-top: 20px; }
.search-a span{ font-weight: bold; }
.search-a a{ color: #fff; }
.btn-search,.btn-search:hover,.btn-search:focus{ position: absolute; right: 28px; top: 50%; height: 30px; margin-top: -15px; box-shadow: none; border:none; width: 28px; background: url(../images/search.png) center no-repeat; }
.search-close{ display: inline-block; margin-top: 200px; }
.search-open {color:#fff;}
.search-open:hover {color:#fff;}
.nav-list li{ float: left; margin-left:30px; position: relative; padding-bottom: 10px;}
.nav-list li a{ font-size: 18px; color: #fff; display: block; }
.nav-list li a.down{ padding-right: 25px; background: url(../images/raw.png) right center no-repeat; }
.nav-list li.active,.nav-list li:hover{ border-bottom: solid 3px #fff; }
.banner .slick-prev{ width: 44px; height: 84px; background: url(../images/left.png) center no-repeat; left: 3%; margin-top: -42px; z-index: 100; }
.banner .slick-next{ width: 44px; height: 84px; background: url(../images/right.png) center no-repeat; right: 3%; margin-top: -42px; z-index: 100; }
.banner .slick-dots{ bottom: 50px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 37px; height: 15px; padding:0; background: url(../images/li01.png) center no-repeat; }
.banner .slick-dots li.slick-active,.banner .slick-dots li.slick-active button{ width: 37px; height: 15px; padding:0; background: url(../images/li02.png) center no-repeat; }
.slick-dots li button:before{ display: none; }
.container{ width: 1370px; }
.title{ position: relative; font-size: 55px; margin-bottom: 50px; color: #0e0e0e; font-weight: bold; margin-top: 30px; }
.title:before{ display: block; content: ""; position: absolute; left: 0; bottom: -10px; height: 3px; width: 75px; background: #0d812e; }
.title a{ float: right; margin-top: 30px; width: 116px; height: 35px; color: #fff; font-size: 18px; font-weight: normal; background: #0d812e; text-align: center; line-height: 35px; }
.title a span{ padding-right: 35px; background: url(../images/jt.png) right center no-repeat; }
.back-one{ height: 660px; padding-top:50px; background: url(../images/back01.png) center no-repeat; margin-bottom: 45px; background-size: cover; }
.news-left{ width: 60.5%; }
.news-slick a{ display: block; }
.news-slick-img{ position: relative; padding-top: 61.5%; }
.news-slick-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news-bottom{ position: relative; margin-top: 20px; padding-left: 200px; }
.news-bottom-tt{ font-size: 18px; color: #000; line-height: 30px; height: 60px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.news-bottom-date{ position: absolute; left: 20px; font-size: 36px; height: 36px; line-height: 36px; margin-top: -18px; top: 50%; color: #fff; }
.news-right{ width:39.5%; padding-left: 35px; }
.news-right-ul li a{ display: block; background: #fff; }
.news-left-img{ width: 40%;  }
.news-left-img img{ width: 100%; height: 132px; }
.news-right-c{ width: 60%; padding:20px 25px; }
.news-right-tt{ font-size: 16px; color: #000; line-height: 25px; height: 55px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden; }
.news-right-date{ font-size: 16px; margin-top: 10px; color: #878787; padding-left: 23px; background: url(../images/icon-date.png) left center no-repeat; }
.news-right-ul li{ margin-bottom: 25px; }
.news-slick .slick-dots{ bottom: 110px; }
.news-slick .slick-dots li,.news-slick .slick-dots li button{ width: 24px; height: 7px; background: #d5d6d7; padding:0; }
.news-slick .slick-dots li.slick-active button{ background: #ba0a0a; }
.lb-ul li{ float: left; width: 25%; padding:0 16px; margin-bottom: 32px; }
.lb-ul{ margin:0 -16px; }
.lb-ul li a{ position: relative; display: block; padding-top: 75%; }
.lb-ul li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.lb-ul li a span{ position: absolute; left: 0; right: 0; bottom: 0; padding:25px 15px 0px 15px; height: 87px; background: url(../images/mask.png) center no-repeat; background-size: 100% 100%; }
.lb-ul li a span font{ display: block; font-size: 18px; color: #fff; line-height: 25px; height: 50px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; padding-right: 25px; background: url(../images/r.png) right center no-repeat; }
.lb-slick .slick-dots li,.lb-slick .slick-dots li button{ width: 20px; padding:0; height: 20px; background: #8bb28d; border-radius: 50%; }
.lb-slick .slick-dots li.slick-active button{ background: #206c24; }
.lb-slick .slick-dots li{ margin:0 10px; }
.back-left{ height: 505px; background: url(../images/back-left.png) center no-repeat; background-size: cover; width: 50%; margin-top: 25px; padding-top: 130px;}
.lb-slick{ margin-top: 60px; }
.title-b:before{ display: none; }
.back-box{ width: 650px; padding-right: 100px; }
.back-p{ font-size: 24px; color: #fff; line-height: 40px; }
.back-more{ display: inline-block; width: 200px; height: 50px; background: #fff; border-radius: 50px; font-size: 18px; color: #000; line-height: 50px; margin-top: 50px; }
.back-right .back-box{ padding-left: 100px; padding-right: 0; }
.back-right{ background: url(../images/back-right.png) center no-repeat; background-size: cover; }
.list-ul li{ float: left; width: 33.333333%; padding:0 30px; }
.list-ul { margin:0 -30px; }
.list-ul li a{ display: block; position: relative; padding-top: 71%; }
.list-ul li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.list-ul li a span{ position: absolute; left: 0; right: 0; bottom: 0; padding:35px 15px 0px 15px; font-size: 24px; color: #fff; height: 87px; background: url(../images/mask.png) center no-repeat; background-size: 100% 100%; }
.back-tow{ padding-bottom: 80px; margin-top: 110px; background: url(../images/back-tow.png) center no-repeat; background-size: cover; }
.back-tow .title{ color: #fff; }
.back-tow .title:before{ background: #fff; }
.back-tow .title a{ background: #fff; }
.back-tow .title a span{ color: #0d812e; background: url(../images/jt02.png) right center no-repeat; }
.glo-box{ position: relative; background: #fff; }
.glo-img{ width: 67.3%; }
.glo-img a{ display: block; height: 575px;position: relative;}
.glo-slick{margin-bottom:0;}
.glo-slick a p{position: absolute;left: 0;bottom:0;line-height:50px;padding:0 15px;width: 100%;background: rgba(0,0,0,.5);color: #fff;font-size: 16px;overflow: hidden;}
.glo-right{ width: 32.7%; padding:10px 35px; }
.glo-ul li{ border-bottom: solid 1px #ddd; padding:25px 0; }
.glo-ul li a{ font-size: 16px; color: #000; line-height: 30px; height: 60px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.glo-ul li:last-child{ border:none; }
.title-c{ color: #0d812e; margin-top: 120px; }
.list-ul li span font{ display: block; text-align: left; background: url(../images/r.png) right center no-repeat; padding-right: 25px; }
.back-b{ background: url(../images/back-b.png) center bottom no-repeat; padding-bottom: 345px; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; margin-top: -200px; padding-top: 240px;  }
.footer-tt{ font-size: 55px; color: #fff; text-transform:uppercase; margin-bottom: 50px;}
.footer-list li a{ font-size: 18px; color: #fff; }
.footer-list li a img{ margin-bottom: 20px; }
.footer-list li{ float: left; margin-right: 110px; }
.footer-sm{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px; }
.footer-p{ font-size: 18px; color: #fff; margin-bottom: 30px; }
.footer-p span{ padding-right: 25px; }
.footer-b{ background: rgba(0,77,23,0.91); padding:35px 0; font-size: 16px; color: #fff; margin-top: 35px; }
.title-phone{ display: none; }
.nav-down{ position: absolute; display: none; left: 0; top: 100%; min-width: 100%; padding-top: 3px; }
.nav-down li a{ display: block; background: rgba(0,0,0,0.5)!important; padding:5px 10px!important; white-space: nowrap; }
.nav-down li{ margin:0; float: none; padding:0; border:none!important; }
.nav-list li:hover .nav-down{ display: block; }
.nav-down li a:hover{ background: rgba(0,0,0,0.8)!important; }
.nav-downlast{ position: absolute; display: none;right: 0;  top: 100%; min-width: 100%; padding-top: 3px; }
.nav-downlast li a{ display: block; background: rgba(0,0,0,0.5)!important; padding:5px 10px!important; white-space: nowrap; }
.nav-list li:hover .nav-downlast{ display: block; }
.nav-downlast li{ margin:0; float: none; padding:0; border:none!important; }
.nav-downlast li a:hover{ background: rgba(0,0,0,0.8)!important; }
.banner .slick-dots li{ margin:0 10px; }
.slick-arrow:before{ display: none; }
.menu-button { position: absolute; display: none; top: 50px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{ display: none; }
.nav-three-span{ display: none; }
/************academics**************/
.list-banner img{ width: 100%; }
.title-list{ font-size: 50px; margin-bottom: 0; margin-top: 0; font-weight: normal; text-transform:uppercase; }
.nav-b a{ font-size: 14px; color: #595959; }
.nav-b{ background: url(../images/home.png) left center no-repeat; padding-left: 30px; margin-top: 50px; }
.nav-b-c{ border-bottom: solid 1px #e2e2e2; padding-bottom: 10px; margin-bottom: 85px; }
.lb-ul-bottom{ height: 175px; padding:20px 25px; background: url(../images/back-li01.png) center no-repeat; background-size: cover; }
.lb-ul-p{ color: #3d3d3d; line-height: 25px; height: 125px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; }
.lb-ul-lg li a span font{ padding-right: 0; background: none; }
.lb-ul-lg li .lb-ul-p a{ padding:0; }
.lb-ul-box:hover .lb-ul-bottom{ background: url(../images/back-li02.png) center no-repeat; background-size: cover;}
.lb-ul-box:hover .lb-ul-bottom .lb-ul-p a{ color: #fff; }
/**********content*********/
.article-tt{ font-size: 30px; color: #000; line-height: 40px; margin-top: -30px; text-align:justify;}
.article-sm .a01{ font-size: 16px; color: #919191; padding-left: 27px; margin-right: 30px; background: url(../images/icon-a01.png) left center no-repeat; }
.article-sm .a02{ font-size: 16px; color: #919191; padding-left: 27px; background: url(../images/icon-a02.png) left center no-repeat; }
.article-sm{ padding:25px 0 30px 0; border-bottom: solid 1px #eee; margin-bottom: 60px; }
.article-p p{ font-size: 16px; color: #666; line-height: 35px; margin-bottom: 30px;} 
/*************list************/
.lb-ul-list li{ float: left; width: 50%; padding:35px 35px 0 35px; margin-bottom: 20px; }
.lb-ul-c{ padding:0 0 35px 120px; position: relative; border-bottom: solid 1px #ddd; }
.lb-ul-date{ position: absolute; left: 0; top: 0; border:solid 1px #ddd; font-size: 18px; color: #999; width: 92px; height: 92px; text-transform:uppercase; }
.lb-ul-date span{ font-size: 40px; color: #0d812e; font-weight: bold; }
.lb-ul-tt a{ font-size: 20px; color: #000; }
.lb-ul-tt{ line-height: 30px; height: 90px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.lb-ul-txt{ color: #909090; line-height: 25px; height: 150px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6; margin-top: 20px;
overflow: hidden }
.page-box{ margin-top: 50px; }
.img-list-img{ width: 44.2%; }
.img-list-img a{ display: block; position: relative; padding-top: 68%; }
.img-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.img-list-right{ width: 55.8%; padding-left: 40px; }
.img-list-right .lb-ul-tt a{ font-size: 28px; font-weight: bold; }
.img-list-right .lb-ul-tt{ line-height: 30px; height: 105px; }
.img-list-right .lb-ul-txt{ font-size: 16px; color: #999; line-height: 30px; height: 150px; }
.list-more{ display: inline-block; width: 157px; margin-top: 40px; text-align: center; height: 46px; line-height: 44px; border:solid 1px #0d812e; }
.list-more span{ padding-left: 56px; background: url(../images/jt03.png) left center no-repeat; font-size: 16px; color: #0d812e; }
.imglist li:nth-child(even) .img-list-img{ float: right!important }
.imglist li:nth-child(even) .img-list-right{ padding-left: 0; padding-right: 40px; }
.imglist li{ margin-bottom: 90px; }
.lb-ul-tt a:hover,.nav-b a:hover,.news-right-ul li a:hover .news-right-tt,.news-bottom-tt:hover,.glo-ul li a:hover{ color: #0d812e; }
.list-more:hover,.back-more:hover{ background: #0d812e; color: #fff; }
.list-more:hover span{ color: #fff; background: url(../images/jt04.png) left center no-repeat; }
.banner img{ width: 100%; }

.list-banner{ position: relative; }
.banner-b{ position: absolute; left: 0; right: 0; bottom: 0; }



.left-width-box{ width: 350px; }
.left-width-top{ height: 233px; background: url(../images/left-top.png) center no-repeat; padding-top: 70px; font-size: 26px; color: #000; font-weight: bold; text-align: center; }
.left-width-bottom{ background: #efefef url(../images/back-bottom.png) right bottom no-repeat; margin-top: -50px; padding-bottom: 120px; position: relative; padding-left: 40px; }
.left-width-nav li a.st{ display: table; width: 100%; height: 73px; border-bottom: solid 1px #d7d7d7; }
.left-width-nav li a.st span{ display: table-cell; height: 72px; vertical-align: middle; border-left: solid 4px #efefef; font-size: 20px; color: #000; padding:0 15px; }
.left-width-nav li a.st:hover,.left-width-nav li a.st.active{ background: #fff; border-color: #fff; color: #0d812e; }
.left-width-nav li a.st:hover span,.left-width-nav li a.st.active span{  border-color: #0d812e;}
.left-nav-down li a{ display: block; padding:10px 0 10px 36px; position: relative; font-size: 16px; color: #666; border-left: solid 4px #d3d3d3; background: #fff; }
.left-nav-down li a.active{color:#fff; background: url(../images/nav-c.png) center no-repeat; background-size: 100% 100%;    top: 0;
    width: 310px;
    bottom: -10px;

}
.left-nav-down li a.active:hover{color: #fff;  }

.left-nav-down li a:before{ display: block; content: ""; position: absolute; left: 20px; top: 0; bottom: 0; width: 3px; background: url(../images/li-sm.png) center no-repeat; }
.left-nav-down li a.active:before{ display: block; content: ""; position: absolute; left: 20px; top: 0; bottom: 0; width: 3px; background: url(../images/li-sm1.png) center no-repeat; line-height:40px;}
.left-nav-down{border-bottom: solid 1px #d7d7d7; background: #fff;}
.left-width-bottom:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 86px; height: 67px; background: url(../images/lind.png) center no-repeat; }
.left-nav-down li a:hover{color: #0d812e;  }




.right-width-box{ width: 955px; padding-top: 65px; }
.news-box-container{ margin-top: -55px; }
.right-width-box .title-list{ font-size: 36px; }
.right-width-box .nav-b{ margin-top: 30px; }
.nav-three,.nav-three{ display: none; }


@media( max-width: 1600px){
	.header{ padding:0 3%; }
	.nav-list li a{ font-size: 16px; }
	.nav-list li{ margin-left: 20px; }
	.nav-list li a.down{ padding-right: 15px; }
}
@media( max-width: 1379px){
	.container{ width: 1230px; }
	.news-right-c{ padding:10px 15px; }
	.back-box{ width: 600px; }
	.right-width-box{ width: 800px; }
}
@media( max-width: 1279px){
	.nav-list li:hover .nav-down{ display: none; }
	.container{ width: 970px; }
	.footer-list li{ margin-right: 40px; }
	.nav-list{ position: absolute; left: 0; display: none; top: 100%; right: 0; background: rgba(0,0,0,0.5); }
	.nav-list li{ float: none; margin:0; }
	.nav-list li.active, .nav-list li:hover{ border:none; }
	.nav-list li a{ padding:10px 15px; background: none!important; }
	.logo{ padding:0; width: 200px; }
	.header{ padding:20px 15px; height: auto; }
	.header-a{ padding-top: 0px; margin-bottom: 0; }
.nav-click,.nav-three-span { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff!important; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.nav-click.active,.nav-three-span.active{ transform: rotate(180deg); }

.nav-down{ display: none; position: static; margin:0;background: #0d812e; width: 100%; }
.nav-down li a{ color: #fff; }
.nav-downlast{ display: none; position: static; margin:0;background: #0d812e; width: 100%; }
.nav-downlast li a{ color: #fff; }
.news-right-tt {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.back-one{ height: auto; padding-bottom: 50px; }
.news-bottom-date{ color: #333; }
.back-right .back-box{ width: 470px; }
.back-left{ padding-top: 50px; }
.menu-button{ display: block; }
.right-width-box{ width: 560px; }

}
@media( max-width: 991px){
	.container{ width: 750px; }
	.news-left{ width: 100%; }
	.news-right{ width: 100%; padding-left: 0; }
.img-list-right .lb-ul-txt {
    font-size: 16px;
    color: #999;
    line-height: 30px;
    height: 85px;
}
.imglist li {
    margin-bottom: 50px;
}
	.news-left-img{ width: 172px; }
	.news-right-c{ width: auto; float: none!important; margin-left: 172px; }
	.back-box{ padding-right: 50px; width: 360px; }
	.back-right .back-box {
    padding-left: 50px;
    padding-right: 0;
}
.back-p{ font-size: 18px; line-height: 30px; }
.back-right .back-box {
    width: 360px;
}
.footer-left{ width: 100%; }
.footer-list li{ width: 25%; margin:0; }
.footer-right{ width: 100%; padding-top: 20px; }
.lb-ul-list li{ width: 100%; }
.left-width-box{ display: block; }
.left-width-nav li a.st {
    display: table;
    width: 100%;
    height: 42px;
    border-bottom: solid 1px #d7d7d7;
}
.left-width-nav li a.st span {
    display: table-cell;
    height: 42px;
    vertical-align: middle;
    border-left: solid 4px #efefef;
    font-size: 20px;
    color: #000;
    padding: 0 15px;
}
.left-width-bottom {
    background: #efefef url(../images/back-bottom.png) right bottom no-repeat;
    margin-top: 0px;
    padding-bottom: 60px;
    position: relative;
    padding-left: 40px;
}
.left-width-top {
    height: 130px;
    background: url(../images/left-topsj.png) center no-repeat;
    padding-top: 40px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.right-width-box{ width: 100%;  padding-top: 25px; }
}
@media( max-width: 768px){
        .search-width {position: absolute;left: 50%;margin-left: -50%;top: 50%;width: 100%;}
	.container{ width: 100%; }
.news-box-container{margin-top:0;}
	.header{ position: relative; height: 60px; background: #0d812e; padding:10px 15px; border:none; }
	.logo img{ height: 40px; }
	.logo{ width: 150px; }
	.header-a{ padding-top: 0; margin-top: -5px; }
	.header-a span{ padding:0 10px; }
	.banner .slick-prev,.banner .slick-next{ width: 22px; height: 42px; margin-top: -21px; background-size: 100% auto; }
	.banner .slick-dots{ bottom: 10px; }
	.title{ font-size: 24px; }
	.title a{ font-size: 14px; margin-top: 10px; width: auto; padding:0 10px; height: 30px; line-height: 30px; }
	.news-bottom-date{ font-size: 16px; height: 16px; line-height: 16px; margin-top: -8px; }
	.news-bottom{ padding-left: 100px; margin-top: 10px; }
	.news-bottom-tt{ font-size: 14px; line-height: 25px; height: 50px; }
	.news-left-img{ width: 140px; }
	.news-right-c{ margin-left: 140px; }
	.news-right-ul li{ margin-bottom: 15px; }
	.back-one{ background-size: cover; padding:20px 0 15px 0; margin-bottom: 0; }
	.lb-ul li{ width: 50%; padding:0 5px; margin-bottom: 10px; }
	.lb-ul { margin:0 -5px; }
	.back-left{ width: 100%; height: auto; padding:30px 0; margin-top: 0; }
	.back-box{ width: 100%!important; padding:0 15px!important; }
	.list-ul li{ width: 100%; margin-bottom: 15px; }
	.glo-img{ width: 100%; }
	.glo-img a{ height: auto; padding-top: 50%; }
	.glo-right{ width: 100%; padding:0 15px; }
	.glo-ul li{ padding:10px 0; }
	.back-tow{ padding-bottom: 30px; margin-bottom: 0; margin-top: 20px; }
	.title-c{ margin-top: 25px; }
	.back-b{ padding-bottom: 20px;}
	.footer{ background: url(../images/footer-b.png) center no-repeat; background-size: cover; margin-top: 0; padding-top: 20px; }
	.footer-tt{ font-size: 22px; margin-bottom: 10px; }
	.footer-list li a img{ height: 30px; margin-bottom: 5px; }
	.footer-list li a{ font-size: 12px; }
	.footer-p{ font-size: 14px; margin-bottom: 15px; }
	.footer-b{ font-size: 12px; padding:15px; margin-top: 15px; }
	.list-ul li a span{ font-size: 16px; padding-top: 50px; }
	.title-b{ display: none; }
	.title-phone{ display: block; color: #fff; margin:0 0 10px 0!important; text-align: center; }
	.back-more{ width: 150px; height: 40px; line-height: 40px; margin-top: 20px; font-size: 16px; }
	.lb-slick{ margin-top: 0px; margin-bottom: 60px; }
	.menu-button{ top: 33px; }
	.nav-list li a{ padding:5px 15px; }
	.news-slick .slick-dots{ bottom:70px;  }
	.title{ margin-top: 20px; margin-bottom: 40px; }
	.title-list{ width: 100%; }
	.nav-b{ width: 100%; margin-top: 0px; }
	.nav-b-c{ margin-bottom: 30px; }
	.lb-ul-bottom{ height: auto; padding:10px 15px; }
.lb-ul-p {
    color: #3d3d3d;
    line-height: 25px;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.article-tt{ font-size: 18px; margin-top: -20px; line-height: 30px; }
.article-sm{ padding:10px 0 15px 0; margin-bottom: 20px; }
.article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px;text-indent: 0em !important;}
.lb-ul-date{ width: 50px; height: 50px; font-size: 14px; line-height: 20px; padding-top: 5px; }
.lb-ul-date span{ font-size: 24px; }
.lb-ul-c{ padding-left: 60px; padding-bottom: 20px; }
.lb-ul-tt a{ font-size: 16px; }
.lb-ul-tt{ line-height: 25px; height: 50px; }
.lb-ul-txt{ display: none; }
.lb-ul-list li{ padding:0; }
.page-box{ margin-top: 0px; }
.img-list-img{ width: 100%; }
.img-list-right{ width: 100%; padding:0!important; margin-top: 15px; }
.img-list-right .lb-ul-tt a{ font-size: 16px; }
.img-list-right .lb-ul-tt{ line-height: 25px; height: 75px; }
.list-more{ margin-top: 20px; width: 100px; height: 30px; line-height: 28px; }
.list-more span{ padding-left: 40px; }
.imglist li{ margin-bottom: 30px; }
.right-width-box .title-list{ font-size: 24px; }
.right-width-box .nav-b{ margin-top: 0; }
}