@charset "utf-8";
/* CSS Document */
html {overflow-x:hidden;overflow-y:auto;}
html {overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,img,p,tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;font-size: 0.9rem;}
h1,h2,h3,h4,h5,h6 { font-weight: bold;color:#000;}

body { font-size:0.9rem;  word-wrap:break-word; overflow:hidden;color:#000;}
a {text-decoration:none; color:#000;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
a:hover {text-decoration:none; color:#08953d; }
img { border:none;    max-width: 100%;vertical-align: middle;}
.clear {clear:both;height:0 auto; line-height:0px; zoom:1; font-size:1px;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.wrap { max-width:1600px; padding:0 10px;height:auto; margin: 0 auto;   }
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
@media screen and (max-width:1600px) {

.wrap{padding:0 30px;}

}

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

.wrap{ padding: 0 10px;}
.mid {
    display: block;
    height: auto;
    width: 100%;
}
.cell {
    height: auto;
    display: block;

}

}


.fl { float:left;}
.fr { float:right;}

.block {
    display: block;
}

.about_xys{ width:100%; background:url(../images/bg1.jpg) top center no-repeat;background-size:cover; }
.pro_xys{ width:100%; background:url(../images/bg2.jpg) top center no-repeat;background-size:cover; }
.case_xys{ width:100%; background:url(../images/bg3.jpg) top center no-repeat;background-size:cover ;}
.new_xys{ width:100%; background:url(../images/bg4.jpg) top center no-repeat;background-size:cover ;}
.con_xys{ width:100%; background:url(../images/bg5.jpg) top center no-repeat;background-size:cover ;}





@font-face {
  font-family: "1";
  src: url("../font/1.woff2") format("woff2"),
       url("../font/1.woff") format("woff"),
       url("../font/1.ttf") format("truetype"),
       url("../font/1.eot") format("embedded-opentype"),
       url("../font/1.svg") format("svg");
}

/*标题*/
.tit{margin-bottom:2%; overflow:hidden;}
.tit h2{font-size: 1.8rem;}
.tit h2 span { display: inline-block; width: 9px; height: 9px; border-radius: 100px;-webkit-border-radius: 100px; -moz-border-radius: 100px; -o-border-radius: 100px;margin: 0 1%;border: 2px solid #08953d;}


@media screen and (max-width: 800px) {
.tit{margin-bottom:4%;}
.tit h2{font-size:1.3rem; }

}


/*关于*/
.about_xys .about{overflow:hidden;}
.about .left{width:22%;float:left;  margin-top: 70px;height: 865px !important;}
.about .left ul{height:100%;overflow:hidden}
.about .left li{width:33.33%;float:left;border-left:1px solid #dadada;height:100%;text-align:center}
.about .left li:last-child{border-right:1px solid #dadada;}

.about .left li a{display:block;width:100%;height:100%;position:relative}
.about .left li a:before{content: ''; position: absolute;width: 100%; left: 0; top: 0;height: 0; background:url(../images/index02.png) top center;z-index: 0;transition: all .5s ease;-webkit-transition: all .5s ease; -o-transition: all .5s ease;-moz-transition: all .5s ease;}
.about .left li a:hover:before{height:100%;}
.about .left li a .aa{position:absolute;height:100%;left:50%;    transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);width:22px;}
.about .left li h3{   writing-mode: vertical-lr;font-size:1rem;font-weight:normal;letter-spacing:2px;font-family:"1";}
.about .left li a:hover h3{color:#fff;}
.about .left li span , .about .left2 li span{width:10px;height:10px;border-radius:100px;background:#08953d;display:inline-block;}
.about .left li a:hover span , .about .left2 li a:hover span{background:#fff;}
.about .left li .pic{    position: absolute; bottom: -10%;transition: all .7s ease;-webkit-transition: all .7s ease; -o-transition: all .7s ease;-moz-transition: all .7s ease;}
.about .left li a:hover .pic{bottom:20%;}
.about .left2 , .about .right .tit{display:none}
.about .left2 li{width:33.33%;float:left;text-align: center;}
.about .left2 li a{display:block;}
.about .left2 li p{font-size:1rem;color:#fff;}
.about .right{max-width:500px;float:left;position:absolute;height: 100%;left:31%;}
.about .right .bb{height:100%;width:100%;}
.about .right .ab{background:#fff;overflow: hidden;border:4px solid #08953d;}
.about .right .ab_2{border:1px solid #08953d;margin:2%;overflow:hidden;padding: 10% 10% 8% 10%;position:relative}
.about .right .ab_2 .com small{color:#deece1;letter-spacing:20px;position:absolute;top:1%;}
.about .right .ab_2 .com small:nth-of-type(1){left:4%;}
.about .right .ab_2 .com small:nth-of-type(2){right:0;}
.about .right .title{margin-bottom:7%;text-align:center;}
.about .right .title h2{font-size:1.8rem;}
.about .right .title h2 span{display:inline-block;width:9px;height:9px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;margin:0 1%;border:2px solid #08953d;}
.about .right .ab p{color:#000;line-height:2em; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:11;}
.about .right .more{text-align: center;margin: 5% auto 0 auto;}
.about .right .more a{display:inline-block;background:url(../images/index03.png) no-repeat center center;color:#fff;width: 71px;height: 71px;line-height: 71px;font-size:0.875rem;transition: all 0.6s ease 0s;
 -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.about .right .more a:hover{    transform: translateY(15px);-webkit-transform: translateY(15px);-moz-transform: translateY(15px);-o-transform: translateY(15px);}
@media screen and (max-height: 900px){
.about .left{height: 780px !important;}
.about .right .ab p{-webkit-line-clamp:10;}
}

@media screen and (max-height: 800px){
.about .left {height: 660px !important;}
.about .right .ab p{-webkit-line-clamp:9;}
}
@media screen and (max-height: 700px){
.about .left{height: 590px !important;}
.about .right .ab p{-webkit-line-clamp:6;}
}
@media screen and (max-height: 600px){
.about .left{height: 520px !important;}
.about .right .ab p{-webkit-line-clamp:5;}
}
@media screen and (max-height: 500px){
.about .left{height: 400px !important;}

}
@media screen and (max-width: 800px) {
.about .right .title h2{font-size:1.3rem;}
.about .left{width:28%;}


}

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

.about .left{display:none}
.about .right{left:0;max-width:600px;}
.about .right .tit{display:block;text-align:center;}
.about .right .tit h2{color:#fff;}
.about .right .wrap{padding:0}
.about .left2{display:block;margin-bottom:5%; overflow: hidden;}
.about .left2 li span{margin-right:5%;}
.about_xys{ width:100%; background:url(../images/bg1-1.jpg) top center no-repeat;background-size:cover; }
.about .left{display:none}
.about .right{width:100%;margin-left:0;position:inherit}
.about .right .title{display:none}
.about .right .ab_2{padding: 10% 5% 5% 5%;}
.about .right .ab p{line-height:1.6em; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5}

}


/*产品*/

.pro_xys .products{overflow:hidden;}
.products .t3{display:none;}
.products .left{width:13%;float:left;}
.products .left .tit{overflow:hidden;}
.products .left .tit h2{font-weight: normal;color:#fff;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;display: inline-block;float: right;background:#08953d;padding:5%;}
.products .left .tit h2 span{display:inline-block;width:9px;height:9px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;margin:0 1%;background:none;border:2px solid #fff;}
.products .left .tit h2 b{font-size: 1.8rem;font-weight:normal;letter-spacing: 3px;}
.products .left .tit h2 small{font-size: 1.125rem;}
.products .left .tit .des{margin-right:5%;overflow: hidden;display: inline-block;width:90px;}
.products .left .tit .des li{float:right;width:33.33%;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;border-left:1px solid #000;letter-spacing: 1px; line-height: 2em;text-align: center;}
.products .left .tit .des li:last-child{border-left:none;}

.mores{margin-top:20%;overflow:hidden;}
.mores a{display:block;font-family: "1";}

.mores img{display:inline-block;transform: translateX(20px);-webkit-transform: translateX(20px);-moz-transform: translateX(20px);-o-transform: translateX(20px);transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.mores a:hover img{transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-o-transform: translateX(10px);}

.products .right{width:83%;float:right;}
.products .pros a{display:block;width:100%;}
.products .pros a .pp{position:relative;width:100%;height:100%;}
.products .pros .pp .pic{position:relative;}
.products .pros .pp .pic:before {transition: all 0.5s; -webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;content: ''; display: block;position: absolute;top: 0; left: 0;right: 0;
 bottom: 0;z-index: 100;}
 .products .pros .pp .pic img {width: 100%;}
.products .pros a .mores{text-align: center;}
.products .pros a .more{position:absolute;text-align: center;bottom:0; left: 50%;transform: translateY(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);display:inline-block;opacity: 0;-webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);
 background:url(../images/index03.png) no-repeat center center;color:#fff;width: 71px;height: 71px;line-height: 71px;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.products .pros a:hover .more{ opacity: 1;-webkit-opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);bottom:10%;}
.products .pros a:hover .pp .pic:before {top: 0.5em;left: 0.5em;right: 0.5em;bottom: 0.5em;border: 1px solid #08953d;}
.products .pros .pp .pic img:before{content: '';display: block;position: absolute; top: 0;left: 0;right: 0;bottom: 0;border: 1px solid rgba(255,255,255,0); z-index: 100;}
.products .pros .tt{position:absolute;left:0;bottom:50%;text-align:center;width:100%;background:url(../images/index02.png);padding:4% 0;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.products .pros .tt h3{color:#fff;font-weight:normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.products .pros .tt small{color:#e2e2e2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.products .pros  a:hover .t2{    position: absolute;bottom:50%;width:100%;left:0;width:100%;}
.products .pros a:hover .tt{background:url(../images/index06.png);height:100%;bottom:0;}



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

.products .left{width:20%;}
.products .right{width:76%;}
.products .left .tit .des{margin-right:0}

}
@media screen and (max-width: 800px) {
.products .left{width:25%;}
.products .right{width:71%;}
.products .left .tit h2 b{font-size:1.4rem}
}


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

.products .left{display:none;}
.products .right{width:100%;}
.products .pros .tt h3{font-size:0.85rem;}
.products .t3{display:block;text-align:center;}
.products .t3 h2{color:#fff;}
}






/*案例*/

.case_xys .cases{overflow:hidden;}

.cases .titles{overflow:hidden;}
.cases .titles .tit{width:80%;float:left;}
.cases .titles .mores{width:10%;float:right;margin-top:1%;}


.case_c ul li{ position:relative; min-height:35em;float:left; width:13.6%; margin-right:1%;overflow:hidden;cursor:pointer;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.case_c ul li:last-child{width:14%; margin-right:0;}
.case_c ul li.on{width:55.45454545454545%;border-bottom:10px solid #08953d}
.case_c ul li a{displya:inine-block;}
.case_c ul li a:hover .tt h2{color:#08953d;}
.case_c_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat;background-size: cover;}
.case_c_t{position:absolute; left:0; bottom:.5em; z-index:10; width:100%; color:#fff;}
.case_c_t .tt{padding:1em;}
.case_c_t .tt h2{color:#fff;}
.case_c_t .tt h2 span{display:inline-block;width:5px;height:5px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;margin:0 1%;border:1px solid #08953d;}
.case_c_t .tt .more{margin-top:1%;}

.case_c_t .tt .more span{font-size:0.75rem;}

@media screen and (max-height: 900px){
.case_c ul li{min-height:32em;}
}

@media screen and (max-height: 800px){
.case_c ul li{min-height:27em;}
}
@media screen and (max-height: 700px){
.case_c ul li{min-height:22em;}
}
@media screen and (max-height: 600px){
.case_c ul li{min-height:18em;}
}

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

.cases .titles .mores{width:13%;}

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

.cases .titles .mores{width:15%;}

}

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

.cases .titles .mores{width:18%;}

}



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

.case_c_t .tt .more{display:none;}

.cases .titles .tit{width:70%;}
.cases .titles .mores{width:22%;}
}
@media screen and (max-width:640px) {

.cases .titles .mores{width:25%;}

}



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

.cases .titles .mores{display:none;}
.cases .titles .tit{width:100%;text-align:center;}
}

/*新闻*/

.new_xys .news{overflow:hidden;}
.news .left{width:24%;float:left;}

.news .left .cate{overflow:hidden;margin: 5% 0 0 0;}
.news .left .cate li{margin-bottom:3%;overflow:hidden;font-size:1.1rem;margin-top:6%;}


.news .right{width:76%;float:right;}
.news .right .nn{padding-bottom:7em;}
.news .right a{display:block;width:100%;}
.news .right .r_top{display:none}
.news a .date h1{font-size:3rem;color:#9a9a9a;font-family:"1";font-style: italic;}
.news a .date i{color:#9a9a9a;font-family:"1";font-size:1.1rem;}
.news a .tt{margin:4% 0;font-weight:bold;font-size:1.1rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news a .pic{overflow:hidden}
.news a .pic img{width:100%;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.news a:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.news a .des{margin:4% 0;line-height:1.6em;color:#000;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news a .more img{transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-o-transform: translateX(10px);}
.news a .more span{color:#000;font-family: "1";}
.news a:hover h1{color:#08953d}

.news .swiper-button-next { background-image: url(../images/index08.png);left: 60px;}
.news .swiper-button-prev {background-image: url(../images/index09.png); left: 0;}
.news .swiper-button-next, .news .swiper-button-prev {position: absolute;bottom: 0;width: 50px;height: 50px;z-index: 10;cursor: pointer;background-size: 100%;background-position: center;background-repeat: no-repeat;}

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

.news .left{width:23%;}
.news .right{width:77%;}
}
@media screen and (max-width:1440px) {
.news .left{width:20%;}
.news .right{width:80%;}
}

@media screen and (max-width:1320px) {
.news .left{width:16%;}
.news .right{width:84%;}
}

@media screen and (max-width:1200px) {
.news .left{width:18%;}
.news .right{width:82%;}

}

@media screen and (max-width:1080px) {
.new_xys{ width:100%; background:url(../images/bg3.jpg) top center no-repeat;background-size:cover ;}

}



@media screen and (max-width:800px) {
.news a .date h1{font-size:1.5rem;}
.news .left .cate li{font-size:1rem;}


}

@media screen and (max-width:570px) {
.news .left{display:none;}
.news .right{width:100%;}

.news a .tt{font-size:1rem;}
.news .right .r_top{display:block;text-align:center;}
.news .right .cate2{overflow:hidden;margin-bottom:4%;}
.news .right .cate2 li{width:33.33%;float:left;}

}
@media screen and (max-width:480px) {
.news .right .nn{padding-bottom:4em;}
.news .swiper-button-next, .news .swiper-button-prev{width: 40px;height: 40px;}
.news .swiper-button-next {left:50px}
.news a .date h1{display:inline-block;}
.news a .date h1{font-size:1.3rem;}
.news a .date i{font-size:1rem;}

}



/*底部*/

.con_xys .contact{overflow:hidden;}

.contact .foot{background:url(../images/index06.png);width:92%;margin:0 auto;padding:2% 2% 4% 2%;text-align:center;}
.contact .foot .one{margin:2% 5%;}
.contact .foot .one h1{font-size:1.8rem;color:#fff;font-family: "1";}
.contact .foot .one h2{font-size:1.8rem;color:#fff;letter-spacing:20px;margin:1% 0;}

.contact .foot p{color:#fff;font-size:1.1rem;margin-top:1%;}
.contact .foot p span{margin:0 1%;}
.contact .foot .one span{color:#aaa7a6;display:inline-block;position:relative;}
.contact .foot .one span:before{}
.contact .foot .one span:first-child::before{ right: 110%;position: absolute; content: ""; width: 70px; height: 1px;top: 40%;background: #fff;}
.contact .foot .one span:last-child::after{left:110%;position: absolute; content: ""; width: 70px; height: 1px;top: 40%;background: #fff;}
.contact .foot .two{margin:3% 0 0 0;}

.contact .foot2{position:absolute;bottom:1%;width:100%;}
.contact .foot2 .link{margin-bottom:1%;color: #fff;overflow:hidden;}
.contact .foot2 .link a{color: #fff;}
.contact .foot2 .f2{border-top:1px solid #fff;padding-top:0.6%;overflow: hidden;}
.contact .foot2 .s1 {float: left;}
.contact .foot2 .s2 {float: right;}
.contact .foot2 span, .contact .foot2 span a {color: #fff;display: inline-block;text-decoration: none;}
.contact .foot2 span a:hover{color: #08953d;text-decoration: none;}

@media screen and (max-width: 770px) {
.contact .foot{width:100%;}
.contact .foot .one h1 , .contact .foot .one h2{font-size:1.3rem;}
.contact .foot .one h2{letter-spacing:10px}
.contact .foot p{font-size:0.9rem}
.contact .foot2 .s1 , .contact .foot2 .s2{float:none;text-align:center;    display: block;}
.contact .foot img{width:80px;height:80px;}
}

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

.contact .foot .one h1 , .contact .foot .one h2{font-size:1.1rem;}
.contact .foot .one h2{letter-spacing:5px}
}


/*悬浮*/
.side{position:fixed;width:70px;right:0;bottom:15%;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index:9999;}
.side ul li{width:70px;height:70px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#fff;font-size:14px;line-height:35px;text-align:center;transition:all .3s;cursor:pointer;background: #08953d;}
.side ul li a{color:#fff;font-size:0.8rem}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:11px;transition:all .3s}
.side ul li i.bgs3{background-image:url(../images/index11.png)}
.side ul li i.bgs4{background-image:url(../images/index12.png)}
.side ul li:hover i.bgs3{background-image:url(../images/index11.png)}
.side ul li:hover i.bgs4{background-image:url(../images/index12.png)}

.side ul li.sideewm .ewBox.son{width:140px;display:none;color:#363636;text-align:center;position:absolute;left:-140px;height:140px;top:0;background-image:url(../images/ma.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:210px;display:none;color:#fff;text-align:left;position:absolute;left:-210px;top:-70px;background:#068235;}
.side ul li.sideetel .telBox dd{display:block;height:70px;overflow:hidden;padding-left: 45px;line-height:24px;font-size: 14px;    background: url(../images/index13.png) 15px center no-repeat;}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height: 24px;overflow:hidden;margin-top: 12px;font-size: 14px;}
.side ul li.sideetel .telBox dd.bgs1{background-color:#1aaf52}
.side ul li.sideetel .telBox dd.bgs3{background-color:#05652a}
.side ul li:hover .son{display:block!important;animation:fadein 1s}

.phone{display:none;}

@media screen and (max-width: 500px) {
.side{display:none;}
.phone{display:block;position:fixed;right:0;bottom:5%;z-index:9999; background:url(../images/index02.png) top center;}
.phone li{border-bottom:1px solid #e0e0e0;width:50px;padding: 2% 0;    text-align: center;}
.phone li:last-child{border-bottom:none;}
.phone li a{display:inline-block;color: #fff;font-size:0.75rem;}
.phone li i{background: url(../images/index13.png) top center no-repeat;margin:6px 0;height:20px;display:block;overflow:hidden;}

}