/*home*/
.home-title-black a:hover{color: #ffa500;}   /*暗背景 标题超链接 选中颜色*/
.swiper-button-next.next:hover,
.swiper-button-prev.prev:hover{color: #2a6b63;}   /*滚动箭头颜色*/
.more{ width:80px; height:44px; line-height:44px; float:right; font-size: 18px; font-weight: bold;}
.more a{ color: #000;}
.title{font-size:16px; font-weight:bold; height:44px; line-height:44px; padding-left:45px; width:150px; float:left;color:#000;overflow:hidden;_zoom:1;}
.title a{color: #000;line-height: 44px;}


/*产品分类*/
.xc_1f{ margin:auto; height:580px;overflow:hidden;padding-top: 10px;_zoom:1;}
.xc_1f .left3{ width:15%; background:#fff; float:left; height:550px;overflow: hidden;margin:0px 10px 0px 10px;}
.xc_1f .left3 .up1{width: 100%; height:43px;background: #2a6b63;border-radius:12px;}
.xc_1f .left3 .up1 .title1{width: 100%;height:43px; line-height:43px; font-size:16px; font-weight:bold;color:#fff;overflow:hidden;_zoom:1;margin: 0 auto;text-align: center;display: block; }
.xc_1f .left3 .down2{height:502px; overflow:hidden;border: 1px solid #ccc;_zoom:1; }
.xc_1f .left3 .down2 ul{ height:100%;padding:5px;overflow:hidden;_zoom:1;}
.xc_1f .left3 .down2 ul li{ background:#e6e6e6;height:37px; width:100%;margin-top:10px; overflow:hidden;border-radius: 12px;}

.xc_1f .left3 .down2 ul li h2{ overflow:hidden;_zoom:1;font-weight:bold; height:37px; font-size:14px;  line-height:37px; width:100%;color:#000;text-align: center;}
.xc_1f .left3 .down2 ul li h2 a{height: 37px; line-height: 37px;color: #000;}

.xc_1f .right3{ width:82%;border:1px solid #ccc; height:560px; float:right;margin-right: 10px;}
.up2{ background:#f9f9f9; height:44px; border-bottom: 1px solid #2a6b63;}
.xc_1f .right3 .down3{height:504px; overflow: hidden;}
.xc_1f .right3 .down3 ul{overflow:hidden;height:100%;margin: 18px;}
.xc_1f .right3 .down3 ul li{ width:18%; height: 248px; float:left; text-align:center; margin:4px 8px 0px 14px;overflow:hidden;}
.xc_1f .right3 .down3 ul li .pic3{ width:96%; height:80%; padding:2px;border:1px solid #ccc;overflow: hidden;}
.xc_1f .right3 .down3 ul li .pic3 a{display:block; width:100%; height:100%;}
.xc_1f .right3 .down3 ul li .pic3 img{ width:210px; height:196px; }
.xc_1f .right3 .down3 ul li .txt1{ margin-top:5px; background:#dcdddf; height:25px; line-height:25px; width:99%; text-align:center;overflow:hidden;}
.xc_1f .right3 .down3 ul li .txt1 a{color: #000;}
.pic00{ width:1001px; height:132px;border:1px solid #ccc; margin:auto; margin-top:16px;}


/*优势*/
.xc_yscon{width: 98%;background: #f2fbf6;}
.xc_ys{ width:53%; background:url(../images/yc28.jpg) no-repeat;height:1144px;overflow:hidden;_zoom:1; margin:auto; margin-top:12px;}
.sy_one{ margin:145px 0px 0px 540px;height:200px; overflow:hidden;}
.name3{ font-size:24px;font-family:"微软雅黑"; color:#011f08; height:70px; line-height:1.6em; width:290px;overflow:hidden;_zoom:1; padding-bottom:4px; border-bottom:1px  dashed #ccc;}
.name4{ width:300px;  line-height:19px; height:120px; padding-top:8px; overflow:hidden;}
.sy_two{ margin:55px 0px 0px 80px;height:182px; overflow:hidden;}
.sy_three{ margin:50px 0px 0px 550px;height:180px; overflow:hidden;}
.sy_four{ margin:25px 0px 0px 95px;height:200px; overflow:hidden;}



.xc_2f{ width:98%; height:404px; margin:auto;overflow:hidden;_zoom:1; margin-top:12px;}

/*新闻*/
.xc_2f .sy_xw{ width:28%; height:402px; border:1px solid #ccc; float:left;}
.up3{ background:url(../images/yc24.jpg) no-repeat;height:44px;}
.up3 .title a{width: 100%; height: 44px; line-height: 44px; }
.title3{font-size:16px; font-weight:bold; height:44px; line-height:44px; padding-left:35px; width:150px; float:left;color:#000;overflow:hidden;_zoom:1;}
.title3 a:hover{ color:#007c22;}
.title3 a{ height: 44px;line-height: 44px;display: block;color:#000;}
.more2{ width:65px; height:36px; float:right; padding-right:12px; padding-top:3px;}
.xc_2f .sy_xw .down3{ height:355px;overflow:hidden;_zoom:1;}
.xc_2f .sy_xw .down3 ul{ overflow:hidden;_zoom:1;}
.xc_2f .sy_xw .down3 ul li{ background:url(../images/yc21.jpg) no-repeat;width:100%; height:43px; line-height:43px; text-indent:25px; margin-top:3px;overflow:hidden;_zoom:1;}
.xc_2f .sy_xw .down3 ul li a{color: #000;}


/*常见问题*/
.xc_2f .sy_wt{ width:45.4%; height:402px; float:left;border:1px solid #ccc; margin-left:15px;overflow:hidden;_zoom:1;}
.up8{ background:url(../images/yc24.jpg) no-repeat;height:44px;}
.xc_2f .sy_wt .down5{ height:358px;overflow:hidden;_zoom:1; width:455px;}
.xc_2f .sy_wt .down5 ul{overflow:hidden;_zoom:1; margin-left:15px; height:353px;}
.xc_2f .sy_wt .down5 ul li{ background:url(../images/yc19.jpg) no-repeat;width:418px; height:33px; line-height:33px; margin-top:6px;overflow:hidden;_zoom:1;}
.xc_2f .sy_wt .down5 ul li a{color: #000;}
.xc_2f .sy_wt .down5 ul li .txt8{ width:310px; height:33px; line-height:33px; padding-right:10px; float:left; text-indent:25px;overflow:hidden;_zoom:1;}
.xc_2f .sy_wt .down5 ul li .date8{ width:90px; float:right;}

/*联系我们*/
.xc_2f .sy_lx{ width:23.03%; height:402px; float:right;border:1px solid #ccc;overflow:hidden;_zoom:1;}
.xc_2f .sy_lx .down7{ background:url(../images/yc18.jpg) no-repeat;height:358px;overflow:hidden;_zoom:1; }
.xc_2f .sy_lx .down7 .content7{ margin-top:80px; margin-left:36px; height:230px;overflow:hidden;_zoom:1;}
.xc_2f .sy_lx .down7 .content7 .txt6{ font-size:14px;line-height:25px; font-weight:bold; color:#000;}
.xc_2f .sy_lx .down7 .content7 .txt7{ line-height:22px;}
.xc_2f .sy_lx .down7 .content7 .txt7 a{color: #000;}


/* 工程案例 */
.gcal{width: 100%;padding-top: 10px;}
.gcal .gcaltit{text-align:center;width:50%;margin:0 auto;background:#fff;overflow: hidden;}
.gcal .gcaltit .gcalp1 span{font-size:32px;color:#2a6b63;line-height:44px}
.gcal .gcaltit .gcalp2 span{font-size:16px;color:#383838;line-height:44px}
.gcal .gcaltit .gcalp3 span{font-size:32px;color:#2a6b63;line-height:44px}
.gcal .gcalcon {width: 100%;height:520px;padding-top: 10px;background: #2f2f2f;}
.gcal .gcalcon .moduleleft{width: 22.9%;height: 446px; padding-top: 10px;background: #2f2f2f;float: left;border: 5px solid #2a6b63;}
.gcal .gcalcon .moduleleft .u333up{width: 100%;}
.gcal .gcalcon .moduleleft .u333up .resetCss{font-size: 12px;overflow: hidden;}
.gcal .gcalcon .moduleleft .u333up .resetCss .ishover{padding:20px 15px;}
.gcal .gcalcon .moduleleft .u333up .span1{font-size:45px;color:#2a6b63;}
.gcal .gcalcon .moduleleft .u333up p span strong{font-weight: 700;color: #2a6b63;font-size: 18px;line-height: 25px;font-size: 18px;}
.gcal .gcalcon .moduleleft .u333up .resetCss .ishover p .span2{font-size:24px;color:#2a6b63;}
.gcal .gcalcon .moduleleft .u333down{width: 100%; padding:118px 15px;}
.gcal .gcalcon .moduleleft .u333down span{line-height:35px;color:#FFFFFF;font-size:24px;}
.gcal .gcalcon .moduleright{width: 76%;float: right;}
.gcal .gcalcon .moduleright ul{width: 100%;}
.gcal .gcalcon .moduleright ul li{float: left;width: 32.3%; color: #fff;margin-left: 10px;overflow: hidden;padding: 10px;}
.gcal .gcalcon .moduleright ul li:hover .congsal{background: #2a6b63;}
.gcal .gcalcon .moduleright ul li:hover .congsal .oneLine{color: #fff;}
.gcal .gcalcon .moduleright ul li .congsal{float: left;width:103%; color: #fff; background: #737373;padding-bottom: 50px;}
.gcal .gcalcon .moduleright ul li .congsal .oneLine{line-height:30px;color:#2a6b63;text-align:left;font-size:18px;font-weight:lighter;padding:0px 5px ;font-weight: bold;}
.gcal .gcalcon .moduleright ul li .congsal .summary{line-height:20px;color:#fff;text-align:left;font-size:14px;padding:0px 5px ;}
.gcal .gcalcon .moduleright ul li .congsal img{width:300px;height:207px;top:212px;left:0;z-index:1;border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:#ccc;background:#fff;padding:0;border-radius:0;display:block;width:100%;height:100%}

/* 优势 */
.ys{width: 100%;height: 1140px;}
.yscont{width: 98%;text-align: center;}
.yscont .ystit{width: 74%;height: 75px;margin: auto;margin-top: 30px;margin-bottom: 30px;}
.yscont .ystit p{color:#2a6b63;font-size:35px;line-height:49px;font-weight:700;}
.yscont .ystit span{color: #666666;}

.ys .yscon{width: 100%;margin: auto;height: 1078px;}
.ys .yscon .yscl{width: 37.8%;margin: auto;float: left;}
.ys .yscon .yscl ul{width: 100%;}
.ys .yscon .yscl ul li{width: 100%;height: 539px;}
.ys .yscon .yscl ul li .ysclbg{width: 100%;height: 264px;background:#e5e5e5;}
.ys .yscon .yscl ul li img{overflow: hidden;height: 215px;}


.ys .yscon .yscl ul li .ysclup{width: 100%;height: 106px;padding: 15px 35px;}
.ys .yscon .yscl ul li .ysclup .ysclupleft{width: 75px;height: 75px;background: #2a6b63;float: left;}
.ys .yscon .yscl ul li .ysclup .ysclupleft .span1{font-size: 20px; color: #fff;line-height: 26px;}
.ys .yscon .yscl ul li .ysclup .ysclupleft em{display:block;width:20px;height:2px;background:#fff;margin:5px 18px;}
.ys .yscon .yscl ul li .ysclup .ysclupleft .span2{font-size:13px;color:#fff;line-height:20px}

.ys .yscon .yscl ul li .ysclup .ysclupright{width: 314px;overflow: hidden;text-align: left;padding-left: 10px;float: right;}
.ys .yscon .yscl ul li .ysclup .ysclupright h1{font-size:24px;color:#2a6b63;font-weight:700;margin: 0 auto;}
.ys .yscon .yscl ul li .ysclup .ysclupright p{color: #666;font-size: 18px;margin: 0 auto;}
.ys .yscon .yscl ul li .ysclup .ysclupright span{position:absolute;width:28px;height:1px;background:#666;}
.ys .yscon .yscl .yscldow{width:100%;margin: auto;float: left;padding: 15px 18px;}
.ys .yscon .yscl .yscldowcon{width:88.84%;margin:auto;float:left;color:#000;overflow:hidden;text-align: left;}
.ys .yscon .yscl .yscldowcon p{margin: 0;padding: 0;float: left;}
.ys .yscon .yscl .yscldowcon p img{width: 23px; height: 23px; margin: 0 5px;}

.ys .yscon .yscm{width: 24.4%;height:1078px;margin: auto;overflow: hidden;float: left;}




.ys .yscon .yscr{width: 37.8%;margin: auto;float: right;}
.ys .yscon .yscr ul{width: 100%;}
.ys .yscon .yscr ul li{width: 100%;height: 539px;}
.ys .yscon .yscr ul li .yscrbg{width: 100%;height: 264px;background:#e5e5e5;}

.ys .yscon .yscr  li img{overflow: hidden;height: 215px;}
.ys .yscon .yscr  li .yscrup{width: 100%;height: 106px;padding: 15px 35px;}
.ys .yscon .yscr  li .yscrup .yscrupleft{width: 75px;height: 75px;background: #2a6b63;float: left;}
.ys .yscon .yscr ul li .yscrup .yscrupleft .span1{font-size: 20px; color: #fff;line-height: 26px;}
.ys .yscon .yscr ul li .yscrup .yscrupleft em{display:block;width:20px;height:2px;background:#fff;margin:5px 18px;}
.ys .yscon .yscr ul li .yscrup .yscrupleft .span2{font-size:13px;color:#fff;line-height:20px}

.ys .yscon .yscr ul li .yscrup .yscrupright{width: 314px;overflow: hidden;text-align: left;padding-left: 10px;float: right;}
.ys .yscon .yscr ul li .yscrup .yscrupright h1{font-size:24px;color:#2a6b63;font-weight:700;margin: 0 auto;}
.ys .yscon .yscr ul li .yscrup .yscrupright p{color: #666;font-size: 18px;margin: 0 auto;}
.ys .yscon .yscr ul li .yscrup .yscrupright span{position:absolute;width:28px;height:1px;background:#666;}
.ys .yscon .yscr .yscrdow{width:100%;margin: auto;float: left;padding: 15px 18px;}
.ys .yscon .yscr .yscrdowcon{width:88.84%;margin:auto;float:left;color:#000;overflow:hidden;text-align: left;}
.ys .yscon .yscr .yscrdowcon p{margin: 0;padding: 0;float: left;}
.ys .yscon .yscr .yscrdowcon p img{width: 23px; height: 23px; margin: 0 5px #2a6b63;}


/* newsbox */
.newsbox{padding: 50px 0 60px;background:#2a6b63;background-size: 100% 100%;}
.newsbox::after{content: "";width: 100%;height: 100%;background: rgba(42,107,99,.75);position: absolute;left: 0;top: 0;z-index: 0;}
.newsbox .w1280{z-index: 1;position: relative;}

.newsbox ul{width: calc(100% + 40px);margin: 0 -20px;overflow: hidden;}
.newsbox ul li{width: 50%;padding: 10px 20px;overflow: hidden;float: left;}
.newsbox ul li .txt{width: 100%;position: relative;background: #fafafa;padding: 15px 15px 15px 120px;}
.newsbox ul li .txt::after{content: "";width: 3px;height: 100%;background: #ffa500;position: absolute;left: 0;top: 0;z-index: 0;-webkit-transition: .5s;transition: .5s;}
.newsbox ul li .date{width: 95px;height: 80px;position: absolute;left: 5px;top: 15px;border-right: 1px solid #ccc;overflow: hidden;text-align: center;color: #787878;z-index: 2;}
.newsbox ul li .time1{font-size: 30px;line-height: 60px;}
.newsbox ul li .time2 p{font-size: 30px;line-height: 60px;height: 53px;}
.newsbox ul li .time2 span{display: block;}
.newsbox ul li .tit{width: 100%;line-height: 30px;font-size: 15px;font-weight: 600;position: relative;z-index: 2;}
.newsbox ul li .tit a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li .text{width: 100%;height: 50px;overflow: hidden;padding-top: 7px;position: relative;z-index: 2;}
.newsbox ul li .text br,
.newsbox ul li .text img{display: none;}
.newsbox ul li:hover .txt::after{width: 100%;}
.newsbox ul li:hover .date{color: #fff;border-color: #fff;}
.newsbox ul li:hover .tit a,
.newsbox ul li:hover .text{color: #fff;}



/*简介*/
.companybox .cont{padding: 60px 0 45px;}
.companybox .home-title{display: none;}
.companybox .pic{width: 48%;max-width: 600px;float: right;}
.companybox .pic p{width: 100%;position: relative;background: #000;}
.companybox .pic p video{height: 100%;width: 100%;position: absolute;left: 0;top: 0;padding: 5px;}

.companybox .txt{width: 50%;max-width:620px;float: left;}
.companybox .titl{width: 100%;padding: 15px 0 30px;}
.companybox .titl p{float: left;}
.companybox .titl a{font-size: 24px;line-height: 1.6;font-weight: 600;}
.companybox .titl span{display: block;width: 50px;height: 2px;background: #2a6b63;margin-top: 15px;}
.companybox .txt:hover .titl a{color: #2a6b63;}
.companybox .txt:hover .titl span{width: 100%;}
.companybox .text{width: 100%;font-size:16px;color: #666;line-height: 2;}
.companybox .text p{width: 100%;overflow: hidden;margin-bottom: 1.5em;}
.companybox .more{width: 100%;}
.companybox .more a{display: block;width: 150px;color: #fff;height: 45px;line-height: 45px;font-size: 16px;text-align: center;background: #454545;font-weight: 600;}
.companybox .more a:hover{background: #2a6b63;}

@media only screen and (max-width:1250px){
.companybox .cont{padding: 45px 0 35px;}
.companybox .titl{padding: 10px 0 25px;}
.companybox .text{height: 220px;margin-bottom: 10px;}
.companybox .text p{width: 100%;overflow: hidden;margin-bottom: 1em;}
}
@media only screen and (max-width:1024px){
.companybox{padding-top: 35px;}
.companybox .home-title{display: block;}
.companybox .cont{padding: 0 0 30px;}
.companybox .pic,
.companybox .txt{width: 100%;max-width: 100%;}
.companybox .titl{padding: 25px 0;}
.companybox .text{height: auto;line-height: 1.8;margin-bottom: 0;}
.companybox .more{padding-top: 10px;}
}
@media only screen and (max-width:768px){
.companybox .pic p{padding-bottom: 60%;}
.companybox .titl span{margin-top: 10px;}
.companybox .more a{font-size: 15px;}
}
@media only screen and (max-width:425px){
.companybox .titl{padding: 20px 0;}
.companybox .titl a{font-size: 20px;}
.companybox .text p{margin-bottom: 10px;}
}


/*精品推荐*/
.jptj{ width:100%; height:293px;border:1px solid #ccc;overflow:hidden;_zoom:1; margin:auto;margin-top:12px;}
.jptj .up3{background: #f6f6f6; height: 44px; border-bottom:1px solid #2a6b63;border-left:1px solid #2a6b63;}
.jptj .an1{ width:31px; height:104px;float:left; margin-top:54px;}
.jptj .center5{width:94%; float:left;overflow:hidden;_zoom:1;}
.jptj .center5 ul{overflow:hidden;_zoom:1;width: 150%;}
.jptj .center5 ul li{ width:10%; height:210px; float:left; text-align:center; margin:20px 5px 0px 15px;_margin:22px 4px 0px 12px;overflow:hidden;_zoom:1;}
.jptj .center5 ul li a{color: #000;}
.jptj .center5 ul li .pic4{ width:159px; height:172px; padding:2px; border:1px solid #ccc}
.jptj .center5 ul li .kb2{ background:url(../images/xc27.jpg) no-repeat; height:13px; width:141px;}
.jptj .center5 ul li h3{margin-top:5px; height:25px; line-height:25px; width:166px;overflow:hidden;_zoom:1; background:#d3d3d3;}
.jptj .an2{width:32px; height:108px; float:right; margin-top:66px;}



.linkbox .tit em{color: #2a6b63;}   /*友情链接 标题字体颜色*/
.linkbox .tit span{color: #666;}  /*友情链接 标题字体颜色*/

@media only screen and (max-width:1024px){
.xc_1f .right3 .down3 ul li{width: 30%;}
.xc_ysconhidden{display: none;}
.productbox .flcon p{width: 25%;}   /*手机站 分类 宽度*/
.productbox .flcon p a{background: #2a6b63;color: #fff;}   /*手机站 分类 默认颜色*/
.productbox .flcon p:hover a{background: #ffa500;}   /*手机站 分类 选中颜色*/
.jptj .center5 ul li{width: 21%;}
}
@media only screen and (max-width:768px){
.xc_1f .right3{width: 81%;}
.xc_1f .right3 .down3 ul li{width: 46%;}
.advantage2 .left{background: #2a6b63;}  /*手机站 优势2 上边背景颜色*/
.advantage2 .right{background: #2d2d2d;}  /*手机站 优势2 下边背景颜色*/

.companybox .txt{background: #f7f7f7;color: #666;}   /*手机站 简介 文本颜色*/
.companybox .more a{background: #3380cc;color: #fff;}   /*手机站 简介 更多默认颜色*/
}

@media only screen and (max-width:425px){
    .homehidden{display: none;}
    .xc_ysconhidden{display: none;}
    .xc_1f .right3{width: 98%;margin: 0 auto;float: none;}
    .xc_1f .right3 .down3 ul li{ width:50%;margin: 0 auto;}
    .jptj .center5 ul li{width: 32%;}
    .jptj .an1 .xc_ysconhidden{display: none;}
    .jptj .an2 .xc_ysconhidden{display: none;}


}


@media only screen and (max-width:1200px){
    .newsbox{padding: 40px 0;}
    .newsbox ul{width: calc(100% + 10px);margin: 0 -5px;}
    .newsbox ul li{padding: 0 10px 15px;}
    .newsbox ul li .txt{padding: 15px 2% 15px 21%;}
    .newsbox ul li .date{width: 17%;top: 15px;}
    }
    @media only screen and (max-width:1024px){
    .newsbox{padding: 35px 0;}
    .newsbox ul li{padding: 5px 5px 10px;}
    .newsbox ul li .txt{padding: 10px 2% 10px 25%;}
    .newsbox ul li .date{width: 21%;top: 10px;}
    }
    @media only screen and (max-width:768px){
    .newsbox ul{width: 100%;margin: 0;}
    .newsbox ul li{padding: 5px 0 10px;width: 100%;}
    .newsbox ul li .txt{padding: 15px 2% 15px 21%;}
    .newsbox ul li .date{width: 17%;top: 15px;}
    
    .jptj .center5{width: 90%;}
    }
    @media only screen and (max-width:480px){
    .newsbox{padding: 35px 0 30px;}
    .newsbox ul li .txt{padding: 10px 2% 15px 25%;}
    .newsbox ul li .date{width: 21%;top: 10px;}
    }
    