.maskfadeUp { display: block; background-color: #ffffff; z-index: 1; -webkit-transition: -webkit-transform 1.2s 0.5s; transition: transform 1.2s 0.5s; } 
.maskfadeUp { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } 
.maskfadeUp.animated { -webkit-transform: translateY(-102%); transform: translateY(-102%); }
.maskfadeLeft{ display: block; background-color: #f5f5f5; z-index: 1; -webkit-transition: -webkit-transform 1.2s 0.5s; transition: transform 1.2s 0.5s; } 
.maskfadeLeft { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } 
.maskfadeLeft.animated { -webkit-transform: translateX(102%); transform: translateX(102%); }


/*
.banner-mian{ box-sizing: border-box; background: #efefef url(../images/text1.png) no-repeat left center; background-position-x: 20px; position: relative;}

.banner{width:100%;height:850px;position:relative;overflow:hidden;}

.banner ul{height:100%;width:100%}

.banner ul li{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;-webkit-transition:opacity .6s cubic-bezier(.55,.085,.68,.53);-webkit-transition-delay:.2s;will-change:opacity;visibility:hidden}

.banner ul li .img{-webkit-transform:scale(1);position:relative;width:100%;height:100%}

.banner ul li .img .a{background:center center no-repeat;background-size:cover;position:relative;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-backface-visibility:hidden;opacity:1;-webkit-transition:opacity .6s cubic-bezier(.445,.05,.55,.95);transition:none}

.banner ul li.active{z-index:1;opacity:1;-webkit-transition:opacity .6s cubic-bezier(.455,.03,.515,.955);-webkit-transition-delay:0s}

.banner ul li.visible{visibility:visible}

.banner ul li.visible .img{-webkit-transform:scale(1.07);-webkit-transition:-webkit-transform 8s linear}

.banner ul li.visible .img .a{transition:none;opacity:1;-webkit-transition:opacity .5s cubic-bezier(.445,.05,.55,.95)}

.banner ul li .text{position: absolute; z-index: 2; bottom:50%; transform: translateY(-10%); width:60%; left: 8%;}
.banner ul li .text h2{color: #ffffff; font-size: 70px; font-weight: 400; letter-spacing: 2px; margin-bottom: 60px;}
.banner ul li .text p{color: #FFFFFF; font-size:20px; line-height: 40px;}

.banner ol{position:absolute; right:3%;top:40%; text-align:center;z-index:10; width: 80px; height: auto;}

.banner ol li{position: relative; width:8px; height:8px; border-radius: 50%; background:rgba(255,255,255,.6);display:inline-block;margin: 25px auto; display: block;  -webkit-transition:all .35s;transform-origin:bottom}
.banner ol li.active{-webkit-transform:scaleY(1);background:#ffffff;opacity:1 ;height: 25px; border-radius:35px; }
.banner ol li.active::before{opacity:1}
*/
.banner { position:relative; overflow:hidden; }
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:90px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:8px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#00a43c;}


.index-title {padding: 60px 0;}
.index-title h3{color: #666666; font-size: 16px; font-family: arial; text-transform: uppercase;}
.index-title h2{font-size: 34px; color: #141418; margin: 20px 0 30px;}
.index-title p{color: #666666; font-size: 15px;}

.index-sec1{position: relative;}
.index-sec1-box{position: relative;}

.index-sec1-box .in-1{background: url(../images/sps-bg1-1.jpg)no-repeat; height: 1080px;width: 50%; background-size: cover;}

.index-sec1-box .in-2{background: url(../images/sps-bg1-2.jpg)no-repeat; height: 1080px;width: 50%; background-size: cover;}

.index-sec1-right{background: url(../images/sps-bg2.jpg)no-repeat; height: 1080px;width: 50%; background-size: cover; padding:60px 8% 60px 60px; box-sizing: border-box;}
.index-sec1-right .bd{ width: auto !important;}
.index-sec1-right .bd ul{ width: auto !important;}

.index-sec1-right .box .text{padding-bottom: 40px; padding-top: 40px; border-bottom: 1px solid #e5e5e5;}
.index-sec1-right .box .text h2{color: #333333; font-size: 36px; letter-spacing: 2px; margin-bottom: 30px;}
.index-sec1-right .box .text p{color: #666666; margin-bottom: 20px; line-height: 40px;}
.index-sec1-right .box .text h3{color: #333333; font-size: 30px;margin-bottom: 30px;letter-spacing: 2px;}
.index-sec1-right .box .text2{border-bottom: none;}
.index-sec1-right .box .more a{display: inline-block; width: 200px; font-size: 16px; height: 60px; line-height: 60px; text-align: center; margin: 60px 0;}
.index-sec1-right .box .more a.a1{background: #00a43c; color: #ffffff;}
.index-sec1-right .box .more a.a2{background: #ffffff; color: #333333; margin-left: -2px;}
.index-sec1-list{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
background: #ffffff; width: 84%; padding: 40px; margin: 0 8%;  box-sizing: border-box; position: absolute; bottom: 4%; left: 0; }
.index-sec1-list li{ display: inline-block; flex: 1;transition: all 0.5s; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center;  }
.index-sec1-list li .img{margin: 0 20px; overflow: hidden; }
.index-sec1-list li .img img{display: block; width: 175px; height: 175px; border-radius: 50%; border: 5px solid #dbdbdb; box-sizing: border-box; }
.index-sec1-list li p{color: #333333; font-size:18px; margin-top: 10px;}
.index-sec1-list li.on .img img{border: 5px solid #00A43C;}

.index-sec1-tab{background: #f5f5f3; margin-top: 25px; position: relative;z-index: 0;}
.index-sec1-tab li{width: 50%; text-align: center; height: 85px; line-height: 85px; font-size: 20px; cursor: pointer; position: relative;}
.index-sec1-tab li.on{background: #00a43c; color: #ffffff;}
.index-sec1-tab em{display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../images/sps-icon2.png) no-repeat; background-position: 0 0; width: 45px; height: 45px;}
.index-sec1-tab li img{display: inline-block; margin: 0 15px;  }
.index-sec1-tab {width: 50%;}
.index-sec1-tab::before{position: absolute; content: ""; width: 100%; height: 100%; right: -50%; bottom: 0; background: #f5f5f3; z-index: -1;}
.index-sec1-tab li.on em{background-position: 0 -45px; }
.index-sec1-tab em.em2{background: url(../images/sps-icon3.png)no-repeat;background-position: 0 0;}

.index-sec1-tab li.on::before {position: absolute; content: "";width: 0;height: 0;border-width: 10px;border-style: solid;
border-color: #00a43c transparent transparent transparent; left: 50%; margin-left: -5px; bottom: -20px; transform: rotate(0deg); }


.search-bottom{ color: #999999; padding-top: 60px; padding-bottom: 20px;}
.search-bottom .sear-tit{height: 70px; line-height: 70px; overflow: hidden;}
.search-bottom .sear-tit .li{  color: #666666; display: inline-block;font-size: 16px;}
.search-bottom .sear-tit a.li{ color: #999999;}
.search-bottom .sear-tit div.li{color: #333333;}
.search-bottom .sear-tit .li:nth-child(n+2) {    margin-left: 40px;}
.search-bottom .sear-tit .right { padding-left: 65px; position: relative; font-size: 15px; color: #999999; line-height: 1.2;}
.search-bottom .sear-tit .right .tit { font-weight: bold; font-size: 34px; font-family: "DIN"; color: #333333; margin-bottom: 10px;}
.search-bottom .sear-tit .right span { display: inline-block; width: 50px; height: 50px;background: url(../images/m18.png)no-repeat; background-size: 100%; left: 0; top: 0; bottom: 0; margin: auto; position: absolute;}

 .search-bottom .sear-search{margin-top: 60px;}
 .search-bottom .sear-search .inputbox { border: 1px solid #e8e8e8; border-right-color: rgb(232, 232, 232); border-right-style: solid; border-right-width: 1px; border-right: none; width: calc(100% - 280px); position: relative; box-sizing: border-box;}

.search-bottom .sear-search .inputbox input[type="text"] { width: 100%; padding-left: 18px; padding-right: 48px; }
.search-bottom .sear-search .inputbox input[type="submit"] { width: 20px; height: 20px; position: absolute; padding: 0; right: 30px; top: 0; bottom: 0; margin: auto; text-indent: -999px; overflow: hidden; color: #999999; background: url(../images/ser.png) no-repeat center; background-size: auto; background-size: 100%;}

.search-bottom .sear-search .button {width: 280px;}
.search-bottom .sear-search .button input { width: 100%; background: #00a43c; font-size: 14px; color: #ffffff; }

.search-bottom .sear-search input { border: none; outline: none; background: none; height: 60px;}
.index-more a{ display: block; width: 280px; background: #f5f5f5; text-align: center; height: 60px; line-height: 60px; margin-top: 40px; transition: all 0.6s;}
.index-more a:hover{background: #00a43c; color: #ffffff;}

.index-sec2-list{padding-bottom: 40px;}
.index-sec2-list li{  width:31.5%;margin-left: 2.7%;  overflow: hidden; float: left;}
.index-sec2-list h3{font-size: 22px; margin-bottom: 20px;  display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.index-sec2-list li figcaption{ padding:40px 0 ; transition: all 0.36s; background: #fff; overflow: hidden; box-sizing: border-box; height: 210px;}
.index-sec2-list li p{ font-size: 14px; color: #666666; line-height: 30px;overflow: hidden; word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.index-sec2-list li:hover figcaption{ transform: translateY(-30px); border-bottom: 4px solid #00a43c;}
.index-sec2-list li:nth-child(3n+1){margin-left: 0;}
.index-sec2-list li img{width: 100%;}
.index-sec2-list li.nei-anli figcaption{ padding:20px 0 ; height:80px;}
.index-sec2-list li.nei-anli:hover figcaption{ transform: translateY(-10px); border-bottom: 4px solid #00a43c;}

.index-sec3{background: #f5f5f5; padding: 60px 0;}
.index-sec3-box{display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; position: relative;}
.index-sec3-box .text {width: 45%; margin-top: 40PX;}
.index-sec3-box .text h2{color: #333333; font-size: 42px; margin-bottom: 60px;}
.index-sec3-box .text h3{color: #333333; font-size:26px; line-height: 35px; }
.index-sec3-box .text span{background: #186bbe; width: 60px; height: 3px; display: block; margin: 50px 0;}
.index-sec3-box .text .text-p{color: #666666; line-height:36px; margin-top: 30px;height:252px;overflow:hidden;}
.index-sec3-box .text p{color: #666666; line-height:36px;}
.index-sec3-box .text a{display: block; margin: 40px 0; width: 220px; height: 50px; line-height: 50px; color: #ffffff; background: #00a43c; text-align: center;}
.index-sec3-box .text a img{margin-left: 5px; display: inline-block;}
.index-sec3-box .text a:hover{background: #333333;}
.index-sec3-box .img{width: 50%;}
.index-sec3-line{background: #00a43c; width: 50%; height: 130px; line-height: 130px; color: #ffffff; font-size: 34px; padding-left: 8%;  box-sizing: border-box;}
.index-sec3-line h2{position: relative;}
.index-sec3-line h2::after{position: absolute; content: ""; background: url(../images/sps-ab-text.png) no-repeat ; width: 638px; height: 74px; bottom: 0; left: 0;}
.index-sec3-list{margin-top: 60px;}
.index-sec3-list li{width: 23%; cursor: pointer; transition: all 0.6s; text-align: center; background: #ffffff; padding: 40px 30px; box-sizing: border-box; margin-left: 2.5%; float: left;}
.index-sec3-list li .img {margin: 30px 0 20px;}
.index-sec3-list li .img img{margin: 0 auto;}
.index-sec3-list li h2{color: #333333; font-size: 24px; margin-bottom: 10px;}
.index-sec3-list li h4{color: #333333; font-size: 16px; text-transform: uppercase; }
.index-sec3-list li span{background: #d8d8d8; width: 1px; height: 30px; margin: 15px auto; display: block;}
.index-sec3-list li p{font-size: 16px; color: #666666;}
.index-sec3-list li:first-of-type{margin-left: 0;}
.index-sec3-list li:hover{-webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0;  transform: translateY(10px);}
.index-sec3-box .img{position: relative;}
/*.index-sec3-box .img::before{position: absolute; content: ""; height: 50%; width: 6px; right: 20%; bottom: -20%; background: #00A43C; z-index: 1; }
*/


.index-sec4-box{width: 48.5%; overflow: hidden;}
.index-sec4-box .title{padding: 60px 0 40px;}
.index-sec4-box .title h2{color: #333333; font-size: 32px;}
.index-sec4-box .title span{color: #c0c0c0; font-size: 22px; font-family: arial; margin-left: 10px;}
.index-sec4-box .top{position: relative;}
.index-sec4-box .top .img{overflow: hidden;}
.index-sec4-box .top .img:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);}
.index-sec4-box .top .img img{
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    }
    
.index-sec4-box .top .img img{width: 100%;}
.index-sec4-box .top .text{position: absolute; bottom: 0; height: 100px; line-height: 100px; padding: 0 20px; box-sizing: border-box; background: rgba(0,0,0,.5); width: 100%;}
.index-sec4-box .top .text h2{font-size: 22px; color: #ffffff;  white-space: pre;
    word-break: keep-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; width: 75%; letter-spacing: 2px;}
.index-sec4-box .top .text span{font-size: 18px; color: #ffffff; font-family: arial; letter-spacing: 2px;}
.index-sec4-list{padding: 30px 0;}
.index-sec4-list li{width: 100%; line-height: 40px; margin-bottom: 10px;}
.index-sec4-list li p{font-size: 17px; color: #666666; white-space: pre;
    word-break: keep-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; width: 75%; ;}
    
.index-sec4-list li:hover p{color: #00A43C;}    
    
    
.index-sec4-list li span{font-size: 16px; color: #666666; font-family: arial; }

.index-footer{background: #333333;}
.index-footer .index-footer-top{ border-bottom: 1px solid #4d4d4e; padding: 30px 0;display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.index-footer .index-footer-top .nav{ display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 0;
overflow: hidden;
align-items: center;}
.index-footer .index-footer-top .nav a{ color: #ffffff; font-size: 15px; margin: 0 2.5%; line-height: 60px;}
.index-footer .index-footer-top .back{background: url(../images/top.png) no-repeat right center; width: 100px; margin-left: 80px; cursor: pointer;}
.index-footer .index-footer-top .back a{display: inline-block; color: #ffffff; line-height:60px;}


.index-footer .index-footer-text{ padding:10px 0 30px 0 ;}
.index-footer-text .lianxi{width: 25%;}
.index-footer-text .lianxi img{display: block; margin: 20px 0;}
.index-footer-text .lianxi h2{color: #ffffff; font-size: 32px; font-family: "DIN"; font-weight: bold; }
.index-footer-text .lianxi p{color: #666666; margin-bottom: 15PX;}
.index-footer-text .phone{color: #ecf0f4; font-size: 34px; font-family: "DIN"; width: 20%; margin-left: 2%; font-weight: bold;
 background: url(../images/phone.png) no-repeat center left; text-indent: 35px;}
.index-footer-text .erweima{ margin-top: 20px;}
.index-footer-text .erweima img{width: 120px; height: 120px; overflow: hidden; display: block; margin: 0 auto; border: 1px solid #484848; padding: 10px; box-sizing: border-box;}
.index-footer-text .erweima p{text-align: center; color: #cdcdcd; margin-top: 10px;}

.index-footer-bottom{border-top: 1px solid #4d4d4e; color: #666666;padding: 30px 0; text-align: center;}
.index-footer-bottom a{color: #666666; margin-left: 10px;}
.index-footer-bottom a:hover{color: #ffffff;}
..index-footer-bottom p:hover a{color: #ffffff;}


/*面包屑*/
.breadcrumb{  background: #00a43c;}
.breadcrumb ul{ display: flex; justify-content: center; align-items: center;}
.breadcrumb li{ padding:0 20px; height: 70px;}
.breadcrumb li a{ display: block; color: #ffffff; font-size: 16px;  position: relative; height: 70px; line-height: 70px;}
.breadcrumb li a::before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; right: 0;
background: #ffffff; height: 2px; width: 100%; transition: all 0.6s; transform: scale(0);}
.breadcrumb li:hover a::before,.breadcrumb li.on a::before{ transform: scale(1);}

/*子页面*/
.fdsnt{ width:100%;  position:relative;}
.fdsnt .sedatu{ width:100%; overflow:hidden; position:relative; background:#000;}
.fdsnt .sedatu .bepic{ width:100%; height:450px; background-repeat:no-repeat; background-position:center center;filter:alpha(opacity:80); opacity:0.8;}
.fdsnt .sedatu .wenzi{ width:100%; overflow:hidden; text-align:center; position:absolute; left:0; top:50%; margin-top:-100px; right:0; z-index:20;}
.fdsnt .sedatu .wenzi h2{ line-height:60px; font-size:48px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase;}
.fdsnt .sedatu .wenzi h3{ font-size:30px; color:#fff;}
.fdsnt .sedatu .wenzi .line{ display:block; width:70px; height:3px; background:#fff; margin:30px auto;}
.fdsnt .column{ width:100%; overflow:hidden; position:relative; z-index:90; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); background:#fff;}
.fdsnt .column .wrap{ padding:30px 0; width:100%; overflow:hidden; background:#fff;}
.fdsnt .column .lanmu{ overflow:hidden;}
.fdsnt .column .lanmu li{ float:left; padding-right:50px; overflow:hidden;}
.fdsnt .column .lanmu li a{ font-size:16px;}
.fdsnt .column .lanmu li.on a{ color:#288567;}
.fdsnt .column .wezh{ overflow:hidden; color:#666; position:relative; padding-left:30px;}
.fdsnt .column .wezh:before{ content:""; display:block; width:20px; height:20px; background:url(../images/icon1.png) -170px -47px no-repeat; position:absolute; left:0; top:5px; overflow:hidden;}
.fdsnt .column .wezh a{ color:#666; padding:0 10px;}
	

.page-main{padding-top: 60px;}
.fenye{ /* height: 80px;*/ display: flex; display: -ms-flexbox; display: -moz-flex;  justify-content: center; align-items: center; 
margin-top: 20px; margin-bottom: 30px;}
.fenye a{ display: block; height: 40px; width: 40px; border-radius: 100%; background: #F5F5F5; text-align: center; line-height: 40px;
margin: 0 20px; transition: all 0.6s;}
.fenye a.on,.fenye a:hover{ background: #00a43c !important; color: #fff;}
.fenye span{ display: block; font-size: 16px; color: #666; margin: 0 20px;}

.fenye a:first-child,.fenye a:last-child{width:auto; background:none;}
.fenye a.prev:hover{ background: none !important; color: #000 !important;}

.index-news-list li{float: left; width: 32%; margin-left: 2%; margin-bottom: 40px;}
.index-news-list li:nth-child(3n+1){margin-left: 0;}
.index-news-list li img{width: 100%;}
.index-news-list li .text{padding: 20px 0 }
.index-news-list li .text span{color: #666666; font-size: 16px; font-family: arial; margin-bottom: 10px; display: block;}
.index-news-list li .text p{color: #333333; font-size: 18px;height: 60px; overflow: hidden; letter-spacing: 1px; }
.index-news-list li:hover span{color: #00a43c;}

.page-main-display{box-sizing: border-box;}
.worksWord { padding: 60px 0; }
.worksWord .tit { line-height: 1.5; font-size: 30px; color: #080808; font-weight: normal; padding: 10px 0 20px; border-bottom: 1px solid #ececec; }
.worksWord .con { padding-top: 50px; text-align: justify; line-height:30px; }
.worksWord .con p{font-size:14px; line-height:30px; }
.worksWord .con img{ max-width:100%;}


.backToList { padding: 40px 0; background: #f5f5f5; }
.backToList .con { position: relative;height: 40px; }
.backToList .link { display: block; color: #333; padding-right: 190px; margin-bottom: 10px; text-align: justify; line-height: 1.4; }
.backToList .link:hover { color: #004ea2; }
.backToList .back { display: block; position: absolute; right: 0px; top: 0px; width: 170px; height: 50px; background-color: #000000; text-align: center; line-height: 50px; color: #fff; }
.backToList .back:before { content: ""; display: inline-block; width: 30px; height: 14px; vertical-align: middle; background: url(../images/aw2.png) no-repeat center center; margin-right: 15px; position: relative; transition: .56s; -webkit-transition: .56s; left: 0; }
.backToList .back:hover { background-color: #333333; }
.backToList .back:hover:before { left: 8px; }

.index-list2 li{float: left;  width: 48.5%; border: 1px solid #d8d8d8; margin-left: 2.5%; margin-bottom: 2.5%; transition: all 0.5s;  box-sizing: border-box; background: #ffffff;}
.index-list2 li .img{overflow: hidden; width: 48%;}
.index-list2 li img{display: block;  height: 100%; width: 100%; margin: 0 auto;}
.index-list2 li .box{ width:52%; padding: 20px; box-sizing: border-box;}
.index-list2 li .box .text{ padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.index-list2 li .box .text h2{color: #333333; font-size: 22px; letter-spacing: 2px; margin-bottom: 5px; height:35px;overflow:hidden;}
.index-list2 li .box .text p{color: #666666; margin-bottom: 5px;font-size: 12px; line-height: 25px; height:25px; word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.index-list2 li .box .text h3{color: #333333; font-size: 18px; margin-top: 10px; margin-bottom: 5px;letter-spacing: 2px;}
.index-list2 li .box .text .test-p{line-height:30px;height:60px;overflow:hidden;}
.index-list2 li .box .text2{border-bottom: none;}
.index-list2 li .box .text-p{height:60px;line-height:30px;overflow:hidden;}
.index-list2 li .box .more a{display: inline-block; width: 49%; transition: all 0.6s; font-size: 14px; height: 45px; line-height: 45px; text-align: center;}
.index-list2 li .box .more a.a1{background: #00a43c; color: #ffffff;}
.index-list2 li .box .more a.a2{background: #f5f5f5; color: #333333; margin-left: -2px;}
.index-list2 li .box .more a:hover{background: #00a43c; color: #ffffff;}
.index-list2 li:nth-child(2n+1){margin-left: 0;}

.shang-info-bottom{width: 100%; margin: 0 auto 50px;}
.shang-info-bottom .bati{background: #f5f5f5; height: 45px; line-height: 45px; margin-bottom: 20px;}
.shang-info-bottom .bati i{display: block; background: #00a43c; width: 140px; text-align: center; color: #ffffff; font-style: normal; font-size:16px;}
.displayMain{font-size:14px; line-height:30px; max-width:1100px; margin:0 auto;}
.displayMain  p{font-size:14px; line-height:30px; }
.displayMain  img{ display:block; margin:5px auto; max-width:100%;}


.shang-info{width: 100%; padding: 0 0 25px ; box-sizing: border-box; display: flex; justify-content: space-between;}
.shang-info-img{width: 40%; hoverflow: hidden; background: #ffffff; display: flex; align-items: center;  box-sizing: border-box;}
.shang-info-img img{width: 100%;}
.shang-info-text{width: 60%; margin-left: 45px;}
.shang-info-text h1{font-size: 32px;border-bottom: 1px #e0e0e0 solid; color: #141418;  padding: 40px 0; margin-bottom: 20px;}
.shang-info-text h2{font-size: 26px; margin-top: 30px; padding-bottom: 20px;}
.shang-info-text p{ font-size: 14px; color: #666666; line-height: 32px; margin-top: 10px;}
.shang-info-text dl{width: 100%;display: block;margin-top: 20px;}
.shang-info-text dl dd {   display: inline-block;   float: left;   margin-right: 15px;}
.shang-info-text dl dd a {   display: block;    font-size: 16px;   color: #fff;   padding: 0 40px;   line-height: 40px;   background: #1ca45d;}
.shang-info-text dl dt{position: relative;}
.shang-info-text dl dt em {   display: none;   position: absolute;   bottom: 6px;   width: 160px; left: 159px;}
.shang-info-text dl dt a.weixin {  position: relative;   border: none;    display: block;    display: inline-block;    float: left;    padding: 0 40px;    line-height: 40px;    background: #8fa35c; 
  font-size: 16px;   color: #fff;    cursor: pointer}
.shang-info-tel{font-size: 18px; margin: 30px auto;}
.shang-info-tel b{color: #333333; font-size: 26px; font-weight: bold;  font-family: arial; }
.shang-info-form .tex{width: 350px; height: 45px; line-height: 45px; background: #ffffff; text-indent: 20px; border: 1px solid #eeeeee;}
.shang-info-form .sub{background: #00a43c;border: none; color: #ffffff;  height: 45px; line-height: 45px;  width: 100px; cursor: pointer;}

/*biao*/

.join{ width:100%; overflow:hidden; background:none;}
.join h1{ color:#fff; overflow:hidden; text-align:center; font-size:32px; font-weight:bold; line-height:170px; letter-spacing:3px;}
.online{ padding:0 47px 20px; overflow:hidden; background:#fff;}
.online ul{margin-left: 10%;width:100%;}
.online li{ width:38%; float:left; margin:1% 2%; overflow:hidden; border:1px #e0e0e0 solid; border-radius:4px; line-height:48px;}
.online li input.text{ width:100%; padding-left:10px; height:48px; border:none; font-size:16px; background:none;}
.online li:first-child{ margin-left:0;}
.online li.on_11{ margin-left:0; height:210px; overflow-x:hidden; width:80%;}
.online li.on_11 textarea{ width:98%; padding:1%; font-size:16px; border:none; height:190px;}
.online li.on_22{ margin-left:0; width:80%; overflow:hidden; border:none;}
.online li.on_22 input.sub{ width:100%; height:48px; line-height:48px; background:#00a43c; border:none; color:#fff; font-size:20px; cursor:pointer;}