@charset "utf-8";

/* CSS Document */
@import "common.css";
#header{height:132px;}
.indFix {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 132px;
    top: 0;
    left: 0;
    z-index:1009;
    box-shadow: 0 0 12px #c0c0c0;
}
.topbar{height: 24px;
    border-bottom: 5px solid #c30d23;}
.topbar p{line-height: 24px;
    color: #666;}
.btns_fr{display: inline-block;float: right;background: #c30d23;height: 25px;color: #fff;padding: 0 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.btns_fr a{color:#fff;margin-left: 13px;padding-left: 12px;height:15px;line-height: 14px;border-left: 1px solid #fff;display: inline-block;}
.navbar{overflow: hidden;clear: both;}
a.logo{float: left;margin-top: -5px;margin-bottom: 8px;}
.logobar h1 {
    display: inline-block;
    width: 350px;
    height: 75px;
    text-indent: -999em;
    background: url(/Public/css/../images/logo.jpg) no-repeat 0 center;
        background-size: auto auto;
    background-size: auto auto;
}
#Nav{float: right;padding-top:13px;overflow:visible;}
#Nav li{padding: 0 19px 5px;border-right: 1px solid #cccccc;float: left;}
#Nav li:last-child{border:none;}
#Nav li a{height:41px;font-size: 16px;color: #222222;font-weight: bold;display: block;line-height:37px;position:relative;}
#Nav li a.act,#Nav li a:hover{border-bottom:4px solid #c30d23;}
#Nav li a.act:after,#Nav li a:hover:after{    position: absolute;
    bottom: -11px;
    left: 40%;
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #c30d23;}
/*首页 -- 产品中心*/
.ind_productlist{overflow: hidden;width: 104%;}
.ind_productlist ul{width:102%;padding-top:20px;padding-bottom: 30px;}
.ind_productlist li{width: 370px;height: 210px;float: left;margin-right:30px;margin-bottom:30px;position: relative;    overflow: hidden;}
.ind_productlist li:first-child{width: 400px;height: 450px;}
.ind_productlist li a{display: block;}
.ind_productlist li a img{max-width: 100%;}
.ind_productlist li .bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(20,115,183,0.4);
    height: 100%;
    width:100%;
    color: #fff;
    font-size: 17px;
    line-height: 36px;
    overflow: hidden;
    display: block;
    display: none;
}
.ind_productlist li:hover .bg{display: block;}
.ind_productlist li i {
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 100%;
}
.ind_productlist  li p{display:inline-block;vertical-align: middle;text-align: center;width: 100%;font-size: 24px;font-weight: bold;}
.ind_productlist .bg::before{
  position:absolute;
  top:12px;
  right:12px;
  bottom:12px;
  left:12px;
  content:'';
  border: 1px solid #fff;
  opacity:0;
  -webkit-transition:opacity .5s;
  transition:opacity .5s;}
.ind_productlist li:hover .bg::before{opacity: 1;}
/*首页 -- 关于我们*/
h2.bg_h2{font-size: 30px;color: #c30d23;font-weight: normal;background: url(/Public/css/../images/i02.png) no-repeat center bottom;padding-bottom: 30px;text-align: center;margin: 52px 0 35px;}
#ind_about{background: url(/Public/css/../images/07.jpg) repeat 0 0;padding: 55px 0;}
#ind_about h2{font-size: 22px;color: #c30d23;background: url(/Public/css/../images/i06.png) no-repeat center bottom;padding-bottom: 20px;text-align: center;}
.about_top {background: #fff;margin-top: 30px;margin-bottom: 10px;}
#ind_about .big{margin-right:20px;float: left; }
#ind_about .con{border:1px solid #bbbbbb;border-top:5px solid #c30d23;}
#ind_about .con strong{font-size: 16px;color:#c30d23;    padding-top: 10px; overflow: hidden; line-height: 32px; display: block; }
.about_top .big{width: 590px;height: 228px;}
.about_top .con{height: 222px;}
.about_top .con p{height:7em;overflow: hidden;margin-right: 20px;line-height: 25px;}
#ind_about .more{width: 124px; height: 28px; color: #c30d23; border: 1px solid #c30d23; line-height: 28px; text-align: center;margin-top: 21px;display:inline-block;}
.about_bot{overflow: hidden;}
.about_bot .w50{width: 590px;float: left;background-color: #fff;}
.about_bot .w50:last-child{margin-left:18px;}
.about_bot .big{width: 295px;height: 202px;}
.about_bot .con{height: 196px;}
.about_bot .con p{height:6em;overflow: hidden;margin-right: 20px;line-height: 25px;}
.about_bot .con p strong{margin-top: 19px;
background: url(/Public/css/../images/i03.png) no-repeat 0 center;
font-size: 24px !important;
padding-left: 48px;
padding-top: 0 !important;}
.about_bot .con p strong em{font-size: 14px;display: block;color: #666;line-height: 30px}
/*首页 -- 新闻资讯*/
#ind_news h2{background-image: url(/Public/css/../images/i07.png);}
#news_slider{float: right;width: 450px;height: 330px;margin-left: 58px;margin-top: 10px;}
#news_slider li .imgcon{width: 450px;height: 330px;}
#news_slider p.tit{position: absolute; bottom: 0; height: 50px; display: block; overflow: hidden; line-height: 49px; background: url(/Public/css/../images/i09.png) repeat 0 0; left: 0; width: 100%; text-align: center; font-size: 16px; color: #fff;}
.ind_newsli{background: url(/Public/css/../images/i08.png) no-repeat 0 323px;}
.ind_newsli li{border-bottom: 1px dotted #c4c4c4;overflow: hidden;clear: both;padding-top: 18px;padding-bottom: 9px;padding-left: 7px;}
.ind_newsli li:nth-child(n+4){display: none;}
.ind_newsli li .date{float: left;display: block;text-align: center;width:70px;height: 69px;color: #fff;background-color: #c30d23;border-radius: 8px;margin-right: 15px; }
.ind_newsli li .date em{font-size: 30px;line-height: 30px;display: block;margin-top: 8px;}
.ind_newsli li h4{font-weight: bold;font-size: 14px;padding-bottom: 3px;}
.ind_newsli li p{color: #666;line-height: 24px; height: 44px;overflow: hidden;}
.ind_newsli .more{float: right;width: 124px;height: 28px;color: #c30d23;border: 1px solid #c30d23;line-height: 28px;text-align: center;margin-top: 21px;}

/*首页 -- 工程案例*/
#ind_case{margin-top: 30px;}
#ind_case h2{color: transparent;text-indent: 999em;background: url(/Public/css/../images/i04.png) no-repeat center top;height: 40px;margin-bottom: -20px;position: relative;}
.plants01{padding: 42px 14px 5px;border: 1px solid #bbbbbb;}
#demoo{width: 100%;overflow: hidden;display:flex;flex-flow: row wrap;/*padding-top: 12px;*/}
#demoo img{height:145;margin-right: 18px;margin-right: 15px;
padding: 6px 9px;border: 1px solid #bbbbbb;width: 200px;}
#demoo p{font-size: 14px;height: 32px;line-height: 26px;padding-top: 5px;text-align: center;}
#demoo a, #demoo a p {color: #666;}

/*首页 -- 友情链接*/
#ind_links{    overflow: hidden;padding:10px 20px;box-sizing: border-box;border: 1px solid #bbb;margin-top: 30px;}
#ind_links span{float:left;}
#ind_links ul{overflow: hidden;display:block;}
#ind_links ul li{float: left;}
#ind_links ul a{color: #c30d23 !important;padding:0 10px;border-right: 1px solid #c30d23;height: 15px; line-height: 14px; display: inline-block;}
 #footer{background: #f9f9f9;padding-top: 28px;text-align: center;margin-top: 30px;}
 .botnav{display: block;text-align: center;margin-bottom: 24px;}
 .botnav li{display: inline-block;}
 .botnav li a{color: #666;padding:  0 43px;border-right: 1px solid #666;display: inline-block;height: 15px;
line-height: 13px;}
  .botnav li:last-child a{border:none;}
 .botlogo{vertical-align: middle;}
 .copyright{background: #a22231;color: #fff;margin-top: 20px;padding: 10px 0;}
.copyright a{color: #fff;}
  #footer .con{width: 680px;display: inline-block;vertical-align: top;padding-left: 60px;
border-left: 1px solid #666;
font-size: 14px;
color: #444444;
line-height: 23px;
margin-left: 60px;vertical-align: middle;
text-align: left;}
.con_bot{margin-top: 20px;}
.con_bot p{overflow: hidden;padding-left: 20px;}
#footer .con .ewm{float: left;width:90px;height: 90px; }
#footer .con .ewm img{display: block;margin-top: 5px;}
#footer .con .ewm p{color: #033e80;text-align: center;padding: 0;}
/*内页样式*/
.navigate{border-bottom: 1px solid #dcdcdc;margin-bottom: 28px;}
.breaker {margin-top: 15px;height: 30px; line-height: 30px; margin-bottom: 10px; }
.breaker a{color: #000; max-width: 12em; overflow: hidden; display: inline-block;margin:0 8px; height: 30px; white-space: nowrap; text-overflow: ellipsis;vertical-align: bottom; }
.navigate .line{width: 85px;border-bottom: 3px solid #cc0010;height: 0;z-index:2; margin-bottom:-2px;position: relative;}
.Rside{width: 261px;float: right;margin-left: 30px;}
.Rside h3,.Lside h3{line-height: 47px;height: 46px;color: #fff;background-color: #222222;text-indent: 1em;margin-top: 7px;overflow: hidden;
text-overflow: ellipsis;padding-right: 15px; white-space: nowrap; }
.subList{margin-top:2px;background-color:#eeeeee;padding: 10px 0}
.subList li{padding-left:30px;background: url(/Public/css/../images/i13.png) no-repeat 15px center;}
.subList li a{line-height: 30px;font-size: 14px;color: #555555;display: block;padding-right: 13px;}
.wrap{overflow: hidden;}
#rigtNav .active h3{background-color: #cc0010;position: relative;}
#rigtNav .active h3:after{display: block; font-size: 0; content: " "; clear: both; width: 0; height: 0; right: 0px; top: 11px; position: absolute; vertical-align: middle; border-top: 4px solid\9; border: 12px solid transparent; border-right-color: #fff; }
.articleCon p{line-height:33px;}
.articleCon img{max-width: 100%;}
.titBar{border-bottom: 1px solid #cccccc;height:48px;margin: 20px 0;}
.titBar h3{border-bottom: 3px solid #cc0010;color: #444444;font-size: 18px;line-height:47px;display: inline-block;}
.tjNews{clear: both; color: #626262;width:102%; }
.tjNews li{position: relative; width: 48%; line-height: 32px; border-bottom: 1px dashed #dedede; padding: 2px 0 3px;    float: left;margin-right: 2%; } 
.tjNews a{color: #626262; font-size: 13px; padding-left: 18px; background: url(/Public/css/../images/i29.png) no-repeat 2px center; display: block; padding-right: 8em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tjNews span{font-size: 12px; }
.tjNews span{position: absolute; right:7px; bottom: 0; }

.Lside{width: 275px;margin-right:30px;float: left;}
.Lside h2{padding:20px 0;font-size: 32px;text-align: center;color: #fff;line-height: 51px;background-color: #222;font-weight:400;}
.Lside h2 small{font-size: 20px;text-align: center;color: #fff;font-family: arial;line-height: 20px;display: block;text-transform: uppercase;}
.content{margin-top:45px;    overflow: hidden;}
.breakdiv{height: 37px;overflow: hidden;line-height: 37px;
border-bottom: 1px solid #dcdcdc;}
.breakdiv h2 {font-size: 18px; color: #000000;line-height: 37px; }
.breakdiv .breaker{float: right;margin-top: 7px;}
.articleTit {margin-top: 37px; font-size: 22px; color: #434343; text-align: center; height: 47px; }
/*.sub_info {text-align: center !important; padding: 4px 0 5px; line-height: 19px !important; margin-bottom: 7px !important; font-size: 12px !important; color: #999; }*/
.sub_info {text-align: center !important; padding: 4px 0 5px; line-height: 19px !important; margin-bottom: 7px !important; color: #434343; }

.sub_info span {margin-right: 6px; }
.Lside li h3{background-color: #eee;color: #444;}
.Lside #rigtNav{margin-bottom: 30px;}
.Lside #rigtNav .active h3{color: #fff;}
.Lside .subList {background-color: transparent;border: 1px solid #cccccc;}
#newsList{}
#newsList .big{width: 241px;height: 156px;float: left;margin-right: 18px;}
#newsList li{margin-top: 17px;padding-bottom: 15px;height: 156px;border-bottom: 1px solid #cccccc;}
#newsList li h4{font-size: 17px;color: #111111;line-height: 30px;white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#newsList li .date{color: #666;}
#newsList li p{line-height: 24px;color: #434343;margin-top: 2px; margin-bottom: 8px; height: 5em; overflow: hidden;}
#newsList li .more{width: 101px;line-height: 22px;background-color: #cc0010;text-align: center;color: #fff;display: inline-block;height: 24px;}
.articleCon{color: #434343;line-height:29px;overflow:hidden;}

#icon2 {display: inline-block; vertical-align: middle; }
.red{color: #cc0010;}
.leftside{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.leftside ul{overflow: visible;}
.leftside ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.leftside ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.leftside ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.leftside ul li .sidetop:hover{background:#cc0010;opacity:1;filter:Alpha(opacity=100);}
.leftside ul li img{float:left;}

/* 联系我们页面 */
.contactCon{text-align: center;    min-height: 500px;}
.contactCon h2{    font-size: 36px;
    color: #505050;
    line-height: 80px;
    font-weight: 400;
    padding-top: 50px;
    padding-left: 72px;
    background: url(/Public/css/../images/plus.png) no-repeat 0 31px;margin-bottom: 20px;
    display: inline-block;}
.contactCon h4{color: #cc0010;    line-height: 35px;}
.contactCon .con{overflow: hidden;clear: both;}
.contactCon .w30{width: 33%;float: left;}
.contactCon .inner{display: inline-block;text-align: left;line-height: 28px;}
.contactCon .w30.mid{border-left: 1px solid #555;border-right: 1px solid #555;min-height: 100px;}
/*内页产品*/
.procontent{ width: 100%; border: 1px solid #B8B8B8;height: auto; margin-top: 20px; line-height: 24px; padding: 15px 21px;box-sizing: border-box;}
.nypro-list{ width:935px; height:auto; margin-top: 10px;}
.nypro-list li{width: 285px;
height: auto;margin-right: 20px;margin-top: 17px;
float: left;}
.nypro-list li a{display:block;height:207px;overflow:hidden;}
.nypro-list li .imgcon{border: 1px solid #ccc;box-sizing: border-box;}
.nypro-list li img{ max-width:100%; height:auto;}
.nypro-list li p{ width:100%; line-height:35px; height:35px; font-size:15px;}
.nypro-list li p a{color:#222;text-align: center;
white-space: nowrap;
padding: 0 13px;
text-overflow: ellipsis;
overflow: hidden;
display: block;}
.nypro-list li p a:hover{color:#06C; text-decoration:none;}
.nypro-list li span{ line-height: 23px; height: 50px; display: block; overflow: hidden;display: none;}
#ind_products .nypro-list{width: 102%;margin-bottom: 3%;}
#ind_products .nypro-list li{    width: 31%;
    margin-right: 2%;}
#ind_products .nypro-list li a{    height: 244px;}
.nypro-list li a{}
.nypro-list li a{}