body{ font-family:'微软雅黑'; color:#2a2a2a;} #page-default #default-pic .list-group{ margin-bottom:0;} ul,ol,li{ list-style:none;} .history{ margin:25px 10px; text-align:right; clear:both;} @media(min-width:1200px){ /*#page-default{ min-height:1080px;}*/ #page-default #default-pic img{ position:relative; width:1920px; height:1080px; margin-top:-50px; margin-bottom:-130px; left:50%; margin-left:-960px; z-index:0;} } .article img{ padding:10px;} #header { background-color: #363636; background-image: url(../images/bgline.png) } #navbar { background-color: transparent; } #page-default #navbar{ z-index:999; position:absolute; left:0; right:0;} #navbar #navbar-collapse>ul>li>a { color: #000; position: relative; } #navbar #navbar-collapse>ul>li.active>a, #navbar #navbar-collapse>ul>li:hover>a { color: #a7241c; background-color:transparent !important; border-top:2px solid #a7241c;} #navbar #navbar-collapse>ul>li>a>span{ color:#838383; font-family:'Arial'; font-size:12px; padding-left:5px;} #navbar #navbar-collapse ul.dropdown-menu{ padding:10px 0 20px 0;} #navbar #navbar-collapse ul.dropdown-menu li a span{ display:none;} #navbar #navbar-collapse ul.dropdown-menu li a{ padding:8px; color:#838383;} #content { background: #fff } #page-default-top-slide { -webkit-box-shadow: none; box-shadow: none ; margin-bottom:0;} #footer { background-color: #fff; background-image: url(../images/bgline.png) } #footer #footer-navs .list-group a { color: #9d9d9d!important } #footer #footer-navs .list-group a:before { content: "\f101"; color: #5a5a5a } #footer #footer-navs .list-group a:hover { color: #fff!important } #footer #footer-bottom { background-image: url(../images/bgline.png); background-color: #f4f4f4 } #footer-navs .panel{ margin-bottom:0; border:none;} #footer-navs .panel-heading a{ font-size:14px; color:#454545; display:block;} #footer-navs .panel-body{ display:none;} #footer-navs .panel-heading{ text-align:center; padding-top:25px;} #footer-navs .panel-heading a i{ width:70px; height:70px; display:block; margin:0 auto 8px;} #footer-navs .panel-heading a .en{ display:none;} #footer-navs .footer-nav:hover .panel-heading a{ color:#a8271e;} #footer-navs .footer-nav:hover .panel-body{ display:block; position:absolute; bottom:113px; padding:0 15px; text-align:center;} #footer-navs .footer-nav:hover .panel-body .nav{ background-color:#f4f4f4; border:1px solid #e4e4e4; padding:0 8px; border-radius:3px; z-index:10; position:relative;} #footer-navs .footer-nav:hover .panel-body .nav:after{ content:''; width:10px; height:7px; position:absolute; bottom:-6px; left:50%; margin-left:-4px; background:url(../uploads/ftnav-caret.png) no-repeat;} #footer-navs .footer-nav:hover .panel-body .nav>li>a{ border-bottom:1px solid #e4e4e4; padding:10px 0; width:80px;} #footer-navs .footer-nav:hover .panel-body .nav li:last-child a{ border-bottom:none;} #footer-navs .footer-nav:hover .panel-body .nav li a:hover{ border-color:#a7241c; color:#a7241c; background-color:transparent;} #footer-navs .footer-nav#footer-nav4:hover .nav{ display:none;} #footer-navs .footer-nav:hover .panel-heading a .cn{ display:none;} #footer-navs .footer-nav:hover .panel-heading a .en{ display:block;} #page-default #footer-navs #footer-nav1 .panel-heading a i{ background:url(../uploads/footer_nav1_icon0.png);} #page-default #footer-navs #footer-nav2 .panel-heading a i{ background:url(../uploads/footer_nav2_icon0.png);} #page-default #footer-navs #footer-nav3 .panel-heading a i{ background:url(../uploads/footer_nav3_icon0.png);} #page-default #footer-navs #footer-nav4 .panel-heading a i{ background:url(../uploads/footer_nav4_icon0.png);} #page-default #footer-navs #footer-nav5 .panel-heading a i{ background:url(../uploads/footer_nav5_icon0.png);} #footer-navs #footer-nav1 .panel-heading a i{ background:url(../uploads/footer_nav1_icon2.png);} #footer-navs #footer-nav2 .panel-heading a i{ background:url(../uploads/footer_nav2_icon2.png);} #footer-navs #footer-nav3 .panel-heading a i{ background:url(../uploads/footer_nav3_icon2.png);} #footer-navs #footer-nav4 .panel-heading a i{ background:url(../uploads/footer_nav4_icon2.png);} #footer-navs #footer-nav5 .panel-heading a i{ background:url(../uploads/footer_nav5_icon2.png);} #footer-navs #footer-nav1:hover .panel-heading a i,#page-default #footer-navs #footer-nav1:hover .panel-heading a i{ background:url(../uploads/footer_nav1_icon.png);} #footer-navs #footer-nav2:hover .panel-heading a i,#page-default #footer-navs #footer-nav2:hover .panel-heading a i{ background:url(../uploads/footer_nav2_icon.png);} #footer-navs #footer-nav3:hover .panel-heading a i,#page-default #footer-navs #footer-nav3:hover .panel-heading a i{ background:url(../uploads/footer_nav3_icon.png);} #footer-navs #footer-nav4:hover .panel-heading a i,#page-default #footer-navs #footer-nav4:hover .panel-heading a i{ background:url(../uploads/footer_nav4_icon.png);} #footer-navs #footer-nav5:hover .panel-heading a i,#page-default #footer-navs #footer-nav5:hover .panel-heading a i{ background:url(../uploads/footer_nav5_icon.png);} #footer-bottom{ background-color:#f4f4f4; text-align:center; line-height:40px; font-size:12px; color:#959595;} #footer-default #footer-navs{ height:140px; display:none;} .footer-gif{ border-top:1px solid #e9e9e9; z-index:9; position:fixed; right:0; left:0; bottom:0; background-color:rgba(255,255,255,.6)} #page-default #footer-bottom{ display:none;} #page-default .gif_icon{ display:none} #footer-navs .default-footer-right{ display:none !important;} #page-default .default-footer-right{ display:block !important;} #page-default .footer-gif{ position:inherit;} #page-default #footer-navs{ position:fixed; display:block; height:130px; background-color:rgba(255,255,255,.8); border-top:none; bottom:0; left:0; right:0; z-index:999;} #page-default .default-footer-right{ position:absolute; font-size:12px; top:0; right:20px; padding-top:20px;} .gif_icon{ padding:10px; text-align:center;} #toTop{ z-index:1000;} @media (max-width:767px){ #page-default #navbar{ position:relative;} #page-default #footer-navs{ position:relative; background-color:#ebeae6;} } /** 弹窗多余导航宽度 */ .modal {overflow-y: auto;} .modal-open { overflow: auto;} .modal-open[style] { padding-right: 0px !important;} .wide .bg-gray { background-color: #f8f8f8 } .BMapLabel { display: none; visibility: hidden; max-width: inherit } .nowap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .panel { border: 0; border-radius: 0; margin: 0;} .panel .panel-heading { border: 0;} #header { border-bottom: #ff5900 3px solid; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0 } #header #logindiv { font-size: 12px; line-height: 30px; color: #5a738a } #header #logindiv a { color: #7ca3c8 } #header #header-icons { margin: 0; padding: 0 } #header ul#header-icons.social-icons { padding-top: 2px; margin-bottom: 0 } #header ul#header-icons.social-icons li { display: inline-block; margin-right: 0 } #header ul#header-icons.social-icons li a { display: inline-block; width: 20px; height: 20px; background: #666; background: rgba(255,255,255,0.3); color: #383838; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; transition: all .17s ease-in-out; -moz-transition: all .17s ease-in-out; -webkit-transition: all .17s ease-in-out; -o-transition: all .17s ease-in-out } #header ul#header-icons.social-icons li a .fa { font-size: 14px; line-height: 20px; color: #333; transition: all .17s ease-in-out; -moz-transition: all .17s ease-in-out; -webkit-transition: all .17s ease-in-out; -o-transition: all .17s ease-in-out } #header ul#header-icons.social-icons li a:hover { background: #fff } #header ul#header-icons.social-icons li a:hover .fa-globe { color: #1d8bdf } #header ul#header-icons.social-icons li a:hover .fa-star { color: #f27935 } #header ul#header-icons.social-icons li a:hover .fa-weibo { color: #dc5b46 } #header ul#header-icons.social-icons li a:hover .fa-pinterest { color: #13b0cb } #header ul#header-icons.social-icons li a:hover .fa-star-o { color: #f2bc00 } #header ul#header-icons.social-icons li a:hover .fa-qrcode { color: #78979b } #header .search_box .input-append { padding: 0 0 0 5px; background-color: #262626; border: #262626 1px solid; -webkit-box-shadow: inset 0 1px 5px #262626; box-shadow: inset 0 1px 5px #262626 } #header .search_box .input-append input { height: 22px; border-width: 0; font-size: 12px; outline: 0; background-color: transparent } #header .search_box .input-append .btn-primary { float: right; padding: 0; width: 22px; height: 22px; border: 2px solid transparent; font-size: 12px; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; background-color: #ff5900; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=(80)); opacity: .8 } #header .search_box .input-append:hover .btn-primary { background-color: #ff5900; background-color: rgba(255,89,0,0.7) } #navbar { margin-bottom: 0 ;} #navbar .navbar-default{ background:rgba(255,255,255,.8);} #navbar #navbar-collapse { background: transparent } #navbar #navbar-collapse>ul>li { text-align: center; border-right: 0 } #navbar #navbar-collapse>ul>li>a { padding: 0 15px;/* width: 94px;*/ text-align: center; height: 50px; line-height:50px; font-size: 12px } #navbar #navbar-collapse>ul>li.active>a:after { color: #325c84 } #navbar #navbar-collapse>ul>li:hover>a { -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #navbar #navbar-collapse ul.dropdown-menu { max-height: 300px; overflow: hidden; min-width: 100%; width: auto } #navbar #navbar-collapse ul.dropdown-menu li{ border-bottom:none; text-align:center;} #navbar #navbar-collapse ul.dropdown-menu li a:hover{ background-color:transparent !important; color:#a7241c;} .navbar-brand { padding: 9px 0 9px 15px;} #header-searchbox{ margin:10px 20px 0 50px;} #page-default .search_box .input-append{background-color:#fff;} .search_box .input-append{ box-shadow:none; border:none; background-color:#f3f3f3;} .search_box .input-append .btn-primary{ background-color:transparent; color:#a1a1a1;} .search_box .input-append:hover .btn-primary, .search_box .input-group:hover .btn-primary { background-color:transparent !important;} #content .container{ background:url(../uploads/content_bg.jpg) repeat-y 179px;} #content .container:after{ background:url(../uploads/content_bg2.jpg) no-repeat center left;} #aside-menu .panel{ margin-bottom:0; border:none;} #aside-menu .panel>.panel-heading{ background-color:#a7241c; font-size:24px; color:#fff; padding:30px 0 20px 20px; margin-bottom:0;} #aside-menu .panel>.panel-heading small{ display:block; font-size:18px; font-family:'Arial';} #aside .nav li a{ padding:20px 0 20px 20px; border-bottom:1px solid #e9e9e9; margin-bottom:0; color:#000;} #aside .nav li:last-child a{ border-bottom:none;} #aside .nav li.active a,#aside .nav li:hover a{ background-color:transparent !important; color:#9a0900; border-bottom:1px solid #9a0900; padding:20px 0 20px 20px; background:url(../uploads/aside_bg.png) no-repeat center right 15px;} #main{ padding-bottom:25px; padding-top:25px;} #main .topicTitle{ color:#a7241c; font-size:18px;} .article img{ max-width:100%; margin:0 auto;} #page-honer-list-pic-top .list-group-item{ width:33.3%; text-align:center; float:left; line-height:25px; padding:20px 20px 0 20px;} #page-honer-list-pic-top .list-group-item a.honor-pic{ width:141px; height:141px; margin:0 auto; border-radius:50%; display:block; background-color:#edeef0; text-align:center; padding-top:35px;} #page-honer-list-pic-top .list-group-item a.honor-pic .photob{ display:none;} #page-honer-list-pic-top .list-group-item:hover a.honor-pic{ background-color:#a7241c;} #page-honer-list-pic-top .list-group-item:hover a.honor-pic .photoa{ display:none;} #page-honer-list-pic-top .list-group-item:hover a.honor-pic .photob{ display:block;} #page-honer-list-pic-top .list-group-item a h5{ line-height:25px;} table#page-honer-list-pic-top{ background-color:#fff; border-collapse:inherit; border-spacing:1px;} .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{ text-align:center; vertical-align:middle; border:none;} .table>thead>tr>th{ background-color:#a7241c; color:#fff; font-size:inherit;} .table>tbody>tr>td.order{ background-color:#bfbfbf !important;} .table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th{ background-color:#d9d9d9;} #page-team #main{ padding:0 15px;} #page-team #main .topicTitle{ margin:0;} .team-box{ text-align:center; width:485px; margin:0 auto;} .team-box h1{ font-size:16px; color:#2a2a2a; margin-bottom:10px; margin-top:5px;} .team-box .team-heading{ background-color:#a7241c; color:#fff; font-size:16px; line-height:30px;} .team-box .team-group{ background-color:#efefef; padding:5px; margin:0;} .team-box .team-group li{ background-color:#fff; font-size:16px; margin-bottom:5px; list-style:none; line-height:25px;} .team-box .team-group li a{ display:block;} .team-box .team-group li:last-child{ margin-bottom:0;} .team-img{ text-align:center; position:relative; margin-bottom:25px; width:485px; margin:0 auto; padding-top:20px;/* background:url(../uploads/team-bg.png) no-repeat;*/} .team-img .functional-department{ margin:0 auto; z-index:1; position:relative;} .team-img .functional-department ul{ width:185px; padding-left:0;} .team-img .functional-left{ float:left;} .team-img .functional-right{ float:right;} .team-img .functional-left li:first-child,.team-img .functional-right li:first-child{ height:30px; line-height:30px; background-color:#a7241c; font-size:16px; color:#fff;} .team-img .functional-left li:first-child + li,.team-img .functional-right li:first-child + li{ background-color:#efefef; padding:5px;} .team-img .functional-left li:first-child + li a,.team-img .functional-right li:first-child + li a{ display:block; background-color:#fff; font-size:16px; color:#2a2a2a; line-height:25px;} /*业务部门*/ .team-img .operating-department{ width:485px; margin:0px auto 0;} #yewu-department .panel-heading{ background-color:#a7241c; color:#fff; font-size:16px; height:30px; line-height:30px;} /*.team-img .operating-department .operating-department-top{ height:30px; line-height:30px; background-color:#a7241c; font-size:16px; color:#fff;}*/ .team-img .operating-department/* ul*/{ background-color:#efefef; padding:/*5px 18px;*/0;} .team-img .operating-department ul{ padding:3px;} .team-img .operating-department ul li{ width:35px; height:240px; vertical-align:middle; width:9.09%; padding:5px 3px; text-align:center; /*background-color:#fff;*/ float:left;/* margin-left:11px;*/} /*.team-img .operating-department ul li:first-child{ margin-left:0;}*/ .team-img .operating-department ul li a{ display:inline-block; width:35px; max-width:100%; height:100%; font-size:16px; padding:0 3px; vertical-align:middle; background-color:#fff;} .team-img .to-right,.team-img .to-left{ width:66px; height:230px; border:1px solid #c3c3c3; position:absolute; margin-top:-94px;} .team-img .to-left{left:-66px; top:50%; border-right:none;} .team-img .to-right{ right:-66px; top:50%; border-left:none} .team-img .to-right span,.team-img .to-left span{ display:inline-block; background-color:#fff; position:absolute; top:25px; width:30px; font-size:16px; line-height:20px;} .team-img .to-right span{ right:-15px;} .team-img .to-left span{ left:-15px;} .team-img .to-left:after{ content:''; width:11px; height:11px; background:url(../uploads/team-caret.png) no-repeat 0 0; position:absolute; bottom:-5px; right:0px;} .team-img .to-right:after{ content:''; width:11px; height:11px; background:url(../uploads/team-caret.png) no-repeat -11px 0; position:absolute; bottom:-5px; left:0px;} .team-img img{ max-width:100%; height:50px; position:absolute;top:0; left:0; z-index:0;} @media(max-width:640px){ .team-box{ width:80%;} .team-box .team-group li{font-size:16px;} .team-box .team-heading{ font-size:18px;} .team-box h1{ font-size:22px;} .team-bottom{ width:100%;} .team-bottom .team-img{ width:80%; padding-top:85px;} .team-img .operating-department{ width:100%; margin-top:44px;} .team-bottom .team-img .to-right,.team-bottom .team-img .to-left{ width:10%; font-size:16px;} .team-img .functional-department ul{ width:45%;} .team-img .functional-left li:first-child + li, .team-img .functional-right li:first-child + li{ padding:5px;} .team-img .operating-department ul{/* padding:2%;*/} .team-img .operating-department ul li{/* width:8.89%; margin-left:1.2%; padding-top:20px;*/} .team-img .operating-department ul li a{ padding:3px; font-size:16px;} .team-img .to-left{ left:-10%;} .team-img .to-right{ right:-10%;} .team-img img{ height:200px;} } @media (max-width:480px){ .team-bottom .team-img{ padding-top:73px;} .team-img .functional-department ul{ width:46%;} .team-img .operating-department ul li{ height:190px; padding:1px;} .team-img .to-right, .team-img .to-left{ height:210px; margin-top:-91px;} .team-img .operating-department ul li a{ padding:0 0; font-size:12px;} .team-bottom .team-img .to-right span,.team-bottom .team-img .to-left span{ font-size:12px; padding:5px; line-height:15px; top:20px;} .team-img img{ height:185px;} .team-img .operating-department .operating-department-top,.team-img .functional-left li:first-child, .team-img .functional-right li:first-child{ font-size:18px;} .team-img .functional-left li:first-child + li a, .team-img .functional-right li:first-child + li a{ font-size:12px;} .team-box .team-group{ padding:5px;} .team-box .team-group li{ font-size:14px; line-height:28px; margin-bottom:5px;} } #content.News .container,#content.researchs .container{ background:none;} .news .panel{ margin-bottom:0; border:none !important;} .news .panel .panel-body .list-group{ margin-bottom:0;} .news .panel .panel-heading{ background-color:#818181; padding:35px 20px 15px 20px; position:relative;} .news .panel .panel-heading a{ color:#fff; font-size:24px;} .news .panel .panel-heading a small{ font-style:normal; font-family:'Arial'; font-size:18px; display:block;} .news:hover .panel .panel-heading{ background-color:#a7241c;} .news .panel .panel-heading a.more{ width:46px; height:46px; text-align:center; font-size:12px; line-height:46px; color:#818181; display:inline-block; position:absolute; top:30px; right:20px; background-color:#fff; border-radius:50%;} .news .news2 .list-group-item i{ display:block; font-style:normal; font-size:12px; font-family:'Arial';} .news .news2 .list-group-item i .badge{ background-color:transparent; color:#777; font-weight:500; padding:0;} .news .news2 .list-group-item{ border:1px solid #e7e7e7; padding:15px; border-top:none; border-radius:none !important;} .news .news2 .list-group-item:first-child{ border-top-left-radius:0 !important; border-top-right-radius:0 !important;} .news .news2 .list-group-item:hover{border:1px solid #a7241c;} .news .news2 .list-group-item:hover i{ color:#a7241c;} #page-album-list li:hover h4{ display:block;} #page-album-list li h4{ border-top:none; position:absolute; display:none; bottom:0; right:5px; left:5px; padding:0; height:50px; color:#fff; background-color:#a7241c; text-align:center; line-height:50px;} #page-album-list li h4 a,#page-album-list li h4 a:hover{ color:#fff;} .recruit-list-top h4{ color:#a7241c;} .recruit-list-top P{ font-size:14px; margin-bottom:0; line-height:25px;} .recruit-list-top ul{ padding:10px 0; list-style:none;} .recruit-list-top ul li{/* background:url(../uploads/recruit_icon1.jpg) no-repeat 0px center;*/ font-size:14px; margin-bottom:10px; line-height:25px; padding-left:0;} .recruit-list-top ul li h3{ font-size:16px; color:#a7241c; margin:0;} .recruit-list-top ul li h3 strong{ display:inline-block; padding-top:10px;} #recruit-list-pic-no .list-group-item{ line-height:50px; border-bottom:1px dotted #c4c4c4; border-radius:0 !important;} #recruit-list-pic-no .list-group-item a{color:#6d6d6d;} #recruit-list-pic-no .list-group-item a:hover{color:#a7241c;} #recruit-list-pic-no .list-group-item i.fa-recruit{ color:#a7241c; padding-left:5px;} .fa-angle-right:before{ margin-right:5px;} #recruit-list-pic-no .badge{ background-color:transparent; color:#969696; padding:0; font-size:12px; font-weight:500; line-height:50px;} #recruit-list-pic-no .Endtime{ margin-right:20px;} .recruit-info-top{ margin-bottom:20px;} .recruit-info-top h1{ font-size:22px; color:#a7241c; border-bottom:1px dotted #c4c4c4; text-align:center; line-height:40px;} .recruit-info-top div.clearfix{ position:relative; min-height:25px;} .recruit-info-top i{ color:#262626; font-style:normal; position:absolute; left:0;} .recruit-info-top span{ color:#6d6d6d; display:block; float:left; padding-left:70px;} .recruit-require,.recruit-flow{ background-color:#fafafa; padding:20px 30px; margin-bottom:30px;} .recruit-require h3,.recruit-flow h3{ color:#a7241c; font-size:18px;} .recruit-require h4,.recruit-flow h4{ color:#000; position:relative; padding-left:32px; line-height:25px;} .recruit-require h4 em,.recruit-flow h4 em{ position:absolute; font-style:normal; font-size:12px; left:0; color:#fff; margin-right:5px; display:inline-block; background-color:#a7241c; border:3px solid #e2e2e2; width:26px; height:26px; text-align:center; line-height:20px; border-radius:50%;} .recruit-require ul,.recruit-flow ul{ list-style:none; padding-left:31px; margin-bottom:20px;} .recruit-require ul li,.recruit-flow ul li{ padding-left:20px; position:relative;} .recruit-require ul li i,.recruit-flow ul li i{ font-style:normal; position:absolute; left:0;} .recruit-require p,.recruit-flow p{ padding-left:31px; text-indent:0; word-break:break-all;} #contact-list-pic-left li{ padding-left:100px; margin-bottom:40px;} #contact-list-pic-left li .media .media-body{ font-size:14px;} #contact-list-pic-left li .media h4{ font-size:16px; color:#a7241c;} .baidumap{ border:1px solid #e6e6e6; padding:4px;} .about-video video{ width:100%; height:567px; background-color:#000;} #top-menu .panel-heading{ color:#a7241c; font-size:18px; margin-bottom:15px;} #top-menu .nav{ margin-bottom:20px;} #top-menu .nav li a{ display:inline-block; float:left; margin-right:10px; padding:6px 15px; width:120px; color:#fff; text-align:center; background-color:#b7b7b7;} #top-menu .nav li.active a,#top-menu .nav li:hover a{ background-color:#a7241c;} #page-plus #content .container,#page-links #content .container{ background:none;} #page-plus-list-pic-left .list-group-item{ padding:0 100px 0 0; margin-bottom:20px; background-color:#f7f7f7;} #page-plus-list-pic-left .list-group-item:hover{ border:1px solid #a7241c;} #page-plus-list-pic-left .list-group-item .plus-list-text h4{ padding:15px 0 5px 0;} #page-plus-list-pic-left .list-group-item a.a_add{ width:40px; height:40px; display:block; position:absolute; line-height:40px; text-align:center; font-size:36px; top:50%; margin-top:-20px; right:25px; color:#ababab; background-color:#fff;} #page-plus-list-pic-left .list-group-item a.a_add .plus_a{ margin:0 auto; margin-top:-5px;} #page-plus-list-pic-left .list-group-item a.a_add .plus_a1{ display:none;} #page-plus-list-pic-left .list-group-item:hover a.a_add{ background-color:#a7241c; color:#fff;} #page-plus-list-pic-left .list-group-item:hover a.a_add .plus_a{ display:none;} #page-plus-list-pic-left .list-group-item:hover a.a_add .plus_a1{ display:block; margin:0 auto; margin-top:9px;} #page-news-list-pic-no li{ min-height:100px; border-bottom:none; margin-bottom:30px; padding:0;} #page-news-info #page-news-info-meta{ border:none; background-color:transparent; text-align:center;} #page-news-info h1{ font-size:24px; color:#131313; margin-bottom:10px;} .time-left{ float:left; font-size:14px; color:#c8c8c8; width:95px; text-align:center; position:absolute;} #page-news-list-pic-no li .time-left span{ font-size:55px; display:block; margin-right:0;} .news-list-text{ float:left; padding-left:95px;} .news-list-text h4{ margin-top:15px;} .news-list-text h4 a{ color:#000; font-size:16px;} .news-list-text .news-list-seo{ line-height:20px; color:#797979;} #page-news-list-pic-no li a{ width:inherit;} .contact-link{ line-height:35px; padding-top:25px;} .contact-link > div.col-sm-6:first-child{ padding-left:50px;} .contact-link >ul{ padding-top:20px;} .contact-link h4,.contact-link .address2 div span{ color:#a7241c;} .contact-link .address2{ padding-top:30px;} .contact-link i.fa{ font-size:12px; color:#a7241c; margin-right:8px; min-width:12px; text-align:center;} .link_topic{ border-bottom:1px solid #eaeaea; text-align:center; height:56px; margin-bottom:45px; position:relative;} .link_topic h3{ display:inline-block; width:130px; background-color:#a7241c; height:32px; position:absolute; bottom:-26px; margin-left:-65px; line-height:32px; text-align:center; font-size:18px; color:#fff;} #page-links-list li{ width:168px; height:168px; border-radius:50%; border:1px solid #e9e9e9; padding:9px; float:left; margin:7px 15px;} #page-links-list li span.thumbnail,#page-links-list li a.thumbnail{ background-color:#f5f5f5; padding:15px; display:block; width:150px; height:150px; text-align:center; border-radius:50%;} #page-links-list li span.thumbnail:hover img,#page-links-list li a.thumbnail:hover img{ transform:inherit;} #page-links-list li:first-child, #page-links-list li:first-child+li+li+li+li+li+li+li+li+li+li+li, #page-links-list li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-left:105px;} .research-top-fa{ display:block; width:137px; height:137px; margin:0 auto; z-index:2; position:absolute; top:-90px; left:50%; margin-left:-68px;} .research-top-fa .fa-pic2{ display:none;} .research{ margin-bottom:30px;} .research .research-box:hover{ background-color:#f9f9f9;} .research .research-box:hover .fa-pic1{ display:none;} .research .research-box:hover .fa-pic2{ display:block;} .research .research-box{ border:1px solid #e2e2e2; border-top:none; border-bottom:none; position:relative; padding-top:50px; padding-bottom:30px; margin-top:140px;} .research .research-box i.pic-top{ position:absolute; top:-42px;} .research .research-box i.pic-bottom{ position:absolute; bottom:-1px;} .research .research-box i{ margin:0 -1px; z-index:1} .research .research-box i img{ width:100%;} .research .research-box .panel-heading a{ display:block; font-size:24px; color:#000; text-align:center;} .research .research-box .panel-heading a small{ font-size:14px; display:block; color:#9a9a9a; font-family:Arial;} .research .research-box .panel-heading a.more{ background-color:#e2e2e2; width:45px; height:45px; font-size:12px; color:#707070; line-height:45px; text-align:center; margin:15px auto 30px; border-radius:50%;} .research .research-box:hover .panel-heading a.more{ background-color:#fff; color:#a7241c; border:1px solid #a7241c;} .research .research-box .list-group li{ padding:0 20px; margin-bottom:5px;} .research .research-box .list-group span.badge{ display:block; font-family:Arial; color:#acacac; background-color:transparent; float:inherit; text-align:left; padding-left:0; font-weight:500;} /*.research .research-box:before{position:absolute; top:-30px; content:""; width: 0; height: 0; border-top: 60px solid #f5f5f5; border-right: 120px solid transparent;} .research .research-box:after{position:absolute; top:-30px; right:15px; content:""; width: 0; height: 0; border-top: 60px solid #f5f5f5; border-left: 120px solid transparent;} .research .panel .panel-body:before{position:absolute; bottom:-30px; content:""; width: 0; height: 0; border-top: 60px solid #f5f5f5; border-right: 120px solid transparent;} .research .panel .panel-body:after{position:absolute; bottom:-30px; right:15px; content:""; width: 0; height: 0; border-top: 60px solid #f5f5f5; border-left: 120px solid transparent;}*/ #page-news-list-pic-no.page-research-list-pic-no li{ position:relative; margin-bottom:0; border-radius:0; padding:10px 0 20px 20px; border-bottom:1px dotted #c4c4c4;} #page-news-list-pic-no.page-research-list-pic-no li h4{ margin-bottom:5px;} #page-news-list-pic-no.page-research-list-pic-no li h4 small{ display:block; line-height:20px; font-size:12px; color:#9d9d9d;} #page-news-list-pic-no.page-research-list-pic-no li h4 a{ line-height:20px;} #page-news-list-pic-no.page-research-list-pic-no li i.fa{ position:absolute; left:0; color:#a7241c; top:24px;} .team-president-info p,.president p{ text-indent:0;} /* life_focus */ .life_focus{width:1000px;height:310px;overflow:hidden;position:relative;margin:20px auto;} #page-product-info .media .life_focus_imgs_wrap{width:722px;height:310px;background:url(images/T16WJqXaXeXXXXXXXX-32-32.gif) no-repeat center center;} #page-product-info .media ul.life_focus_imgs{width:722px;height:9999em;position:absolute;left:0;top:0;} #page-product-info .media ul.life_focus_imgs li{height:310px;overflow:hidden;} #page-product-info .media .life_focus_desc h3{ height:45px;line-height:45px;overflow:hidden;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;width:100%;padding-left:24px;z-index:99;font-size:14px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000'); } #page-product-info .media .life_focus_nav_wrap{width:278px;height:310px;overflow:hidden;position:absolute;right:0;top:0;z-index:100;background:#424242 url(images/T1tUt5XftCXXXXXXXX-81-1.png) repeat-y;} #page-product-info .media ul.life_focus_nav{width:254px;margin:16px 0 0 23px;} #page-product-info .media ul.life_focus_nav li{float:left;margin:0 22px 13px 0;_margin:0 22px 10px 0;display:inline;position:relative;width:105px;height:60px;} #page-product-info .media ul.life_focus_nav li.cur s{background:url(images/T1gOqkXdpGXXXXXXXX-111-66.gif) no-repeat;width:111px;height:66px;position:absolute;left:-3px;top:-3px;z-index:-99;} #page-product-info .media ul.life_focus_nav li h4{color:#B2B2B2;position:absolute;bottom:0;right:0;font-weight:normal;height:15px;line-height:15px;padding:2px 5px 3px 0;text-align:right;} #page-product-info .media ul.life_focus_nav li.cur h4{ background:rgba(0,0,0,.5);color:#fff;width:100px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000'); } /* film_focus */ #page-product-info .media{overflow:hidden;position:relative;margin:20px auto;} #page-product-info .media .film_focus_imgs_wrap{width:722px;height:310px;background:url(images/T16WJqXaXeXXXXXXXX-32-32.gif) no-repeat center center;} #page-product-info .media ul.film_focus_imgs{width:722px;height:9999em;position:absolute;left:0;top:0;} #page-product-info .media ul.film_focus_imgs li{height:310px;overflow:hidden;} #page-product-info .media .film_focus_desc h3{ height:45px;line-height:45px;overflow:hidden;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;width:100%;padding-left:24px;z-index:99;font-size:16px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000'); } #page-product-info .media ul.film_focus_nav{width:278px;height:310px;background:#424242;position:absolute;right:0;_right:-45px;top:0;z-index:100;} #page-product-info .media ul.film_focus_nav li{height:68px;background:url(images/T1WiB5Xf0EXXXXXXXX-1-75.png) repeat-x;margin:1px 1px 1px 0;padding:8px 0 0 82px;position:relative;} #page-product-info .media ul.film_focus_nav li.cur{background:url(images/T19yB9Xm0BXXXXXXXX-296-79.png) no-repeat;width:221px;left:-19px;padding:10px 0 0 101px;_background:url(images/T19UakXlxiXXXXXXXX-296-79.gif) no-repeat 0 0;} #page-product-info .media ul.film_focus_nav li img{position:absolute;left:24px;top:8px;} #page-product-info .media ul.film_focus_nav li.cur img{left:42px;} #page-product-info .media ul.film_focus_nav li h4{color:#fff;} #page-product-info .media ul.film_focus_nav li p{color:#B9B9B9;line-height:1.8em;} #page-project-list #content{ background-color:#f4f4f4;} #page-project-list li{ padding:0 10px; margin-bottom:15px;} #page-product-info h1{ text-align:center; font-size:24px; line-height:25px;} #page-product-info #page-product-info-picture{ height:600px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;} #page-product-info #page-product-info-picture img{ width:auto;/* height:100%;*/ max-height:100%; max-width:100%; margin:0 auto;} #page-product-info #page-product-info-pictures{ text-align:center;} #page-product-info #page-product-info-pictures .list-group{ display:block; margin-top:10px;} #page-product-info #page-product-info-pictures a{ display:block; height:105px; overflow:hidden; background-color:#fff;} #page-product-info #page-product-info-pictures a img{ max-height:100%; width:auto;} #page-product-info .media .media-body p{ line-height:2em; margin-bottom:0;} #page-product-info .media .media-body p span{ /*color:#000; font-weight:bold;*/} /**/ @media(min-width:992px){ #page-project-list #content .container{ width:951px; background:none;} } #page-product-info-pictures li{ padding:5px; margin-bottom:15px;} #page-project-list li h4{ background:url(../uploads/project-list-h4-bg.jpg) no-repeat left center; padding-left:15px; font-size:14px; text-align:left;} #page-project-list li h4 a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .project-ditu{ text-align:center;} .project-ditu img{ max-width:100%;} .project-project .list-group{ margin:0 -8px;} .project-project .project-project-list, .project-project .list-group-item{ width:20%; float:left; list-style:none; padding:32px 8px 1px 8px;} .project-project .project-project-list img, .project-project .list-group-item img{ margin-bottom:10px; height:120px;} .project-project .project-project-list a, .project-project .list-group-item a{ display:block; text-align:center;} .project-project .project-project-list:hover, .project-project .list-group-item:hover{ background-color:#a7241c;} .project-project .project-project-list:hover a, .project-project .list-group-item:hover a{ color:#fff;} .con-fangDaIMg img{ width:100%;} .con-FangDa-ImgList li{ list-style:none; float:left; margin:0 12px 0 0; padding:0; border:0;} .con-FangDa-ImgList li img{ width:100%;} .con-FangDa .flex-viewport{ padding-top:20px;} /*vision*/ #page-vision-list{position:relative;} /** * Grid container */ #page-vision-list-pic-top{position:relative;margin:0;padding:0;list-style-type:none;} /** * Grid items */ #page-vision-list-pic-top li{display:none;width:255px;background-color:#f4f4f4;cursor:pointer;} #page-vision-list-pic-top li.inactive{visibility:hidden;opacity:0;} #page-vision-list-pic-top li img{display:block;} /** * Grid item text */ #page-vision-list-pic-top li p{margin:6px;color:#666;font:12px/20px Arial;text-align:center;} /** * Loader */ #loader{margin:20px 0;} #loaderCircle{display:block;width:16px;height:16px;background:url(../img/loader.gif) no-repeat;} /** * Progress bar for imagesLoaded */ .progress-bar{position:absolute;top:0;left:0;right:0;width:0;height:2px;background-color:#0BC20B;box-shadow:0 1px 3px rgba(11, 194, 11, 0.2); -webkit-transition:width 0.3s ease-out; -moz-transition:width 0.3s ease-out; -o-transition:width 0.3s ease-out; transition:width 0.3s ease-out; } /** * Placerholder css */ .wookmark-placeholder{background-color:#eee;border:1px solid #dedede;border-radius:2px;z-index:-1;} .example-tiles{position:relative;margin:0;padding:0;} .example-tiles li{display:block;float:left;margin:5px;list-style-type:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } .example-tiles a, .example-tiles a:hover{display:table-cell;width:200px;height:200px;padding:5px 8px;border:1px solid #ddd;border-radius:3px;background-color:#eee;box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);color:#555;font-size:2em;font-weight:bold;text-decoration:none;text-align:center;vertical-align:middle;} .example-tiles a:hover{background-color:#ddd;} .button.active{opacity:0.6;} #design-nav{ margin-bottom:30px;} #design-nav li{ float:left; display:inline-block; width:120px; background-color:#b7b7b7; color:#fff; text-align:center; padding:0; position:relative; margin-right:5px;} #design-nav li a{ color:#fff; padding:5px 15px;} #design-nav li ul{ display:none; background-color:#404040; position:absolute; top:30px; padding:5px 0; z-index:100} #design-nav li ul li{ margin-right:0;} #design-nav li:hover a,#design-nav li.active a{ background-color:#a7241c;} #design-nav li:hover ul{ display:block; background-color:#404040;} #design-nav li:hover ul li a{ background-color:#404040;} #design-nav li:hover ul li:hover a{ background-color:#000;} #vision-nav li{ padding:10px; float:left; display:inline-block; width:25%; z-index:2} #vision-nav li a{ display:block; width:100%; margin:0 auto; background-color:#f4f4f4; color:#a7241c; border-radius:50%; text-align:center;} #vision-nav li:hover a{ background-color:#a7241c; color:#fff;} #vision-nav li:first-child a:after{ content:''; background:url(../uploads/vision-icon4.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0; width:100%; height:100%;} #vision-nav li:first-child+li a:after{ content:''; background:url(../uploads/vision-icon1.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0; width:100%; height:100%;} #vision-nav li:first-child+li+li a:after{ content:''; background:url(../uploads/vision-icon2.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0; width:100%; height:100%;} #vision-nav li:first-child+li+li+li a:after{ content:''; background:url(../uploads/vision-icon3.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0; width:100%; height:100%;} #vision-nav li:first-child:hover a:after{ content:''; background:url(../uploads/vision-icon4-1.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0; width:100%; height:100%;} #vision-nav li:first-child+li:hover a:after{ content:''; background:url(../uploads/vision-icon1-1.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0; width:100%; height:100%;} #vision-nav li:first-child+li+li:hover a:after{ content:''; background:url(../uploads/vision-icon2-1.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0; width:100%; height:100%;} #vision-nav li:first-child+li+li+li:hover a:after{ content:''; background:url(../uploads/vision-icon3-1.png) no-repeat center; background-size:100%; position:absolute; top:0; left:0; width:100%; height:100%;} .visionTopicTitle{ text-align:center; font-size:36px; color:#a7241c; margin-bottom: 25px;} .visionTopicTitle small{ font-size:18px; color:#a7241c;} #vision-nav{ margin:150px 0;} #vision-nav hr{ position:absolute; left:0; margin-top:-175px; right:0;} article{ padding:15px 0 78px 0} .news-vision{ background-color:#f4f4f4;} .news-vision #page-news-info-img img{ width:100%; height:auto;} .design-list-3{ margin:0 -10px;} .design-list-3#page-news-list-pic-top li{ padding:0 10px; border-bottom:none;} .design-list-3#page-news-list-pic-top li p.SeoDescription{ /*white-space:nowrap;*/ overflow:hidden; text-overflow:ellipsis; height:52px; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; margin:10px 0;} #page-sk-class-ac1 .list-group{ margin:0;} #page-sk-class-ac1 li{ margin:0 10px 0 0;} #page-sk-class-ac1 .flex-control-nav{ display:none;} #page-sk-class-ac1 li .skTitle{ display:block; line-height:25px; text-align:center;} #page-sk-class-ac1 .thumbnail:hover img{-webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1);} #page-sk-class-ac1 li:hover .skTitle{ color:#a7241c;} .flexslider { position: relative;} .flex-direction-nav a { position: absolute; top: 50%; margin-top: -40px; width: 41px; height: 79px; background-image: url(../uploads/arrow.jpg); background-repeat: no-repeat; cursor: pointer; text-indent: -999em; } .flex-direction-nav .flex-prev { left: -60px; background-position: 0 0; } .flex-direction-nav .flex-next { right: -60px; background-position: -41px 0; } .caption .modal-backdrop{ display:none;} .list-group-style .list-group-item{ padding:10px;} .list-group-style .list-group-item .thumbnail:hover img{ transform:scale(1.0);} .list-group-style .list-group-item .thumbnail img{ width:100%;} .list-group-style .list-group-item .caption span.president-name{ text-align:center; display:block; font-size:20px; color:inherit; padding:5px;} .list-group-style .list-group-item .caption a.style-more{ text-align:center; display:block; line-height:35px; position:absolute; right:15px; bottom:5px; color:#a7241c; padding:5px;} .list-group-style .list-group-item .caption h4{ margin:0; padding:0px 0 8px 0; border-bottom:1px dotted #ccc; margin-bottom:10px; color:#000; font-size:22px;} .list-group-style .list-group-item .caption h4 span{ color:#a7241c; margin-left:10px;} .list-group-style .list-group-item .caption .modal{ color:#696969;} .list-group-style .list-group-item .caption .modal .modal-dialog{ width:880px;} .list-group-style .list-group-item .caption .modal .modal-header{ padding-bottom:0; border-bottom:0;} .list-group-style .list-group-item .caption .modal .modal-header h4{ color:#fff; font-size:18px; padding:0 0 0 15px; line-height:50px; background-color:#9f6250; border-radius:15px 15px 0 0;} .list-group-style .list-group-item .caption .modal .modal-header h4 a{ float:right; width:50px; height:50px; color:#fff; text-align:center;} .list-group-style .list-group-item .caption .modal .modal-body .row div + div{ padding-left:0;} .list-group-style .list-group-item .caption .modal .modal-body h3{ font-size:24px;} .list-group-style .list-group-item .caption .modal .modal-body h3 small{ font-size:24px; color:#9f6250;} .list-group-style .list-group-item .caption p{ text-indent:2em; line-height:25px;/* max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/} .list-group-style .list-group-item .caption .modal .Explain p{ white-space:normal;} .list-group-style .list-group-item .caption .reesident-design{ text-align:center; padding-top:15px;} .list-group-style .list-group-item .caption .modal-footer{ border-top:none; padding:5px;} #page-about-message-list li{ width:20%; float:left; position:relative;} #page-about-message-list li .thumbnail{ margin-bottom:0;} #page-about-message-list li .caption{ position:absolute; display:none; color:#fff; top:0; bottom:0; background-color:#670600; padding:20px 0 0 15px; left:100%; width:200%; z-index:999; border:1px solid #fff;} #page-about-message-list li .caption:after{ content:''; width:25px; height:35px; position:absolute; left:-24px; top:50%; margin-top:-17.5px; background:url(../uploads/carets.png) no-repeat 0 0;} #page-about-message-list li .caption.toleft{ left:inherit; right:100%;} #page-about-message-list li .caption.toleft:after{ content:''; width:25px; height:35px; position:absolute; left:inherit; right:-24px; top:50%; margin-top:-17.5px; background:url(../uploads/carets.png) no-repeat -25px 0;} #page-about-message-list li .caption p{ line-height:20px; margin-bottom:3px; text-indent:0;} #page-about-message-list li .caption .message-design{ display:block; float:right; margin-right:15px; width:100px; height:80px;} #page-about-message-list li .caption .message-design img{ max-width:100%; height:auto; max-height:80px;} @media(min-width:480px) and (max-width:640px){ #page-about-message-list li .caption{ padding:10px;} } @media(max-width:480px){ #page-about-message-list li .caption{ padding:0 10px; font-size:12px; line-height:16px;} } @media(min-width:768px) and (max-width:991px) { .navbar-brand { padding: 12px 0 12px 15px } .navbar-brand img { width: 200px } #navbar #navbar-collapse>ul>li>a { padding: 0px 10px 0; text-align: center; font-size: 14px } .research .research-box i.pic-top{ width:100%; top:-55px; margin:0;} .research .research-box i.pic-bottom{ width:100%;} #vision-nav{ margin:10px 0;} #vision-nav hr{ margin-top:-137px} /*#vision-nav li a{ width:219px; height:219px; line-height:320px;} #vision-nav li:first-child:hover a:after,#vision-nav li:first-child a:after{ width:219px; height:219px;} #vision-nav li:first-child+li a:after,#vision-nav li:first-child+li:hover a:after{ width:219px; height:219px;} #vision-nav li:first-child+li+li a:after,#vision-nav li:first-child+li+li:hover a:after{ width:219px; height:219px; background-position:45% 37%;}*/ } #footer #footer-navs .panel-heading { font-size: 14px; padding-top: 1px } #footer #footer-navs .list-group { margin-bottom: 0 } #footer #footer-navs .list-group a { padding-bottom: 5px!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #footer #footer-navs .list-group a:before { content: "\f101"; font-family: FontAwesome; font: normal normal normal 20px/1 FontAwesome; margin-right: 3px; font-size: 10px } #banner img { -webkit-box-shadow: none; box-shadow: none } div.overlay_slide, ul.overlay_slide li { position: relative; overflow: hidden } div.overlay_slide .overlay_zoom, ul.overlay_slide li .overlay_zoom { position: absolute; z-index: 5; bottom: -100%; width: 100%; height: 50px; overflow: hidden; padding: 15px; font-size: 12px; line-height: 180%; background-repeat: no-repeat; background-position: center center; -webkit-transition: bottom .4s; -moz-transition: bottom .4s; -o-transition: bottom .4s; -ms-transition: bottom .4s; transition: bottom .4s } @media(min-width:992px) { div.overlay_slide .overlay_zoom, ul.overlay_slide li .overlay_zoom { bottom: -100px; height: 100px } } @media(max-width:1199px) { #content .container{ background:url(../uploads/content_bg.jpg) repeat-y 146px;} #page-links-list li{ margin:7px 8px; width:150px; height:150px;} #page-links-list li span.thumbnail, #page-links-list li a.thumbnail{ width:130px; height:130px; padding:10px;} #page-default .default-footer-right{ display:none !important;} #page-honer-list-pic-top .list-group-item{ padding:20px 0px 0 0px} } @media(max-width:991px) { #content .container{ background:none;} #page-links-list li{ margin:7px 5px; width:120px; height:120px; padding:5px;} #page-links-list li span.thumbnail, #page-links-list li a.thumbnail{ width:108px; height:108px; padding:10px;} #page-links-list li:first-child, #page-links-list li:first-child+li+li+li+li+li+li+li+li+li+li+li, #page-links-list li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-left:70px;} article{ padding-bottom:0;} /*add at 2017-03-14*/ #page-news-list-pic-top .caption h4{ height:38px;} #page-product-info #page-product-info-picture{ height:450px;} #page-product-info #page-product-info-pictures a{ height:75px;} .project-project .project-project-list img, .project-project .list-group-item img{ height:80px;} } @media(max-width:767px) { #navbar{ height:45px;} #navbar div.navbar-header{ height:40px;} .navbar-brand { padding: 0 ; height:45px;} #navbar #navbar-toggle { float: left; z-index: 2; margin-right: 0; margin-top: 6px; margin-bottom:0; border-width: 0; background-color: transparent!important; padding: 9px; border-radius: 3px; cursor: pointer; font-size: 18px; color: #c1c1c1; padding: 5px 8px } #navbar #navbar-toggle .icon-bar { background-color: #fff } #navbar #navbar-toggle:hover { background-color: transparent; color: #363636!important } #navbar #navbar-toggle:hover .icon-bar { background-color: #363636 } #navbar #navbar-toggle-icon { float: right; margin-top: 12px; margin-bottom: 0; z-index: 2; margin-right: -6px; padding-right: 0; padding: 5px 6px; border-width: 0; background-color: transparent; cursor: pointer } #navbar #navbar-toggle-icon span { font-size: 18px; color: #c1c1c1 } #navbar #navbar-toggle-icon:hover span { color: #363636!important } .link_topic{ height:25px; margin-bottom:30px;} #page-links-list li{ margin:7px 2%; width:21%; height:auto; padding:5px;} #page-links-list li span.thumbnail, #page-links-list li a.thumbnail{ width:100%; height:auto; padding:5px;} #page-links-list li:first-child, #page-links-list li:first-child+li+li+li+li+li+li+li+li+li+li+li, #page-links-list li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-left:0;} .footer-nav{width:20%; padding:0;} #footer-navs .panel-heading a i{width:60px; height:60px; background-size:60px 60px;} #footer-navs .footer-nav .panel-heading a i{ background-size:60px 60px !important;} #footer-navs .footer-nav:hover .panel-body{ bottom:97px;} #footer-navs .footer-nav:hover .panel-body .nav{ padding:0;} #footer-navs .footer-nav:hover .panel-body .nav:after{ display:none;} .research .research-box i.pic-top{ width:100%; top:-20%; margin:0;} .research .research-box i.pic-bottom{ width:100%;} .research .panel-body{ padding-bottom:50px;} #contact-list-pic-left li{ padding-left:0;} #page-product-info h1{ font-size:18px;} .project-project .project-project-list, .project-project .list-group-item{ width:20%;} .project-project .project-project-list img, .project-project .list-group-item img{ height:80px;} #vision-nav{ margin:15px 0;} #vision-nav a{ padding:0;} .contact-link >div>div.col-sm-6:first-child{ margin-bottom:25px;} .contact-link > div.col-sm-6{ padding:0 0 0 10px !important;} .design-list-3#page-news-list-pic-top li p.SeoDescription{ height:inherit; -webkit-line-clamp:inherit;} } @media(min-width:639px) and (max-width:768px){ #page-honer-list-pic-top .list-group-item a.honor-pic{ width:115px; height:115px; padding-top:24px;} #page-honer-list-pic-top .list-group-item a.honor-pic i img{ max-width:60%; height:auto;} #vision-nav li a{ width:178px; height:178px; line-height:285px} #vision-nav hr{ margin-top:-115px} #vision-nav li:first-child:hover a:after,#vision-nav li:first-child a:after, #vision-nav li:first-child+li a:after,#vision-nav li:first-child+li:hover a:after{ width:178px; height:178px; background-size:50%;} #vision-nav li:first-child+li+li a:after,#vision-nav li:first-child+li+li:hover a:after{ width:178px; height:178px; background-position:45% 37%; background-size:34%;} } @media(max-width:639px) { div.overlay_slide .overlay_zoom, ul.overlay_slide li .overlay_zoom { height: 30px; padding: 5px 10px } div.overlay_slide .overlay_zoom h3, ul.overlay_slide li .overlay_zoom h3 { font-size: 14px; text-align: center } div.overlay_slide .overlay_zoom small, ul.overlay_slide li .overlay_zoom small { display: none } .research .research-box i.pic-top{ top:-17%;} } @media(min-width:480px) and (max-width:640px){ #page-honer-list-pic-top .list-group-item a.honor-pic{ width:85px; height:85px; padding-top:18px;} #page-honer-list-pic-top .list-group-item a.honor-pic i img{ max-width:60%; height:auto;} #vision-nav li a{ width:130px; height:130px; line-height:210px} #vision-nav hr{ margin-top:-93px;} #vision-nav li:first-child:hover a:after,#vision-nav li:first-child a:after, #vision-nav li:first-child+li a:after,#vision-nav li:first-child+li:hover a:after{ width:130px; height:130px; background-size:50%;} #vision-nav li:first-child+li+li a:after,#vision-nav li:first-child+li+li:hover a:after{ width:130px; height:130px; background-position:45% 37%; background-size:34%;} } div.overlay_slide:hover .overlay_zoom, ul.overlay_slide li:hover .overlay_zoom { bottom: 0 } div.overlay_slide h3, ul.overlay_slide li h3 { font-size: 16px; margin: 0 0 15px } div.overlay_slide h3 small, ul.overlay_slide li h3 small { font-size: 90%; margin-left: 5px } div.overlay_slide .zoom_white, ul.overlay_slide li .zoom_white { background-color: rgba(255,255,255,0.7); color: #000 } div.overlay_slide .zoom_white h3, ul.overlay_slide li .zoom_white h3 { color: #000 } div.overlay_slide .zoom_white h3 small, ul.overlay_slide li .zoom_white h3 small { color: #646464 } div.overlay_slide .zoom_black, ul.overlay_slide li .zoom_black { background-color: rgba(0,0,0,0.7); color: #b3b3b3 } div.overlay_slide .zoom_black h3, ul.overlay_slide li .zoom_black h3 { color: #fff } div.overlay_slide .zoom_black h3 small, ul.overlay_slide li .zoom_black h3 small { color: #646464 } @media (max-width:320px){ #navbar #navbar-brand img{ width:220px;} } @media (max-width:480px){ .research .research-box i.pic-top{top:-12%;} .baidumap #baiduMap{ height:320px !important; } #page-honer-list-pic-top .list-group-item{ width:33.3%; padding:20px 5px 0 5px; height:225px;} #page-honer-list-pic-top .list-group-item a.honor-pic{ width:85px; height:85px; padding-top:18px;} #page-honer-list-pic-top .list-group-item a.honor-pic i img{ max-width:60%; height:auto;} #vision-nav li{ padding:0;} #vision-nav li a{ width:95px; height:95px; line-height:142px} #vision-nav hr{ margin-top:-68px;} #vision-nav li:first-child:hover a:after,#vision-nav li:first-child a:after, #vision-nav li:first-child+li a:after,#vision-nav li:first-child+li:hover a:after{ width:95px; height:95px; background-size:50%; background-position:45% 37%;} #vision-nav li:first-child+li+li a:after,#vision-nav li:first-child+li+li:hover a:after{ width:95px; height:95px; background-position:45% 25%; background-size:34%;} #page-product-info .swiper-wrapper:first-child{ display:none !important;} #page-product-info .swiper-wrapper .swiper-slide{ height:200px; text-align:center;} #page-product-info .swiper-wrapper .swiper-slide img{ max-height:100%; margin:0 auto;} .project-project .project-project-list, .project-project .list-group-item{ width:25%;} .project-project .project-project-list img, .project-project .list-group-item img{ height:60px;} } @media (max-width:420px){ .research .research-box i.pic-top{top:-10%;} } @media (max-width:380px){ .research .research-box i.pic-top{top:-9%;} }