/*..................公共部分.......................*/

*{margin:0;padding:0;font-size:15px;font-family: 微软雅黑;list-style:none;text-decoration:none;}

a{color:#5e5e5e;}

a:hover{text-decoration:none;}

img{border:0;}

.clear{clear:both;}



/*..................头部.......................*/

.top{width:1100px;height:140px;margin:0 auto;}

.logo{width:1100px;height:96px;}

.logo-l{float:left;}

.logo-l img{margin-top:10px;}

.logo-r{float:right;margin-top:15px;}

.logo-r a{width:76px;height:30px;border-radius:10px;background:#2c6cba;color:#fff;

          padding:6px;margin-right:10px;}



/*..................导航.......................*/

.nav{width:1100px;height:45px;margin:0 auto;background:#2c6cba;    position: relative;}

.nav a{color:#fff;font-size:20px;height:45px;line-height:45px;margin:0 55px;

       display:block;float:left;}

.nav_img {

    width: 34px;

    float: right;

    overflow: hidden;

    margin: 10px 10px 6px 0;

    display: none;

}

.nav_img > img {

    width: 100%;

    cursor: pointer;

}

.nav_img > img.navimg2 {

    display: none;

}



/*..................主体.......................*/

.index-con{width:1100px;margin:35px auto 0 auto;}





/*..................主体左边.......................*/

.index-left{width:200px;float:left;}

.bt{width: 100%;background:#2c6cba;color:#fff;font-size:20px;height:33px;line-height:33px;

    display:block;text-indent:10px;}

.back{width:198px;height:35px;line-height:33px;text-indent:15px;display:block;

     border:1px solid #eaeaeb;margin:10px 0;}



/*..................主体右边.......................*/

.index-right{width:880px;float:right;}



/*..................主体右边关于我们.......................*/

.con-r1{margin-bottom:25px;}

.about-cont{height:180px;background:#f2f2f2;margin:10px 0;padding:20px 30px;}

.about-l{width:230px;float:left;}

.about-r{width:calc(100% - 250px);float:right;color:#5e5e5e;text-indent:2em;line-height:25px;}





/*..................主体右边业绩展示.......................*/

.con-r2{margin-bottom:25px;clear: both;}

.images{display:block;padding:20px 30px;margin:10px 0;background:#f2f2f2;min-height:150px;overflow: auto;}

.images li{float:left;margin-right:10px;}

.images li p{text-align:center;font-size:15px;color:#5e5e5e;margin-top:5px;}





/*..................主体右边行业新闻.......................*/

.con-r3{margin-bottom:25px;}

.news{height:141px;background:#fff;margin:20px 0;padding:20px 30px;border:1px solid #d5d5d5;}

.news-l{float:left;width:400px;}

.li{color:#666;list-style:inside;list-style-position:inside;

    line-height:34px;border-bottom:1px dashed #d5d5d5; overflow: hidden;}

.news-r{float:right;width:400px;}

.time{float:right;}









/*..................主体友情链接.......................*/

.link{background:#2c6cba;color:#fff;font-size:16px;padding:8px 10px;margin-bottom:30px;}

.link a{color:#fff;margin-left:15px;}





/*..................联系我们.......................*/

.footer{background:#f2f2f2;color:#5e5e5e;text-align:center;font-size:14px;padding:25px 0;line-height:25px;}





/*..................二级页面关于我们.......................*/

.about{padding:20px 30px;background:#f2f2f2;margin-bottom:25px;}

.a-i{display:block;width:230px;height:180px;float:left;margin-right:25px;}

.a-t{font-size:18px;text-align:center;color:#5e5e5e;margin-bottom:20px;}





/*..................二级页面联系我们.......................*/

.contact{background:#f2f2f2;width:100%;height:617px;margin-bottom:25px;}

.contact-p{display:block;width:365px;margin:0 auto;line-height:25px;color:#5e5e5e;padding-top:50px;}



/*..................二级页面新闻中心.......................*/

.page{text-align:center;margin-top:25px;margin-bottom:45px;}

.page a{padding:3px 8px;border:1px solid #d5d5d5;}

.cont-ul{padding-top:15px;margin:20px 0;background:#f2f2f2;}

.pad{padding:0 40px;}



/*..................二级页面防水工程.......................*/

.li-l{width: calc(25% - 20px); margin:10px 10px 10px 10px;float:left;}

.li-l img {width: 100%;}

.a-p{line-height:26px;text-indent:2em;color:#5e5e5e;}

.a-t{font-size:18px;text-align:center;color:#5e5e5e;margin-bottom:20px;}



/*..................二级页面在线咨询.......................*/

.contact .zxly{margin:0 auto;overflow: hidden;margin-top:60px;}

.contact .zxly span{color:#5e5e5e;font-size:16px;}

.contact .zxly input{width:300px;height:30px;background:ragb(0,0,0,0);border:1px solid #eeeeee;}

.contact .zxly .pro_formlist{margin-bottom:20px;}

.contact .zxly .pro_formlist .inputleft1{margin-right:15px;}

.contact .zxly textarea{width:500px;height:200px;}

.contact .zxly .pro_formlist .inputleft2{margin-bottom:50px;}

#submit{background-color:#2044ce;border:medium none;border-radius:5px;color:#ffffff;cursor:pointer;font-size:16px;height:30px;

	outline:medium none;width:100px;line-height:26px;margin-left:240px;margin-top:10px;}



@media screen and (max-width: 1199px) and (min-width: 992px) {

    .top {

        width: 100%;

    }

    .logo {

        width: 100%;

    }

    .nav {

        width: 100%;

    }

    .nav a {

        margin: 0 16px;

    }

    .index-con {

        width: 100%;

        padding: 0 20px;

        box-sizing: border-box;

    }

    .index-left {

        width: 100%;

        float: none;

    }

    .back {

        float: left;

        margin: 10px 10px 10px 0;

    }

    .left-nav {

        overflow: hidden;

    }

    .index-left img {

        display: none;

    }

    .index-right {

        width: 100%;

        float: none;

    }

    .images {

        display: flex;

    }

    .images li {

        flex: 1;

    }

    .images li img {

        width: 100%;

    }

}

@media screen and (max-width: 991px) and (min-width: 320px) {

    .top {

        width: 100%;

       

    }

    .logo {

        width: 100%;

        padding: 0 20px;

        box-sizing: border-box;

    }

    .nav {

        width: 100%;

        height: 53px;

    }

    .nav_img {

        display: block;

    }

    .nav ul {

        position: absolute;

        background: #ffffff;

        width: 100%;

        padding: 0 0 20px 0;

        border-top: 2px #e25326 solid;

        /* border-bottom: 2px #e25326 solid; */

        left: 0;

        right: 0;

        top: 53px;

        margin: auto;

        z-index: 99999;

        display: none;

    }

    .nav ul.active {

        animation: active 0.5s;

        -moz-animation: active 0.5s;

        -webkit-animation: active 0.5s;

        -o-animation: active 0.5s;

        opacity: 1;

        display: block;

        /* height: auto; */

    }

    .nav ul > li {

        float: none;

        overflow: hidden;

        padding: 0 20px 0 20px;

        border-bottom: 1px #ededed solid;

        font-size: 0;

        animation: aciitali 1s;

        -webkit-animation: aciitali 1s;

    }

    .nav li > a {

        font-size: 22px;

        line-height: 42px;

        color: #2c6cba;

        display: block;

    }

    @keyframes active{0% {height: 0%; opacity: 3;}100% {height: auto; opacity: 1;}}

    @-moz-keyframes active /* Firefox */{0% {height: 0%; opacity: 3;}100% {height: auto; opacity: 1;}}

    @-webkit-keyframes active /* Safari 和 Chrome */{0% {height: 0%; opacity: 3;}100% {height: auto; opacity: 1;}}

    @-o-keyframes active /* Opera */{0% {height: 0%; opacity: 3;}100% {height: auto; opacity: 1;}}

    @keyframes aciitali{0% {opacity: 0;}50%{opacity: 0.5;}100% {opacity: 1;}}

    @-moz-keyframes aciitali /* Firefox */{0% {opacity: 0;}50%{opacity: 0.5;}100% {opacity: 1;}}

    @-webkit-keyframes aciitali /* Safari 和 Chrome */{0% {opacity: 0;}50%{opacity: 0.5;}100% {opacity: 1;}}

    @-o-keyframes aciitali /* Opera */{0% {opacity: 0;}50%{opacity: 0.5;}100% {opacity: 1;}}

   

    .news {

        height: auto;

    }

    .news-l {

        float: none;

        width: 100%;

    }

    .news-r {

        float: none;

        width: 100%;

    }

    .contact {

        height: 270px;

    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {

    .index-con {

        width: 768px;

        padding: 0 20px;

        box-sizing: border-box;

    }

    .index-left {

        width: 100%;

        float: none;

    }

    .back {

        width: 172px;

        float: left;

        margin: 10px 10px 10px 0;

    }

    .back:last-child{

        margin-right: 0;

    }

    

    .left-nav {

        overflow: hidden;

    }

    .index-left img {

        display: none;

    }

    .index-right {

        width: 100%;

        float: none;

    }

    .images {

        display: flex;

    }

    .images li {

        flex: 1;

    }

    .images li img {

        width: 100%;

    }

    .li-l{width: calc(50% - 20px);}

}



@media screen and (max-width: 767px) and (min-width: 320px) {

    #lanrenzhijia {

        display: none;

    }

    .logo-r {

        display: none;

    }

    .index-con {

        width: 100%;

        padding: 0 10px;

        box-sizing: border-box;

    }

    .index-left {

        width: 100%;

        float: none;

    }

    .left-nav {

        overflow: hidden;

    }

    .index-left img {

        display: none;

    }

    .index-right {

        width: 100%;

        float: none;

    }

    .about-cont {

        height: auto;

    }

    .about-l {

        float: none;

        margin: 0 auto;

    }

    .about-r {

        width: 100%;

        float: none;

    }

    .images {

        padding: 20px 10px;

    }

    .images li {

        width: calc(50% - 5px);

    }

    .images li:nth-child(2n) {

        margin-right: 0;

    }

    .images img {

        width: 100%;

    }

    .back {

        width: 100%;

        float: none;

        box-sizing: border-box;

    }

    .li-l{width: calc(50% - 20px);}

}