@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;  color: #fff;}
h1,h2,h3,h4,h5,h6 { color:#fff;  font-weight: bold;}

body { font-size:0.9rem;  color:#fff; word-wrap:break-word; overflow:hidden;}
a {text-decoration:none; color:#fff; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
a:hover {text-decoration:none; color:#53a438; }
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:1320px; padding:0 10px;height:auto; margin: 0 auto;   }

@media screen and (max-width: 1600px) {
.wrap{ max-width:1220px; }

}



@media screen and (max-width: 1440px) {
.wrap{ max-width:1120px; }

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

.wrap{ max-width:1020px; }

}



.fl { float:left;}
.fr { float:right;}
.mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.block {
    display: block;
}

.about_ct{ width:100%; background:url(../images/bg1.jpg) top center no-repeat;background-size:cover; }
.pro_ct{ width:100%; background:url(../images/bg2.jpg) top center no-repeat;background-size:cover; }
.case_ct{ width:100%; background:url(../images/bg3.jpg) top center no-repeat;background-size:cover ;}
.new_ct{ width:100%; background:url(../images/bg4.jpg) top center no-repeat;background-size:cover ;}
.foot_ct{ width:100%; background:url(../images/bg5.jpg) top center no-repeat;background-size:cover;}

.nav_page{position:absolute;right:0;top:50%; z-index: 999;}
.nav_page .left{float:left;    position: relative; top: -20px;left: -10px;}
.nav_page .left p{    color: #53a438;font-weight: bold; float: right;margin-top: 25px;}


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

.nav_page{top:95%}


}
@media screen and (max-width: 500px) {
.nav_page{display:none;}


}

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


.tits{margin-bottom:4%;overflow:hidden;text-align:center;}

.tits h2{color:#edad7e;font-size:3rem;font-family:"1"}
.tits p{font-size:1.2rem;position:relative; color:#edad7e;}
.tits p:after{position:absolute;content:"";width:8%;height:1px;background:#edad7e;    right: 36%;top: 50%;}
.tits p:before{position:absolute;content:"";width:8%;height:1px;background:#edad7e;left:36%;top: 50%;}

@media screen and (max-width: 1024px) {
.tits h2{font-size:2.2rem;}

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

.tits p:after , .tits p:before{width:5%;}

}


@media screen and (max-width: 500px) {
.tits h2{font-size:1.6rem;}
.tits p{font-size:1rem;}
}




/*关于我们*/

.abouts{overflow:hidden}

.abouts .left{width:40%;float:left;text-align:right;    }
.abouts .left .title , .abouts .t2 , .abouts .left .fen , .abouts .left .con{display:inline-block;float:right}
.abouts .left .title{background:url(../images/index11.png) no-repeat top center;width:70px;float: right;min-height: 193px;position: relative;}
.abouts .left .title img {position:absolute;left:5px; display: inline-block;  top: 12px;  animation: myfirst1 3s 0s infinite;animation-direction: alternate;animation-timing-function: linear;}


@-webkit-keyframes myfirst1
{
    0%{transform:rotateY(0deg);}
    100% {transform:rotateY(360deg);}
}


@keyframes myfirst1
{
    0%{transform:rotateY(0deg);}
    100% {transform:rotateY(360deg);}
}

.abouts .left .title span{display:inline-block;writing-mode: vertical-lr;font-size:1.3rem;font-weight:bold;color:#000;letter-spacing:3px;position: absolute; bottom: 30px;left: 20px;}
.abouts .left .fen{background:url(../images/index12.png) no-repeat top center;width:74px;min-height: 440px;margin-right:6%;}
.abouts .left .fen ul{margin-top:80px;overflow:hidden;}
.abouts .left .fen li{position:relative; float:left;width:100%;text-align:center;padding-bottom: 40%;}
.abouts .left .fen a{writing-mode: vertical-lr;position:relative;}
.abouts .left .fen a:hover{color:#fff;text-decoration:none;}
.abouts .left .fen a:after{position:absolute;content:"";width:5px;height:5px;background:#fff;border-radius:100px;    bottom: -20px;left: 40%;}
.abouts .left .t2{ writing-mode: vertical-lr;font-size:2rem;color:#cfcfcf;font-family:"2";margin-right:2%;margin-top:10%;}
.abouts .left .fen li:last-child a:after{width:0;height:0;}
.abouts .left .con {margin-right:8%;width:150px;}
.abouts .left .con p{color:#000;writing-mode:tb-rl;line-height:2em;letter-spacing: 3px;text-align: left;display: inline-block;overflow: hidden; max-height:465px;}
.abouts .left .xx{min-height:470px;position:relative;margin-right:10%;float: right;width:21px;border-left:1px solid #000813;}
.abouts .left .xx img{display:inline-table;position:absolute;}
.abouts .left .xx .m1{top:20%;width:14px; height:14px;transform: translateX(-26px);-webkit-transform: translateX(-26px);-moz-transform: translateX(-26px);-o-transform: translateX(-26px);}
.abouts .left .xx .m2{bottom:40%;width:21px; height:21px;transform: translateX(-30px);-moz-transform: translateX(-30px);webkit-transform: translateX(-30px);-o-transform: translateX(-30px);}
.abouts .right{width:45%;float:right;text-align:right;    margin-right: 6%;}
.abouts .right h1{font-size:3rem;    font-weight: normal;letter-spacing: 3px;font-family:"3";writing-mode: vertical-lr;display: inline-block;float: right;}
.abouts .right .des{display:inline-block;float:right;margin-right:2%}
.abouts .right .des li{writing-mode: tb-rl;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;float:right;letter-spacing:3px;border-right: 1px solid #565053;min-height: 300px;width:50px;text-align: left;overflow:hidden;}
.abouts .right .des li span{display:block;padding:0 5%;font-size:1rem;}
.abouts .right .des li:last-child{border-left: 1px solid #565053;}

@media screen and (max-width: 1445px) {
.abouts .left{width:45%;}
.abouts .left .fen {margin-right:4%;}
.abouts .left .con{margin-right:5%;}

}
@media screen and (max-width: 1140px) {
.abouts .left{width:50%;}
 .abouts .left .con{margin-right:5%;}

.abouts .right{width:35%;margin-right:8%}


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

.abouts .left .xx{display:none;}

}

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

.about_ct{ background:url(../images/bg1-1.jpg) top center no-repeat; }
.abouts .left{width:70%;}
.abouts .left .title span , .abouts .left .con p{color:#fff;}
.abouts .right{margin-right:0;width:30%}
.abouts .right h1{font-size:2rem;}

}
@media screen and (max-width:580px) {
.abouts .left{width:100%;}
.abouts .right{display:none;}
.abouts .left .t2{font-size:1.3rem;}
.abouts .left .fen , .abouts .left .con{margin-right:3%;background-size: 90%;}

.abouts .left .con p{max-height:400px;line-height:1.8em}

}

@media screen and (max-width:480px) {
.abouts .left .fen{min-height:390px;}
.abouts .left .con p{min-height:380px;}
.abouts .left .t2{display:none}

}

/*产品中心*/

.pro_c{overflow:hidden}
.pro_c .pros{padding-bottom:5%;}
.pro_c a{display:block;width:100%;height:100%;padding:8% 5%}
.pro_c .pp{position:relative;overflow:hidden;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
.pro_c .pic img{display:inline-block;height:100%;width:100%;}
.pro_c a:hover .pp{transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06); -o-transform: scale(1.06);}
.pro_c .cover{position: absolute;top: 0;left: 0;background: url(../images/index03.png);height: 100%; width: 100%;border: 2px solid #edad7e;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
.pro_c .cover .title{text-align:center;writing-mode: vertical-lr;color:#edad7e;font-size:1.2rem;font-weight:bold;margin: 0 auto;letter-spacing:6px;width:30px;}
.pro_c .tit_p{height: 100%;width: 100%; position: absolute;top: 0;}
.pro_c a:hover .title{color:#fff;}


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

.pro_c .tit_p{background:none;}
.pro_c a:hover .tit_p{background:none;}
.pro_c .cover .title{font-size:1.1rem;letter-spacing:5px;}
}
/*客户案例*/

.cases .tits h2 , .cases .tits p {color:#000;}
.cases .tits p:after , .cases .tits p:before{background:#000;}
.case_c .swiper-button-next , .case_c .swiper-button-prev{    position: absolute; top: 50%;  width: 43px; height:42px; z-index: 10; cursor: pointer; background-size: 100%;background-position: center;background-repeat: no-repeat;}
.case_c .swiper-button-next { background-image: url(../images/index06.png);right: 10px;}
.case_c .swiper-button-prev{ background-image: url(../images/index07.png);left: 10px;}
.case_c{overflow:hidden}
.case_c a{display:block;}
.case_c  .cc{position:relative;}
.case_c  .cc .pic{position:relative;overflow:hidden;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
.case_c  .cc .pic:before{position:absolute;content:"";border:2px solid #fff;    top: 10px;left: 10px; right: 10px; bottom: 10px;display: block;z-index:1;}
.case_c .pic img{display:inline-block;height:100%;width:100%;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s;}
.case_c a:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);}
.case_c .title{position:absolute;top:12px;left:20px; background: #fff;padding:2% 0;text-align: center;width:42px;}
.case_c .title span{display:block;writing-mode: vertical-lr;color:#000;letter-spacing:5px;width:50%;margin:0 auto;text-align:center;}
.case_c .title small{display:inline-block;width:8px;height:8px;background:#fff;border-radius:100%;}
.case_c a:hover .title{background: #e6a97d;}
.case_c a:hover .title span{color:#fff;}

@media screen and (max-width: 950px) {
.pro_c .cover .tit_p , .pro_c a:hover .cover .tit_p{background-size:30%;}
.pro_c .cover .title{font-size:1.3rem}

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

.case_c .swiper-button-next, .case_c .swiper-button-prev { background-size: 50%; }


}

/*新闻中心*/
.news_c {overflow:hidden;}
.news_c .fen{margin-bottom:3%;}
.news_c .fen a{display: inline-block;padding: 1% 3%; margin-right: 1%;background:#edad7e;color:#fff;}
.news_c .fen a:hover{background:#000813; color:#edad7e;}
.new_l{overflow:hidden;}
.new_l li{width:31.33%;float:left;margin-bottom: 3%;background: rgba(255,255,255,.6);}
.new_l li .nn{padding:6% 0 0 6%;overflow:hidden;}
.new_l li a{display:block;width:100%;height:100%;}
.new_l li:nth-child(2) , .new_l li:nth-child(5){margin:0 3%}
.new_l li h1 , .new_l li h2 , .new_l li h3{color:#000}
.new_l li .date{width:25%;float:left;text-align:center;}
.new_l li .date h1{font-size:3rem;}
.new_l li .date h3{color:#4a4a4a}
.new_l li .des{width:73%;float:right;}
.new_l li .des_1{border-bottom:1px solid #676666;padding:0 8% 8% 0}
.new_l li .des_1 h2{font-size:1rem;margin-bottom:3%;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.new_l li .des_1 p{color:#4a4a4a;line-height:1.6rem;    overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.new_l li .more{padding:4% 0;position:relative}
.new_l li .more:before{position:absolute;content:"";width:0;height:100%;top:0;left:0;background:#edad7e;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}
.new_l li .more img{display:inline-block;float:right;transform:translateX(-300%);-webkit-transform:translateX(-300%);-moz-transform:translateX(-300%);-o-transform:translateX(-300%);
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}
.new_l li .more span{color:#4a4a4a;text-indent:0.5em;display:inline-block;font-size:1rem;position:relative}
.new_l li a:hover .more:before{width:100%;}
.new_l li a:hover .more img{transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%)}
.new_l li a:hover span{color:#fff;}
.new_l li a:hover .des_1{border-bottom:1px solid #edad7e;}

@media screen and (max-width: 1024px) {
.new_l li .date h1{font-size:2rem;}
.new_l li .more span{font-size:0.8rem;}
}


@media screen and (max-width: 820px) {
.new_l li{width:48%;margin:1%}

.new_l li:nth-child(2) {margin:1%}
.new_l li:nth-child(5) , .new_l li:nth-child(6){display:none}
}
@media screen and (max-width: 520px) {

.new_l li{width:100%;margin:0 0 2% 0;}
.new_l li .nn{padding: 4% 0 0 4%;}
.new_l li .date h1{font-size:1.5rem;}
.new_l li .des_1{padding:0 5% 5% 0;}
.new_l li .des_1 p{line-height:1.4em;}
.new_l li:nth-child(2) {margin:0 0 2% 0;}
.new_l li:nth-child(3) , .new_l li:nth-child(4){display:none}
}



/*联系我们*/

.contact .tits h2 , .contact .tits p {color:#000;}
.contact .tits p:after , .contact .tits p:before{background:#000;}

.contact .con_c{background:url(../images/index09.png);max-width:500px;margin-left:50%;}
.con_c .lx{padding:10%;overflow:hidden;}
.con_c .lx_c{margin-top:4%;overflow:hidden;}
.con_c .lx_c p{line-height:2em;font-size:1rem;margin-bottom:2%;}
.con_c .ma{width:100%;}
.con_c .ma img{display:inline-block;margin-right:1%;}
.con_c .ma p{text-align:center;margin-top:5%;}
@media screen and (max-width: 800px) {

.contact .con_c{max-width:100%;margin-left: 0}
.con_c .lx_c p{line-height:1.6em;margin-bottom:1%;}
.con_c .lx { padding: 5%;}
}
/*悬浮*/
.side{position:fixed;width:70px;right:0;bottom:15%;border:1px solid #e0e0e0;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: #53a438;}
.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/index40.png)}
.side ul li i.bgs4{background-image:url(../images/index39.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:#41822c;}
.side ul li.sideetel .telBox dd{display:block;height:70px;overflow:hidden;padding-left: 45px;line-height:24px;font-size: 14px;    background: url(../images/index41.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:#64c344}

.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:2%;z-index:9999; background:url(../images/index09.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{margin:6px 0;height:25px;display:block;overflow:hidden;}
.phone li:first-child i{background: url(../images/x1.png) top center no-repeat;}
.phone li:last-child i{background: url(../images/x2.png) top center no-repeat;}
}