/* CSS Document */

/************************************************************************************
标准化工艺
*************************************************************************************/
.gongyi_main{ width:1200px; padding:0px; margin:0 auto; background:#f6f6f6;}

.gongyi_floor{ width:112px; height:auto; position:fixed; top:150px; right:50%; margin-right:620px; display:none;}
@media screen and (max-width: 1440px) {
   .gongyi_floor{ left:0px; margin-right:0px;}
}
.gongyi_floor ul li{ float:left; height:51px; line-height:51px; width:100%; text-align:center; display:block; background:#b7b6b6; border-top:1px dashed #cdcdcd;}
.gongyi_floor ul li:hover,.gongyi_floor ul li.active{ background:#989898; border-top:1px solid #a4a4a4;}
.gongyi_floor ul li span{ display:block; width:100%; cursor:pointer; color:#fff;}
.gongyi_floor ul li:nth-of-type(1){ border:0px;}
.gongyi_floor ul li:nth-of-type(7){ height:64px; border-radius:0px 0px 84px 84px; }

.s-header-title{ width:100%; margin:0 auto; text-align:center; font-size:2.625rem; font-family:"方正大标宋简体"; padding:50px 0 40px 0px;  transform: matrix(1, 0, 0, 1, 0, 0);}
.s-header-title-before{ 
    display: inline-block;
    height: 32px;
    margin: -30px -30px 0 0;
    vertical-align: middle;
    width: 42px; border-left:3px solid #292d33; border-top:3px solid #292d33;}
.s-header-title-after{ 
    display: inline-block;
    height: 32px;
    margin: 5px 0 0 -30px;
    vertical-align: middle;
    width: 37px; border-right:3px solid #292d33; border-bottom:3px solid #292d33;}

.left{ float:left;}
.right{ float:right;}
.civilized .civilized_info{ width:100%; height:auto; float:left; margin:0 auto; background:url(../image/civilized_info_bg.png) no-repeat 388px 200px; padding-bottom:50px;}
.civilized .civilized_info li:nth-of-type(1){ margin-left:38px; margin-top:60px;}
.civilized .civilized_info li:nth-of-type(2){ margin-right:38px; margin-top:60px;}
.civilized .civilized_info li:nth-of-type(3),.civilized .civilized_info li:nth-of-type(6){ margin-left:28px; margin-top:110px;}
.civilized .civilized_info li:nth-of-type(3){ margin-left:28px; margin-top:110px;}
.civilized .civilized_info li:nth-of-type(5),.civilized .civilized_info li:nth-of-type(7){ margin-right:44px; margin-top:110px;}

.civilized .civilized_info .civilized_flow1{ width:364px; height:310px; position:relative; border:1px solid #999999;}
.civilized .civilized_info .civilized_flow1 .flow1_img,.civilized .civilized_info .civilized_flow2 .flow1_img{ width:308px; height:316px; overflow:hidden; position:absolute; top:-36px; left:-30px; /*box-shadow: 0 10px 10px 5px #dddddd; */
-moz-box-shadow:10px 10px 18px  rgba(44,44,44,0.19); -webkit-box-shadow:10px 10px 18px  rgba(44,44,44,0.19); box-shadow:10px 10px 18px rgba(44,44,44,0.19);}
.civilized .civilized_info .flow1_img img{ width:100%; height:auto; transition: all 0.7s ease 0s; /*cursor:pointer;*/}
.civilized .civilized_info .flow1_img:hover img{transform: scale(1.03);}
.civilized .civilized_info .civilized_flow1 .flow_num,.civilized .civilized_info .civilized_flow2 .flow_num{ width:76px; height:86px; background:url(../image/ico66.png) no-repeat -12px -58px; position:absolute; top:-42px; right:-44px; text-align:center; line-height:66px; color:#ffffff; font-size:2.5rem; font-family:"宋体";}
.civilized .civilized_info .civilized_flow2{ width:542px; height:310px; position:relative; border:1px solid #999999;}
.civilized .civilized_info .civilized_flow1 p{ width:30px; height:auto; position:absolute; top:56px; right:20px; line-height:22px; color:#666666; font-size:1.125rem; text-align:center;}
.civilized .civilized_info .civilized_flow2 .flow_num{ background:#fff url(../image/ico66.png) no-repeat -2px -58px; width:86px; padding-left:5px;}
.civilized .civilized_info .civilized_flow2 p{ width:260px; height:auto; position:absolute; top:120px; right:0px; line-height:25px; color:#666666; font-size:1.125rem; text-align:center;}

.civilized .civilized_info .civilized_middle{ float:left; margin-top:180px; margin-left:120px;}
.civilized .civilized_info .civilized_middle p{ width:190px; height:100px; text-align:center; line-height:45px; font-family:"方正大标宋简体"; color:#fff; font-size:42px; }

.standard .standard_info{ width:100%; height:auto; float:left; margin:0 auto; }
.standard .standard_info ul li{ float:left; width:362px; height:430px; margin-right:50px; border:1px solid #bdbdbd; background:#FFFFFF; margin-bottom:50px; margin-top:20px; position:relative;}
.standard .standard_info ul li:nth-of-type(3),.standard .standard_info ul li:nth-of-type(6),.standard .standard_info ul li:nth-of-type(9){ margin-right:0px;}
.standard .standard_info ul li .flow1_img{ width:100%; height:246px; overflow:hidden; }
.standard .standard_info ul li .flow1_img img{ width:100%; height:auto; transition: all 0.7s ease 0s; /*cursor:pointer;*/}
.standard .standard_info ul li .flow1_img:hover img{transform: scale(1.03);}
.standard .standard_info ul li .flow_num{ width:55px; height:55px; background:#f58a42; text-align:center; position:absolute; margin-top:-28px; left:50%; margin-left:-28px; border-radius:100%; line-height:55px; color:#fff; font-size:2.5rem;}
.standard .standard_info ul li .flow_title{ padding-top:30px; width:100%; margin:0 auto; color:#333333; font-size:1.125rem; text-align:center;  font-family:"方正大标宋简体"; line-height:35px;}
.standard .standard_info ul li .flow_info{ width:90%; padding:5px 5%; margin:0 auto; line-height:25px; font-size:0.875rem; color:#666666;}
.standard .standard_info ul li.flow_last{ height:342px; margin-top:30px;}
.standard .standard_info ul li.flow_last .flow_num{ line-height:25px;}

.hydropower .hydropower_info{ float:left; width:100%; margin:0 auto;}
.hydropower_info_l{ float:left; width:49.9%; }
.hydropower_info_l ul li{ float:left; width:100%; float:left; height:450px; position:relative;}
.hydropower_info_l ul li .flow1_img{ width:326px; height:326px; overflow:hidden; margin-left:86px; border-radius:100%; float:left;  /*box-shadow: 0 10px 10px 5px #dddddd;*/
-moz-box-shadow:9px 8px 29px rgba(44,44,44,0.09); -webkit-box-shadow:9px 8px 29px rgba(44,44,44,0.09); box-shadow:9px 8px 29px rgba(44,44,44,0.09);}
.hydropower_info_l ul li .flow1_img img{ width:100%; height:100%; border-radius:100%; transition: all 0s ease 0s; /*cursor:pointer;*/}
.hydropower_info_l ul li .flow1_img:hover img{transform: scale(1.03);}
.hydropower_info_l ul li .flow_line{ width:198px; height:30px; background:url(../image/ico66.png) no-repeat -5px -146px; float:right; right:-12px; position:absolute; top:150px;}
.hydropower_info_l ul li .flow_title{ width:86%; float:left; text-align:center; margin:0 auto; color:#333333; font-size:1.4rem; font-family:"方正大标宋简体"; line-height:120px;}

.hydropower_info_r{ float:left; width:49.9%; border-left:1px solid #bdbdbd; margin-top:36px; margin-bottom:40px;}
.hydropower_info_r ul{ float:left; width:100%;}
.hydropower_info_r ul li{ float:left; width:100%; float:left; height:400px; margin-top:55px; position:relative;}
.hydropower_info_r ul li .flow1_img{ width:326px; height:326px; overflow:hidden; margin-right:95px; border-radius:100%; float:right; /* box-shadow: 0 10px 10px 5px #dddddd;*/
-moz-box-shadow:9px 8px 29px rgba(44,44,44,0.09); -webkit-box-shadow:9px 8px 29px rgba(44,44,44,0.09); box-shadow:9px 8px 29px rgba(44,44,44,0.09);}
.hydropower_info_r ul li .flow1_img img{ width:100%; height:100%; border-radius:100%; transition: all 0s ease 0s; /*cursor:pointer;*/}
.hydropower_info_r ul li .flow1_img:hover img{transform: scale(1.03);}
.hydropower_info_r ul li .flow_line{ width:190px; height:30px; background:url(../image/ico66.png) no-repeat -2px -175px; float:left; left:-12px; position:absolute; top:150px;}
.hydropower_info_r ul li .flow_title{ width:86%; float:right; text-align:center; margin:0 auto; color:#333333; font-size:1.4rem; font-family:"方正大标宋简体"; line-height:120px;}

.carpentry .carpentry_info{ width:100%; margin:0 auto; padding:30px 0px 50px 0px; float:left;}
.carpentry .carpentry_info ul li{ float:left; width:362px; height:402px; margin-right:54px; border:1px solid #c5c5c5; border-radius:10px; position:relative; background:#fff;}
.carpentry .carpentry_info ul li:nth-of-type(3){ margin-right:0px;}
.carpentry .carpentry_info ul li .flow1_img{ 362px; height:285px; overflow:hidden; border-radius:10px; /* box-shadow: 0 10px 10px 5px #dddddd;*/
-moz-box-shadow:0px 13px 18px rgba(44,44,44,0.23); -webkit-box-shadow:0px 13px 18px rgba(44,44,44,0.23); box-shadow:0px 13px 18px rgba(44,44,44,0.23);}
.carpentry .carpentry_info ul li  .flow1_img img{ width:100%; height:auto; border-radius:10px; transition: all 0.7s ease 0s; /*cursor:pointer;*/}
.carpentry .carpentry_info ul li  .flow1_img:hover img{transform: scale(1.03);}
.carpentry .carpentry_info ul li .flow_num{ width:62px; height:62px; background:#f58a42; text-align:center; position:absolute; top:0px; left:0px; border-radius:10px 0px 80% 0px; line-height:50px; color:#fff; font-size:2.625rem;}
.carpentry .carpentry_info ul li .flow_title{ width:100%; float:left; text-align:center; margin:0 auto; color:#333333; font-size:1.125rem; line-height:30px; padding-top:40px;}


.plasterer .plasterer_info{ width:100%; margin:0 auto; padding:0px 0px 50px 0px; float:left;}
.plasterer .plasterer_info ul li{ float:left; width:382px; height:282px; margin-top:90px; margin-right:22px; border:1px solid #999;  position:relative;}
.plasterer .plasterer_info ul li:nth-of-type(3),.plasterer .plasterer_info ul li:nth-of-type(5){ margin-right:0px; float:right;}
.plasterer .plasterer_info ul li:nth-of-type(4),.plasterer .plasterer_info ul li:nth-of-type(5){margin-top:-95px;}
.plasterer .plasterer_info ul li .flow1_img{ width:318px; height:255px; overflow:hidden; position:absolute; right:-1px; top:-28px;}
.plasterer .plasterer_info ul li  .flow1_img img{ width:100%; height:auto; transition: all 0.7s ease 0s; /*cursor:pointer;*/}
.plasterer .plasterer_info ul li  .flow1_img:hover img{transform: scale(1.03);}
.plasterer .plasterer_info ul li .flow_num{ width:62px; height:88px; text-align:center; position:absolute; bottom:0px; left:0px; line-height:88px; color:#f58a42; font-size:5rem; opacity:0.5;}
.plasterer .plasterer_info ul li .flow_title{ width:318px; float:left; text-align:center; margin:0 auto; color:#333333; font-size:1.125rem; line-height:54px; height:54px; position:absolute; bottom:0px; right:0px; letter-spacing:2px;}

.plasterer .plasterer_info ul li:nth-of-type(2){ height:350px; margin-top:250px;}
.plasterer .plasterer_info ul li:nth-of-type(2) .flow_num{ bottom:20px; }
.plasterer .plasterer_info ul li:nth-of-type(2) .flow_title{ width:280px; text-align:left; margin:0 auto; color:#333333; font-size:1.125rem; line-height:30px; height:auto; position:absolute; bottom:0px; top:255px; left:70px; letter-spacing:2px;}

.oil .oil_info{ width:100%; margin:0 auto; padding:0px 0px 10px 0px; float:left;}
.oil .oil_info ul{ position:relative;}
.oil .oil_info ul li{ float:left; width:538px; height:388px;  margin-right:45px; margin-left:25px; margin-bottom:50px; position:relative;}
.oil .oil_info ul li:nth-of-type(2),.oil .oil_info ul li:nth-of-type(4){ margin-right:0px;}
.oil .oil_info ul li .flow1_img{ width:538px; height:388px; overflow:hidden;}
.oil .oil_info ul li  .flow1_img img{ width:100%; height:auto; transition: all 0.7s ease 0s;/* cursor:pointer;*/}
.oil .oil_info ul li  .flow1_img:hover img{transform: scale(1.03);}
.oil .oil_info ul li  .flow_title{ position:absolute; bottom:0px; width:100%; height:58px; line-height:58px; text-align:center; background:rgba(51, 51, 51,0.4); color:#fff; font-size:1.375rem;}
.oil .oil_info ul .flow_h{ position:absolute; width:210px; height:210px; padding:12px; border:2px solid #e87527; top:278px; left:470px; text-align:center; border-radius:50%;}
.oil .oil_info ul .flow_h .flow_title{ width:142px; height:150px; border-radius:50%; background:#f58a42; margin:0 auto; color:#fff; font-size:3.35rem; padding:30px 30px 30px 38px; line-height:70px; letter-spacing:8px;}
/*.oil .oil_info ul .flow_h{ position:absolute; width:228px; height:228px; background:url(../image/ico66.png) -1px -209px no-repeat; top:278px; left:470px; text-align:center;}
.oil .oil_info ul .flow_h .flow_title{ width:140px; margin:0 auto; color:#fff; font-size:3.35rem; padding-top:30px; padding-left:8px; line-height:80px; letter-spacing:8px;}*/

.scene .scene_info{ width:100%; margin:0 auto; padding:0px 0px 200px 0px; float:left;}
.scene .scene_info ul{ width:100%; float:left; margin:0 auto;}
.scene .scene_info ul li{ float:left; position:relative; border:1px solid #666666;}
.scene .scene_info ul li .flow1_img{ position:absolute; left:-15px; top:25px; overflow:hidden; border-radius:10px;}
.scene .scene_info ul li  .flow1_img img{ width:100%; height:auto; transition: all 0.7s ease 0s; /*cursor:pointer;*/ border-radius:10px;}
.scene .scene_info ul li  .flow1_img:hover img{transform: scale(1.03);}
.scene .scene_info ul li  .flow_title{ position:absolute; top:-15px; left:30px; width:196px; height:30px; line-height:30px; text-align:left; padding-left:5px; background:#f4f4f4  url(../image/ico66.png) no-repeat -598px 8px ; color:#333333; font-size:1.1rem;}

.scene .scene_info ul li:nth-of-type(1),.scene .scene_info ul li:nth-of-type(3){ width:386px; height:315px;}
.scene .scene_info ul li:nth-of-type(1){ float:left; margin-left:15px; margin-top:70px;}
.scene .scene_info ul li:nth-of-type(3){ float:right; margin-top:10px;}
.scene .scene_info ul li:nth-of-type(1) .flow1_img,.scene .scene_info ul li:nth-of-type(3) .flow1_img{ width:378px; height:274px;}


.scene .scene_info ul li.flow_last{ width:320px; height:368px; float:left; margin-left:40px; margin-top:110px; border:0px; background:url(../image/scene5_bg.png) no-repeat; position:relative;}

.scene .scene_info ul li.flow_last .con-show01{width: 286px;height: 330px;float: left;overflow: hidden;transform:rotate(120deg); position:absolute; top:18px; left:18px;}.scene .scene_info ul li.flow_last .con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}.scene .scene_info ul li.flow_last .con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background:#fff; text-align:center; vertical-align:middle}.scene .scene_info ul li.flow_last .con-show03 img{ width:100%; height:100%; margin:auto; transition: all 0.7s ease 0s; /*cursor:pointer; */border:0px;}
.scene .scene_info ul li.flow_last .con-show03:hover img {
    transform:scale(1.03);
}
.scene .scene_info ul li.flow_last .flow_title{ position:absolute; top:380px; left:50px; font-size:1.375rem; color:#333; text-align:center; background:none; letter-spacing:3px;}

.scene .scene_info ul li:nth-of-type(4),.scene .scene_info ul li:nth-of-type(5){ width:450px; height:410px;}
.scene .scene_info ul li:nth-of-type(4){ float:left; margin-left:15px; margin-top:10px;}
.scene .scene_info ul li:nth-of-type(5){ float:right; margin-top:-10px;}
.scene .scene_info ul li:nth-of-type(4) .flow1_img,.scene .scene_info ul li:nth-of-type(53) .flow1_img{ width:440px; height:356px; top:30px;}