@charset "utf-8";
/* CSS Document */

body,html{width:100%; height:100%;}
body,html,div{margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea{margin:0; padding:0;border:0; font-size:14px; font-family:'SourceHanSansCNReg'; color:#555;  list-style:none; font-weight:normal;}
img {border:0; }
a{text-decoration:none;}
textarea{outline:none;}

@font-face{
    font-family:'SourceHanSansCNLig';
    src :url('fonts/SourceHanSansCN-Light.otf');
}
@font-face{
    font-family:'SourceHanSansCNReg';
    src :url('fonts/SourceHanSansCN-Regular.otf');
}
@font-face{
    font-family:'SourceHanSansCNMed';
    src :url('fonts/SourceHanSansCN-Medium.otf');
}
@font-face{
    font-family:'SourceHanSansCNBod';
    src :url('fonts/SourceHanSansCN-Bold.otf');
}
@font-face{
    font-family:'centurygothic';
    src :url('fonts/centurygothic.ttf');
}
@font-face{
    font-family:'MicrosoftYaHeiLig';
    src :url('fonts/MicrosoftYaHei-Light.ttf');
}
@font-face{
    font-family:'MicrosoftYaHeiBold';
    src :url('fonts/SourceHanSansCN-Bold.otf');
}

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; outline:none;}

html {font-size:62.5%;}

.midCent{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.left{float:left;}
.right{float:right;}


/**/
.header {width:100%; height:auto;overflow:hidden; margin:0 auto; background:#fff;z-index:99;}
.headerz{width:1200px; height:auto;margin:0 auto; }
.head-lea{float:left; width:180px; height:auto; overflow:hidden; padding:10px 0px; }
.head-lea img{max-width:100%;}
.head-leb{float:right;height:auto; margin-top:8px; }
.head-leb ul li{float:left;height:79px; margin-left:35px;text-align:center; padding:0px 10px; position:relative; }
.head-leb ul li i{width:100%; height:5px; overflow:hidden; position:absolute; left:0px; bottom:0px;}
.head-leb ul li a{font-size:18px; color:#333; line-height:79px;}
.head-leb ul li a span{font-size:18px; color:#333; line-height:79px;}
.head-leb ul li.onb a span{color:#24aa95; }
.head-leb ul li.onb i{background:#24aa95;}
.head-leb ul li:first-child{margin-left:0px;}
.head-leb ul li.avt span{padding-right:15px; background:url(../images/xl1.png) right center no-repeat;}
.head-leb ul li.avt:hover span{color:#24aa95;background:url(../images/xl2.png) right center no-repeat;}
.head-leb ul li:hover span{color:#24aa95;}


/*  banner */
.focus{position:relative;max-width:1920px; width:100%; height:auto; overflow:hidden; z-index:0; margin:0 auto; }
.fcon{width:100%; height:auto; overflow:hidden;} 
.focus .fcon div{position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.focus .a{position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px; }  
.focus div a img{width:100%;}
.focus .D1fBt a i{}
.focus .prev,.focus .next{width:68px;height:68px;position:absolute; cursor:pointer; top:50%; margin-top:-34px;border-radius:68px; padding:16px 23px;}
.focus .prev{left:5%;}
.focus .next{right:5%;}
.focus .fbg{position:absolute; width:1920px;bottom:20px; left:50%;height:auto; overflow:hidden; z-index:9999; text-align:center;margin-left:-960px}
.focus .fbg .D1fBt{z-index:9999; display:inline-table; border-radius:7px;}
.focus .fbg .D1fBt a{float:left; width:51px; height:5px; display:inline-block;z-index:9999; text-align:center; background:#fff; border-radius:10px; margin:0px 10px;}
.focus .fbg .D1fBt a.current{background:#24aa95; }




.dpyBan{position:relative;max-width:1920px; width:100%; height:auto; overflow:hidden; z-index:0; margin:0 auto;}
.dpyBan .dpyBan1{width:100%;height:auto; overflow:hidden; }
.dpyBan .dpyBan1 li{width:100%;height:auto; overflow:hidden; }
.dpyBan .dpyBan1 li div{position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.dpyBan .dpyBan1 li div img{width:100%;}
.dpyBan .hd{position:absolute; width:1920px;bottom:20px; left:50%;height:auto; overflow:hidden; z-index:99; text-align:center;margin-left:-960px;}
.dpyBan .hd ul{display:inline-table;}
.dpyBan .hd ul li{float:left; width:51px; cursor: pointer; height:5px; line-height: 30px; display:inline-block;z-index:9999; text-align:center; background:#fff; border-radius:10px; margin:0px 10px;}
.dpyBan .hd ul li.on{background:#24aa95; }
.dpyBan .prev,.dpyBan .next{position:absolute; width:25px; height:46px; cursor:pointer; overflow:hidden; z-index:990;border-radius:3px; top:50%; margin-top:-23px;}
.dpyBan .prev{left:10px; background:url(../images/leftind.png) center center no-repeat;}
.dpyBan .next{right:10px; background:url(../images/rightind.png) center center no-repeat;}


/* 产品中心 */
.product{width:100%; height:auto;overflow:hidden; margin:0 auto; padding:80px 0px;}
.prodTLef{overflow:hidden;height:74px; border-left:3px #24aa95 solid; padding-left:12px;}
.prodTLef h2{font-size:35px; color:#1c1c1c; font-weight:bold; line-height:40px; margin-bottom:2px;}
.prodTLef p span{font-size:25px; color:#737272; text-transform:uppercase; line-height:28px;}
.prodTLef p font{font-size:25px; color:#24aa95;text-transform:uppercase;line-height:30px;}
.prodTRig{height:auto;overflow:hidden;}
.prodTRig a{display:block; width:151px; height:37px; overflow:hidden; border:1px #aaa solid; border-radius:16px; text-align:center; }
.prodTRig a span{line-height:34px; font-size:14px; color:#1c1c1c; padding-right:25px; background:url(../images/jt.png) right center no-repeat;}
.prodTRig a:hover{border:1px #24aa95 solid; background:#24aa95;transition:all 0.2s;border-radius:37px;}
.prodTRig a:hover span{background:url(../images/jt1.png) right center no-repeat; color:#fff;transition:all 0.2s;}
.prodTop{margin-top:35px;}
.prodTop .dpy1 .con1{width:100%;height:auto; overflow:hidden; }
.prodTop .dpy1 .con1 ul{overflow:hidden; }
.prodTop .dpy1 .con1 li{float:left;width:294px;height:auto; overflow:hidden;margin-right:8px; background:#f5f9fa; padding-bottom:30px;}
.prodTop .dpy1 li .prd1{width:100%;height:262px;overflow:hidden; position:relative;}
.prodTop .dpy1 li .prd1 img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.prodTop .dpy1 li .prd2{width:100%;height:auto; overflow:hidden; text-align:center;font-size:14px; color:#000; margin-top:25px;}
.prodTop .dpy1 li p{text-align:center; margin-top:20px;}
.prodTop .dpy1 li p font{display:inline-block; width:98px; height:27px; overflow:hidden; border-radius:27px; font-size:12px; color:#feffff; background:#1c1c1c; line-height:26px;}
.prodTop .dpy1 li:hover p font{background:#24aa95; color:#fff;}
.prodTop .dpy1 li:hover .prd1 img{transform:scale(1.1);}
.prodTop .prodanf{width:100%;height:30px; text-align:center; margin-top:30px;}
.prodTop .prodanfz{width:187px; height:30px; display:inline-table;position:relative;}
.prodTop .dpy1 .prodanf .prev,.prodTop .dpy1 .prodanf .next{position:absolute; width:72px; height:29px; cursor:pointer; overflow:hidden; z-index:9; border:1px #d2d2d2 solid; border-radius:3px; top:0px;}
.prodTop .dpy1 .prev{left:0px; background:url(../images/left.png) center center no-repeat;}
.prodTop .dpy1 .next{right:0px; background:url(../images/right.png) center center no-repeat;}
.prodTop .dpy1 .prev:hover{ border: 1px #24aa95 solid;background:#24aa95 url(../images/left1.png) center center no-repeat;}
.prodTop .dpy1 .next:hover{border: 1px #24aa95 solid;background:#24aa95 url(../images/right1.png) center center no-repeat;}


/* 经典案例 */
.case{width:100%; height:auto;overflow:hidden; margin:0 auto; padding:0px 0px 80px 0px;}
.casTop{margin-top:45px;}
.casTLef{ width: 600px;height:557px;overflow:hidden; position: relative;}
.casTLef img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit:cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.casTLef div{ width: 100%; height: auto; position: absolute; top: 35px; text-align: center;}
.casTLef div p i{ display: inline-block; width: 105px; height: 5px; overflow: hidden; background: #24aa95;}
.casTLef div h2{font-size:35px; color:#fff;text-transform:uppercase; letter-spacing: 3px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height:40px; margin-top:15px;}
.casTLef div p font{font-size:18px; color:#fff; line-height: 35px;}
.casTRig{ width: 600px; position: relative;}
.casTRig .dpy2 .con2{width:100%;height:auto; overflow:hidden; }
.casTRig .dpy2 .con2 ul{overflow:hidden; }
.casTRig .dpy2 .con2 li{float:left;width:100%;height:557px; overflow:hidden;margin-right:8px; background:#f5f9fa; padding-bottom:30px; position: relative;}
.casTRig .dpy2 .con2 li img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit:cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.casTRig .dpy2 .con2 li .cas1{ width: 420px; padding: 53px 37px 63px 37px;background-color: rgba(255,255,255,0.8);position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.casTRig .dpy2 .con2 li .cas1 h2{ font-size: 22px; color: #24aa95;text-align: center;}
.casTRig .dpy2 .con2 li .cas1 div{width:100%;height:160px; overflow:hidden; line-height: 24px; font-size: 14px; color: #494949; margin-top: 40px;}
.casTRig .dpy2 .con2 li .cas1 p{ text-align: center; margin-top: 20px;}
.casTRig .dpy2 .con2 li .cas1 p font{ display: inline-block; border-top: 1px #24aa95 solid; border-bottom: 1px #24aa95 solid; width: 97px; height: 32px; line-height: 30px; font-size:14px; color: #24aa95; text-align: center;}
.casTRig .dpy2 .prev,.casTRig .dpy2 .next{ position:absolute; width:54px; height:54px; cursor:pointer; overflow:hidden; z-index:9; top:50%; margin-top: -27px; }
.casTRig .dpy2 .prev{ left:60px; background:rgba(36,170,149,0.85) url(../images/left1.png) center center no-repeat;}
.casTRig .dpy2 .next{ right:60px; background:rgba(36,170,149,0.85) url(../images/right1.png) center center no-repeat;}


/* 产品中心 */
.advantage{width:100%; height:auto;overflow:hidden; margin:0 auto; padding:60px 0px; background: url(../images/bg1.jpg) top center no-repeat;}
.advgTLef{overflow:hidden;height:74px; border-left:3px #24aa95 solid; padding-left:12px;}
.advgTLef h2{font-size:35px; color:#fff; font-weight:bold; line-height:40px; margin-bottom:2px;}
.advgTLef p span{font-size:25px; color:#fff; text-transform:uppercase; line-height:28px;}
.advgTLef p font{font-size:25px; color:#24aa95;text-transform:uppercase;line-height:30px;}
.advgTop{ margin-top: 35px;}
.advgTop ul li{ float: left; width: 300px; height: auto; overflow: hidden; position: relative;}
.advgTop li .adg1{width:100%; }
.advgTop li .adg2{width:100%; height:auto;overflow:hidden; text-align: center; position: absolute; left: 0px; bottom: 0px; padding: 17px 0px;transition: all 0.2s;}
.advgTop li .adg2 p{ padding: 2px 0px;}
.advgTop li .adg2 p span{ font-size: 20px; color: #fff; line-height: 20px;}
.advgTop li .adg2 p font{ font-size: 12px; color: #fff; line-height: 20px; text-transform: uppercase;}
.advgTop li .adg3{width: 100%;height:100%; position: absolute; left: 0px; top: 0px; padding: 0px 25px;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.advgTop li .adg3 .on1{ width: 58px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 80px;}
.advgTop li .adg3 .on1 img{ width: 100%;}
.advgTop li .adg3 .on2{width: 100%; text-align: center; margin-top: 21px; font-size: 25px; color: #fff;}
.advgTop li .adg3 .on3{font-size: 13px; color: #fff;margin-top: 25px; line-height: 24px;}
.advgTop li:nth-child(even) .adg2{background:rgba(170,170,170,0.77);}
.advgTop li:nth-child(odd) .adg2{background:rgba(36,170,149,0.77);}
.advgTop li:nth-child(even) .adg3{background:rgba(170,170,170,0.77);}
.advgTop li:nth-child(odd) .adg3{background:rgba(36,170,149,0.77);}
.advgTop li:hover .adg3{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.advgTop li:hover .adg2{ bottom: -90px;transition: all 0.2s;}



/* 新闻资讯 */
.news{width:100%; height:auto;overflow:hidden; margin:0 auto; padding:60px 0px;}
.prodTRig ul li{ float: left; width: 87px; height: 32px; font-size: 14px; color: #1c1c1c; text-align: center; line-height: 32px; cursor: pointer; margin-left: 10px; border-radius: 3px;}
.prodTRig ul li.active{ border: 1px #24aa95 solid;line-height: 30px;}
.newTop{ margin-top: 50px;}
.newTopz ul li{ float: left; width: 376px; height: auto; overflow: hidden; margin-left: 36px;}
.newTopz li .new1{width:100%; height:auto;overflow:hidden;}
.newTopz li .new1 .new1a{ float: left; width: 106px; height: 103px; overflow: hidden; text-align: center; border: 1px #c1c1c1 solid;}
.newTopz li .new1 .new1a div{ font-size: 28px; color: #000; line-height: 36px; margin-top: 23px;}
.newTopz li .new1 .new1a p{font-size: 14px; color: #000; line-height: 24px;}
.newTopz li .new1 .new1b{ float: right; width: 255px; height: auto;}
.newTopz li .new1 .new1b p{ font-size: 17px; color: #353535;}
.newTopz li .new1 .new1b div{width:100%; height:auto; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; font-size: 13px; color: #8e8e91; line-height: 22px; margin-top: 10px;}
.newTopz li .new2{width:100%; height:158px;overflow:hidden; margin-top: 25px;}
.newTopz li .new2 img{ width: 100%;transition: all 0.2s;}
.newTopz li .new3{width:100%; height:auto;overflow:hidden; text-align: center; margin-top: 30px;}
.newTopz li .new3 i{ display: inline-block; width: 0%; height: 2px;transition: all 0.2s;}
.newTopz li:first-child{ margin-left: 0px;}
.newTopz li:hover .new3 i{width: 70%; background: #24aa95;transition: all 0.2s;}
.newTopz li:hover .new1 .new1a{ border: 1px #24aa95 solid;background: #24aa95;}
.newTopz li:hover .new1 .new1a div{ color: #fff;}
.newTopz li:hover .new1 .new1a p{ color: #fff;}
.newTopz li:hover .new1 .new1b p{color: #24aa95;}
.newTopz li:hover .new2 img{transform: scale(1.1);transition: all 0.2s;}





/*--------底部--------*/
.bottom{width:100%; height:auto; overflow:hidden; margin:0 auto; background:#333335;padding:35px 0px; }
.bot1{ float: left; width: 380px; margin-top: 30px;}
.bot1 .bot1a{height:auto; overflow:hidden;}
.bot1 .bot1b{height:auto; overflow:hidden;margin-top:50px;}
.bot1 .bot1b p{font-size:15px; color:#b8b8b8; margin-top:5px; line-height: 20px;}
.bot2{ float: left;height:380px; overflow:hidden; padding: 60px 0px 0px 50px; border-left: 1px #b5b5b5 solid; border-right: 1px #b5b5b5 solid;}
.bot2a{ float: left; width: 155px;}
.bot2a h2{font-size:17px; color:#fff; margin-bottom: 40px;}
.bot2a ul li{height:auto;overflow:hidden; margin-top:5px;}
.bot2a li a{ font-size:15px; color:#b8b8b8;}
.bot2a li a:hover{ color:#24aa95;}
.bot3{ float: right; width: 110px; margin-top: 95px;}
.bot3 div{ width:100%;}
.bot3 div img{ width:100%;}
.bot3 p{font-size:17px; color:#b8b8b8; text-align:center; margin-top: 5px;}


.fbtm {
	width: 100%;
	height: 66px;
	line-height: 66px;
	font-size: 14px;
	color: #fff;
	background-color: #626262;
}
.dibu{width:100%; max-width:1300px; margin:0 auto;color: #fff;}
.dibu a{ color:#fff;}
.dibu a:hover{ color:#fff; text-decoration:underline}




.aboutInd{width:100%; height:auto;overflow:hidden; margin:0 auto; padding:65px 0px; background: url(../images/bg2.jpg) top center no-repeat;}
.abutILef{ float: left; width: 570px;}
.abutILef .abutILa{width:100%; border-left: 2px #fff solid; padding-left: 10px;}
.abutILef .abutILa p span{font-size:34px; color:#fff; line-height: 34px;}
.abutILef .abutILa p font{ display: block; font-size:20px; color:#fff;line-height: 20px; text-transform: uppercase; padding-top: 7px;}
.abutILef .abutILb{width:100%; margin-top: 65px;}
.abutILef .abutILb h2{font-size:34px; color:#fff; font-weight: bold;}
.abutILef .abutILb div{font-size:14px; color:#fff;margin-top: 35px; line-height: 26px;}
.abutILef .abutILb div p{line-height: 26px;font-size:14px; color:#fff;}
.abutIRig{ float:right;width: 589px; padding: 0px 0px 11px 11px; position: relative;}
.abutIRig i{ background: #23ab95; position: absolute; left:0px; bottom: 0px; width: 550px; height: 550px;z-index: 5;}
.abutIRig div{ width: 578px; height: auto; overflow: hidden; border: 6px #fff solid; position: relative; z-index: 8;}
.abutIRig div img{ display: block; width: 100%;}