/*设置浮动*/ .fl {float: left;} .fr {float: right;} .clearfix:after {content: "";display: block;height: 0; clear: both;} .clearfix {zoom: 1;} .flex{display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex; } .flex1{-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1; -ms-flex: 1 flex: 1; } input, textarea { font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif; } img {border: 0px;vertical-align: middle;} #wrapper { width: 100%; margin: 0px auto; } .table_box{display: table;text-align: center;} .table_cell{display: table-cell;vertical-align: middle;} .common-img { background: url(../_files/Images/common.png) no-repeat;} /*.su_leftmenu{display: none;}*/ /*底部*/ .footer .footer_top { margin-top: 20px; padding-top: 20px; } .footer .footer_top .friend-ico { float: left; width: auto; } .footer .footer_top .top_right {color: #222222;font-size: 12px; text-align: right; } .footer .footer_top .top_right li { display: inline-block; } .footer .footer_top .top_right li a { color: #222222; } .footer .footer_top .top_right li a:hover { color: rgb(34, 34, 34); } .footer .footer_top .top_right span { display: inline-block; padding: 0px 5px; } .footer .footer_top .top_right p { display: inline-block; margin: 5px 0px 5px 8px; } .footer_bottom{width: 100%;background: url(../../_files/Images/bg_footer.jpg) no-repeat;background-size: 100% 100%;padding:8px 0;} .bottom_left{float: left;width: 70%;} .footer_logo{float: left;height: 150px;} .company_info{font-size: 14px;color: #fff;line-height: 25px; float: left;margin-left: 40px;padding-left:42px;background:url(../../_files/Images/foot_line.png) no-repeat left center;} .bottom_right{float: right;width: 30%;text-align: right;} .bottom_right .imgbox{text-align: center;display: inline-block;margin:0 20px;} .bottom_right .imgbox p{height: 30px;line-height: 30px;text-align: center;color: #fff;font-size:14px; } @media (max-width: 1024px){ .wrap{width:96%;margin:0 auto;} .top .topbar .topbar-l{ padding-left:0px;} .hidden_xs{display: none;} .headDiv{ height:60px; z-index:7;} .headDiv .logo{ left:10px; top:17px;} .headDiv .logo img{height: 50px;margin:5px 0;} .headDivcon{position: relative;} .navIco{ display:block; width:38px; height:60px; position:absolute; top:0px; right:0px;} .navIco img{ width:30px; position:relative; top:20px;} .navContent a {display: block;height: 36px;line-height: 36px;color: #333;font-size: 14px;} /*导航菜单触发*/ .navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:22; right:-100%; top:0px;} .navLayer .top{ position:relative; height:60px; background:#fff;} .navLayer .logo{ position:absolute; left:10px; top:7px;} .navLayer .logo img{ position:relative; width:70px;} .navLayer .closeBtn{ display:block; width:24px; height:24px; background:url(../../_files/Images/close3.png) center no-repeat; background-size:24px; position:absolute; top:12px; right:10px; z-index:11;} .navLayer .bg{overflow-x: auto;position:relative; background:#fafafa; height:100%; width:80%; margin-left:20%;} .sideNav{ padding:0 15px;} .subNav{ cursor:pointer; display:block; height:40px; line-height:40px; border-bottom:1px solid #ccc; position:relative; font-size:14px; color:#333;} .subNav1{ background:url(../_files/Images/nimg28_1.png) right center no-repeat; background-size:16px;} .subNav .name{ position:relative;} .subNav .name a{ display:block; color:#333;} .currentDt{ background:url(../_files/Images/nimg28_1on.png) right center no-repeat; background-size:16px;} .navContent{display: none;} .navContent li{ position:relative;} .navContent .back{ border-bottom:#ccc solid 1px;} .navContent .back img{ width:9px;} .navContent a{display:block; height:36px; line-height:36px; color:#333; font-size:14px;} .navContent .list{ display:none;} .sideNav .list .aNow{ color:#fff;} .sideNav .list a{ font-size:13px; color:#666;} .sideNav li em a{ background:url(../../_files/Images/nimg28_1.png) right center no-repeat; background-size:16px;} .sideNav li em a.aNow{ background:url(../../_files/Images/nimg28_1on.png) right center no-repeat; background-size:16px;} } @media (min-width: 768px){ .wrap{width:96%;margin: 0px auto; } } @media (min-width: 1025px){ .wrap{width:992px;margin: 0px auto; } .hidden_lg{display: none;} } @media screen and (min-width: 1280px){ .wrap{width:1200px;margin: 0px auto; } } @media (max-width: 767px){ .bdshare-slide-button-box{display: none!important;} } @media (min-width: 768px) and (max-width: 1024px){ .bottom_left{width:60%;} .bottom_right{width: 40%;} .footer_logo img{max-width: 90px;} .company_info{margin-left: 20px;padding-left: 20px;} .bottom_right .imgbox img{max-width:100px;} } @media (max-width: 767px){ .bottom_left{width:100%;} .bottom_right{width: 100%;text-align: center;} .footer_logo img{max-width: 50px;} .company_info{margin-left: 10px;padding-left: 10px;font-size: 13px;line-height: 22px;} .bottom_right .imgbox img{max-width:100px;} .news .news-left .switch-bar ul li{width: 25%;} .news .news-left .sublist li span{width: 70%;} .footer .footer_top{text-align: center;} .footer .footer_top .top_right{text-align: left;} .footer .footer_top .friend-ico{float: none;display: inline-block;margin-bottom: 10px;} .footer .footer_top .top_right p{margin:4px 0;} }