@charset "utf-8"; /*移动端*/ .row{ margin-right: -15px; margin-left: -15px; } .navbar-default .navbar-nav>li>a{ color: #666666; } .navbar-default .navbar-nav>li>a:hover{ color: #666666; } .nav-sub{ position: relative; } .col-pro-m-5{ width: 100%; overflow: hidden; padding: 10px; } .col-pro-m-7{ width:100%; overflow: hidden; padding: 10px } .col-m-6{ width: 50%; overflow: hidden; float: left; margin-bottom: 15px; padding: 0px 15px; } .cho-e a{ font-size: 16px; color: #FFFFFF; padding: 34px 22px; display: block; background-color: #0081cc; } .in-jian{ margin: 45px auto; } /* 小屏幕(平板,大于等于 768px) */ @media (min-width: 768px){ /* .img-menu{ width: 100%; height: 10%; }*/ .img-menu{ width: 100%; overflow: hidden; position: relative; top: 0px; left: 0px; right: 0px; height: 0px; padding-bottom: 27%; margin-bottom: 20px; } .in-bigbox{ width: 100%; overflow: hidden; position: relative; top: 0px; left: 0px; right: 0px; height: 0px; padding-bottom: 48%; margin-bottom: 20px; } .ng-baidumap { width: 100%; overflow: hidden; position: relative; top: 0px; left: 0px; right: 0px; height: 0px; padding-bottom: 27%; margin-bottom: 20px; } .navbar{ min-height: 90px; border: none; margin-bottom: 0; } .navbar-default { background-color: #FFFFFF; } .navbar-default .navbar-nav > li > a{ font-family: "微软雅黑"; font-size: 12px; padding: 13px 12px; line-height: 30px; display: block; color: #666666; } .row{ margin-right: -30px; margin-left: -30px; } .col-pro-m-5{ width: 47%; overflow: hidden; float: left; } .col-pro-m-7{ width:52%; float: right; } .col-pro1-m-5{ width: 47%; overflow: hidden; float: right; } .col-pro1-m-7{ width:52%; float: left; } .col-m-6{ width: 50%; overflow: hidden; float: left; margin-bottom: 18px; padding-right: 10px; } .in-jian-l{ width: 50%; overflow: hidden; float: left; padding: 0px; } .in-jian-r{ width: 50%; overflow: hidden; float: right; background: #f3f3f3; /* padding-bottom:29.7%; */ padding: 55px 42px; margin: 0px; } .in-jian-r h4{ color: #333333; font-size: 20px; font-weight: 600; } .in-jian-t{ margin: 20px 0px 70px 0px; } .in-jian-text{ color: #666666; line-height: 35px; } .in-more{ padding: 5px 15px 5px 0px; color: #0081cc; text-decoration: underline; font-size: 17px; display: block; } .in-more img{ display: inline-block; margin-left: 10px; } .in-jie-box{ width: 100%; margin: 35px auto 50%; } .in-jie-fen-l{ width: 50%; overflow: hidden; position: relative; float: left; z-index: 1; } .in-jie-fen-r{ width: 50%; height: 300px; float: right; position: relative; } .in-jie-fen-r .in-jie-tit{ width: 115%; position: absolute; top: 50px; right: 0px; background: #54c2f0; padding-left: 20%; padding-right: 8%; line-height: 35px; color: #ffffff; } .in-jie1{ text-align: center; color: #ffffff; margin: 35px auto 20px; } .in-jie1 h3{ font-size: 33px; margin-bottom: 10px; font-weight: 500; margin-top: 105px; } .in-jie-han{ width: 100%; overflow: hidden; font-size: 14px; line-height: 42px; color: #ffffff; padding: 57px 20px 33px 20px; } .in-jie-box{ width: 100%; margin: 35px auto 75%; } .t-container{ max-width: 100%; margin:0 auto; overflow: hidden; } .cho-e a{ font-size: 12px; color: #FFFFFF; padding: 20px; display: block; background-color: #0081cc; } .ng-box-news-p1{ font-size: 12px; color: #333333; font-weight: 600; padding: 5px 0px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ng-box-news-p1 span{ font-size: 12px; display: inline-block; float: right; color: #0081cc; font-weight: 600; } .ng-box-news-p2{ font-size: 12px; text-indent: 2em; color: #999999; line-height: 26px; padding: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .ng-box { width: 109%; margin-top: 50px; overflow: hidden; } } @media (min-width: 992px){ .in-jie-box{ width: 100%; margin: 35px auto 50%; } .ng-box-news-p1{ font-size: 16px; color: #333333; font-weight: 600; padding: 5px 0px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ng-box-news-p1 span{ font-size: 14px; display: inline-block; float: right; color: #0081cc; font-weight: 600; } .ng-box-news-p2{ font-size: 14px; text-indent: 2em; color: #999999; line-height: 30px; padding: 13px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ng-box-r .left{ float: left; width: 50%; } .ng-box-r .right{ float: left; width:50%; padding-left: 50px; } } @media (min-width: 1024px){ .navbar{ min-height: 90px; border: none; margin-bottom: 0; } .navbar-default { background-color: #FFFFFF; } .navbar-header{ min-height: 90px; } .navbar-default .navbar-nav > li > a{ font-family: "微软雅黑"; font-size: 14px; padding: 30px 20px; line-height: 30px; display: block; color: #666666; } .cho-e a{ font-size: 16px; color: #FFFFFF; padding: 34px 22px; display: block; background-color: #0081cc; } } @media (min-width: 1198px){ .in-jie-box{ width: 100%; margin: 35px auto 45%; } } /* 大等屏幕(桌面显示器,大于等于 1200px) */ @media (min-width: 1200px){ .t-container{ max-width: 1400px; margin:0 auto; overflow: hidden; } } @media (max-width: 992px){ .am-ipadnav{display: inline-block;} .navigation-wap{display: none;position: absolute;top:60px;left: 0;width: 100%;background:#ffffff;z-index: 99;} .navigation-wap ul{width: 98%;margin: 0 auto;} .navigation-wap li{position: relative;width: 100%;border-bottom: 1px solid #dddddd;line-height:40px;font-size:1.2rem;padding: 0;text-align: left;} .navigation-wap li .more{float: right;} .navigation-wap li .link.mo a{background: url(../images/new-down.png) right 60% no-repeat;} .navigation-wap li.on .link.mo a{background: url(../images/new-top.png) right 60% no-repeat;} .navigation-wap .nav-child{display: none;padding-left: 27px;} .navigation-wap .nav-child .nav-child-li{border-top: 1px solid #dddddd;line-height: 40px;} .in-new-li{margin-top: 0;} .in-jian{ margin: 20px auto; } } @media (max-width: 768px){ .in-jian h3{font-size:20px;} .in-jian p{margin-bottom: 0;font-size: 18px;} .in-bo{margin: 0 0 10px 0;} .in-new-top p{font-size: 16px;} .in-new-a{font-size: 14px;} }