.bg_black {background:#000;}
.bg_black1 {background:#333;}
.bg_red {background:#e80125;}
.pad50 {padding:50px;}
.color-red {color:#e80125;}
.color-green {color:#82C226;}
.mt30{margin-top:30px!important;}
.pad0{padding:0!important}
.pagination{text-align: center;}
.pagination li {display: inline-block;}
.pagination>li>a,.pagination>li>span {color:#000;padding: 3px 15px; border: 1px solid #ededed;}
.pagination>li.active a {color:#fff;background-color:#e80125;border:1px solid #e80125}

.bg_map {background:url(../images/map-mod.png) no-repeat;background-size:80%;background-position:50% 50px;}
.liner:after {content:'';position:absolute;right:0;bottom:0;width:1px;height:100%;background:#666;}
.wp {width: 100%;margin:0 auto;position: relative;z-index:3;display: block;height: 100%;}
.warp,.warp_all {max-width:1600px;margin:0 auto;position:relative;}
.section_01{max-width:1600px; margin:0 auto;z-index:2;padding-top:2vw;}
.flex {display: flex;}
.warp_all {padding:30px 0;}
.caseslist-out {display:flex;}

@media screen and (max-width:1600px) {
	.warp,.warp_all {max-width:1200px;margin:0 auto;position:relative;}
	.section_01{max-width:1200px; margin:0 auto;z-index:2;padding-top:2vw;}
	.cer2 {width: 1200px;max-width: 100%;margin: 0 auto;}
}
@media screen and (max-width:1920px) {
	.warp,.warp_all {max-width:1400px;margin:0 auto;position:relative;}
	.section_01{max-width:1400px; margin:0 auto;z-index:2;padding-top:2vw;}
	.cer2 {width: 1400px;max-width: 100%;margin: 0 auto;}
	.casefirst .probasic{width:58%}
	.casefirst .picno{width:43%}
}
.nav_pos{position: absolute;right: 20%;top: 50%;transform: translate(0, -25%)!important;}
/* 首页 */
section {height:100%;}
section:nth-child(odd) {background-color:#eee;}
.product-inner {position:absolute;top:0;bottom:0;left:0;right:0;}
.product-inner .text {position:absolute;top:50%; transform:translate(-50%,-50%);left:50%; width:100%; z-index:10;}
.product-inner .text h1 {color:#fff;font-family:'Microsoft YaHei';font-size:46px;text-align:center;position:relative;font-weight:bold;}
.product-inner .text h1 span {padding:0 0.2em;}
.product-inner .text p {max-width: 80%;line-height:26px;width:100%;margin:0 auto;text-align:center;position:relative;margin-top:32px;margin-bottom:32px;font-size:15px;color:#fff;}
.probtn {text-align:center;position:relative;display:inline-block;}
.center-block {display:block;margin-left:auto;margin-right:auto;}
.aniu a {color:#ffffff;font-size:16px; padding:10px 30px; background:#e80125; border-radius:unset;border:1px solid transparent;margin-left:10px;margin-right:10px;}
.aniu a:hover {background:#333;}
.home_case {width:100%;position:relative;z-index:2;height:100%;}
.home_case:before {content:'';position:absolute;top:0;bottom:0;z-index:-1;left:0;right:0;background:rgba(0,0,0,0.7);}
.home_case:after {content:'';position:absolute;top:0;bottom:0;z-index:-2;left:0;right:0;}
.home_casediv {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1600px;}
.home_casediv h1 {color:#fff;font-family:'Microsoft YaHei';font-size:46px;text-align:center;position:relative;font-weight:bold;}
.home_casediv h1 span {padding:0 0.2em;}
.home_casediv p {max-width: 80%;line-height:26px;margin:0 auto;text-align:center;position:relative;margin-top:32px;margin-bottom:32px;font-size:15px;color:#fff;}
.home_caseli {max-width:1200px;overflow:hidden;padding:30px 0;margin:auto;z-index:1;visibility: visible;animation: fadeIn 1s;}
.home_caseli li {float:left;width:32%;margin-bottom:20px;margin-right:2%;overflow:hidden;text-align:center;background:transparent;}
.home_caseli li h3 {font-size:16px;font-weight:600;position:relative;padding:3px 10px;line-height:40px;text-align:left; color:#fff; background: rgb(0 0 0 / 85%);}
.home_caseli li div.pic { display:block; overflow:hidden;}
.home_caseli li div.pic img {width:100%;min-height:260px;max-height:260px;}
.home_caseli li div.pic img:hover {-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:0.5s;transition:0.5s;}
.home_caseli li:nth-child(3n) {margin-right:0;}


.home_epc {width:100%;position:relative;z-index:2;height:100%;}
.home_epc:before {content:'';position:absolute;top:0;bottom:0;z-index:-1;left:0;right:0;background:rgba(0,0,0,0.7);}
.home_epc:after {content:'';position:absolute;top:0;bottom:0;z-index:-2;left:0;right:0;}
.home_epc_s {position:absolute;top:30%;left:50%;transform:translate(-50%,-30%);width:100%;max-width:1600px;}
.home_epc_s h1 {color:#fff;font-family:'Microsoft YaHei';font-size:46px;font-weight:bold;text-align:center;position:relative;}
.home_epc_s h1 span {padding:0 0.2em;}
.home_epc_s p {max-width: 80%;line-height:40px;margin:0 auto;text-align:center;position:relative;margin-top:32px;margin-bottom:50px;font-size:24px;color:#fff;}
.home_epc_s ul {display:inline-block; width:100%;}
.home_epc_s ul li{ width:calc(10% - 2px); margin-right:5%; border:1px solid #82C226; border-radius:50%;  float: left; position:relative;}
.home_epc_s ul li:before{content:'';position:absolute;right:-50%;top:50%;margin-left:2px;z-index:0;width:calc(50% + 2px);height:1px;background-color:#82C226;transform: translateX(2px);}
.home_epc_s ul li:nth-child(7){ margin-right:0;}
.home_epc_s ul li:nth-child(7):before{display:none;}
.home_epc_s ul li div { width:100%; padding-bottom: 100%; display:block; text-align:center; position:relative;  cursor: pointer;}
.home_epc_s ul li div img {  max-width: 40%;max-height: 40%; text-align:center; height:50%; position:absolute; top:20%;left:50%;transform: translateX(-50%);}
.home_epc_s ul li div h3 {font-size:18px; position:absolute; top:60%;left:0; width:100%; height:30%;color:#82C226;line-height: 3;} 
/* 页脚 */
.home_epc .home_footer {width:100%;display:block;float:left;padding:0; position:absolute; bottom:0;left:0;}
.foot {width:100%;display:block;float:left;padding:30px 0;}
.foot_bot {width:100%;height:40px;line-height:40px;float:left;}
.foot_bot a {display:inline-block;color:#656565;vertical-align:middle;}
.foot_cat {display:flex;width:50%;float:left;position:relative;}
.foot_cat div.l {width:70%;}
.foot_cat div.r {width:30%;}
.foot_cat div.r img {padding:20px;}
.foot_cat p {font-size:20px;line-height:2;color:#fff;padding:10px 20px;text-align:center;}
.foot_cat p a {padding:10px 30px;font-size:18px;color:#fff;background:#e80125;}
.foot_cat p a i {font-size:20px;}
.foot_cat_list {width:33.3333%;float:left;}
.foot_cat_list h3 {font-size:20px;font-weight:600;color:#fff}
.foot_cat_list li {width:100%;display:block;line-height:36px;height:36px;}
.foot_cat_list li.fpro {width: 49%;display: inline-block;}
.foot_cat_list li a {color:#999;font-size:14px;padding-left:10px}
.foot_cat_list li a:hover {color:#e80125;text-decoration:none;}
.flex {display:flex;}
.about {padding:50px 0;width:100%;display:flex;margin:0;position:relative;}
.about_l {width:60%;float:left;}
.about_l div {padding:20px;}
.about_l h3 {font-size:24px;font-weight:600;text-align:left;line-height:60px;padding-top:20px;}
.about_l h3 span {background:linear-gradient(to right,#e80125,#dd8615);-webkit-background-clip:text;color:transparent;margin-right:20px;}
.about_r {width:40%;float:left;}
.about_r img {max-width:100%;}
.about_two {width:50%;float:left;}
.about_two h3 {font-size:24px;font-weight:550;text-align:center;line-height:60px;padding-top:40px;}
.about_two h3 span { color:#e80125;font-weight:bolder;}
.about_two p {font-size:14px;line-height:2;padding:20px 30px;}
.about_two img {width:100%;}
.about_two  a.more {padding:5px 40px;text-align:center;font-size:16px;font-weight:bold;background:linear-gradient(to right,#e80125,#dd8615);border-radius:25px;color:#fff;margin:0 auto;display:block;width:max-content;}
.about_two  a.more:hover {background:linear-gradient(to right,#dd8615,#e80125);}
.about h2 {font-size:24px;font-weight:600;text-align:center;line-height:60px;}
.about p.txt {font-size:14px;text-align:center;line-height:2;}
.about div.ahor {padding:20px;text-align:center;color:#f60;}
.about div.ahor a {padding:0 25px;color:#f60;}
.about_list {padding:30px;width:100%;float:left;}
.about_list ul {display:flex;width:100%;float:left;}
.about_list ul li {width:100%;text-align:center;}
.about_list li a i {font-size:80px;color:#fff;padding:20px;width:80px;height:80px;background:#999999;border-radius:50%;text-align:center;}
.about_list li a img { padding:20px;width:80px;height:80px;background:#999999;border-radius:50%;text-align:center;}
.link_logo {padding:100px 50px;display:table-cell;}
.link_logo h3 {font-size:24px;text-align:center;line-height:60px;position:relative;margin-bottom:20px;color:#000;}
.link_logo h3 span {font-size:16px;color:#999;padding-left:50px;}
.link_logo h3:before {content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%,0);width:70%;height:1px;background:#444;}
.link_logo ul li {width:12.5%;float:left;}
.link_logo ul li a img {max-width:100%;}
.ser_two {width:50%;float:left;}
.ser_two h3 {font-size:24px;font-weight:600;text-align:center;line-height:60px;color:#fff;}
.ser_two p {font-size:14px;line-height:2;padding:0px 30px 20px;color:#fff;}
.ser_two img {max-width:100%;width: 100%;}
.ser_three {width:32%;margin-right:2%;float:left;text-align:center;margin-top:20px;transition:all .3s;-webkit-box-shadow:0 5px 10px 0 rgb(223 229 241);box-shadow:0 5px 10px 0 rgb(223 229 241);}
.last {margin-right:0;}
.ser_three img {width:100%;}
.ser_three i {font-size:36px;text-align:center;}
.ser_three h2 {font-size:20px;font-weight:600;text-align:center;line-height:30px;padding:10px 0;}
.ser_three p {font-size:14px;line-height:2;}
.ser_three h3 {font-size:18px;font-weight:500;text-align:center;line-height:30px;padding:10px 0;}
.ser_three h3 span {color:#e80125;font-size:30px;font-weight:bold;}
.contact_l {width:70%;float:left;padding-right:10%;display:flex;position:relative;}
.contact_l:before {content:'';position:absolute;right:3%;top:0%;width:1px;height:100%;background:#eee;}
.contact_r {width:20%;float:left;text-align:center;font-size:16px;}
.contact_r b {display:block;}
.contact_r img {padding:20px;display:block;max-width:80%;margin: 0 auto;}


.sol_focus { width:100%;float:left; overflow:hidden; position:relative;  margin-top: 50px;}
.sol_focus ol{ width:23.5%; margin-right:2%; float:left; text-align:center;position:relative;}
.sol_focus ol div.pic {width: 100%;height: 0;padding-bottom: 140%;overflow: hidden;position: relative; }
.sol_focus ol div.pic img {   position: absolute;z-index: 1;left: 0;top: 0;-o-object-fit: cover;object-fit: cover;}
.sol_focus ol:last-child{margin-right:0;}
.sol_focus .txt {position:absolute;left:50%;top:10%;  transform: translate(-50%, -10%);z-index: 2;}
.sol_focus ol h3 { font-size:30px; margin-top:50px; font-weight:bold; color:#fff}
.sol_focus ol p { font-size:16px; font-weight:500; color:#fff}

.sol_project {padding:20px 0px 0px;margin:0 auto;overflow:hidden;width: 100%;}
.sol_project li {float:left;width:33.3333%;margin-bottom:40px;}
.sol_project li .lin {padding-right:20px;}
.sol_project li .lin:nth-child(4n){padding-right:0;}
.sol_project li a {display:block;position:relative;}
.sol_project .pic {width:100%;height:0;padding-bottom:60%;overflow:hidden;position:relative;background:url(../images/sol_bg.jpg) no-repeat; background-size:cover;}
.sol_project img {position:absolute;z-index:1;left:0;top:0;-o-object-fit:cover;object-fit:contain;}
.sol_project li .wz {padding:6px 12px;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom: 1px solid #eee;}
.sol_project li .nbord {padding:12px; text-align:center;}
.sol_project li .nbord h3{font-size:16px;}
.sol_project li h3 {font-size:14px;color:#333;line-height:32px;height:32px;overflow:hidden;  font-weight: bold;}
.sol_project li .txt {font-size:12px;color:#999;line-height:24px;height:48px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url('../images/jtr-n.png') right no-repeat;}

.sol_project li:hover a {-webkit-box-shadow:0 0 5px 0 rgba(255,255,255,0.4);box-shadow:0 0 5px 0 rgba(255,255,255,0.4);}
.sol_project li:hover h3 {color:#eb0104;}
.sol_project h3{-webkit-transition:.6s;transition:.6s;}

.epc_all { width:100%; height:500px; position:relative; background:url(../images/epc_allbg.jpg) no-repeat;background-size:cover;display: block;}
.epc_all a { position:absolute; padding:0; width:200px; height:50px;line-height:50px; margin-left:-100px; text-align:center; left:50%; top:50%; background:#e80125; font-size:15px; font-weight:600; color:#fff;}
.epc_all a:hover { background:#82C226;}
.epcs{display: block;width: 100%;float: left;margin-top: 30px;}
.epcs h1{ font-size:24px; text-align:center; line-height:2; padding: 20px 0;position: relative;}
.epcs h1 span{font-weight:900;}
.epcs h2{ font-size:24px; text-align:center; font-weight:600; line-height:2; padding: 20px 0;position: relative; margin-bottom:30px;}
.epcs h2:before{content:'';position:absolute; top:100%;left:50%; transform:translate(-50%, -100%); width:30%; height:1px; background:#82C226;}
.epcs h2:after{content:'';position:absolute; top:100%;left:50%; transform:translate(-50%, -100%); width:5%; height:2px; background:#82C226;}
.epcs .st{display: flex;background:#dff2ff;}
.epcs .st_cat{ width:50%; float:left;}
.epcs .st_cat img { width:100%;}
.epcs .st_cat p { width: calc(100% - 60px);margin:30px;line-height: 2; font-size: 18px;} 
.epcs .desc p{ width: 100%;margin:30px 0;line-height: 2; font-size: 16px;}
.epcs .stx,.epcs .stxx { width:100%;float:left; overflow:hidden; position:relative;  margin: 20px auto;}
.epcs .stx ol{ width:23.5%; margin-right:2%; float:left; text-align:center;position:relative;}
.epcs .stx ol div.pic {width: 100%;height: 0;padding-bottom: 50%;overflow: hidden;position: relative; }
.epcs .stx ol div.pic img {  width: 100%;position: absolute;z-index: 1;left: 0;top: 0;-o-object-fit: cover;object-fit: cover;}
.epcs .stx ol:last-child{margin-right:0;}
.epcs .stx .txt {position:absolute;left:50%;top:10%;  transform: translate(-50%, -10%);z-index: 2;width: 100%;}
.epcs .stx ol h3 { font-size:30px; margin-top:50px; font-weight:bold; color:#fff}
.epcs .stx ol p{ font-size:16px; font-weight:500; color:#fff}

.epcs .stxx ol{ width:25%; margin-right:12.5%; float:left; text-align:center;position:relative;}
.epcs .stxx ol div.pic {width: 100%;height: 0;padding-bottom: 120%;overflow: hidden;position: relative; }
.epcs .stxx ol div.pic img {  width: 100%;position: absolute;z-index: 1;left: 0;top: 0;-o-object-fit: cover;object-fit: cover;}
.epcs .stxx ol:last-child{margin-right:0;}
.epcs .stxx .txt {position:absolute;left:50%;top:10%;  transform: translate(-50%, -10%);z-index: 2;width: 100%;}
.epcs .stxx ol h3 { font-size:42px; margin-top:50px; font-weight:bold; color:#fff}
.epcs .stxx ol:hover h3{ opacity:0;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.epcs .stxx ol:hover .hov{opacity: 1;}
.epcs .stxx ol .hov {display:block; width:100%; height:100%; overflow:hidden; position:absolute; top:0%; left:0%; background:rgba(0,0,0,0.8); font-size:16px; font-weight:500; color:#fff; z-index:2;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; opacity: 0;}
.epcs .stxx ol .hov div{ width: 80%;transform: translate(-50%, -50%);left: 50%;top: 50%;position: absolute;}
.epcs .stxx ol .hov div span { width:100%; padding-left:42px; display:inline-block; float:left; position:relative; height:40px;align-items: center; font-size:16px; color:#fff;text-align: left;}
.epcs .stxx ol .hov div span:before{content:'+';position:absolute; top:50%;left:20px; width:24px; height:24px; background:#fff; text-align:center; color:#333;border-radius:50%; transform: translate(-50%, -50%); text-indent: 0;line-height: 24px;}
.epcs .stxx ol .hov div span:last-child{border-bottom:none;}
.epcs a.btns {width: 120px;margin: 20px auto;display: flow-root;padding:10px 50px; text-align:center; background:#e80125; font-size:15px; font-weight:600; color:#fff;border: 5px solid #ededed;}
.epcs a.btns:hover { background:#333;}

.epcs .epc_ys {width:100%; display:block; position:relative; overflow:hidden; }
.epcs .epc_ys li { width:31%;  float: left; display:inline-block; margin-right:3.5%; height:auto;border-radius:10px 10px 0 0; overflow:hidden; margin-bottom:20px;}
.epcs .epc_ys li:nth-child(3n){margin-right:0;}
.epcs .epc_ys li h3 { font-size:18px; color:#333; line-height:80px;position:relative; background:-webkit-gradient(linear, left top, left bottom, from(#42A5F5), to(#98c4fb));}
.epcs .epc_ys li h3 i{ color:#fff; padding-right:10px; padding-left:10px; font-size:20px;}
.epcs .epc_ys li h3 span{ position:absolute; right:15px; bottom:-10px; height:20px; line-height:20px; font-size:12px; background:#2856ff;padding:0 15px;border-radius:5px;color:#fff;}
.epcs .epc_ys li p{padding:50px 20px; line-height:2;font-size:14px; background:#FAFBFF;}


.epc_desc {overflow:hidden;min-height:680px; width:100%; margin: 0 auto;}
.epc_desc .propic {width:100%;float:left;z-index:1;position:relative;}

.epc-scroll {position:relative;width:100%;height:100%;padding:0;margin:0 auto;}
.epc-scroll .flex-viewport {width:100%;height:100%;outline:1px solid #e2e2e2;}
.epc-scroll .slides {overflow:hidden;height:100%;}
.epc-scroll .slides li {display:none;height:100%;-webkit-backface-visibility:hidden;position:relative;}
.epc-scroll .slides li a {display:block;width:100%;height:100%;position:relative;overflow:hidden;text-align:center;line-height:;}
.epc-scroll .slides a > img {width:100%;max-height:100%;}
.epc-scroll .flex-direction-nav a {width:38px;height:38px;margin-top:-20px;display:block;font-size:0;position:absolute;top:50%;z-index:4;border-radius:50%;border:1px solid #fff; color:#fff;}
.epc-scroll .flex-direction-nav a.flex-prev {left:50px;text-align:center;}
.epc-scroll .flex-direction-nav a.flex-next {right:50px;text-align:center;}
.epc-scroll .flex-direction-nav a.flex-prev i,.epc-scroll .flex-direction-nav a.flex-next i{ font-size:24px; color:#fff;line-height:38px;}
.epc-scroll .flex-direction-nav li a:hover {border-color:#e80125;}

.materials{display: flex;}
.materials .st_cat{ width:49%; margin-left:2%; float:left; position:relative;}
.materials .st_cat div {display:block; padding:50px;}
.materials .st_cat img { width:100%;}
.materials .st_cat h1{font-size:30px; font-weight:bold;}
.materials .st_cat:nth-child(1){margin-left:0;box-shadow: 0 1px 10px 0 rgb(223 229 241);}
.materials .st_cat span{font-size:14px; padding:5px 30px; border:1px solid #f60; color:#f60; border-radius:20px; position:absolute; top:15%; right:65px;}
.materials .st_cat span:before{ content:''; position:absolute; top:50%; right:-120px; width:120px; height:2px; background:#f60;}
.materials .st_cat p { width: 100%;margin:30px 0;line-height: 2; font-size: 16px;font-weight:550;} 

.mate_tit {position:relative; height:50px; padding:10px 0; margin-top:20px; float: left;width:100%;}
.mate_tit h3 {line-height:50px; font-size:20px;font-weight:bold;}
.mate_tit span {float:right;font-size:18px; line-height:60px; color:#999;}
.mate_tit span a:hover {color:#e80125;}

.materials_con .text{font-size: 16px;font-weight:400; line-height:2;}
.materials_con .text img { padding:10px 0 0;}
@media screen and (max-width:1024px) {
.casefirst{display:block; padding: 0 10px;}
.head {height: 60px;line-height: 60px;min-width: auto;}
.cbg s{background:#fff!important;}
.mini .cbg s{background:#333!important;}
.warp, .warp_all {width:100%; max-width:100%;padding: 10px 0 50px;}
.mt10{margin-top:10px;}
.home_epc_s h1{font-size:20px;}
.product-inner .text p{font-size:12px;}
.product-inner .text h1{font-size:20px;}
.product-inner .text h1 span{display:block;}
.product-inner .text p{font-size:12px;}
.home_epc_s h1 span{display:block;}
.home_epc_s p{font-size:12px; margin-top: 0;margin-bottom: 0; max-width: 90%;}
.home_epc_s {max-width: 96%;height: 70%;}
.home_epc_s ul li div img {max-width:100%;}
.home_epc_s ul li div h3 {font-size: 12px;line-height: 2; top:55%;}
.home_epc_s ul li{width:calc(19% - 2px);margin-right: 7%; margin-top:10px;}
.home_epc_s ul li:nth-child(1){margin-left:14.5%;}
.home_epc_s ul li:nth-child(3){margin-right:14.5%;}
.home_epc_s ul li:nth-child(3):before{display:none;}
.home_epc_s ul li:before {right: -37%;width: calc(37% + 2px);}
.home_epc_s ul li:nth-child(7){margin-right:0;}
.mflex {display:block!important; text-align:center;}
.aniu a {display: inline-block;padding: 5px 15px;}
.home_casediv h1{font-size:24px;}
.home_casediv p {font-size:12px;  margin-top: 10px;margin-bottom: 10px;}
.home_caseli {padding: 0 10px;}
.home_caseli li h3 {font-size: 12px; padding: 3px 5px; line-height: 1.5;font-weight: 500;  height: 36px; overflow: hidden;}
.home_caseli li div.pic img {min-height: auto;max-height: ;}
.foot {padding: 10px 0 0;}
.foot_cat{width:100%;}
.foot_cat:nth-child(1){display:none;}
.foot_cat_list h3 {font-size: 14px;}
.foot_cat_list li{height:auto;line-height:2;}
.foot_cat_list li{font-size:14px;}
.foot_cat div.l,.foot_cat div.r{width:35%;}
.foot_cat div.r{width:65%;}
.foot_cat_list {text-align: center;}
.foot_cat p{padding: 0;font-size: 16px;}
.foot_cat p a {margin: 5px auto 0; width:70%; padding:0; display: block;  font-size: 14px;}
.foot_bot {width: 100%;height: auto;line-height: 2;text-align: center;}
.foot_bot .l,.foot_bot .r{ width:calc(100% - 20px);padding:0 10px; }
.foot_cat div.r img {padding: 15px;max-width: 120px;}

.inbanner { height: 200px;}
.ibcatein .en{font-size:15px; font-weight:400;line-height: 36px;}
.ibcatein .cn {font-size: 20px;line-height: 40px;}
.ibcatein .hx {height: 1px;}

.pro_clist .pro_lcat {display:none;}
.pro_clist .pro_clist{ padding: 0 10px; width:calc(100% - 20px);}

.pro_clist .pro_clist li {background: #dfdfdf;margin-bottom: 10px;}
.pro_clist .pro_clist li a img {max-width:100%;}
.pro_clist .pro_clist li a h3{height:36px;}
.pro_case {margin-top:10px; padding:0;}
.pro_caseli {padding: 0 10px;}
.pro_caseli li h3 {font-size: 12px; padding: 3px 5px; line-height: 1.5;font-weight: 500;  height: auto; overflow: hidden;}
.pro_caseli li div.pic img {min-height: 120px;}
.pro_tit, .pro_titx, .pro_titl {height: 70px;line-height: 60px;font-size: 24px;}
.pro_news {padding: 0 10px; width:calc(100% - 20px); margin-bottom:10px;}
.hot_news li {width: 100%;}
.pro_slist {padding: 10px 10px 0;}
.pro_slist li { width:49%; margin-right:2%;  margin-bottom: 10px;}
.pro_slist li:nth-child(2n) {margin-right:0;} 
.pro_slist li .wz {padding: 0;}
.pro_slist li h3{font-size:14px;}
.pro_slist li .lin {padding: 10px 5px 0;}
.pro_slist li h4{ overflow:hidden; font-size: 12px;}
.pro_slist li h4.more {background:none;font-size: 12px;}
.pro_slist li h4 label{ margin-right: 0px;}
.outnav3 #wrapper22 {height: 40px;}
.outnav3 {height:40px;}
.outnavbg {height:40px;}
.catnav li {height:40px;}
.catnav li a {font-size: 14px;line-height: 40px;font-weight: 600;}

.pro_caselix li h3 { font-size:12px; line-height:20px;    margin-bottom: 0;}
.pro_caselix li h3:before{display:none;}
.pro_caselix li div.pic {padding-bottom: 45%;}

.catnav li {width: 25%;}
.showposd{margin-top:60px;}

.head.mini, .head.minis {height:60px;line-height:60px;}
.mini .navbtn s {background:#333}
.pro_pic{ padding:10px;}
.pro_pic li:nth-child(1) {height:auto;width: calc(100% - 4px);}
.pro_pic li:nth-child(1) img{height:100%;}
.pro_pic li img{width:100%; height:auto;}
.pro_pic li{height:auto;width: calc(50% - 4px);}
.pro_pic li:nth-child(2n){margin-right:4px}
.pro_pic li:nth-child(7){margin-right:0;}
.cpyslist {margin: 0;}
.cpyslist li{ width: 100%;}
.cpyslist .con{ height:auto;}
.pro_desc .pro_info,.pro_desc .propic{ width:100%;}
.propic-scroll .slides li a{ line-height:1;}
.propic-scroll{ width:calc(100% - 100px);height: inherit;}
.pro_desc{  padding-bottom: 0;  padding-top: 0px;}
.pro_desc .pro_info h2 {padding-bottom:0;font-size: 24px;}
.pro_desc .pro_info p {overflow: hidden;}
.pro_desc .pro_info {padding: 0 10px; width:calc(100% - 20px);}
.xijie{ width:100%;}
.propic-scroll img { max-width:100%;}
.procontent{margin-top:0;  padding: 0 10px;width:calc(100% - 20px);}
.head .logo img, .head .logos img{padding-left:10px;padding-top:10px;max-height: 40px;}
.head .logo {left: 0px; height:60px;}
.navbtn s{background:#333;}
.atc-right{ display:none;}
.atc-con{ padding: 0 10px;width:calc(100% - 20px);}
.atc{ padding: 0;float: left;}
.atc-h h1 {font-size: 18px;color: #111;line-height: 36px;margin-bottom: 0px;}
.atc-date .clock {padding-left: 10px;}
.atc-h{padding-bottom:0;}
.baninfo{ padding:0; line-height: 2; margin-top: -50px;}
.atc-date {font-size: 12px;line-height: 2;}
.tree {height: 24px;line-height: 2;  padding: 0 15px;}
.tree a {color: #fff;padding: 0;font-size: 12px;}

.pro_caseli li{ width:calc(50% - 25px);margin-right:10px; padding:10px;display: block;}
.pro_caseli li:nth-child(2){ margin-right:0}
.pro_caseli li h4 label{margin-right:0;}
.pro_caseli li h4 {font-size:12px;padding:0; overflow:hidden;}
.pro_caseli li h4 i{margin-right:0;}
.pro_caseli li .text span{display:none;}
.lianxi {padding-top: 10px;}
.liuyan .hang {float: none;width: 100%;margin-right: 0; height:40px; line-height:40px; margin-bottom:10px;}
.liuyan input[type=text]{height:40px; line-height:38px;}
.liuyan .hang2 div{ position:relative;line-height: 40px;display: block!important;}
.lianxi .liuyan .hang2 img {margin:0;}
.liuyan textarea{ height:90px;}
.liuyan .hang2 div img { height:40px; line-height:40px; position:absolute; right:0; top:0;}
.liuyan .hang2 i.v {width: 100%;}
.liuyan input#tj{ margin-left:0; width:100%;}

.newslist {padding-bottom:20px;}
.listbtnout2 { margin-top:0; margin-bottom:10px;}
.newslist li {padding: 10px 0;display: flex;}
.newslist li a {padding-left: 47%;padding-right: 0; min-height: auto;}
.newslist li h3 {padding:0;  line-height: 18px; height:36px; font-size:14px; font-weight:600;color: #333;}
.newslist li .pic {left: 0;width: 45%; background: #eee; text-align: center;}
.newslist li .pic img{height: 100%;  width: auto;}
.newslist li .txt {line-height: 20px;height: 40px;margin-top:5px;font-size: 12px;}
.newslist .clock {padding-left:0!important; margin-left:0;}
.newslist .click {padding-left:0!important; margin-left:0;}
.newslist li label{ display:none;}
.newslist li .info{  margin-top: 0px;}
.newsin { padding-top:0;}
.listmore { height:42px; line-height:42px; font-size:16px; width:calc(100% - 20px);}
.catnav{  display: inline-table;}
.pro_caselix li{width: calc(50% - 30px);margin-right: 10px;padding: 10px;}
.pro_caselix{ padding:0 10px;}
.pro_clist .pro_clistx{ width:calc(100% - 20px); padding:0 10px;}
.pro_clist .pro_clistx li{  width: 49%; margin-right: 2%;margin-bottom: 10px;}
.pro_clist .pro_clistx li:nth-child(2n){margin-right: 0!important;}
.pro_clist .pro_clistx li:nth-child(3n){margin-right:2%;}
.protit {height:auto;}
.protit h3{font-size: 20px;font-weight: 600; padding:0; width:100%;}
.epcs .st{ flex-wrap:wrap;width:calc(100% - 20px); margin:0 10px;}
.epcs .st_cat{ width:100%; flex:0 0 100%;}
.epcs .st_cat p {width: calc(100% - 20px);margin: 10px;font-size: 14px;}
.epcs h1 {padding: 0 0 10px;}
.epcs { margin-top:0;}
.epcs .stx, .epcs .stxx{width: calc(100% - 20px);margin: 10px;}
.epcs .stx ol{  width: 49%; margin-bottom:10px;}
.epcs .stx ol:nth-child(2n){margin-right:0;}
.epcs .stx .txt{transform: translate(-50%, -20%); top:0;}
.epcs .stx ol h3{ font-size:16px;  margin-top: 30px;}


.epc_all {background:url(../images/epc_allbg_m.jpg) no-repeat;}

.sollist{ padding:0;}
.sollist li{width:100%;}
.proname_t {font-size: 16px;width: calc(100% - 20px); font-weight:600;  line-height: 2; margin:0 10px;}
.casefirst .picno .bigpic{ margin-right:0;    margin: 10px auto 0; width: 100%;}
.casefirst .picno,.casefirst .probasic{width: 100%;}
.proinfo .kv{font-size:14px;}
.case_desc {display: inline-block;flex-wrap: nowrap;padding: 10px;width: calc(100% - 20px);}
.case_desc div:nth-child(1){width: 94%;margin: 0 auto;padding: 0 3%;}
.case_desc div p {font-size: 14px;margin-bottom: 10px;}
.case_desc div:nth-child(2){ margin-right:2%;}
.case_desc div:nth-child(3){ margin-right:0;}
.case_desc div{ width:49%; flex: 1;  margin-bottom: 10px;}
.summary:before {width: 30%;  background-position-y: bottom;}
.summary p{padding: 15px 20px 15px 30%; margin-top:0px;line-height: 1.4;}
.epcs .epc_ys li{width: calc(100% - 20px); margin: 0 10px;}
.epcs .epc_ys li p { padding:20px;}
.epc_desc{min-height:auto;}
.epcs h2{ padding:0;}
.epcs div.desc{ padding:0 10px;}
.epcs .stxx ol{ width:100%; margin-right:0%; margin-bottom: 10px;}
.epcs .stxx ol h3{ font-size:20px;}
.epcs .stxx ol div.pic{ padding-bottom:60%;}
.epcs .stxx ol:hover .hov {width: 200%;height: 100%;top: 0%;left: 0%;font-size: 12px; overflow:hidden;}
.epcs .stxx ol:hover  .hov span {font-size:12px;  padding-left: 30px;line-height: 40px;}
.epcs .stxx ol:hover  .hov span:before {font-size:20px;}
.epcs .stxx ol:hover .hov span:before {left: 10px;width: 16px;height: 16px;line-height: 16px;}
.sol_focus{width: calc(100% - 20px); margin: 0 10px;} 
.sol_focus ol { width:49%;margin-bottom: 10px;}
.sol_focus ol:nth-child(2n){margin-right:0;}
.sol_focus ol h3{ font-size:20px;}
.sol_focus ol p{ font-size:14px;}
.sol_focus .txt{width: 100%;}
.fcate1 .cn, .fcate2 .cn{font-size: 20px;}
.fbtl .more{font-size: 14px;line-height: 30px;height: 30px;width: 90px;top:10px!important;right: 10px;}

.sol_project{width: calc(100% - 20px); margin: 0 10px;} 
.sol_project {width: calc(100% - 20px); margin: 0 10px;} 
.sol_project li {width: calc(50% - 20px)!important; margin:0 10px 10px;} 
.sol_project li .nbord h3 {font-size: 14px;line-height: 2;}
.sol_project li .lin{ padding-right:0;}

.catits{ height:50px; margin-top:10px;}
.epc_all {height: 300px; margin-top:10px;}
.materials { display:block;}
.materials .st_cat{width: calc(100% - 20px); margin-right:10px;margin-left: 10px!important;}
.materials .st_cat div { padding:15px;}
.materials .st_cat p { margin:0; font-size:14px;}
.materials .st_cat span { display:none;}
.mate_tit{width: calc(100% - 20px); margin:0 10px; height: 40px; line-height:40px;}
.mate_tit span{ line-height:40px;} 
.materials_con .text{ padding: 0 10px}
.Real_2{height:auto; margin:0;}
.Real_2LeftSpan .LeftSpan_Data{display:none}
.Real_2LeftSpan .LeftSpan_Tit{ width:100%;}
.Real_2 .Real_2Left {width: calc(100% - 20px); height:auto;margin: 0 10px;}
.Real_2 .Real_2Left .Real_2Left_Tit{  width: 100%;height: 100%; margin:10px 0;}
.Real_2LeftSpan{ height:100%;}
.Real_2LeftImg {float: left;width: 100%;height: auto;margin: 0;}
.Real_2LeftImg img{ width:100%;}
.Real_2LeftSpan .LeftSpan_Data h3{ width:100%;padding: 0;}
.Real_2LeftSpan .LeftSpan_Tit h3{ padding:0;font-size: 14px; font-weight:600;}
.Real_2LeftSpan .LeftSpan_Tit div { width:100%;}
.Real_2LeftSpan .LeftSpan_Tit div span{padding:0;}
.Real_2 .Real_2Right{ width: calc(100% - 20px); height:auto;margin: 0 10px;}

.Real_2 .Real_2Right ul li { height:100%;border-top: 1px solid #ededed;}
.Real_2 .Real_2Right ul li .Real_2Right_1{ display:none;}
.Real_2 .Real_2Right ul li .Real_2Right_2{width: calc(100% - 70px); height:auto;}
.Real_2 .Real_2Right ul li .Real_2Right_2 h3{ padding:0;}
.Real_2 .Real_2Right ul li .Real_2Right_2 div{margin:0 10px 0 0;  height: auto;width: calc(100% - 20px);}
.Real_2 .Real_2Right ul li .Real_2Right_3{ width:70px; height:auto;}
.Real_2 .Real_2Right ul li .Real_2Right_3 h3{ padding:0;}

.cnewslist li {padding: 10px 0;display: flex;  width: 100%;}
.cnewslist li a {padding-left: 42%;padding-right: 0; min-height: auto;}
.cnewslist li h3 {padding:0;  line-height: 1.5; font-size:14px; height:40px; font-weight:600;color: #333;}
.cnewslist li .pic {left: 0;width: 40%; background: #eee; text-align: center; margin: 5px 0 0 0;}
.cnewslist li .pic img{height: 100%;  width: auto;}
.cnewslist li .txt {line-height: 20px;height: 60px;margin-top:5px; font-size: 12px;}
.cnewslist .clock {padding-left:0!important; margin-left:0;}
.cnewslist .click {padding-left:0!important; margin-left:0;}
.cnewslist li label{ display:none;}
.cnewslist li .info{  margin-top: 5px;}
.about{ padding:0;}
.about_l,.about_two {width: 100%;}
.about_r {width: calc(100% - 20px); height:auto;margin: 0 10px;}
.about_l h3{ padding:0 10px;}
.about_l div{ padding:10px;}
.about_two img{width: calc(100% - 20px); height:auto;margin: 10px;}
.about_two h3{ padding-top:0;}
.about p.txt{padding:0 10px;}
.about_list ul{  flex-wrap: wrap;width: calc(100% - 20px); padding:10px;}
.about_list ul li{ flex:0 0 33.3333%; width: 33.3333%;}
.about_list{ padding:0;}
.ser03{padding:10px;}
.cate1 .cn{ font-size:20px;line-height: 40px;}
.cate1 .txt{font-size: 14px;line-height:2;}
.contact_l{flex-wrap: wrap; width:100%;}
.contact_r{flex-wrap: wrap; width:100%;}
.contact_l .pad50{ padding:0 0 10px!important;}
.liuyanout{ padding:10px;}
.liuyan{ margin-top:10px;}
.liuyan .hang2{ margin-bottom:10px;}
.ser_three{width:100%; margin-right:0; flex:0 0 100%;}

.pro_caseli li div.pic {flex: 0 0 100%;padding-bottom: 100%; }
.pro_caseli li .text {padding-left: 0;display: block;flex: 0 0 100%;}

table {width:100%!important;border-collapse:collapse;margin:0 auto;text-align:center; font-size:12px!important;}
table td,table th {border:1px solid #cad9ea;color:#666;height:30px; padding: 0!important;}
table thead th {background-color:#CCE8EB;width:100px;}
table tr:nth-child(odd) {background:#fff;}
table tr:nth-child(even) {background:#F5FAFA;}

.cate6 .cn{font-size: 16px; line-height:2}
.ser_two{ width:100%;}
.link_logo{ padding: 10px;}
.link_logo ul li{ width:50%;}
.sol_focus ol div.pic img{ width:100%;}
}