.index_bg{ background:url("/statics/images/bg1.png") no-repeat, url("/statics/images/bg2.png") no-repeat, url("/statics/images/bg6.png") no-repeat; background-size: 440px 770px,440px 770px,auto; background-position: 0 770px, right 1350px, left bottom; } .row{ margin: 0; } .container{ padding: 0; } .projects-4, .content-10, .content-5, .price-4{ padding-top: 40px; padding-bottom: 0; } .content-5{ padding-bottom: 250px; } .footer-8{ position: relative; color: #ffffff; padding: 50px 0 40px 0; font-size: 14px; background-color:#444544; } .footer-top-line{ height: 18px; width: 100%; background: url(/statics/images/hua.png) repeat-x; position: absolute; top: -9px; left: 0; right: 0; } .footer-8 nav{ margin-bottom: 12px; } .footer-8 nav ul{ font-size: 14px; } .footer-8 a{ color: #ffffff; } .footer-8 .additional-links{ color: #ffffff; margin-bottom: 10px; font-size: 14px; } .footer-8 .additional-links a{ text-decoration: none; } .projects-4 h3, .content-10 h3, .price-4 h3{ text-align: left; font-size: 18px; background: url(/statics/images/h3.png) no-repeat; background-position: -20px center; text-indent: 36px; height: 50px; line-height: 50px; margin: 0 0 35px; color: #ffffff; margin-right: -15px; } .projects-4 h3 span, .content-10 h3 span, .price-4 h3 span{ margin-left: 20px; font-size: 14px; } .item2 .projects .photo-wrapper{ height: 215px; } .item2 .projects .overlay{ width: 96%; left: 2%; height: 190px; margin-top: 25px; } .item2 .projects .overlay img{ height: 190px; } .item2 .col-sm-3 { background: #F5F5F5; height: 310px; } div#slideshow{ height: 200px; margin-top: 0; width: 360px; float: left; overflow: visible; } .slider-item{ height: 200px; } .p2{ width: 100%; height: 340px; background: url(/statics/images/p2.png) no-repeat; background-size: 100% 52%; -webkit-background-size:100% 52%; background-position: left top; position: absolute; top: 0; text-align: center; } .p2 img{ margin-top: 170px; opacity: 0; } .share_box ul{ margin: 0; padding: 0; } .share_box li{ float: left; margin-right: 10px; list-style: none; line-height: 24px; } .share_box li>span{ color: #505050; } .share_box li a{ color: #505050; font-size: 14px; } .share_box li.share_infor{ position: relative; } .share_box li.share_infor div{ position: absolute; top: 0; left: 5px; width: 60px; } .share_box li.share_infor span{ width: 20px; height: 20px; display: inline-block;vertical-align:top; margin-left: 5px; } .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ width: 24px !important; height: 24px !important; background-image: none !important; } .bdshare-button-style0-16 a.weixin{ background: url(/statics/images/weixin1.png) no-repeat !important; background-size: 20px; margin: 0; margin-left: 5px !important; } .bdshare-button-style0-16 a.weixin:hover{ background: url(/statics/images/weixin2.png) no-repeat !important; background-size: 20px; } .bdshare-button-style0-16 a.weibo{ width: 24px !important; height: 24px !important; background: url(/statics/images/weibo1.png) no-repeat !important; background-size: 20px; margin: 0; margin-left: 5px !important; } .bdshare-button-style0-16 a.weibo:hover{ background: url(/statics/images/weibo2.png) no-repeat !important; background-size: 20px; } .other_head{ background: url(/statics/images/p2.png) no-repeat #ffffff; background-size: 100%; } .ed_list li{ list-style: none; width: 120px; /*height: 50px;*/ line-height: 20px; border:1px solid #c70b06; padding: 10px 0 10px 30px; font-size: 16px; margin-bottom: 10px; color: #666666; cursor: pointer; } .ed_list li.this_li{ background: #c70b06; color: #ffffff; } .ed_list li:hover{ background-color: #c70b06; color: #fff; } .item2 .projects .info{ text-align: center; } .infor4{ display: none; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; } .item2 .col-sm-3:hover{ background: #EDA537; } .item2 .col-sm-3:hover .photo-wrapper{ height: 150px; } .item2 .col-sm-3:hover .overlay, .item2 .col-sm-3:hover .overlay img{ height: 125px; } .item2 .col-sm-3:hover .infor4{ display: block; color: #ffffff; } .item2 .col-sm-3:hover .info .name{ color: #ffffff; } .item2 .projects .name{ color: #333333; } .content-10 .features .box{ height: 120px; padding-left: 0; padding-top: 0; margin-top: 0; border:none; padding-right: 150px; } .content-10 .features .box.new_box{ padding-right: 260px; } .new_box::after{ content:''; display: table; } .box_tme{ position: absolute; right: 114px; top: 0; width: 70px; height: 70px; text-align: center; background: #C1AF89; color: #ffffff; } .content-10 .features .box_tme p{ color: #ffffff; margin-bottom: 3px; padding-top: 5px; font-size: 18px; height: 32px; } .content-10 .features h6{ font-size: 16px; color: #333; font-weight: 500; margin-bottom: 2px; } .content-10 .features h6 a{ color: #333; } .content-10 .features h6 a:hover{ color: #16a085; } .content-10 .features p{ font-size: 14px; color: #666666; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .first_list div{ text-align: center; font-size: 14px; margin-top: 30px; margin-bottom: 10px; color: #555555; } .first_list div a{ color: #333; font-size: 16px; font-weight: 500; } .first_list div a:hover{ color: #16a085; } .first_list p{ font-size: 14px; line-height: 30px; height: 90px; overflow: hidden; color: #888888; } .tag_news_list{ color: #C70B09; /*top: -15px;*/ position: relative; } .item5 .col-sm-3{ padding: 0; height: 470px; margin-right: 40px; text-align: center; } .item5 .col-sm-3:nth-child(4n+1){ background: #83cec7; } .item5 .col-sm-3:nth-child(4n+2){ background: #f4b5b5; } .item5 .col-sm-3:nth-child(4n+3){ background: #eeb95c; } .item5 .col-sm-3:nth-child(4n+4){ background: #f391a7; margin-right: 0; } .item5 .projects .photo-wrapper{ height: 308px; } .item5 .projects .photo-wrapper img{ height: 100%; -webkit-transition:.1s transform; transition: .1s transform; -webkit-transform: translateZ(0); transform: translateZ(0); } .item5 .col-sm-3:hover .photo-wrapper img{ -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transition:.3s transform; transition: .3s transform; } .item5 .projects .info{ text-align: center; font-size: 18px; color: #ffffff; margin: 30px 20px; } .item5 .projects .name{ color: #ffffff; font-size: 20px; font-weight: normal; margin-bottom: 15px; } .item5 .projects .info .name:hover{ color: #ffffff; } .content-5 .container > img{ margin: 0 auto 0; } .content-5 h3{ font-size: 28px; color: #2C3E50; /*width: 1200px;*/ } .fui-upload:before{ content: url(/statics/images/i1.png); } .fui-credit-card:before{ content: url(/statics/images/i2.png); } .fui-cmd:before{ content: url(/statics/images/i3.png); } .fui-windows:before{ content: url(/statics/images/i4.png); } .content-5 .features > [class*="col-sm-"] > [class*="fui-"]{ left: -160px; top: -30px; } .content-5 .features > [class*="col-sm-"] > [class*="fui-cmd"]{ right: -170px; left: auto; } .content-5 .features > [class*="col-sm-"] > [class*="fui-windows"]{ right: -140px; left: auto; } .content-5 .features > [class*="col-sm-"] h6{ color: #333333; width: 355px; } .content-5 .features > [class*="col-sm-"] h6 a{ color: #FF3356; font-size: 14px; } .content-5 .features > [class*="col-sm-"] h6 a:hover{ color: #16a085; } .content-5 .row1 > [class*="col-sm-offset-2"] h6 a, .content-5 .row1 > [class*="col-sm-offset-1"] h6 a{ float: left; } .content-5 .row2 > [class*="col-sm-offset-2"] h6 a, .content-5 .row2 > [class*="col-sm-offset-1"] h6 a{ float: right; } .content-5 .row1 > [class*="col-sm-offset-2"] h6, .content-5 .row1 > [class*="col-sm-offset-1"] h6{ text-align: right; float: right; margin-right: 30px; } .content-5 .row2 > [class*="col-sm-offset-2"] h6, .content-5 .row2 > [class*="col-sm-offset-1"] h6{ margin-left: 13px; } .content-5 .row2 > [class*="col-sm-offset-2"] h6, .content-5 .row2 > [class*="col-sm-offset-1"] h6, .content-5 .row2 > [class*="col-sm-offset-2"] p, .content-5 .row2 > [class*="col-sm-offset-1"] p{ float: left; } .content-5 .row1 > [class*="col-sm-offset-1"], .content-5 .row2 > [class*="col-sm-offset-1"] { margin-top: 70px; } .content-5 .features > [class*="col-sm-"] p{ width: 374px; border-top: 1px solid #CCCCCC; padding: 10px 20px; position: relative; z-index: 100; position: relative; font-size: 16px; color: #555555; line-height: 26px; max-height: 130px; } .content-5 .features > [class*="col-sm-"] p span{ height: 130px; overflow: hidden; } .content-5 .row2 > [class*="col-sm-"] p{ margin-left: -7px; } .content-5 .row1 > [class*="col-sm-"] p{ margin-right: -20px; float: right; margin-right: 13px; } .content-5 .row2 > [class*="col-sm-offset-2"] p img{ position: absolute; right: -70px; top: 0; } .content-5 .row2 > [class*="col-sm-offset-1"] p img{ position: absolute; right: -70px; top: -70px; } .content-5 .row1 > [class*="col-sm-offset-2"] p img{ position: absolute; left: -70px; top: 0; } .content-5 .row1 > [class*="col-sm-offset-1"] p img{ position: absolute; left: -70px; top: -70px; } .header-5-sub .page-transitions{ height: 340px; } .big_p{ width: 100%; height: 100%; overflow: hidden; position: relative; } .big_p img{ position: absolute; top: 0; left:0; min-height: 100%; width: 100%; opacity: 0; -webkit-transition:all .8s linear; transition: all .8s linear; } .big_p img.this_big{ opacity: 1; } .header-5 > .container{ width: 100%; } .header-5 .navbar .nav > li { min-width: 0; padding: 0 20px; height: 40px; text-align: center; float: left; line-height: 40px; } .header-5 .navbar .nav > li > a{ font-size: 16px; } .header-5 .navbar .nav > li.this_nav{ background-color: #842528; color:#E00025; } .fui-home:before{ content: url(/statics/images/logo.png); height: 120px; } .home .logo2{ margin-left: 30px; } .price-4 .description-detail .col-sm-6 img{ height: 190px } .price-4 .description-detail .col-sm-6 p{ font-size: 16px; color: #333333; line-height: 38px; margin-bottom: 0px; } .price-4 .description-detail .col-sm-6 div{ font-size: 14px; color: #888888; line-height: 26px; background: url(/statics/images/xian.png) no-repeat; background-size: 100%; background-position: left top; max-height: 88px; overflow: hidden; padding-top: 10px; } @media (max-width: 480px){ .ed_list li{ float: left; margin-right: 2%; padding: 0; text-align: center; width: 18%; } .ed_list ul{ padding: 0; } .ed_list{ height: 50px; } .content-5 .container > img.l{ display: none; } .item5 .col-sm-3{ margin-right: 0; } .projects-4 .projects .project-wrapper + .project-wrapper{ margin-top: 20px; } .content-10 .carousel{ margin-top: 0px; } .content-10 .features{ margin-top: 30px; } .content-5 h3{ width: 100%; } .price-4 .description-detail{ padding: 0; margin-right: 2%; } .price-4 .description-detail .col-sm-6 img{ width: 100%; } .price-4 .description-detail > *{ margin-top: 20px; padding: 0; } .price-4 .description-detail .col-sm-6{ padding: 0; } .footer-8 .container{ margin: 0 20px; } .fui-cmd:before, .fui-windows:before, .fui-upload:before, .fui-credit-card:before{ content: '' } .fui-cmd{ width: 40px; height: 40px; background: url(/statics/images/i3.png) no-repeat; background-size: 40px; } .fui-windows{ width: 40px; height: 40px; background: url(/statics/images/i4.png) no-repeat; background-size: 40px; } .fui-upload{ width: 40px; height: 40px; background: url(/statics/images/i1.png) no-repeat; background-size: 40px; } .fui-credit-card{ width: 40px; height: 40px; background: url(/statics/images/i2.png) no-repeat; background-size: 40px; } .content-5 .row1 > [class*="col-sm-offset-2"] p img, .content-5 .row1 > [class*="col-sm-offset-1"] p img, .content-5 .row2 > [class*="col-sm-offset-2"] p img, .content-5 .row2 > [class*="col-sm-offset-1"] p img{ display: none; } .content-5 .row1 > [class*="col-sm-offset-2"] h6, .content-5 .row1 > [class*="col-sm-offset-1"] h6{ float: none; width: auto; text-align: left; } .content-5 .row1 > [class*="col-sm-offset-2"] h6 a, .content-5 .row1 > [class*="col-sm-offset-1"] h6 a{ float: right; } .content-5 .row2 > [class*="col-sm-offset-2"] h6, .content-5 .row2 > [class*="col-sm-offset-1"] h6, .content-5 .row2 > [class*="col-sm-offset-2"] p, .content-5 .row2 > [class*="col-sm-offset-1"] p, .content-5 .row1 > [class*="col-sm-"] p{ float: none; } .content-5 .features > [class*="col-sm-"] p, .content-5 .features > [class*="col-sm-"] h6{ width: auto; margin: 0 auto; margin-top: 20px; } .content-5{ padding-bottom: 40px; } .header-5-sub .page-transitions{ height: 240px; } .p2 img{ margin-top: 130px; width: 60%; display: none; } .p2{ height: 90px; } .navbar .navbar-toggle{ background: url(/statics/startup/common-files/icons/menu-icon@2x.png); } .header-5 .navbar .navbar-header, .header-5 .navbar .navbar-collapse{ opacity: 1; } .logo1{ width: 50px; } .logo2{ width: 50%; } .header-5 .navbar{ top: 10px; } .header-5 .navbar .navbar-toggle{ float: right; } .share_box{ position: absolute; top: 50px; } .share_box li a, .share_box li{ color: #ffffff; } .other_head{ height: 90px; } .page{ text-align: center; } .other_head .share_box{ top: 50px; color: #7f8c8d; } .other_head .share_box a, .other_head .share_box li{ color: #7f8c8d; } #map{ width: 90%; height: 300px; } .message{ width: 90%; } .contact_list li{ width: 90%; text-align: left; height: 145px; margin-bottom: 20px; line-height: 145px; } .contact_list{ background: url(/statics/images/yxian.png) repeat-y; background-position: 97px top; } .contact_list li>div{ float: left; margin-left: 25px; text-align: center; line-height: 30px; } .contact_list li>p{ margin-left: 190px; vertical-align: middle; position: relative; top: 50px; } .contact_list li>p.address{ width: auto; } .contact_list li>div p{ line-height: 26px; } .controls-center{ width: auto; } div#slideshow{ width: 84%; height: auto; } .controls-center{ margin-right: 0; height: 350px; } } .item_cont{ /*background:url(/statics/images/info_bg_1.jpg) no-repeat, url(/statics/images/info_bg_2.jpg) no-repeat;*/ background:url(/statics/images/big_bg.jpg) no-repeat; background-size: cover; background-position: left top; /*background-position: left top,0 868px;*/ padding-top: 32px; padding-bottom: 230px; } .item_cont .container{ border:1px solid #D8D8D8; /*border-bottom: none;*/ padding: 18px 20px 0 20px; background-color: #fff; } .cont_left .this_nav_infor{ padding-top: 40px; height: 120px; background: url(/statics/images/news.png) no-repeat #DF3551; background-position: 25px 43px; color: #ffffff; padding-left: 90px; font-size: 14px; } .cont_left .this_nav_infor p{ margin: 0; font-size: 20px; } .cont_left ul{ width: 100%; padding: 0; margin: 0; } .news_list{ width: 100%; padding: 0; margin-top: 30px; } .news_list{ margin-top: 10px; margin: 0 0 130px 0; } .cont_left ul li{ /*height: 60px;*/ /*border-bottom: 1px solid #D9D9D9;*/ /*margin-bottom: 16px;*/ list-style: none; line-height: 60px; text-align: center; /*padding: 20px 0 20px 80px;*/ font-size: 20px; -webkit-transition: all 26s ease; -webkit-transition:all .2s ease; transition: all .2s ease; } .cont_left ul li a{ padding: 0 8px; color:#333; } .cont_left ul li.this_nav.remove_style{ background-color: #fff; color:#333; } .cont_left ul li.this_nav.remove_style a{ color:#333; } .cont_left ul li.this_nav.remove_style span{ opacity: 0; } .cont_left ul li.this_nav, .cont_left ul li.hover_nav{ background-color: #e00025; color: #fff; } .cont_left ul li.this_nav a, .cont_left ul li.hover_nav a{ color: #fff; } .cont_left ul li.this_nav span, .cont_left ul li.hover_nav span{ opacity: 1; } .cont_left ul li .icon_left, .cont_left ul li .icon_right{ display: inline-block; height: 60px; width: 30px; vertical-align: bottom; opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; } .icon_left{ background: url(/statics/images/left_arrow.png) no-repeat center; } .icon_right{ background: url(/statics/images/right_arrow.png) no-repeat center; } .cont_left ul li a{ color: #333333; } .crumbs{ font-size: 14px; color: #888888; margin: 20px 0; line-height: 30px; } .crumbs a{ color: #888888; float: left; } .crumbs span.intervals{ width: 3px; height: 3px; float: left; margin: 13px 5px; background: #888888; display: inline-block; vertical-align: top; } .cont_right h3{ color: #333333; font-size: 20px; line-height: 45px; border-bottom: 1px solid #D9D9D9; } .news_list li{ height: 60px; line-height: 60px; padding-left: 25px; background: url(/statics/images/li.png) no-repeat; background-position: left center; list-style: none; border-bottom: 1px solid #D9D9D9; font-size: 16px; } .news_list li a{ color: #555; font-size: 16px; } .news_list li span { float: right; font-size: 14px; color: #888; } .page{ margin-top: 80px; height: 30px; clear: both; } .page span, .page a{ height: 25px; width: 25px; border-radius: 50%; display: inline-block; vertical-align: top; background:#E0E0E0; text-align: center; line-height: 25px; font-size: 18px; margin: 0 8px; color: #8C8C8C; } .page span{ color: #ffffff; background: #FF3356; } .page a.prev, .page a.next{ width: 60px; border-radius: 0; height: 30px; line-height: 30px; margin-top: -2px; } .page a.prev{ background: url(/statics/images/prev.png) no-repeat; } .page a.next{ background: url(/statics/images/next.png) no-repeat; } .detail_box h4{ margin: 15px 0; line-height: 30px; font-size: 22px; color:#333333; } .article_detail h4{ text-align: center; } .article_detail .detail_a{ text-align: center; } .article_edit{ padding-left: 30px; background: url(/statics/images/article_edit.png) no-repeat left center; } .article_date{ padding-left: 30px; background: url(/statics/images/article_date.png) no-repeat left center; } .article_view{ padding-left: 30px; background: url(/statics/images/view.png) no-repeat left center; } .detail_box .detail_a span{ margin-right: 65px; font-size: 14px; color: #333; display: inline-block; line-height: 24px; } .detail_box .real_article{ border-top: 1px solid #D9D9D9; padding: 15px 0; line-height: 35px; font-size: 14px; color: #333333; margin-top: 15px; } .detail_box .real_article > *{ font-size: 14px; line-height: 30px; } .chose_prev_next{ margin-top: 20px; } .chose_prev_next div{ line-height: 30px; font-size: 14px; } .chose_prev_next div a{ color: #3986BB; } .sub_comment{ margin-top: 50px; text-align: right; } .sub_comment p{ color: #FF3356; font-size: 18px; text-align: left; } .sub_comment textarea{ padding: 10px; width: 100%; height: 200px; border:1px solid #D9D9D9; border-radius: 5px; } .sub_comment input{ width: 145px; height: 60px; border-radius: 5px; background: #FF3356; color: #ffffff; font-size: 22px; border:none; outline: none; margin-top: 35px; } .contact_main{ text-align: center; } .contact_main h1{ font-size: 26px; color: #333333; margin-top: 60px; margin-bottom: 20px; } .contact_main .main_tel{ color: #fe5c58; font-size: 48px; } .other_c{ margin-top: 20px; } .other_c span{ margin: 0 10px; font-size: 20px; color: #333333; } .contact_list{ margin-top: 40px; } .contact_list ul{ padding: 0; } .contact_list li{ list-style: none; } .contact_list li>div{ border: 1px solid #CFCFCF; border-radius: 50%; width: 145px; height: 145px; font-size: 18px; color: #333333; background: #ffffff; } .contact_list li>div img{ margin-top: 38px; margin-bottom: 10px; } .contact_list li>p{ color: #333333; font-size: 20px; } .clear{ clear: both; } .map_title{ font-size: 22px; color: #333333; margin-top: 80px; margin-bottom: 44px; } #map{ margin: 0 auto; border: 1px solid #CCCCCC; margin-top: 20px; } .message{ margin: 0 auto; } .message input{ border-radius: 5px; } .message input[type=text]{ width: 100%; height: 55px; text-indent: 10px; border: 1px solid #D9D9D9; margin-top: 10px; } .message textarea{ width: 100%; height: 200px; text-indent: 10px; border: 1px solid #D9D9D9; margin-top: 10px; border-radius: 5px; } .message label { width: 100%; text-align: left; margin-bottom: 10px; } .message label.pai{ width: 48%; float: left; } .message label.name{ margin-right: 4%; } .message input[type=submit]{ width: 220px; height: 60px; background: #FF3356; color: #ffffff; font-size: 22px; border-radius: 5px; outline: none; border: none; margin-top: 70px; } .item_cont .container.contact_main{ padding: 0; padding-bottom: 100px; } .slider-item img{ width: 100%; height: 100%; } .controls-center{ width: 20px; height: 200px; float: left;; line-height: 200px; margin-left: 25px; } #slider_controls{ width: 20px; display: inline-block; vertical-align: middle; float: none; position: static; padding: 0; } #slider_controls ul{ width: 20px; } #slider_controls ul li{ width: 15px; height: 15px; border-radius: 50%; border:1px solid #D9D9D9; margin-top: 15px; } #slider_controls ul li a{ width: 13px; height: 13px; border-radius: 50%; padding: 0; margin: 0px !important } #slider_controls ul li a:hover, #slider_controls ul li a.activeSlide { background:#D9D9D9; } #slider_controls ul li#prev_page{ width: 0; height: 0; border: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #D9D9D9; border-radius: 0; cursor: pointer; } #slider_controls ul li#next_page{ width: 0; height: 0; border: none; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 12px solid #D9D9D9; border-radius: 0; cursor: pointer; } .price-4 .description-detail .col-sm-6 div.img_box{ height: 190px; position: relative; max-height: 190px; padding-top: 0; background: none; } .price-4 .description-detail .col-sm-6 div.img_box .video{ background: url(/statics/images/li_y.png) repeat; height: 190px; position: absolute; max-height: 190px; padding-top: 0; width: 100%; top: 0; line-height: 190px; text-align: center; } .price-4 .description-detail .col-sm-6 div.img_box .video img{ height: 40px; height: 40px; vertical-align: middle; } @media (min-width: 480px){ .item2 .col-sm-3 { width: 24%; margin-right: 1%; } .col-sm-6 { width: 100%; } .features{ width: 50%; float: left; } .cont10_slider{ float: left; width: 35%; margin-right: 5%; margin-left: 5%; } .content-10 .carousel{ width: 100%; height: 200px; } .col-sm-4{ width: 100%; padding: 0; } .col-sm-offset-2{ float: none; height: 200px; margin-left: 0; } .content-10 .carousel .item img{ width: 100%; } .carousel-inner{ height: 200px; } .item5 .col-sm-3{ width: 270px; } .item6 .features{ width: 480px; float: none; } .item6 .row1{ margin-right: 90px; } .item6 .row2{ margin-right: 0px; } .item6 .col-sm-4{ width: 420px; } .item6 .col-sm-offset-1{ margin-left: 0; /*width: 100%;*/ } .item6 .col-sm-10{ width: 100%; } .l{ position: absolute; left: 530px; /*bottom: 160px;*/ top: -120px; } .header-5 .navbar .navbar-collapse{ opacity: 1; height: 40px !important; background: #E00025; line-height: 40px; padding-top: 0; top: 300px; position: absolute; width: 100%; } .header-5 .navbar .navbar-header{ opacity: 1; } .header-5 .col-sm-12{ padding: 0; } .other_head{ height: 165px; } .header-5.other_head .navbar .navbar-collapse{ background: none; top: 140px; } .header-5.other_head .navbar .nav > li > a{ color: #666666; } .header-5.other_head .navbar .navbar-collapse .container{ border-top: 1px solid #D9D9D9; height: 55px; line-height: 55px; } .header-5.other_head .navbar .nav{ margin-top: 7px; } .header-5.other_head .navbar .nav > li.this_nav{ background: none; } .header-5.other_head .navbar .nav > li.this_nav a{ color: #723030; } .item_cont{ padding-top: 32px; } .item_cont .container{ padding-bottom: 100px; /*overflow: hidden;*/ } .cont_left{ /*float: left;*/ display: inline-block; width: 266px; } .cont_left_top{ background:url(/statics/images/content_left_bg.jpg) #f6f6f6 no-repeat top left; background-size: 100% 100%; -webkit-background-size:100% 100%; min-height: 600px; margin-bottom:10px; border: 1px solid #d9d9d9; padding-top: 92px; } .cont_left:after{ display: table; content: ""; clear: both; } .cont_left_bottom>ul>li{ width: 100%; height: 260px; margin-bottom: 10px; border:1px solid #d8d8d8; cursor: pointer; } .cont_left_bottom>ul>li>a{ display: block; width: 100%; height: 100%; padding: 0; } .cont_left_bottom>ul>li>a>img{ display: block; width: 100%; height: 100%; border: none; } .cont_right{ width: 860px; float: right; /*margin-left: 295px;*/ min-height: 600px; } .page{ text-align: center; } .page a.prev{ margin-right: 40px; } .page a.next{ margin-left: 40px; } .contact_list{ width: 1200px; } #map{ width: 90%; height: 450px; } .message{ width: 90%; } .contact_list li{ float: left; width: 25%; } .contact_list{ background: url(/statics/images/cxian.png) repeat-x; background-position: left 70px; } .contact_list li>div{ margin: 0 auto; } .contact_list li>p{ margin-top: 15px; } .contact_list li>p.address{ width: 140px; margin: 0 auto; } div#slideshow{ width: 80%; } .col-sm-5{ width: 100%; } .col-sm-5 .ed_list{ width: 100%; } .ed_list li{ float: left; /*margin-left: 20px;*/ } .col-sm-offset-1 .row .col-sm-6{ float: left; width: 30%; padding: 0; /*margin-right: 3.3%;*/ } .col-sm-offset-1{ margin-left: 0; } .price-4 .description-detail > * + *{ margin-top: 25px; } .item5 .col-sm-3{ float: none; display: inline-block; vertical-align: top; } .item5 .projects{ text-align: center; } .item5 .col-sm-3:nth-child(4n+2){ margin-right: 0; } .item5 .col-sm-3:nth-child(4n+4), .item5 .col-sm-3:nth-child(4n+3){ margin-top: 40px; } .content-5 .container > img{ display: none; } .item6 .row1, .item6 .row2{ margin: 0 auto; } .header-5 .navbar{ top: 0; } .p2{ height: 165px; } .p2 img{ margin-top: 140px; width: 660px; } .share_box{ position: absolute; top: 120px; left: 30px; color: #ffffff; } .share_box li a{ color: #505050; } .navbar .navbar-toggle{ background: url(/statics/startup/common-files/icons/menu-icon@2x.png); } .loaded .header-5 .navbar .navbar-header{ float: right; } .header-5 .navbar .navbar-toggle{ position: absolute; top: 20px; right: 20px; } .other_head .share_box li a{ color: #505050; } .contact_list{ width: 100%; } .bdshare-button-style0-16 a.weixin{ background: url(/statics/images/weixin2.png) no-repeat !important; background-size: 20px; margin: 0; margin-left: 5px !important; } .bdshare-button-style0-16 a.weibo{ background: url(/statics/images/weibo2.png) no-repeat !important; background-size: 20px; margin: 0; margin-left: 5px !important; } .controls-center{ height: 350px; } } @media (max-width: 480px){ .controls-center{ height: 350px; } } @media (min-width: 992px){ .header-5 .navbar .nav { position: absolute; width: 100%; height: 0; overflow: visible; text-align: left; padding-left: 94px; } .header-5 .navbar .navbar-header{ width: 1200px; height: 110px; margin: 0 auto; position: relative; } .header-5 .navbar{ top: 10px; } .navbar-search{ width: 270px; } .header-5 .navbar .navbar-search{ opacity: 1; left: auto; right: 0; } .header-5 .navbar .navbar-search input[type="text"]{ width: 270px; height: 30px; background: #ECECEC; border:1px solid #CCCCCC; float: left; font-size: 12px; color: #A9A9A9; text-indent: 10px; text-align: left; } .header-5 .navbar .navbar-search input[type="submit"]{ background: url(/statics/images/search.png) no-repeat; width: 16px; height: 16px; float: left; margin-left: -23px; border:none; outline: none; margin-top: 7px; } .share_box{ right: 0; width: 270px; position: absolute; top: 22px; } .header-5 .navbar .navbar-search{ top: 50px; } .ed_list ul{ margin: 0; padding: 0; } .price-4 .description-detail{ width: 990px; margin-left: 0; padding: 0; } .price-4 .col-sm-5{ width: 1200px; padding: 0; } .content-10 .col-sm-6{ padding: 0; } .price-4 .ed_list{ width: 120px; margin-left: 90px; float: left; } .price-4 .description-detail .col-sm-6{ padding: 0; width: 240px; float: left; margin-left: 90px; } .price-4 .description-detail > * + *{ margin-top: 0; } .header-5-sub{ height: 340px; } .other_head{ height: 200px; } .share_box{ left: auto; } .loaded .header-5 .navbar .navbar-header{ float: none; } .header-5 .navbar .navbar-header{ height: 340px; } .p2{ height: 340px; } .p2 img{ margin-top: 140px; } .item5 .col-sm-3:nth-child(4n+4), .item5 .col-sm-3:nth-child(4n+3){ margin-top: 0; } .item5 .col-sm-3:nth-child(4n+2){ margin-right: 40px; } .item5 .col-sm-3{ float: left; } .item6 .features{ float: right; } .content-5 .container > img{ display: block; } .item6 .row1{ margin-right: 90px; } } @media (min-width: 1200px){ .container { width: 1200px; } .footer-8 .container{ width: auto; } .item_cont{ padding-top: 32px; } } @@media (min-width: 1024px) { .item_cont{ background-position: left top,0 580px; } } /*404*/ .error_content{ min-height: 1000px; text-align: center; padding-top: 100px; } .err_btn{ display: inline-block; width: 220px; height: 60px; line-height: 60px; background-color: #e00025; color: #fff; border-radius: 3px; font-size: 24px; text-align: center; border: none; } .err_btn:hover{ color: #fff; } .err_btn:active{ background-color: #ccc; color: #fff; } .err_btn:focus{ color: #fff; } .error_content p{ padding: 40px 0; color:#333; font-size: 24px; } .error_content .back_home{ margin-top: 24px; } /* FILE ARCHIVED ON 19:22:14 Dec 23, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 12:21:06 Aug 16, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.988 exclusion.robots: 0.047 exclusion.robots.policy: 0.028 esindex: 0.016 cdx.remote: 35.227 LoadShardBlock: 440.975 (3) PetaboxLoader3.datanode: 131.784 (4) load_resource: 1166.662 PetaboxLoader3.resolve: 1125.341 */