.container{padding:0;} body{font-family:"Open Sans,Helvetica,Arial,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif";font-size:62.5%;overflow-x: hidden;padding-top:70px;color:#707473; font-family: "微软雅黑"} .col-md-1-5 {position: relative;width:25%;float:left;min-height: 1px;padding-right: 10px;padding-left: 10px;} /*导航*/ #nav{background:#fff;margin:0;border:none;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:100;} #nav .container{position:relative;} #nav a.navbar-brand{width:460px;height:70px;padding:0;background:url(../images/top111.png) no-repeat;margin-right:20px; background-size: contain; background-position: center center;} #nav .nav>li>a{font-size:1.6rem;text-align: center;color:#505050;height:70px;line-height:40px;} #nav .navbar-header button{border:none;margin-right:10px;} #nav .container{padding-left: 0;padding-right: 0;} /*二级菜单*/ #nav .subnav{position:absolute;display:none;background:#fff;padding:10px 0 30px 0;z-index: 10;} /*first*/ #nav .first dl{float:left;} #nav .first dl img{width:100%;} #nav .first dl dd{text-align:center;font-size:1.2rem;color:#666;margin-top:20px;} #nav .first dl dd:hover{color:#505050;} #nav .first dl dd a{color:#666} /*second*/ #nav .second .container>div{float:left;margin-right:3%;} #nav .second .left{width:30%;} #nav .second .left img{width:100%;} #nav .second .center{width:30%;padding:0 2%;} #nav .second .right{width:30%;padding:0 2%;border-left:1px solid #aaa;} #nav .second ul{width:100%;} #nav .second ul li{width:50%;float:left;margin-bottom:10px;} #nav .second ul li a{font-size:1.2rem;color:#666;} #nav .second .title{font-size:1.4rem;margin:0 0 15px 0;color:#333;font-weight:600;} #nav .second p{font-size:1.2rem;line-height:24px;color:#666;} #nav .second .space{text-decoration:none;} /*four*/ #nav .four .container>div{width:50%;float:left;} #nav .four .container>div img{width:50%;float:left;margin-right:5%;} #nav .four .container>div div{width:40%;float:left;} #nav .four .title{margin-top:0;} #nav .four .title a{font-size:1.4rem;color:#333;font-weight:600;} #nav .four .title a:hover{text-decoration:none;color:#505050;} #nav .four p{line-height:24px;} #nav .four p a{font-size:1.2rem;color:#666;} #nav .four p a:hover{text-decoration:underline;} /*.list-unstyled*/ #nav .subnav.list-unstyled{text-align: center;padding:5px 0 10px 0;} #nav .subnav.list-unstyled li{margin-bottom:10px;width:100px;padding:10px 0;} #nav .subnav.list-unstyled li a{font-size:1.4rem;color:#666;} #nav .subnav.list-unstyled li:hover{background:#ddd;} #nav .subnav.list-unstyled li:hover a{color:#505050;text-decoration:none;} /*右侧分享侧边栏*/ .toolbar-item,.toolbar-layer{background:url(../images/share.png) no-repeat;} .toolbar{position:fixed;right:0;bottom:150px;display:none;}/*假设网页宽度为1200px，导航条在右侧悬浮*/ .toolbar-item{display:block;width:52px;height:52px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;} .toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);} .toolbar-item-weixin{background-position:0 -798px;} .toolbar-item-weixin:hover{background-position:0 -860px;} .toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;} .toolbar-item-feedback{background-position:0 -426px;} .toolbar-item-feedback:hover{background-position:0 -488px;} .toolbar-item-app{background-position:0 -550px;} .toolbar-item-app:hover{background-position:0 -612px;} .toolbar-item-app .toolbar-layer{right:52px;bottom:0;width:300px;} .toolbar-item-app .toolbar-layer img{width:100%;} .toolbar-item-top{background-position:0 -674px;} .toolbar-item-top:hover{background-position:0 -736px;} .toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0); transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01); -moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;} /*底部*/ #footer .foot .container p a{color:#fff;} #footer .footer{background:#2a2a2a;color:#cacaca;padding-bottom:40px;} #footer .footer .container{padding-top:30px;} #footer .footer .container>div{float:left;} #footer .footer .title{margin-bottom:30px;font-size:2.0rem;} #footer .footer .title a{font-size:2rem;} #footer .footer a{color:#cacaca;} #footer .footer a:hover{text-decoration:none;} /*底部left*/ #footer .footer .left{width:35%; margin-right: 0;} #footer .footer .left p{width:100%;font-size:1.2rem;} #footer .footer .left p:hover{cursor:pointer} #footer .footer .left p span{float:right;} #footer .footer .left i{display:block;width:100%;border-top:1px solid #545454;margin:15px 0;} #footer .footer .left a{padding:0 2px;} #footer .footer .left a:hover{text-decoration:underline;} /*底部center*/ #footer .footer .center{width:33%;font-size:1.2rem!important;padding-left:40px;} #footer .footer .center ul li{padding-left:42px;margin-top:30px;background:url(../images/weibo.png) no-repeat;background-size:32px;line-height:2} /*#footer .footer .center ul li p{line-height:24px;}*/ /*底部right*/ #footer .footer .right{width:32%;padding-left:50px;} #footer .footer .right>div{width:100%;height:32px;position:relative;} #footer .footer .right p.call{font-size:1.8rem;margin-top:20px;} #footer .footer .right .share .weixinshare{display:none} /*#footer .footer .right input{background:transparent;border:1px solid #cacaca;width:60%;height:100%;margin-top:-1px;border-radius:5px 0 0 5px;} #footer .footer .right span{cursor:pointer;background: #cacaca;border-radius:0 5px 5px 0;color:#2a2a2a;border:1px solid #ddd;display:inline-block;width:50px;height:100%;position:absolute;top:-1px;line-height:32px;text-align:center;font-size:1.6rem;} */ #footer .footer .right p{font-size:1.2rem;} #footer .footer .right p.title{font-size:2.0rem;} #footer .share{width:100%;margin-top:30px;} #footer .share .img-1{height:40px;width:48px} #footer .share .img-2{height:45px;width:45px;margin:0 20px;} #footer .share .img-3{height:30px;width:150px} #footer .footer>p{display:none;} /*搜索样式*/ #footer .footer .right .input-group-btn{width:25%;color:#000} /*最底部*/ #footer .foot{background:#272727;color:#fff;font-size:1.2rem;} #footer .foot p{margin:20px 0 10px 0;} #footer .foot p span{margin-left:50px;} #footer .foot span a{color:#fff;text-decoration:underline;margin:0 5px;} #phone{display:none;} #myCollapse .navbar-right li>span{display:none;} /*移动端*/ @media screen and (max-width: 768px){ body{padding-top:50px;} /*nav*/ #nav .container .navbar-header{margin-top:0;} #nav a.navbar-brand{width:80%;height:50px;background:url(../images/top111.png) no-repeat;background-size:100% 50px;margin-right:0;margin-left:5px; background-position: center center; background-size: contain;} #nav .container{padding:0 10px;} /*footer*/ #footer .left{display:none;} #footer .container{padding:0 10px;} #footer .footer{padding-bottom:10px;} #footer .footer .container>div{width:100%;} #footer .footer .container{padding-top:10px;} #footer .footer .center{padding-left:0;} #footer .footer .center ul li{margin-top:0;background-size:20px;padding-left:30px;color:#9f9f9f;} #footer .footer .center ul li p{line-height:24px;margin-bottom:20px;} #footer .footer .center ul li a{color:#9f9f9f;} #footer .footer .center ul li span{display:none;} #footer .footer .center ul li:last-child{display:none;} #footer .footer .right{padding-left:0;} #footer .footer .right .title{margin:15px 0 0 0;} #footer .footer .right .call{margin-bottom:10px;padding-left:0;} #footer .footer .right .blog-module{margin:20px 0 30px 0;} #footer .footer .right .call{margin:50px 0 10px 0;} #footer .footer .right p{padding:10px 0 0 20px;border-top:1px solid #656565;color:#9f9f9f;font-size:1.2rem;} #footer .footer .right p.title{padding-left:0;} #footer .footer .right p.bord{border-bottom:1px solid #656565;padding-bottom:10px;margin-bottom:0;} #footer .footer .right p.inline{display:inline-block;border-top:none;margin-right:10px;} #footer .footer .right p.f_1{background:url(../images/foot_1.png) no-repeat left 10px;background-size:16px;} #footer .footer .right p.f_2{background:url(../images/foot_2.png) no-repeat left 10px;background-size:16px;} #footer .footer .right p.f_3{background:url(../images/foot_3.png) no-repeat left 10px;background-size:16px;} #footer .footer .right p.f_4{background:url(../images/foot_4.png) no-repeat left 10px;background-size:16px;} #footer .share{margin-top:0;border-top:1px solid #656565;padding-top:10px;} #footer .share .img-1{height:26px;width:32px;} #footer .share .img-2{height:30px;margin:0 20px;width:30px;} #footer .share .img-3{height:14px;width:70px;} #footer .share a img{opacity:0.7;} #footer .footer>p{display:block;margin-top:50px;text-align: center;} #footer .footer>p a{font-size:1.2rem;color:#f7f7f7;padding:0 10px;} #footer .footer>p a:not(:last-child){border-right:1px solid #f7f7f7;} /*.foot*/ #footer .foot{display:none;} #footer .foot_link{display:none;} /*phone*/ #phone{display:block;background:#f7f8f9;padding:30px 0;} #phone p{margin:0 0 5px 0;padding-left:10px;font-size:1.2rem;color:#707473;} #phone p a{font-size:1.2rem;color:#707473;margin-right:10px;} #phone a:hover{text-decoration:none;} #phone p b{font-size:3rem;font-weight:400;} #nav .nav>li>a{text-align: left;height:46px;line-height:35px;border-bottom:1px solid #ddd;} #myCollapse .navbar-right li>span{display:block;position: absolute;right:0;top:0;font-size:2rem;padding:0 25px;border-left:1px solid #ddd;height:46px;line-height:46px;border-bottom:1px solid #ddd;} .navbar-nav{margin:0 -15px;padding-bottom:30px;} #myCollapse .nav_block{display: none;width: 100%;position: static;} #nav .subnav.list-unstyled li{width:100%;text-align:left;padding-left:30px;border-bottom:1px solid #ddd;} #nav .subnav.list-unstyled li a{color:#000;} .navbar-right .first img{display:none;} #nav .first dl{float:none;border-bottom:1px solid #ddd;padding:8px 0 8px 40px;margin-bottom:0;} #nav .first dl dd{text-align:left;margin-top:0;} #nav .first dl dd a{color:#000;font-size:1.4rem;} #nav .nav_block .container{padding:0;} #nav .subnav{padding:0;} #nav .subnav.list-unstyled{padding:0;} #nav .second .left{display:none;} #nav .second .center p{display:none;} #nav .second .center{width:100%;padding:0;} #nav .second .center li{width:100%;clear:both;border-bottom:1px solid #ddd;margin-bottom:0;padding:8px 0 8px 40px;} #nav .second .right p{display:none;} #nav .second .right{width:100%;padding:0;} #nav .second .right li{width:100%;clear:both;border-bottom:1px solid #ddd;margin-bottom:0;padding:8px 0 8px 40px;display:block;} #nav .second .space{display:none;} #nav .second ul li a{font-size:1.4rem;color:#000;} #nav .subnav.list-unstyled li{margin-bottom:0;padding:8px 0 8px 40px;} #myCollapse .navbar-nav{margin:0 -15px;} #footer .footer .center{display:none;} } /*pad*/ @media screen and (min-width: 768px) and (max-width:991px) { #nav .navbar-left{display:none;} #myCollapse{height:70px;} #footer .footer .center{display:none;} } @media (max-width: 1200px) { #nav a.navbar-brand{width:80%; max-width: 400px;} } @media screen and (max-width: 1200px) { #myCollapse .nav>li>a{padding: 5px 10px;} }