/*头部样式*/
.whead{width: 100%;height: 34px;background: #f0f0f0;}
.whead-con{max-width: 1200px;margin: 0 auto;}
.whead-con .wel{font: normal 12px/34px "微软雅黑";color: #666;}
.whead-con .k1{font: normal 12px/34px "微软雅黑";color: #666;}
.whead-con .k1 a{color: #666;}
.thead{width: 100%;}
.thead-con{max-width: 1200px;margin: 0 auto;padding-left: 5px;padding-right: 5px;}
.headnav{width: 55%;float: right;}
.logo{float:left;padding-top: 40px;width: 41%;}
.logo img{width: 100%;}
@media (max-width: 900px) {
    .logo img{width:320px;height:auto;}
}
.mob_head{
    display: none;
}
@media (max-width: 768px) {
    .thead{
        display: none;
    }
    .mob_head{
        display: block;
        /*position: fixed;*/
        z-index:9999;
        top:0;
        width: 100%;
        background: #f0f0f0;
    }
    .mob_head .logo {
        display: block;
        width: 60%;
        float: left;
        padding-top: 25px;
        height:70px;
        box-sizing: border-box;
    }
    .mob_head .logo img {
        max-width: 100%;
        max-height: 100%;
    }
    .mob_head .nav_btn {
        float: right;
        width: 28px;
        margin:20px 15px 0 0;
    }
    .mob_head .nav_btn:after,
    .mob_head .nav_btn:before,
    .mob_head .nav_btn span {
        height:2px;
        background: #333;
        display: block;
        transition: all .5s ease;
    }
    .mob_head .nav_btn span {
        margin: 8px 0;
    }
    .mob_head .nav_btn:after,
    .mob_head .nav_btn:before {
        content: "";
        transform-origin: left center;
    }
    .mob_head .nav_btn.clicked span {
        opacity:0;
    }
    .mob_head .nav_btn.clicked:before {
        transform: rotate(45deg);
    }
    .mob_head .nav_btn.clicked:after {
        transform: rotate(-45deg);
    }

    .mob_menu {
        width: 100%;
        display: none;
        background: #1e8cda;
    }
    .mob_menu > li {
        padding: 0 10px;
        box-sizing: border-box;
        position:relative;
    }
    .mob_menu > li > a {
        display: block;
        font-size:14px;
        color: #fff;
        line-height:35px;
        padding-left:10px;
    }
    .mob_menu > li + li > a{
        border-top:1px dashed rgba(255,255,255,0.3);
    }
    .mob_menu li .mob_xljt {
        position:absolute;
        top:2.5px;
        right:10px;
        z-index:999;
        width:30px;
        height:30px;
        background:url(../images/nav_xljt.png) center no-repeat;
    }
    .mob_menu .sec {
        display:none;
        width:100%;
        background:#ff7d31;
    }
    .mob_menu .sec a {
        border-top:1px solid rgba(255,255,255,0.1);
        display:block;
        font-size:12px;
        color: #fff;
        line-height:30px;
        padding-left:20px;
    }

}


.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{max-width: 1200px;margin:0 auto;}

/*热门搜索*/
.search{}
#formsearch{width:452px;float:right;}
.hotSearch{width:42%;float:left;height:30px;line-height:30px;font-weight:normal;color: #fff;font-size: 16px;}
.hotSearch a{color: #fff;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*主体样式*/
.cont1{}
.w h2{text-align: center;font: normal 30px/40px "微软雅黑";color: #fff;}
.w h2 p{font-size: 18px;}


.c1tt{color:#383838;text-align:center;font: normal 35px/50px "Book Antiqua";padding: 10px 0;}
.wntt{text-align:center;color:#fff;font-size:20px;font-weight:normal;background:url(../images/bt1.png) no-repeat center;line-height:41px;margin-bottom: 20px;}
.wntt span{font-weight: bold; }

/*sun_pro*/
.sun_tit {
  padding-bottom: 30px;
  padding-top: 50px;
}

.sun_tit h2.wntt {
   margin-bottom: 60px;
}


.pro_tit {

}

.pro_tit .sun_pro_sort {
    font-size: 0;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.pro_tit .sun_pro_sort li {
    display: inline-block;
    background: #fff;
    font-size: 16px;
    color: #3e3e42;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
}
.pro_tit .sun_pro_sort li .wy{
    padding: 19px;
}
.pro_tit .sun_pro_sort li .ny{padding: 5px;}
.pro_tit .sun_pro_sort li .ny img{
    width: 123px;
    height: 123px;
    transition: .8s;
    overflow: hidden;
}

.pro_tit .sun_pro_sort li.ccuur .wy{
   background: url(../images/wy.png) no-repeat center;
   background-size: cover;
}
.pro_tit .sun_pro_sort li.ccuur .ny{
     border: 5px solid #54a7e1;
     border-radius: 50%;
     padding: 0;
}

.pro_tit .sun_pro_sort li:hover .ny img{
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -transform:scale(1.2,1.2);
}

@media (min-width: 900px) and (max-width:1200px){
    .sun_tit {
       padding-bottom: 20px;
     }
    .sun_tit h3 {
       padding: 40px 0 20px;
    }
     .pro_tit .sun_pro_sort li{
        width: 14.285%;
        height: 30px;
        font-size: 14px;
        border-radius:  20px;
        margin: 5px 0;
     }
     .pro_tit .sun_pro_sort li.ccuur{
         background: #1e8cda;
         color: #fff;
     }
}
@media (min-width: 768px) and (max-width: 899px) {
    .sun_tit {
       padding-bottom: 10px;
     }
    .sun_tit h3 {
       padding: 40px 0 20px;
    }
    .pro_tit .sun_pro_sort li{
        margin: 5px 10px;
        display: inline-block;
        background: #fff;
        font-size: 14px;
        padding: 0 10px;
        border-radius:  15px;
    }
    .pro_tit .sun_pro_sort li:hover,
    .pro_tit .sun_pro_sort li.ccuur {
        background: #1e8cda;
        color: #fff;
    }

}
@media (max-width: 768px) {
    .sun_tit {
       padding-bottom: 10px;
       padding-top: 10px;
     }
     .c1tt{font:normal 20px/30px "Book Antiqua";padding: 10px 0;}
     .sun_tit h2.wntt {
           margin-bottom: 20px;
    }
    .sun_tit h3 {
       padding: 30px 0 10px;
    }
    .pro_tit .sun_pro_sort {
    margin-top: 10px;
    }
    .pro_tit .sun_pro_sort li{
        margin: 3px 4px;
        width: auto;
        height: auto;
        display: inline-block;
        background: #fff;
        font-size: 14px;
        line-height: 30px;
        padding: 0 8px;
        border-radius: 15px;
    }
    .pro_tit .sun_pro_sort li:hover,
    .pro_tit .sun_pro_sort li.ccuur {
        background: #1e8cda;
        color: #fff;
    }

}

.pro-con {
    max-width: 1200px;
    margin: 0 auto;
}

.sun_pro .sun_in_pro_list li {
    float: left;
    width: 32.3%;
    margin-right: 1%;
    margin-top: 15px;
    position: relative;
}

.sun_pro .sun_in_pro_list li:nth-of-type(3n) {
    margin-right: 0;
}

.sun_pro .sun_in_pro_list li img {
    width: 100% !important;
    border: 1px solid #e1e1e1;
}

.sun_pro .sun_in_pro_list li h4 {
    z-index: 9;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
}
.sun_pro .sun_in_pro_list li:hover img{
    border-color: #ffa509;
}
.sun_pro .sun_in_pro_list li:hover h4{
    color: #fd7416;
}
.pro-con .pro-right{
    padding-top: 50px;
    padding-left: 30px!important;
}
.pro-con .pro-right h3{
    font: bold 21px/50px "微软雅黑";
    color: #000;
    padding-top: 50px;
    padding-bottom: 25px;
}
.pro-con .pro-right .prowz{
    font: normal 14px/20px "微软雅黑";
    color: #000;
    padding-top: 20px;
    padding-bottom: 25px;
}
.pro-con .pro-right .tel{
    font: normal 14px/20px "微软雅黑";
    color: #5f5f5f;
}
.pro-con .pro-right .tel p{
    font: bold 19px/30px "微软雅黑" ;
    color: #000;
}
@media (max-width: 990px) {
    .sun_pro .sun_in_pro_list li {
        float: left;
        width: 32.333%;
        margin-right: 1.5%;
        margin-bottom: 15px;
    }
    .sun_pro .sun_in_pro_list li:nth-of-type(2n) {
        margin-right: 1.5%;
    }
    .sun_pro .sun_in_pro_list li:nth-of-type(3n) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .sun_pro .sun_in_pro_list li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 0px;
    }
    .sun_pro .sun_in_pro_list li:nth-of-type(5n) {
        margin-right: 2%;
    }
    .sun_pro .sun_in_pro_list li:nth-of-type(3n) {
        margin-right: 2%;
    }
    .sun_pro .sun_in_pro_list li:nth-of-type(2n) {
        margin-right: 0;
    }
}


.cont2{padding-top: 50px;padding-bottom: 0;}
.cont2-center{}
.cont2-center .ab{padding: 0!important;overflow: hidden;}
.cont2-center .ab img{width: 100%;height: auto;transition: .8s;}
.cont2-center .ab:hover img{  -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.cont2-center .ab2{padding-top: 30px;padding-left: 50px;max-width: 600px;}
.cont2-center .ab2 h2{font: bold 30px/50px "微软雅黑";color: #000; text-align: center;}
.cont2-center .ab2 h2 p{font: normal 35px/50px "Book Antiqua";color: #383838;background: url(../images/line02.png) no-repeat center;}
.cont2-center .ab2 > p{font: normal 14px/24px "微软雅黑";color: rgba(51,51,51,0.8);padding-top: 50px;}
.cont2-center .ab2 > a{display: block;width: 118px;height: 30px;border: 1px solid #d2d2d2;text-align: center;font: normal 14px/30px "微软雅黑";
margin-top: 80px;}
@media (min-width: 900px) and (max-width:1200px){
    .cont2-center .ab2{padding-top: 10px;padding-left: 15px;}
    .cont2-center .ab2 h2{font: bold 20px/40px "微软雅黑";}
    .cont2-center .ab2 h2 p{ font: normal 24px/40px "Book Antiqua"; }
    .cont2-center .ab2 > p{padding-top: 10px;}
    .cont2-center .ab2 > a{margin-top: 30px;}
}
@media (min-width: 768px) and (max-width: 899px){
    .cont2-center .ab2{padding-top: 0px;padding-left: 10px;}
    .cont2-center .ab2 h2{font: bold 18px/30px "微软雅黑";}
    .cont2-center .ab2 h2 p{ font: normal 20px/20px "Book Antiqua"; }
    .cont2-center .ab2 > p{padding-top: 10px;}
    .cont2-center .ab2 > a{margin-top: 0px;}
}
@media (max-width: 768px){
    .cont2{padding-top: 10px;}
    .cont2-center .ab2{max-width: 100%;padding-top: 15px;padding-left: 15px;}
    .cont2-center .ab2 h2{font: bold 20px/40px "微软雅黑";}
    .cont2-center .ab2 h2 p{ font: normal 24px/40px "Book Antiqua"; }
    .cont2-center .ab2 > p{padding-top: 10px;}
     .cont2-center .ab2 > a{margin-top: 20px;}
}


.cont3{padding: 50px 0 30px;}
.cont3 > h2.wntt{margin-bottom: 50px;}
.cont3-center{max-width: 1200px;margin: 0 auto;}
.cont3-center ul li{margin-bottom: 20px;}
.cont3-center ul li .case-con{position: relative;}
.cont3-center ul li a.img{display: block;}
.cont3-center ul li a.img img{width: 100%;height: auto;}
.cont3-center ul li h3{position: absolute;text-align: center;width: 100%;font: normal 17px/30px "微软雅黑";bottom: 20%;z-index: 9999}
.cont3-center ul li h3 a{color: #fff;}
.cont3-center ul li .lj{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 9;
    opacity: 0;transition: all 0.5s ease;width: 100%;height: 100%;}
.cont3-center ul li .lj a{display: block;width: 41px;height: 39px;background: url(../images/lj.png) no-repeat center;margin:0 auto;
margin-top: 30%;}
.cont3-center ul li:hover .lj { opacity: 1;}
@media (max-width: 768px){
   .cont3{padding: 10px 0 ;}
   .cont3 > h2.wntt{margin-bottom: 10px;}
}



.cont4-center{max-width: 1200px;margin: 0 auto;padding: 20px 0;}
.cont4-center > h3{font: bold 30px/30px "微软雅黑";color: #333333;margin-bottom: 20px;padding-left: 15px;padding-right: 15px;}
.cont4-center ul li{margin-bottom: 15px;}
.cont4-center ul li a.img{display: block;overflow: hidden;}
.cont4-center ul li a.img img{width: 100%;height: auto;transition: .8s;}
.cont4-center ul li a.img:hover img{  -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.cont4-center ul li h3{font: normal 18px/30px "微软雅黑";padding: 15px 0;}
.cont4-center ul li h3 a{color: #333333;}
.cont4-center ul li .xw-summ{font: normal 14px/24px "微软雅黑";color: #666666;}
.cont4-center ul li a.lj{text-align: center;display: block;width: 150px;height: 30px;border: 1px solid #e5e5e5;
font: normal 14px/30px "微软雅黑";margin-top: 20px;}

@media (max-width: 768px){
   .cont4-center{padding: 0px;}
   .cont4-center > h3{font-size: 20px;}
}

.ss{background: #006ab3;padding: 25px 0;}
.ss-center{max-width: 1200px;margin: 0 auto;}


#container{max-width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}




/*友情链接*/
.f_link{line-height:30px;color: #fff;font-size: 14px;}
.f_link a{color: #fff;font-size: 12px;display: block;}
/*页面底部*/
.foot{background: #006ab3;border-bottom: 1px solid #99c3e1;}
.foot-center{max-width: 1200px;padding: 30px 0;margin: 0 auto;}
.foot-center h3{font: bold 16px/40px "微软雅黑";color: #fff;}
.foot-left h2{font:normal 20px/50px "微软雅黑";color:#fff;}
.flx{font: normal 14px/30px "微软雅黑";color: #fff;padding: 0!important;}
.flx p:first-child{background: url(../images/pic05.png) no-repeat center left;padding-left: 25px;}
.flx p:nth-child(2){background: url(../images/pic03.png) no-repeat center left;padding-left: 25px;}
.flx p:nth-child(3){background: url(../images/pic04.png) no-repeat center left;padding-left: 25px;}
.flx p:nth-child(4){background: url(../images/pic06.png) no-repeat center left;padding-left: 25px;}
.flx p:nth-child(5){background: url(../images/pic07.png) no-repeat center left;padding-left: 25px;}
.flx p:nth-child(6){background: url(../images/pic08.png) no-repeat center left;padding-left: 25px;}
.foot-right{}
.foot-right .fewm{padding: 0px 25px!important;text-align: center;color: #fff;}
.foot-right img{width: 100%;height: auto;}
.foot2{background: #006ab3;padding: 20px 0;}
.foot2-center{max-width: 1200px;margin: 0 auto;}
.zyqy{text-align:center;line-height:25px;color: #fff;}
.zyqy a{color: #fff;}
.copyright{color: #fff;line-height: 25px;}
.copyright a{color: #fff;}

@media (max-width: 768px){
    .foot-right{padding-top: 10px;}
   .foot-right .fewm{padding: 0px 15px!important;}
}

.flink a{color:#fff;padding-right:12px;}

/*------------内页-------------------*/
.left .box{margin-bottom:20px;}
.left .box .content{padding:5px 0px;}

   .left .box{}
   .left .box h3{    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: 微软雅黑;
    font-size: 14px;
    color: rgb(255, 255, 255);
    background: rgb(30, 128, 196);}
   .sort_menu h3{background: #0b8dda;font: normal 20px/57px "微软雅黑";color: #fff;text-indent: 35px;}
   .sort_product h3{background: #0b8dda;font: normal 20px/57px "微软雅黑";color: #fff;text-indent: 35px;}
   .n_contact h3{background: #0b8dda;font: normal 20px/57px "微软雅黑";color: #fff;text-indent: 35px;}



.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%;margin:0 auto;position: relative;display:none;}
.n_banner img{width:100%;margin:0 auto}
.left{}
.sort_product{margin-top:10px;}


.n_contact{margin-top:10px;}
.n_contact .content{padding:5px;line-height:24px;}

.right{padding-bottom:10px;}

.right .content{overflow:hidden;line-height: 24px;padding-top: 10px;}

.dqwz{width:100%;padding: 15px;}
.dqwz h2{font: bold 24px/40px "微软雅黑";color: #333;width: 50%;float: left;}
.site{font:normal 14px/40px "微软雅黑";color: #333;float: right;text-align: right;}
.site a{color: #333;}

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0250a3;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
    color: white;
}

.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


@media (min-width: 1200px){
.psort h3{text-indent: 0px!important}
.psort .kk{background: #0b8dda;padding: 5%}
}


.ani{position:absolute;font:bold 25px/40px "微软雅黑";color:#000;top:35%;left:10%;width:50%;background:url(../images/line09.png) no-repeat left center;
    padding:35px 0;
}
.ani span{display: block;}
.ani span:first-child{font:normal 35px/50px "宋体";color:#000;}
.ani span:nth-child(2),.ani span:nth-child(3){font:normal 21px/40px "宋体";color:#000;}

@media (min-width: 1199px) and (max-width:1700px){
    .ani{background:none;padding:0;}
}

@media (min-width: 900px) and (max-width:1200px){
    .ani{background:none;padding:0;}
    .ani span:first-child{font:normal 20px/40px "宋体";color:#000;;}
    .ani span:nth-child(2),.ani span:nth-child(3){font:normal 18px/30px "宋体";color:#000;}
}
@media (min-width: 768px) and (max-width:899px){
    .ani{background:none;padding:0;}
    .ani span:first-child{font:normal 20x/40px "宋体";color:#000;;}
    .ani span:nth-child(2),.ani span:nth-child(3){font:normal 16px/30px "宋体";color:#000;}
}
@media (max-width: 767px){
    .ani{background:none;padding:0;}
    .ani span:first-child{font:normal 20px/50px "宋体";color:#000;;}
}


.swiper-wrapper li:nth-child(3) .ani{background:url(../images/line010.png) no-repeat left center;}

.swiper-wrapper img{width:100%;height: auto:}