/* lg */@media (min-width:1200px) { /* Make Navigation Toggle on Desktop Hover */ } /* md */ @media (min-width:992px) and (max-width:1199px) { /* Make Navigation Toggle on Desktop Hover */ .navbar-nav > li { margin-left:10px; } .navbar-collapse { padding-left:0; padding-right:0; } .pic .recent-work-inner h3 a { font-size:20px; } .pic .overlay{ padding:15px; } .pic .overlay .preview{ line-height:inherit; } .c_right{width:77%;} .content{ width:100%; padding:25px; font-size:16px; line-height:34px;} #main-slider .carousel .item { height:400px;} #main-slider .carousel .carousel-content { margin-top:90px; font-size:30px;} /*****/ .mokuai{ width:100%; height:95px; } .mokuai ul li{ height:42px; margin-top:25px;} .mokuai ul li a{ display:block; color:#fff; width:88%; font-size:18px; line-height:42px; border:2px solid #e78075;} #main-slider .carousel .item { height:360px;} #main-slider .carousel .carousel-content { margin-top:90px; font-size:26px;} .banner2,.banner2 p{ height:280px;} .sPrev{ left:0px; } .sNext{ right:0px; } } /* sm */ @media (min-width:768px) and (max-width:991px) { /* Make Navigation Toggle on Desktop Hover */ .navbar-collapse { padding-left:0; padding-right:0; } .navbar-nav > li { margin-left:0; padding-bottom:20px; } .navbar-nav{ margin-top:25px; } .navbar-inverse .navbar-nav > li > a { padding:5px 8px; margin:0; border-radius:2px; font-size:16px; color:#333; line-height:24px; display:inline-block;} .navbar-brand { padding:15px 0;} .navbar-brand img{ width:90%;} /*****/ .mokuai{ width:100%; height:95px; } .mokuai ul li{ height:42px; margin-top:25px;} .mokuai ul li a{ display:block; color:#fff; width:88%; font-size:18px; line-height:42px; border:2px solid #e78075;} #main-slider .carousel .item { height:360px;} #main-slider .carousel .carousel-content { margin-top:90px; font-size:26px;} .banner2,.banner2 p{ height:280px;} .content{ width:100%; padding: 20px; font-size:16px; line-height:40px;} .content img{ margin:0px 0 30px;} .pic .overlay{ padding:15px; } .pic .recent-work-inner h3 a { font-size:20px; } .sPrev{ left:0px; } .sNext{ right:0px; } /* 首页 关于我们 */ .g_zj{ width:100%; height:350px; float:left; padding:50px 0 0; } .g_zj .u_dlst1 {height:300px; } .g_zj .u_dlst1 dd{float:left;width:56%; height:238px; padding:20px; } .g_zj .u_dlst1 h4{height:30px; line-height:30px; font-size:18px; overflow:hidden; font-weight:400; padding-bottom:3px; color:#b2b2b2;} .g_zj .u_dlst1 h4 b{ color:#d12a1a; padding-right:10px; font-size:26px;} .g_zj .u_dlst1 p{ color:#666; text-indent:2em; font-size:14px; line-height:24px; height:100px; overflow:hidden;} .g_zj .u_dlst1 dd a{background:#b9b9b9; color:#fff; display:block; width:100px; height:35px; line-height:35px; margin-top:10px;} } /* xs */ @media (max-width:767px) { .container > .navbar-header, .container > .navbar-collapse{ margin-left:0; } .top-number{font-size:14px; } input.search-form:hover { width:120px; } .navbar-nav > li { padding-bottom:0; display:block; margin:0; } .navbar-inverse .navbar-nav > li > a { width:100%; padding:10px 15px; margin:0; border-radius:0; font-size:16px; color:#fff; line-height:24px; display:inline-block;} .navbar-collapse{background-color:rgba(0,0,0,.85);} .container > .navbar-header, .container > .navbar-collapse{ margin:0 !important;} .navbar-toggle{ padding:9px 10px; margin-top:8px; margin-right:15px; margin-bottom:8px; background:#e0e0e0; border:1px solid #d6d6d6 !important; border-radius:4px } .navbar-toggle .icon-bar{ display:block; width:22px; height:2px; border-radius:1px} .navbar-toggle .icon-bar+.icon-bar{margin-top:4px} .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:#e50012 !important;} #main-slider .carousel .item { height:360px;} #main-slider .carousel .carousel-content { margin-top:90px; font-size:26px;} /*****/ .mokuai{ width:100%; padding:0 10px; height:80px; float:left;} .mokuai ul li{ height:38px; width:33.333%; float:left; color:#fff; text-align:center; margin-top:18px;} .mokuai ul li a{ display:block; color:#fff; width:96%; font-size:16px; line-height:38px; border:2px solid #e78075;} .mokuai ul li a.fm{ margin-left:2%;} .container{padding-right:0; padding-left:0;} .c_left{ display:none;} .c_right{ float:right; width:100%; height:auto; margin:5px 0 20px; min-height:500px;} .c_right .c_title font{ display:none; } .c_right .c_title span{ float:left; font-size:16px; color:#999; text-indent:20px;} .content{ width:100%; padding:10px 20px; font-size:16px; line-height:40px;} .content img{ margin:0px 0 20px;} /* 首页 关于我们 */ .g_zj{ width:100%; height:350px; float:left; padding:50px 0 0; } .g_zj .u_dlst1 {height:300px; } .g_zj .u_dlst1 dd{float:left;width:56%; height:238px; padding:20px; } .g_zj .u_dlst1 h4{height:30px; line-height:30px; font-size:18px; overflow:hidden; font-weight:400; padding-bottom:3px; color:#b2b2b2;} .g_zj .u_dlst1 h4 b{ color:#d12a1a; padding-right:10px; font-size:26px;} .g_zj .u_dlst1 p{ color:#666; text-indent:2em; font-size:14px; line-height:24px; height:100px; overflow:hidden;} .g_zj .u_dlst1 dd a{background:#b9b9b9; color:#fff; display:block; width:100px; height:35px; line-height:35px; margin-top:10px;} .news_top{ height:130px; font-size:34px; padding:35px 0 0 0; line-height:30px;} /****************** xiangmu page css ******************/ .xiangmu{ width:100%; float:left; padding:15px;} .xiangmu li{ width:100%; display:block; float:left; margin:15px 0;} .xiangmu li .fl{ display:block; width:23.5%; } .xiangmu li .fl img{ width:100%;} .xiangmu li .fr{ display:block; width:75%; min-height:135px; padding:0 20px; background:#f1f3f7;} .xiangmu li .fr h2{ font-size:18px; color:#555555; display:block; width:100%; float:left; margin:30px 0 15px;} .xiangmu li .fr p{ line-height:24px; font-size:13px;} /****************** news page css ******************/ .news_list{ width:100%; float:left; padding:15px;} .news_list li{ width:100%; display:block; float:left; margin:20px 0; border-bottom:1px solid #e4e4e4; padding-bottom:30px;} .news_list li .fl{ width:15%; height:110px; background:#b7b7b7; border-radius:2px; color:#fff; text-align:center; } .news_list li .fl b{ font-size:50px; margin-top:15px; display:block; float:left; width:100%; line-height:60px;} .news_list li .fr{ float:right; display:block; width:85%; padding:0 20px; } .news_list li .fr a{ font-size:18px; color:#333; display:block; width:100%; float:left; margin:0 0 15px;} .news_list li .fr p{ line-height:28px; color:#999; font-size:14px; height:60px; display:block; float:left; width:100%; overflow:hidden;} .news_list li:hover .fl{ background:#da3220;} .news_list li:hover .fr a{color:#e11c20; } .news_list li:hover .fr p{color:#666; } .sPrev{ left:0px; } .sNext{ right:0px; } /*********************** ********* Footer ****** ************************/ #bottom { color:#aaabae; font-size:14px; padding:30px 15px;} #bottom ul{ display:block; float:left; width:100%; line-height:26px;} #bottom ul li{ display:block; float:left; width:33.333%; min-height:180px; border-right:0px; margin-right:0; box-shadow:none; } #bottom ul li:last-child{ border-right:0; box-shadow:none; width:100%; float:left; margin-right:0; margin-top:20px;} #bottom ul li span{ display:block; font-size:16px; color:#ffffff; margin-bottom:10px; line-height:normal;} #bottom .fr{ width:100%; text-align:left;} #bottom .fr img{ float:left; width:89px; height:111px;} #bottom .fr p{ display:block; float:left; padding-left:10px; padding-top:3px; font-size:16px;} #bottom .fr p b{ color:#fff;} #bottom .fr p em{ font-style:normal; font-size:34px; line-height:50px; } #footer { padding:20px 15px; color:#aaabae; background:#2c2f38; float:left; width:100%;} #footer ul { list-style:none; padding:0; margin:0;} #footer ul > li { display:inline-block; margin-left:15px;} } /* XS Portrait */ @media (max-width:640px) { #main-slider .carousel .item { height:260px;} #main-slider .carousel .carousel-content { margin-top:90px; font-size:26px;} .yewu li{ width:50%; display:block; float:left; margin:15px 0; padding:0 1%; } /* 首页 关于我们 */ .g_zj{ width:100%; height:400px; float:left; padding:30px 0 0; } .g_zj .u_dlst1 {height:300px; } .g_zj .u_dlst1 dt{ display:none; } .g_zj .u_dlst1 dd{float:left;width:100%; height:238px; padding:20px; border:0; background:none; box-shadow:none; } .g_zj .u_dlst1 h4{height:30px; line-height:30px; font-size:18px; overflow:hidden; font-weight:400; padding-bottom:3px; color:#b2b2b2;} .g_zj .u_dlst1 h4 b{ color:#d12a1a; padding-right:10px; font-size:26px;} .g_zj .u_dlst1 p{ color:#666; text-indent:2em; font-size:14px; line-height:24px; height:195px; overflow:hidden;} .g_zj .u_dlst1 dd a{background:#b9b9b9; color:#fff; display:block; width:100px; height:35px; line-height:35px; margin-top:10px;} /*--首页 项目展示--*/ .g_xm{ width:100%; padding:20px 0 0; float:left; } .g_xm .g_xm_top{ padding:0 15px; font-size:14px; line-height:24px; color:#828282; display:block; margin-top:30px;} .g_xm ul{ width:100%; float:left; display:block; padding-left:5px; padding-right:5px; padding-bottom:60px;} .g_xm ul li{ width:50%; padding:0 5px; display:block; float:left; margin-bottom:15px; } .g_xm ul li div{ width:100%; margin-top:10px; padding:10px; background:#fff;border:1px solid #e1e1e2; border-radius:5px; overflow:hidden; float:left; display:block;} .g_xm ul li div p{ line-height:26px; font-size:16px; display:block; padding:15px 0; margin-bottom:0;} .g_xm ul li a{display:block; height:331px; overflow:hidden; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .g_xm ul li img{ width:100%; height:auto; } .g_xm ul li a:hover{background-color:transparent;} .sPrev{ left:0px; } .sNext{ right:0px; } /* 首页 投资领域 */ .g_zs{ padding:50px 0 70px; } .center {text-align:center; padding-bottom:20px;} .slideGroup .sPrev{ left:0; } .slideGroup .sNext{ right:0; } .slideGroup .parBd ul li{ width:50%; display:block; float:left; } .pic span{ display:block; line-height:40px; padding:0 20px; font-size:18px; letter-spacing:0.5px;} .pic img{ width:100%; } .pic .overlay { position:absolute; top:0; bottom:40px; } /*--首页新闻--*/ .index_news{ padding:0 0 50px;} .news_top{ height:130px; font-size:34px; padding:35px 0 0 0; line-height:30px;} .g_title{ width:100%; height:50px; float:left; margin:60px 0 30px;} .g_title span{padding:0; font-weight:400; font-size:26px; display:inline-block; text-align:center; text-align:center;} .g_title span a{ font-size:14px; border:1px solid #dcdcdc; padding:10px 30px;} .g_title span a.now{ background:#fc4e4f; border:1px solid #fc4e4f; color:#fff;} .g_title span.link_line{ width:43%; height:5px; font-size:0; line-height:5px; border-top:1px solid #dcdcdc;} .news{ width:100%; float:left;} .news .parHd{ height:50px; width:100%; margin:30px 0 0; float:left; } .news .parHd ul{ float:left; height:32px; text-align:center; width:100%;} .news .parHd ul li{ display:inline; margin:0 10px; cursor:pointer; font-size:14px; border:1px solid #dcdcdc; padding:10px 30px; background:#fff;} .news .parHd ul li.on{ background:#fc4e4f; border:1px solid #fc4e4f; color:#fff; } .new_list{ width:100%%; float:left; padding-left:5px; padding-right:5px; } .new_list ul li{line-height:35px; padding:0; margin-bottom:20px; font-size:16px; color:#404040; width:50%; padding:0 5px; float:left;} .new_list ul li div{ width:100%; margin-top:10px; padding:10px; background:#fff;border:1px solid #e1e1e2; border-radius:5px; overflow:hidden; } .new_list ul li img{ width:100%;} .new_list ul li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px} .new_list ul h3 a{ display:block;text-overflow:ellipsis; color:#666;} .new_list ul p {line-height:26px; float:left; width:100%; color:#9e9e9e; padding:0 10px } .new_list ul span { color:#9e9e9e; display:block; width:100%; line-height:35px; float:left; padding:0 10px 15px;} .new_list ul span a{ float:right; display:block; width:40%; text-align:right; white-space:nowrap; overflow:hidden; } #client ul{width:100%; margin:0px auto 70px; overflow:hidden; } #client ul li{float:left; width:50%; display:block; text-align:center; padding:15px 10px; text-align:center; } #client ul li i{ background:#fff;display:block; padding:5px 0; border:1px solid #dedede;} #client ul li i img{ width:90%;} /*********/ .partners .sPrev{ left:0px; } .partners .sNext{ right:0px; } .partners .parBd .tempWrap{ float:left; } .partners .parBd ul li{ width:50%; display:block; float:left; text-align:center; } .partners .parBd ul li i{ width:100%; margin:0 5px; display:block; } /****************** xiangmu page css ******************/ .xiangmu{ width:100%; float:left; padding:15px;} .xiangmu li{ width:100%; display:block; float:left; margin:15px 0;} .xiangmu li .fl{ display:block; width:100%; } .xiangmu li .fl img{ width:100%;} .xiangmu li .fr{ display:block; width:100%; min-height:135px; padding:0 20px; background:#f1f3f7;} .xiangmu li .fr h2{ font-size:18px; color:#555555; display:block; width:100%; float:left; margin:30px 0 15px;} .xiangmu li .fr p{ line-height:24px; font-size:13px;} /****************** news page css ******************/ .news_list{ width:100%; float:left; padding:15px;} .news_list li{ width:100%; display:block; float:left; margin:15px 0; border-bottom:1px solid #e4e4e4; padding-bottom:15px;} .news_list li .fl{ width:20%; height:90px; background:#b7b7b7; border-radius:2px; color:#fff; text-align:center; } .news_list li .fl b{ font-size:46px; margin-top:15px; display:block; float:left; width:100%; line-height:40px;} .news_list li .fr{ float:right; display:block; width:77%; padding:0; } .news_list li .fr a{ font-size:18px; color:#333; display:block; width:100%; float:left; margin:0 0 15px;} .news_list li .fr p{ line-height:24px; color:#999; font-size:14px; height:50px; display:block; float:left; width:100%; overflow:hidden;} .news_list li:hover .fl{ background:#da3220;} .news_list li:hover .fr a{color:#e11c20; } .news_list li:hover .fr p{color:#666; } /*********************** ********* Footer ****** ************************/ #footer { padding:20px 15px; width:100%; text-align:center;} #footer span{ display:block; width:100%;} } /* XS Portrait */ @media (max-width:320px) { #main-slider .carousel .item { height:200px;} #main-slider .carousel .carousel-content { margin-top:60px; font-size:18px;} #main-slider .carousel span {color:#e50012; display:block; height:50px; } /*****/ .mokuai{ width:100%; padding:0 10px; height:80px; float:left;} .mokuai ul li{ height:38px; width:33.333%; float:left; color:#fff; text-align:center; margin-top:18px;} .mokuai ul li a{ display:block; color:#fff; width:96%; font-size:12px; line-height:38px; border:2px solid #e78075;} .mokuai ul li a.fm{ margin-left:2%;} .content{ width:100%; padding:20px 15px; line-height:30px;} /* 首页 关于我们 */ .g_zj{ width:100%; height:400px; float:left; padding:30px 0 0; } .g_zj .u_dlst1 {height:300px; } .g_zj .u_dlst1 dt{ display:none; } .g_zj .u_dlst1 dd{float:left;width:100%; height:238px; padding:20px; border:0; background:none; box-shadow:none; } .g_zj .u_dlst1 h4{height:30px; line-height:30px; font-size:18px; overflow:hidden; font-weight:400; padding-bottom:3px; color:#b2b2b2;} .g_zj .u_dlst1 h4 b{ color:#d12a1a; padding-right:10px; font-size:26px;} .g_zj .u_dlst1 p{ color:#666; text-indent:2em; font-size:14px; line-height:24px; height:195px; overflow:hidden;} .g_zj .u_dlst1 dd a{background:#b9b9b9; color:#fff; display:block; width:100px; height:35px; line-height:35px; margin-top:10px;} /*--首页 项目展示--*/ .g_xm{ width:100%; padding:20px 0 0; float:left; } .g_xm .g_xm_top{ padding:0 15px; font-size:14px; line-height:24px; color:#828282; display:block; margin-top:30px;} .g_xm ul{ width:100%; float:left; display:block; padding-bottom:60px;} .g_xm ul li{ width:100%; padding:0 15px; display:block; float:left; margin-bottom:20px; } .g_xm ul li div{ width:100%; margin-top:10px; padding:10px; background:#fff;border:1px solid #e1e1e2; border-radius:5px; overflow:hidden; float:left; display:block;} .g_xm ul li div p{ line-height:26px; font-size:16px; display:block; padding:15px 0; margin-bottom:0;} .g_xm ul li a{display:block; height:331px; overflow:hidden; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;} .g_xm ul li img{ width:100%; height:auto; } .g_xm ul li a:hover{background-color:transparent;} .sPrev{ left:0px; } .sNext{ right:0px; } /* 首页 投资领域 */ .slideGroup .sPrev{ left:0; } .slideGroup .sNext{ right:0; } .slideGroup .parBd ul li{ width:100%; display:block; float:left; } .pic span{ display:block; line-height:40px; padding:0 20px; font-size:18px; letter-spacing:0.5px;} .pic img{ width:100%; } .pic .overlay { position:absolute; top:0; bottom:40px; } /*--首页新闻--*/ .g_title{ width:100%; height:50px; float:left; margin:60px 0 30px;} .g_title span{padding:0; font-weight:400; font-size:26px; display:inline-block; text-align:center; text-align:center;} .g_title span a{ font-size:14px; border:1px solid #dcdcdc; padding:10px 30px;} .g_title span a.now{ background:#fc4e4f; border:1px solid #fc4e4f; color:#fff;} .g_title span.link_line{ width:43%; height:5px; font-size:0; line-height:5px; border-top:1px solid #dcdcdc;} .news{ width:100%; float:left;} .news .parHd{ height:50px; width:100%; margin:30px 0 0; float:left; } .news .parHd ul{ float:left; height:32px; text-align:center; width:100%;} .news .parHd ul li{ display:inline; margin:0 10px; cursor:pointer; font-size:14px; border:1px solid #dcdcdc; padding:10px 30px; background:#fff;} .news .parHd ul li.on{ background:#fc4e4f; border:1px solid #fc4e4f; color:#fff; } .news .parBd{ padding:0 15px; width:100%; float:left; } .new_list{ width:100%%; float:left; } .new_list ul li{line-height:35px; padding:0; margin-bottom:20px; font-size:16px; color:#404040; width:100%; float:left;} .new_list ul li div{ width:100%; margin-top:10px; padding:10px; background:#fff;border:1px solid #e1e1e2; border-radius:5px; overflow:hidden; } .new_list ul li img{ width:100%;} .new_list ul li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px} .new_list ul h3 a{ display:block;text-overflow:ellipsis; color:#666;} .new_list ul p {line-height:26px; float:left; width:100%; color:#9e9e9e; padding:0 10px } .new_list ul span { color:#9e9e9e; display:block; width:100%; line-height:35px; float:left; padding:0 10px 15px;} .new_list ul span a{ float:right; display:block; width:40%; text-align:right; white-space:nowrap; overflow:hidden; } #client ul{width:100%; margin:0px auto 70px; overflow:hidden; } #client ul li{float:left; width:50%; display:block; text-align:center; padding:15px 10px; text-align:center; } #client ul li i{ background:#fff;display:block; padding:5px 0; border:1px solid #dedede;} #client ul li i img{ width:90%;} /*********/ .partners .sPrev{ left:0px; } .partners .sNext{ right:0px; } .partners .parBd .tempWrap{ float:left; } .partners .parBd ul li{ width:50%; display:block; float:left; text-align:center; } .partners .parBd ul li i{ width:100%; margin:0 5px; display:block; } /****************** xiangmu page css ******************/ .xiangmu{ width:100%; float:left; padding:15px;} .xiangmu li{ width:100%; display:block; float:left; margin:15px 0;} .xiangmu li .fl{ display:block; width:100%; } .xiangmu li .fl img{ width:100%;} .xiangmu li .fr{ display:block; width:100%; min-height:135px; padding:0 20px; background:#f1f3f7;} .xiangmu li .fr h2{ font-size:18px; color:#555555; display:block; width:100%; float:left; margin:30px 0 15px;} .xiangmu li .fr p{ line-height:24px; font-size:13px;} /****************** news page css ******************/ .news_list{ width:100%; float:left; padding:15px;} .news_list li{ width:100%; display:block; float:left; margin:15px 0; border-bottom:1px solid #e4e4e4; padding-bottom:15px;} .news_list li .fl{ width:20%; height:90px; background:#b7b7b7; border-radius:2px; color:#fff; text-align:center; } .news_list li .fl b{ font-size:46px; margin-top:15px; display:block; float:left; width:100%; line-height:40px;} .news_list li .fr{ float:right; display:block; width:77%; padding:0; } .news_list li .fr a{ font-size:18px; color:#333; display:block; width:100%; float:left; margin:0 0 15px;} .news_list li .fr p{ line-height:24px; color:#999; font-size:14px; height:50px; display:block; float:left; width:100%; overflow:hidden;} .news_list li:hover .fl{ background:#da3220;} .news_list li:hover .fr a{color:#e11c20; } .news_list li:hover .fr p{color:#666; } /*********************** ********* Footer ****** ************************/ #footer { padding:20px 15px; width:100%; text-align:center;} #footer span{ display:block; width:100%;} }