*,ul{margin: 0;padding: 0;font-family: "微软雅黑"}

body{overflow-x: hidden}

h4,h5{margin: 0;padding: 0}

ul li{list-style: none}

.clear{clear: both}

#nav{width: 100%; }

.nav-main{max-width:1400px;margin: auto;overflow: hidden}

#nav .logo{;float: left;margin:23px  0;}

#nav .navli{float: right;width: 72%;font-size: 16px;text-align: center}

.navli ul{overflow: hidden}

.navli a{text-decoration: none;color: black}

.navli a:hover{color: black }

.glyphicon{display: none;}

.navli ul  li{float: left;

   /* width: calc(100% / 9 - 5px);*/

   margin:0px 35px 0px 0px;

    line-height: 80px;font-size: 16px!important}



@media(max-width: 1400px){

    #nav .logo{ margin:15px  10px;}

    #nav .navli{ right:0;  width: 80%;

        z-index: 10;

        background-color: #ffffff;}

    .navli  li{float: none; line-height: 60px!important}

    .glyphicon{ position: fixed;top: 10px;right: 20px;font-size: 30px;z-index: 11}

}
@media(max-width: 1250px){ #nav .navli{width: 50%;height: 100%;display: none;position: fixed;}
.navli li{float: none!important;}
.glyphicon{display: block;}
}
@media(max-width: 480px){


    .navli ul  li{line-height: 70px}
}
 
a{text-decoration: none;color: white}

a:hover{text-decoration: none;color: white}

ul li{list-style: none;margin:  0;padding: 0}

#footer{width: 100%;  background-image: url(/static/template/canai/images/1-bgi.png);

}

.footer_main{max-width: 1400px;margin: auto; }

.footer_main  p:nth-child(1){font-size:18px;  font-weight:bold;padding-top: 60px ;

    color:rgba(255,255,255,1); line-height:24px;}

.all_city{width:100%; overflow: hidden;margin-top: 30px;padding: 0}

.all_city li{width: calc(100% / 7 - 30px);float: left;margin-right: 30px;margin-bottom: 20px;font-size: 16px;color: #FFFFFF;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.href a{margin-right: 30px;font-size: 16px;line-height: 50px}

.href p{color: white; font-size: 16px; width: 100%;line-height: 30px }

@media(max-width: 980px){

    .footer_main  p:nth-child(1){padding-top: 30px}

    .footer_main{width: calc(100% / 1 - 20px);margin: 0 10px}

    .all_city li{width: calc(100% / 4 - 0px);margin:  0 ;  }

    #footer{height: 430px!important;}

}

@media(max-width: 480px){

    .all_city li{width: calc(100% / 2 - 0px);margin:  0 ; }

    #footer{height: 700px!important;}

}

/*固定的悬浮窗*/



.yb_conct{position:fixed;z-index:9999999;top:50%;right:-130px; transition:all .3s ease;}

.yb_conct:hover{right: 0}

.yb_bar ul li{width:180px;height:40px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;

    margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden; }

.yb_bar li p{margin-top: -8px}

.yb_bar .yb_top{background: #000000 url(../images/fanhui@2x.png) no-repeat 8px ; opacity: 0.7;

    cursor: pointer;}

.yb_bar .yb_phone{background: #000000 url(../images/tel@2x.png) no-repeat 8px;opacity: 0.7}

.yb_bar .yb_QQ{text-indent:0;background: #000000 url(../images/qq%20@2x.png) no-repeat 8px ;opacity: 0.7}



.yb_bar .yb_ercode{background: #000000 url(../images/erweima@2x.png) no-repeat 8px ;opacity: 0.7}

.yb_tel{text-indent: 0px!important;background-color: #000000;opacity: 0.7;display:none;height: 130px}

.yb_tel p{line-height: 25px;margin-top: 10px!important;text-indent: 20px}

.yb_tel input{border: none;line-height:30px;font-size: 15px; width: calc(100% / 1 - 30px);margin: 2px 15px;color: black }

.yb_tel button{width: calc(100% / 1 - 60px);margin: 10px 30px;color: black;line-height: 30px;outline: none;border: none;}

.hd_qr{padding:0 29px 25px 29px;}



#list6 {max-width: 1400px;margin: auto;overflow: hidden;padding-bottom: 120px}

#list6 a{color: black}

#list6 h6{font-size: 28px;text-align: center;line-height: 50px;padding: 50px}

.probl{float: left;width: calc(100% / 3 - 150px);margin: 0 75px}

.titlee{overflow: hidden}

.titlee p{float: left;font-size: 18px;line-height: 25px}

.titlee a{float: right;color:black;font-size: 18px;line-height: 25px}

.probl_img img{width: 100%}

.probl_art li{overflow: hidden;line-height: 30px}

.probl_art li P{float: left;width: 60%;overflow: hidden;

    text-overflow:ellipsis;  white-space: nowrap;}



.probl_art li span{float: right;color: #999999;width: 26%}

@media(max-width: 980px){

    #list6{width: 100%}

    .probl{width: calc(100% / 1 - 20px);margin:  0 10px}

}