@charset "utf-8"; body { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; color: #666; } body{color:#333; font-family:"microsoft yahei",Arial,'微软雅黑'; background: #F8F8F8;} a{text-decoration:none; color:#333;outline:none;-moz-outline:none;} a:hover{text-decoration: none; color:#999;outline:none;-moz-outline:none;} a:focus{outline:none;-moz-outline:none;text-decoration:none;} .warp{padding:0 0 20px;min-height:100%;} .warp .box{max-width:1600px;margin:0 auto;} .clear{ clear:both} .ohidd{ overflow:hidden;*zoom:1;} .blue,blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a{ color:#004499} .keylink,.keylink:link,.keylink:hover,.keylink:active {text-decoration:underline;width:26px; height:22px; line-height:22px; background:#fff; border:1px dotted #aaa; text-align:center} textarea{border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-bottom:8px} .input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px} input.date,input.endDate{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;} ul,li,ol{list-style: none; margin: 0; padding: 0;} .pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px} .gray{background: #f8f8f8 !important;} .ib, .ib-li li, .ib-a a, .ib-span span,.btn,.btn input,.photo-hot li,.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;} .left-nav{display: inline-block;float:left;margin-right:30px;} .left-nav ul{} .left-nav ul li{width: 255px; line-height: 40px;color: #999;margin-top:1px;} .left-nav ul li a{color: #333; padding: 0 10px; display: block;} .left-nav ul li.active{} .left-nav ul li.active>a{color:#fff;background:#ee7800;} .left-nav ul li.active-parent>a{background:#666;} .left-nav ul li ul{display:none;} .left-nav ul li ul li{background:#fff;} .left-nav ul li ul li a{padding:0 10px 0 38px;color:#333;} .left-nav ul li ul li.active{background:#ee7800;} .left-nav ul li ul li.active a{color:#fff;background:#ee7800;} .left-nav ul li.active ul{display:block;} .left-right{width:428px;margin-left:40px;float:right;} .logo { padding:0; } #myCarousel{margin:0;} #navbar-collapse ul { margin-top:0; } .carousel-inner img { margin: 0 auto; } /*.carousel-control { font-size: 100px; }*/ .tab-h2 { font-size: 20px; text-align: center; letter-spacing: 1px; color: #0059b2; } .tab-p { font-size: 15px; text-align: center; letter-spacing: 1px; color: #999; margin: 20px 0 40px 0; } .tab1 { margin: 30px 0; color: #666; } .tab1 .text-muted { color: #999; text-decoration: line-through; } .tab1 .media-heading { margin: 5px 0 20px 0; } .tab1 .col { padding: 20px; padding-bottom: 50px; } .tab2 { background-color: #eee; padding: 60px 20px; text-align: center; } .tab2 img { width: 40%; height: 40%; } .tab3 { padding: 60px 20px; text-align: center; } .tab3 img { width: 65%; height: 65%; } .text h3 { font-size: 20px; } .text p { font-size: 14px; } .jumbotron { background-image: url(../images/bg.jpg); margin: 50px 0 30px 0; color: #ccc; } .jumbotron h1 { font-size: 26px; padding: 0 0 0 20px; } .jumbotron h4 { font-size: 15px; padding: 0 0 0 20px; } #information { background-color: #eee; padding: 40px 0; } .info-content { background-color: #fff; margin: 0 0 20px 0; box-shadow: 2px 2px 3px #ccc; } .info-content img { margin: 12px 0; } .info-content h4 { color: #333; padding: 2px 0 0 0; font-size: 14px; } .info-content p { line-height: 1.6; } .info-right { background-color: #fff; box-shadow: 2px 2px 3px #ccc; } .info-right blockquote { margin: 0; padding: 0; } .info-right h2 { font-size: 20px; color: #333; padding: 5px; } .info-right h4 { color: #333; font-size: 16px; padding: 2px 0 0 0; line-height: 1.6; } #case { padding: 40px 0; background-color: #eee; text-align: center; } #case h4 { color: #666; } #case p { color: #666; line-height: 1.6; } #about { background-color: #eee; padding: 40px 15px; } #about a { color: #0059b2; } #about .about { background-color: #fff; box-shadow: 2px 2px 3px #ccc; } #about h3 { color: #333; font-size: 18px; border-bottom: 1px solid #eee; padding: 20px 0; margin: 0 0 10px 0; } #about p { line-height: 2; font-size: 13px; } #footer{background-color:#232323;color:#c9c9c9;font-size:16px;} #footer .container{width:100%;max-width:1600px;} #footer .nav-foot{margin-top:34px;font-size:16px;} #footer .nav-foot a{display:inline-block;width:167px;height:30px;line-height:30px;color:#c9c9c9;} #footer .nav-foot a:active,#footer .nav-foot a:hover{text-decoration:none;} #footer .link{margin-top:30px;} #footer .link a{color:#c9c9c9;margin-right:45px;} #footer .link a:last-child{margin-right:0;} #footer .copyright{margin:30px 0 0;padding:30px 0;line-height:20px;border-top:1px solid #999;} #footer .copyright a{color:#c9c9c9;} #footer .copyright img{vertical-align:middle;} #footer .nav-trademark{margin-top:30px;line-height:31px;} #footer .nav-trademark img{display:inline-block;vertical-align:middle;margin-right:10px;} #footer .nav-trademark span{display:inline-block;} @media screen and (max-width: 768px) { #footer .link{text-align:center;} #footer .link a{display:block;margin-right:0;} } /*没有小于768px，是因为Bootstrap3以移动端优先设计*/ /* 小屏幕（平板，大于等于768px） */ @media (min-width: 768px) { .tab-h2 { font-size: 26px; } .tab-p { font-size: 16px; } .text h3 { font-size: 22px; } .text p { font-size: 15px; } .tab2-text { float: left; } .tab2-img { float: right; } .jumbotron h1 { font-size: 30px; } .jumbotron h4 { font-size: 16px; } .info-content h4 { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #about h3 { font-size: 19px; } #about p { font-size: 14px; } } /* 中等屏幕（桌面显示器，大于等于992px） */ @media (min-width: 992px) { .tab-h2 { font-size: 28px; } .tab-p { font-size: 17px; } .text h3 { font-size: 24px; } .text p { font-size: 16px; } .jumbotron h1 { font-size: 33px; } .jumbotron h4 { font-size: 17px; } .info-content h4 { font-size: 18px; } #about h3 { font-size: 20px; } #about p { font-size: 15px; } } /* 大屏幕（大桌面显示器，大于等于1200px） */ @media (min-width: 1200px) { .tab-h2 { font-size: 30px; } .tab-p { font-size: 18px; } .text h3 { font-size: 26px; } .text p { font-size: 18px; } .jumbotron h1 { font-size: 36px; } .jumbotron h4 { font-size: 18px; } .info-content h4 { font-size: 20px; } #about h3 { font-size: 22px; } #about p { font-size: 16px; } } .art-nav{margin-bottom:15px;color:#666;} .art-nav a{color:#666;} .art-detail{width:920px;margin:0 auto;min-height:300px;} .art-product{width:100%;max-width:980px;} .art-product .cover{text-align:center;} .art-product .cover .img-responsive{display:inline;} .art-list{width:100%;max-width:1600px;float:left;text-align:center;min-height:300px;} .art-list .list{padding: 0;text-align:left;} .art-list .list li{width: 100%;border-bottom:1px solid #f8f8f8;padding:30px 30px 30px 0;} .art-list .list li:nth-child(1){border-top:1px solid #f8f8f8;} .art-list .list li:nth-child(2n){background-color:#fff;} .art-list .list li:hover{background:#fff;box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.25);} .art-list .list li .time{float: left; border: 1px solid #efefef; border-radius: 5px; width: 80px; line-height: 35px; text-align: center;} .art-list .list li .time .day{font-size: 24px; line-height: 40px; border-bottom: 1px solid #efefef; color: #333333; font-weight: bold; display: block;} .art-list .list li .time .moth{font-size: 16px; color: #ffffff; line-height: 35px; background: #0583F2; border-radius: 0 0 5px 5px; display: block;} .art-list .list li .info{margin:0 auto 20px;display:flex;align-items:center;} .art-list .list li .empty{padding:0;margin:45px auto;text-align:center;} .art-list .list li .author{width:150px;font-size:18px;font-weight:700;color:#666;text-align:center;} .art-list .list li .detail{flex:1;} .art-list .list li .tit{display:inline-block;} .art-list .list li .tit a{font-size:32px;color:#333;line-height:40px;} .art-list .list li .tit a:hover{color: #999;} .art-list .list li .cover{width:280px;margin-right:30px;text-align:center;} .art-list .list li .cover img{width:280px;display:block;border-radius:20px;} .art-list .list li .des{line-height: 28px; display: block; overflow: hidden;margin-top:20px;font-size:16px;color:#666;} .art-list .list li .viewbtn{margin-top:30px;} .art-list .list li .viewbtn a{color:#666;} .art-list .list li .btn-default{color:#fff;border:none;background:#666;padding:0;line-height:40px;width:100px;margin:10px 0;} .art-list .list li .btn-default:hover{background:#999;} .art-list-photo{width:100%;max-width:1600px;text-align:center;min-height:300px;} .art-list-photo .list-art-detail{min-height:0;float:none;} .art-list-photo .list{width:100%;display:flex;flex-wrap:wrap;} .art-list-photo .list li{width:25%;padding-top:30px;} .art-list-photo .list li .info{margin:0 20px;text-align:center;} .art-list-photo .list li .cover{margin-top:0;margin-right:0;float:none;width:100%;border:1px solid #bbb;border-radius:20px;overflow:hidden;} .art-list-photo .list li .cover a{display:block;height:0;padding-bottom:100%;position:relative;background:#eee;} .art-list-photo .list li .cover img{width:100%;max-height:100%;top:0;left:0;position:absolute;display:inline-block;} .art-list-photo .list li .tit{margin-top:20px;height:48px;overflow:hidden;} .art-list-photo .list li .tit a{font-size:18px;line-height:24px;font-weight:normal;} .art-list .list .empty{padding:0;margin:45px auto;text-align:center;} .art-list-cert{width:100%;max-width:1600px;text-align:center;min-height:300px;} .art-list-cert .list-art-detail{min-height:0;float:none;} .art-list-cert .list{width:100%;} .art-list-cert .list li{display:inline-block;padding-top:30px;} .art-list-cert .list li .info{margin:0 20px;text-align:center;} .art-list-cert .list li .cover{width:544px;height:544px;margin:0 auto;background:url(../images/certbg.png) no-repeat left top;} .art-list-cert .list li .cover img{width:255px;height:410px;display:inline-block;margin-top:58px;margin-left:-15px;} .art-list-cert .list li .tit{margin-top:20px;height:48px;overflow:hidden;} .art-list-cert .list li .tit a{font-size:18px;line-height:24px;font-weight:normal;} .art-list-honour .list li .cover{margin-left:30px;} .art-list-honour .list li .cover img{width:240px;display:block;border-radius:10px;border:1px solid #ddd;} .art-list-honour .list li .tit{font-size:32px;color:#333;line-height:40px;} .tags{border-top:1px solid #e4e4e4;padding-top:10px;text-align:left;} .tags i{display:inline-block;width:24px;height:24px;background:url(../images/tag.png) no-repeat 0 0;background-size:100%;vertical-align:middle;} .tags a{display:inline-block;line-height:24px;padding:0 10px;} .tag-list,.articlenew-list,.commentnew-list{width:428px;border-radius:4px;border:1px solid #ccc;background:#fff;float:right;} .tag-list{margin-left:40px;} .articlenew-list{margin:25px 0 0 40px;} .tag-list .box,.articlenew-list .box,.commentnew-list .box{width:auto;margin:10px 20px 20px;} .tag-list .title,.articlenew-list .title,.commentnew-list .title{font-size:20px;color:#666;line-height:44px;border-bottom:1px solid #e4e4e4;} .tag-list ul,.articlenew-list ul,.commentnew-list ul{margin:10px 0;} .tag-list li{display:inline-block;margin:10px 10px 0 0;} .tag-list li a{display:block;height:36px;line-height:36px;padding:0 20px;overflow:hidden;border:1px solid #ccc;color:#666;} .articlenew-list li{height:32px;line-height:32px;list-style:disc inside;color:#666;font-size:12px;} .articlenew-list li a{color:#666;font-size:16px;} .art-detail{padding-bottom:20px;} .art-detail .art-heading,.art-detail .cover,.art-detail .art-body,.art-detail .tags{width:900px;margin:65px auto 0;} .art-detail .art-heading{padding-bottom:30px;border-bottom:3px solid #ddd;} .art-product .art-heading,.art-product .cover,.art-product .art-body,.art-product .tags{width:100%;margin:65px auto 0;} .form-detail .art-heading,.form-detail .art-body{width:100%;} .form-detail .submit-btn{min-width:120px;} .art-detail .cover,.art-detail .art-body{margin:10px auto 0;} .art-body{text-align:left;font-size:16px;line-height:2em;} .art-body table{border-collapse:collapse;border:1px solid #ccc;} .art-body table th,.art-body table td{border:1px solid #ccc;} .art-heading .title{font-size: 32px;font-weight:700; color: #333; line-height:45px; display: block; overflow: hidden;text-align:center;} .art-detail .author{color:#666;} .art-detail .art-body{margin:35px auto 0;} .art-detail-pic .art-body{text-align:center;} .art-detail .art-body img{max-width:100%;} .art-heading .info{text-align: center; font-size: 14px; padding: 10px 0;} .list-art-detail{width:915px;margin:0 auto;min-height:300px;} .list-art-detail .art-heading .title{text-align:left;font-size:18px;} .list-art-detail .art-body{font-size:14px;margin-top:20px;} .list-art-detail .art-body img{max-width:100%;} .attachment{margin-top:20px;width:90%;background:#fff;border:1px solid #ddd;border-radius:5px;font-size:16px;} .attachment .attachment-title{color:#333;font-weight:700;padding:10px 20px 10px 45px;background:url(../images/icon_pdf.png) no-repeat 15px center;} .attachment a{width:100%;display:flex;color:#333;padding:0 15px 10px;} .attachment a:hover{color:#333;} .attachment a span.title{flex:1;text-align:left;} .attachment a span.button{width:80px;color:#6689CC;text-align:center;background:url(../images/icon_down.png) no-repeat left 8px;} .attachment a span.size{font-size:14px;color:#999;font-style:italic;} .art-page-detail .art-detail{width:100%;} .art-page-detail .art-detail .art-heading,.art-page-detail .art-detail .cover,.art-page-detail .art-detail .art-body,.art-page-detail .art-detail .tags{width:auto;margin:45px 30px 0;} .indexgrid{margin:0;overflow:hidden;position:relative;} .indexgrid .bggrid1{position:absolute;z-index:1;left:0;bottom:0;background:url(../images/bggrid1.png) no-repeat center center;width:510px;height:580px;} .indexgrid .bggrid2{position:absolute;z-index:1;right:0;top:0;background:url(../images/bggrid2.png) no-repeat center center;width:510px;height:580px;} .indexgrid .container{margin:0 auto;width:100%;max-width:1600px;padding:80px 0;position:relative;z-index:2;} .indexgrid .title{font-size:16px;color:#666;margin-bottom:20px;} .indexgrid .title span{margin-right:10px;} .indexgrid ul{display:flex;} .indexgrid li{flex:1;display:block;position:relative;text-align:center;margin-right:20px;overflow:hidden;} .indexgrid li:last-child{margin-right:0;} .indexgrid li .cover{padding:0;overflow:hidden;} .indexgrid li .cover img{display:block;} .indexgrid li .tit{position:absolute;bottom:0;left:0;width:68%;height:120px;background:rgba(255, 255, 255, 0.9);border-radius:0px 60px 0px 0px;padding-top:28px;padding-left:20px;} .indexgrid li .tit span{display:block;color:#333;font-size:24px;text-align:left;} .indexgrid li .tit span.title{margin-bottom:0;font-weight:700;} .indexgrid li .tit span.engtitle{color:#666;font-size:18px;} .indexgrid li .tit .icon-goright{position:absolute;right:40px;top:40px;width:40px;height:42px;background:url(../images/icon_goright.png) no-repeat center center;display:none;} @media screen and (max-width: 768px) { .indexgrid{width:auto;text-align:center;} .indexgrid li{display:inline-block;height:180px;margin-right:0;margin-bottom:10px;position:relative;float:none;} } .indexgrid li a:hover .cover img{transform:scale(1.1,1.1);transition: 0.5s;} .indexgrid li a:hover .tit{background:rgba(241, 139, 0, 0.2);} .indexgrid li a:hover .tit span{color:#fff;} .indexgrid li a:hover .tit span.engtitle{color:#fff;} .indexgrid li a:hover .tit .icon-goright{display:block;} .news{padding:90px 0;background-color:#f4f4f4;} .news .box{width:100%;max-width:1600px;margin:0 auto;display:flex;} #photoarticle{flex:1;margin-right:20px;padding:20px;background-color:#fff;} .newarticle{flex:1;} .newarticle .title{text-align:center;} .newarticle .title .title1{font-size:48px;font-weight:700;font-family:Arial;line-height:71px;color:#333;} .newarticle .title .title2{font-size:24px;font-weight:400;font-family:Arial;line-height:36px;color:#333;} .newarticle .items{margin-top:70px;} .newarticle .items .item{padding:20px;display:flex;} .newarticle .items .item:hover{background:#fff;box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.25);} .newarticle .items .item .date{color:#333;font-family:Arial;width:76px;height:76px;text-align:center;display:flex;flex-direction:column;border:1px solid #999;} .newarticle .items .item .date .day{flex:1;font-size:24px;font-weight:700;line-height:28px;margin-top:15px;} .newarticle .items .item .date .month{flex:1;font-size:14px;line-height:18px;} .newarticle .items .item .infotext{flex:1;margin-left:15px;} .newarticle .items .item .infotext .tit{font-size:18px;font-weight:700;} .newarticle .items .item .infotext .des{max-height:48px;line-height:24px;font-size:14px;color:#333;margin-top:5px;overflow:hidden;} .newarticle .more{margin-top:90px;text-align:right;} .newarticle .more a{display:inline-block;border:1px solid #333;text-align:center;width:240px;height:60px;line-height:60px;border-radius:4px;font-size:24px;} .newarticle .more a:hover{background-color:#fff;} .newarticle .btn-default{color:#fff;border:none;background:#666;padding:0;line-height:40px;width:100px;margin:10px 0;} .newarticle .btn-default:hover{background:#999;} @media screen and (max-width: 768px) { .newarticle{width:auto;margin:20px;text-align:center;} } .newphoto{width:1230px;margin:0 auto 20px;overflow:hidden;text-align:center;} .newphoto .exif{margin-top:5px;line-height: 28px;color:#999;font-size:12px;} @media screen and (max-width: 768px) { .newphoto{width:auto;margin:20px;text-align:center;} } /*pack*/ .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background:#DC4F03 no-repeat bottom center;color:#fff;font-size:16px;} .navbar-inverse .navbar-nav>.on>a, .navbar-inverse .navbar-nav>.on>a:focus, .navbar-inverse .navbar-nav>.on>a:hover{background:#DC4F03 no-repeat bottom center;background-image:url(../images/icon_navbg.png);color:#fff;font-size:16px;} .navbar{border:none;width:100%;margin:0 auto 0;border-bottom:none;position:relative;} .navBg{height:50px; background-color:#fff; position:absolute; left:0; top:100px; width:100%; z-index:3; display:none;} .navbar-inverse{background:#fff;border-color:none;} .navbar-inverse .container{width:auto;max-width:1600px;margin:0 auto;padding:0;} .navbar-nav > li{position:relative;} .navbar-nav > li > a{height:100px;line-height:30px;padding:0 25px;text-align:center;display:table-cell;vertical-align:middle;} .navbar-nav > li dl{overflow:hidden;position:absolute;top:100px;z-index:4;left:50%;transform:translateX(-50%);font-size:0;display:none;margin-bottom:0;} .navbar-nav > li:nth-child(2) dl{width:660px;} .navbar-nav > li:nth-child(3) dl{width:330px;} .navbar-nav > li:nth-child(4) dl{width:220px;} .navbar-nav > li:nth-child(5) dl{width:320px;} .navbar-nav > li:nth-child(6) dl{width:220px;} .navbar-nav > li:nth-child(7) dl{width:440px;} .navbar-nav > li:nth-child(8) dl{width:220px;} .navbar-nav > li dl dd{display:inline-block;font-size:15px;color:#888;padding:0 25px;} .navbar-nav > li dl dd a{height:50px;line-height:50px;} .navbar-nav > li:hover dl{display:block;} .navbar-brand{height:auto;margin-top:0px;} .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0;} .navbar-brand>img{height:80px;} #navbar-collapse ul{margin-top:0;float:right;} #navbar-collapse ul.dropdown-menu{margin-top:2px;} .navbar-inverse .navbar-nav > li > a{color:#333;font-size:16px;border-radius:0;} .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color:#333;background:#eee;} .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{margin:0;} .container > .navbar-collapse{padding-left:0;padding-right:0;} .container > .navbar-header{margin-top:10px;margin-bottom:10px;} #navbar-collapse .btn{color:#666;margin:0 auto;} .navicon{font-style:normal;background:no-repeat left center;background-size:16px 16px;padding-left:30px;} .navicon_home{background-image:url(../images/navicon/home.png);} .navicon_about{background-image:url(../images/navicon/about.png);} .navicon_product{background-image:url(../images/navicon/product.png);} .navicon_quality{background-image:url(../images/navicon/quality.png);} .navicon_rd{background-image:url(../images/navicon/rd.png);} .navicon_job{background-image:url(../images/navicon/job.png);} .navicon_contact{background-image:url(../images/navicon/contact.png);} .navicon_inventor{background-image:url(../images/navicon/inventor.png);} .active .navicon_home,.on .navicon_home{background-image:url(../images/navicon/home_active.png);} .active .navicon_about,.on .navicon_about{background-image:url(../images/navicon/about_active.png);} .active .navicon_product,.on .navicon_product{background-image:url(../images/navicon/product_active.png);} .active .navicon_quality,.on .navicon_quality{background-image:url(../images/navicon/quality_active.png);} .active .navicon_rd,.on .navicon_rd{background-image:url(../images/navicon/rd_active.png);} .active .navicon_inventor,.on .navicon_inventor{background-image:url(../images/navicon/inventor_active.png);} .active .navicon_job,.on .navicon_job{background-image:url(../images/navicon/job_active.png);} .active .navicon_contact,.on .navicon_contact{background-image:url(../images/navicon/contact_active.png);} .pagination > li > a, .pagination > li > span,.pager > li > a{background:#666;color:#fff;font-size:14px;height:40px;line-height:40px;padding:0 35px;border:none;margin-right:10px;border-radius:4px;} .pagination > li:last-child > a, .pagination > li:last-child > span{margin-right:0;} .pagination > li > a:hover, .pagination > li > span:hover,.pager > li > a:hover{background:#999;color:#fff;} .pagination > li:first-child > a, .pagination > li:first-child > span,.pagination > li:last-child > a, .pagination > li:last-child > span,.pager > li > a{padding:0;border-radius:4px;width:40px;text-align:center;} .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover{background:#ddd;color:#999;border:none;} .art-page .pager{float:left;width:750px;} @media screen and (max-width: 1220px) { .warp .box{width:auto; margin:0 10px;} .art-list,.art-detail{margin:0 auto;float:none;width:auto;width:100%;max-width:750px;min-height:auto;} .art-list .list li .info{width:auto;padding:0 15px;} .art-list .list li .cover{margin-top:20px;margin-left:0;float:none;} .art-detail .art-heading,.art-detail .cover,.art-detail .art-body,.art-detail .tags{width:auto;max-width:600px;padding:0 15px;} .tag-list,.articlenew-list,.commentnew-list{width:100%;max-width:750px;float:none;margin:0 auto;} .articlenew-list,.commentnew-list{margin-top:20px;} #footer .copyright{margin:25px 0 0;} #footer .nav-foot a{display:inline-block;width:32%;} .art-nav{width:100%;max-width:750px;margin:0 auto;margin-bottom:15px;} .navbar-toggle{margin-top:38px;margin-right:0;background-color:#000;border:none;} } @media screen and (max-width: 768px) { .navbar-inverse .container{margin:0 10px;} #navbar-collapse ul{margin-top:0;} #navbar-collapse li{text-align:center;} #navbar-collapse li a{width:auto;padding:0 15px;} .container > .navbar-header{float:none;margin-top:10px;margin-bottom:0;} .container > .navbar-collapse{padding-left:15px;padding-right:15px;} .list-art-detail{max-width:100%;} } .carousel-inner > .item{overflow:hidden;text-align:center;height:760px;} .carousel-inner > .item > a{display:inline-block;width:100%;height:760px;} .carousel-inner > .item > a > img, .carousel-inner > .item > img{max-width:none;max-height:700px;} .carousel-inner > .listitem{height:600px;} @media screen and (max-width: 768px) { .carousel-inner > .item{height:160px;background-size:cover;} .carousel-inner > .item > a{height:180px;} .carousel-inner > .item > a > img, .carousel-inner > .item > img{max-height:180px;} .carousel-inner > .listitem{height:160px;} } .carousel-indicators li{width:36px;height:8px;background-color:rgba(255, 255, 255, 0.8);border:none;border-radius:16px;} .carousel-indicators .active{width:36px;height:8px;background-color:#F18B00;} #photoarticle .carousel-indicators li{background: rgba(241, 139, 0, 0.2);} #photoarticle .carousel-indicators .active{background-color:#F18B00;} #photoarticle .carousel-inner{height:100%;} #photoarticle .carousel-inner > .item{height:100%;} #photoarticle .carousel-inner > .item > a{height:100%;display:flex;flex-direction:column;position:relative;} #photoarticle .carousel-inner > .item .img{flex:1;} #photoarticle .carousel-inner > .item .date{position:absolute;z-index:1;top:0;left:0;width:86px;background-color:#F7AF1E;color:#fff;padding:20px 0;} #photoarticle .carousel-inner > .item .date .day{font-size:36px;} #photoarticle .carousel-inner > .item .date .seperator{font-size:36px;} #photoarticle .carousel-inner > .item .date .month{font-size:16px;} #photoarticle .carousel-inner > .item .title{margin:30px 0 50px;font-size:18px;height:20px;line-height:20px;overflow:hidden;} .art-page{} .crumb{padding:20px 0 20px;font-size:14px;line-height:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .crumb .homeicon{display:inline-block;vertical-align:middle;width:16px;height:16px;font-style:normal;background:no-repeat center center;background-size:16px 16px;margin-right:5px;background-image:url(../images/navicon/home.png);} .model-title{position:relative;text-align:center;margin:90px 0;} .model-title .cntitle{font-size:42px;color:#333;font-weight:700;line-height:62px;} .model-title .entitle{font-size:64px;color:#e5e5e5;font-weight:700;line-height:95px;margin-top:-50px;z-index:-1;position:relative;} /* .list-detail .list-item{display:none;padding:0 0 120px;} .list-detail .list-item:nth-child(1){display:block;} .list-detail .list-item .box{display:flex;} .list-detail .list-item .box .content{flex:1;line-height:40px;font-size:16px;margin-top:50px;} .list-detail .list-item .box .content img{max-width:100%;} .list-detail .list-item .box .cover{flex:1;position:relative;display:flex;overflow:hidden;margin-left:5%;} .list-detail .list-item .box .cover .block{background:#DC4F03;width:464px;height:327px;position:absolute;bottom:0;right:0;z-index:-1;} .list-detail .list-item .box .cover .img{flex:1;margin-right:60px;margin-bottom:60px;} */ .list-title{position:relative;z-index:1;} .list-title .list-item{display:inline-block;margin-right:30px;padding-bottom:30px;} .list-title .list-item a{display:block;height:60px;line-height:60px;border:1px solid #bbb;border-radius:60px;padding:0 25px;color:#666;font-size:18px;background:#fff;} .list-title .list-item.active{background:transparent no-repeat bottom center;background-image:url(../images/icon_triangle.png);} .list-title .list-item.active a{color:#fff;border:none;background:#DC4F03;} .list-filter{margin-top:-1px;} .list-filter .box{background:rgba(220, 79, 3, 0.1);border:1px solid rgb(220, 79, 3);border-radius:10px;padding:40px;font-size:20px;color:#333;} .list-filter .pseries{display:flex;} .list-filter .title{font-weight:700;width:150px;} .list-filter .items{flex:1;} .list-filter .items .item{display:inline-block;margin-left:100px;} .list-filter .items .item:first-child{margin-left:0;} .list-filter .items .item a{color:#666;} .list-filter .items .item a.active{color:#DC4F03;} .list-filter .filter{display:flex;margin-top:60px;} .list-filter .items .item select{height:40px;line-height:50px;font-size:16px;width:200px;} .product-list{margin-top:50px;text-align:center;} .product-list .caption{display:flex;} .product-list .caption .title{flex:1;font-size:20px;font-weight:700;color:#333;border-left:6px solid #DC4F03;padding-left:10px;text-align:left;} .product-list .product-table{width:100%;margin-top:30px;} .product-list .product-table td{font-size:16px;border:1px solid #eee;padding:10px;text-align:center;} .product-list .product-table td a{color:#6689CCFF} .product-list .product-table thead td{background:#DC4F03;color:#fff;font-weight:500;border-left:none;border-right:none;} .product-list .product-table thead td:first-child{border-left:1px solid #DC4F03;} .product-list .product-table thead td:last-child{border-right:1px solid #DC4F03;} /*.product-list .product-table tbody tr:nth-child(odd) td{background:#f5f5f5}*/ .product-list .product-table tbody tr:hover{background:rgba(220, 79, 3, 0.1);} .product-list .empty{text-align:center;padding:15px 0;} .wechat{width:188px;text-align:center;border:1px solid #f2f2f2;border-radius:4px;position:absolute;z-index:999;display:none;} .wechat .title{background:#f2f2f2;line-height:40px;color:#333;} .wechat .box{background:#fff;padding:5px 0;} table tr.firstRow th{border-top-width:2px;text-align:center;background-color:#f7f7f7;} .stock h3{color:#0055a2;} .stock .datetime{margin-bottom:20px;} .stock .price{font-size:34px;color:#c10;font-weight:700;margin-bottom:20px;} .stock .infoitem span{color:#333;} .stock .infoitem .title{color:#666;} .stock .pricelist{margin-bottom:20px;} .stock .trends .tab-pane{padding:20px 0 20px 20px;border:1px solid #ddd;border-top:none;border-radius:0 4px 4px 4px;} .filetable{border:1px solid #ccc} .filetable td{white-space:nowrap;border-color:rgb(221, 221, 221);vertical-align:middle;} .filetable td.title{white-space:normal;word-break: break-all;}