.clearfix:after {clear: both; content: ""; display:block; height: 0; overflow: hidden; visibility: hidden; }

.clearfix { zoom:1;}



.nav{background: #000;width: 100%;height: 50px;}

.nav ul{text-align: center;width: 100%;margin: 0 auto;}

.nav li{background: #000;display:inline-block;height: 50px;line-height: 50px;width:calc(100%/9 - 2px);position: relative;overflow: hidden;}

.nav li a{display: block;width: 100%;height: 50px;;position: relative;}

.nav li a .t1{color: #cfcfcf;position: absolute;top: 0;left: 0;width: 100%;}

.nav li a .t2{color: #000;background: #fff;position: absolute;top: -60px;left: 0;transform:none;width: 100%;opacity: 0;}

.nav li a:hover .t1{top: -60px;}

.nav li a:hover .t2{top: 0px;transition: all 500ms;opacity: 1;}





.banner{width: 100%;position: relative;}



.top{background: #4C4C4C;width: 100%;height: 75px;text-align: center;position: absolute;top: 0;z-index: 99;}

.top .toplogo{background: #C31515;width: 50%;float: left;height: 135px;}

.top .toplogo .tlogo{float: right;margin-top: 35px;}

.top .toptel{background:url(../images/tel.png) left center no-repeat;background-size: auto 60px;height: 75px;float: left;display: table;

    /* width: 15%; */

    margin-left: 8%}

.top .toptel>div{display: table-cell;text-align: left;vertical-align: middle;color: #fff;padding-left: 65px;}

.top .topshare{width: 20%;float: left;height: 75px;overflow: hidden;}

.top .topshare ul {margin-top: 16px}

.top .topshare ul li{display: block;float: left;margin-left: 15px;  width: 48px;

    height: 48px;

    border: 1px solid #fff;

    border-radius: 50%;}

.top .topshare .sharebt1{background: url(../images/share.png) no-repeat 2px 0;



  }





.top .topshare .sharebt2{background: url(../images/share.png) no-repeat -58px 0;

}



.top .topshare .sharebt3{background: url(../images/share.png) no-repeat -117px 0;



}



.top .topshare .sharebt3 .share3ewm{position: absolute;top: 75px;right: 17%;background: #777879;padding: 10px;color: #fff;display: none;}





.top .topshare .sharebt4{background: url(../images/share.png) no-repeat -178px 0;

}



.top .topshare .sharebt1:hover,.top .topshare .sharebt2:hover,.top .topshare .sharebt3:hover,.top .topshare .sharebt4:hover{background-color: #000;cursor: pointer;}



.paging{text-align: center;width: 100%;margin-top: 30px;}

.paging span,.paging a{padding: 5px;border: #E6E6E6 1px solid;margin:2px; }

.paging .current{background: #E6E6E6 ;}



.swbanner{padding-top: 75px}



.tabcontent .tab_c .cont2,.tabcontent .tab_c .cont3{display: none;}





@media screen and (min-width:1920px)

{

    .top .topshare .sharebt3 .share3ewm{right: 26%;}

    .nav ul{width: 60%;}

}



@media screen and (max-width:1919px)

{

    .nav ul{width: 70%;}

    .top .topshare .sharebt3 .share3ewm{right: 26%;}



}



@media screen and (max-width:1366px)

{

    .top .toptel{width: 15%;margin-left: 6%;}

    .top .topshare{width: 29%;}

    .nav ul{width: 80%;}

    

}



@media screen and (max-width:920px)

{

    .top .toptel{width: 8%;margin-left: 5%;} 

    .top .toptel>div{display: none;}

    .top .topshare{width: 37%;}

   

    .top .topshare ul li{margin-left: 13px;}

    .top .topshare .sharebt3 .share3ewm{right: 28%;}

    .nav ul{width: 100%;}

}





@media screen and (max-width:820px)

{

    .top .toplogo .tlogo{width: 100%;}

}



@media screen and (max-width:700px)

{

    .top .toptel{width: 9%;margin-left: 4%;} 

    .top .toptel>div{display: none;}

    .top .topshare{width: 24%;}

    .top .topshare ul li{margin-left: 7px;}

}





@media screen and (max-width:640px)

{

    .nav ul{width: 100%;}

    .top{position: relative;}

    .top .toptel{width: 10%;margin-left: 1%;} 

    .top .toptel>div{display: none;}

    .top .topshare ul li{margin-left: 5px;}

    .top .toplogo{height: 75px;}

    .top .toplogo .tlogo{margin-top: 16px;}

    .swbanner{padding-top: 0px}

}



@media screen and (max-width:415px)

{

    

    .nav ul{width: 100%;}

    .top{position: relative;}

    .top .toptel{width: 10%;margin-left: 15%;background-size: auto 40px;background-position: 0 13px} 

    .top .toptel>div{display: none;}

    .top .topshare ul li{margin-left: 0px;width: 32px;height: 32px;}

    .top .toplogo{height: 75px;}

    .top .toplogo .tlogo{margin-top: 22px;}



    .top .topshare .sharebt1 {

        background: url(../images/share.png) no-repeat -6px -8px;

    }



    .top .topshare .sharebt2 {

        background: url(../images/share.png) no-repeat -66px -9px;

    }



    .top .topshare .sharebt3 {

        background: url(../images/share.png) no-repeat -126px -8px;

    }



    .top .topshare .sharebt4 {

        background: url(../images/share.png) no-repeat -186px -9px;

    }

   

}