body { color: #727272; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 24px } body.boxed header { width: 100% } .wrap { overflow: hidden } img { max-width: 100% } h1,h2,h3,h4,h5,h6 { font-weight: 400; color: #666; font-family: Oswald,sans-serif; text-shadow: 0 0 1px rgba(0,0,0,.01) } h1,h2,h3 { margin: 0 0 25px } h1.title { margin: 0 0 10px } h3 { font-size: 20px; position: relative } h3.title { overflow: hidden; line-height: 28px } h3.title:after { background: url(../images/bg_off.png) repeat; content: ""; height: 5px; margin-left: 10px; position: absolute; top: 12px; width: 99% } .our-clients h3.title:after,.service-reasons h3.title:after { background: 0 0 } .our-clients h3.title,.service-reasons h3.title { color: #fff } .our-clients,.service-reasons { background: url(../images/img-bg-blur.jpg) 50% 0 no-repeat fixed; margin: 0 auto; padding: 50px 0; background-position: center center; background-size: cover } .client,.service-reasons { position: relative; overflow: hidden } .our-clients .carousel-controls { display: block; height: 25px; position: absolute; right: 0; top: 3px; width: 83px } li,ol,ul { line-height: 30px; list-style: none; margin: 0; padding: 0 } a:focus,a:hover { text-decoration: none; outline: 0; color: #666 } .btn-large,.btn-normal,.btn-small,.btn-special,.comment-des,.contact-box,.steps .popup,.testimonial p { border-radius: 3px } .nav-qar{ display: none; position: absolute; top:35px; z-index: 9999999999; } .top-back{ height: 213px; width: 100%; background: url(../images/top_background.jpg) no-repeat 50%; } #header .main-header { min-height: 86px; z-index: 9999; width: 100%; position: relative; background: #fff; -webkit-box-shadow: 0 3px 3px -3px rgba(0,0,0,.2); box-shadow: 0 3px 3px -3px rgba(0,0,0,.2) } header .top-bar { min-height: 30px; background: #510303; border-bottom: 1px solid #414f5a; padding: 7px 0 } .header-nav-right li{ display: inline; } .header-nav-right li a{ border-right:1px solid #d5cccc; padding-right: 10px; } .header-nav-right li:last-child a{ border-right:none; } .topnav .navbar-toggle i { line-height: 20px } .phone-email { padding: 3px 0 } .phone-email a { margin: 0 10px } .phone-email i .fa-phone { font-size: 14px } .phone-email i { margin-right: 7px } footer .social,header .social { margin-right: 4px; line-height: 30px } header #search-form { line-height: 30px } footer .social,footer .social li:last-child { margin-right: 0!important } footer .social li,header .social li { background-color: #FFF; border-radius: 100% 100% 100% 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.6); box-shadow: 0 2px 2px 0 rgba(0,0,0,.6); display: inline-block; height: 25px; margin-right: 5px; width: 25px; text-align: center; background: #fff; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; padding: 1px } footer .social i,header .social i { color: #666; -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; -ms-transition: color .5s ease-in-out; transition: color .5s ease-in-out } .footer-four img{ margin-bottom: 10px; } #search-form .search-text-box { background-color: #fff; background-image: url(../images/search-icon.png); background-position: 6px 56%; background-repeat: no-repeat; border: 0; color: transparent; font-size: 13px; line-height: 18px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: none; box-shadow: none; border-radius: 30px; width: 25px; height: 25px; margin: 0; padding: 0 } #search-form .search-text-box { font-size: 13px; background-color: #fff; width: 170px; height: 25px; border: 0; color: #888; cursor: text; text-align: left; padding: 0 15px 1px 25px } header .main-header { display: block; position: relative; text-align: left } .logo { margin: 13px 0; } .logo img{ margin-top:6px; max-height:52px; } .logo h1 { margin: 13px 0 } .navbar-fixed-top { position: fixed!important } .breadcrumb-wrapper { background: #FAFAFA; border: 1px solid #DDD; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa)); background: -webkit-linear-gradient(top,#f8f8f8,#fafafa); background: -moz-linear-gradient(top,#f8f8f8,#fafafa); background: -ms-linear-gradient(top,#f8f8f8,#fafafa); background: -o-linear-gradient(top,#f8f8f8,#fafafa) } h2.title { font-size: 26px; line-height: 40px; margin: 5px 0 } .breadcrumbs { margin: 7px 0 } .breadcrumbs ul li { display: inline-block; line-height: 24px; font-size: 13px; color: #9e9e9e; margin: 0 0 0 5px } .breadcrumbs ul li a { color: #898989; font-weight: 600 } .breadcrumbs ul li:first-child { margin-left: 2px!important } .breadcrumbs ul li:first-child:before,.breadcrumbs ul li:nth-child(2):before { content: " "; margin: 0 } .breadcrumbs ul li:before { color: #9e9e9e; content: "\f105"; font-family: FontAwesome; font-size: 12px; margin: 0 9px 0 0 } .fullwidthbanner-container { width: 100%!important; position: relative; max-height: 470px!important; overflow: hidden; background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: 50%; padding: 0; visibility: hidden } .nivo-prevNav,.tp-leftarrow.default { border-bottom-right-radius: 3px; border-top-right-radius: 3px; z-index: 100; cursor: pointer; position: relative; background: #898989; padding-top: 20px!important; width: 45px; height: 60px; text-align: center; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; visibility: visible } .nivo-prevNav:before,.tp-leftarrow.default:before { content: "\f053"; font-family: FontAwesome; font-size: 24px; font-style: normal; font-weight: 400; color: #fafafa; text-align: center; visibility: visible } .nivo-nextNav,.tp-rightarrow.default { border-bottom-left-radius: 3px; border-top-left-radius: 3px; z-index: 100; cursor: pointer; position: relative; background: #898989; padding-top: 20px!important; width: 45px; height: 60px; text-align: center; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; visibility: visible } .nivo-nextNav:before,.tp-rightarrow.default:before { content: "\f054"; font-family: FontAwesome; font-size: 24px; font-style: normal; font-weight: 400; color: #fafafa; text-align: center; visibility: visible } .nivo-caption h2 { margin: 0; line-height: 60px } #center-content { border: 1px solid #ddd; padding: 0 20px 20px 20px; min-height: 155px } .btn:focus,.btn:hover { color: #fff } .btn-pad { margin: 0 7px; } .btn-grey { color: #515151!important; text-shadow: -1px 1px 0 #fff; outline: 0; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; background-color: #fff; background-image: -webkit-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%); background-image: -moz-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%); background-image: -o-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%); background-image: -ms-linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%); background-image: linear-gradient(top,#fff 2%,#f0f0f0 2%,#dedede 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 ); border: 1px solid #969696; -webkit-box-shadow: 0 1px 2px rgba(144,144,144,.4); box-shadow: 0 1px 2px rgba(144,144,144,.4); text-shadow: 0 1px 1px rgba(255,255,255,.75)!important } .btn-grey:hover { background: -webkit-linear-gradient(#f8f8f8,#ddd); background: -moz-linear-gradient(#f8f8f8,#ddd); background: -o-linear-gradient(#f8f8f8,#ddd); background: -ms-linear-gradient(#f8f8f8,#ddd); background: linear-gradient(#f8f8f8,#ddd) } .btn-color,.btn-grey { -webkit-transition: all .5s ease-in-out!important; -moz-transition: all .5s ease-in-out!important; -o-transition: all .5s ease-in-out!important; -ms-transition: all .5s ease-in-out!important; transition: all .5s ease-in-out!important } .btn-color { color: #fff!important; text-shadow: 0 1px #555!important } .btn-special { border-radius: 4px } .btn-special { padding: 15px 30px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .btn-normal { display: inline-block; cursor: pointer; font-size: 16px; padding: 12px 30px } .btn-small { display: inline-block; cursor: pointer; font-size: 14px; padding: 7px 20px } .btn-large { display: inline-block; cursor: pointer; font-size: 20px; padding: 17px 50px } #main-cmf { background-color: #fff; padding: 0 0 60px } #main-cmf .page-title { padding-top: 20px; padding-bottom: 10px } .about #main-cmf,.home #main-cmf,.home-2 #main-cmf,.home-3 #main-cmf,.page-services #main-cmf { padding: 0 } .page article.post { border-bottom: none } .post-header h3.content-title { text-align: left!important; margin-bottom: 15px } .blog-entry-meta { font-size: 0 } .blog-entry-meta-date { display: inline-block; margin-right: 25px; margin-bottom: 10px; font-size: 14px; vertical-align: top } .blog-entry-meta-author { display: none; margin-right: 5px; margin-bottom: 10px; font-size: 14px; vertical-align: top } .blog-entry-meta-tags { display: none; margin-right: 25px; margin-bottom: 10px; font-size: 14px; vertical-align: top } .blog-entry-meta-comments { display: none; margin-bottom: 10px; margin-right: 10px; font-size: 14px; vertical-align: top } .blog-entry-meta i { margin-right: 4px } .blog.meta_author .blog-entry-meta-author { display: inline-block } .blog.meta_tags .blog-entry-meta-tags { display: inline-block } .blog.meta_comments .blog-entry-meta-comments { display: inline-block } .blog.meta_authortags .blog-entry-meta-author,.blog.meta_authortags .blog-entry-meta-tags { display: inline-block } .blog.meta_authorcomments .blog-entry-meta-author,.blog.meta_authorcomments .blog-entry-meta-comments { display: inline-block } .blog.meta_tagscomments .blog-entry-meta-comments,.blog.meta_tagscomments .blog-entry-meta-tags { display: inline-block } .blog-entry-meta-author,.blog-entry-meta-comments,.blog-entry-meta-tags { display: inline-block } .post-content { padding-bottom: 10px } .blog-small article .post-image { float: left; width: 30%; margin-bottom: 10px } .blog-small article .post-content-wrap { float: left; width: 65%; margin: 0 0 0 4% } .post-date a.date { background: none repeat scroll 0 0 #fafafa; display: block; float: left; margin-right: 20px; padding: 10px 0 0; text-align: center; text-decoration: none; width: 55px; border-radius: 2px } .post-date a.date strong { color: #1889C1; display: block; font-size: 20px; font-weight: 400 } .post-date a.date i { background-color: #1889C1; border-top: 1px solid #F3F3F3; color: #FFF; display: block; font-size: 14px; font-style: normal } .blog-small .blog-entry-meta-author,.blog-small .blog-entry-meta-comments,.blog-small .blog-entry-meta-tags { font-size: 11px } .sidebar ul.slide li { padding-left: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .sidebar ul.slide li:hover { padding-left: 5px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .sidebar p { text-align: left!important; margin: 0 0 2px } .sidebar .widget,.widget { margin-bottom: 35px } .search-input { height: 38px!important; width: 218px } #horizontal-tabs { margin-bottom: 30px } #horizontal-tabs ul.tabs li { background: #fafafa; border-right: 1px solid #ddd; border-top: 2px solid #666; cursor: pointer; float: left; font-size: 15px; padding: 12px } #horizontal-tabs ul.tabs li.current { border-bottom: 1px solid #fff; background: 0 0; cursor: default } #horizontal-tabs ul.tabs { border: 1px solid #ddd; overflow: hidden; border-radius: 2px } #horizontal-tabs .contents { border: 1px solid #ddd; margin-top: -1px; border-radius: 2px } #horizontal-tabs .tabscontent.no-padding { padding-left: 0; padding-right: 0 } #horizontal-tabs .tabscontent { display: none; overflow: hidden; } .tabs ul.posts li { margin-bottom: 15px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #f8f8f8 } .tabs ul.posts li img { height: 68px; width: 68px; -webkit-transition: all .4s ease-in 0s; -moz-transition: all .4s ease-in 0s; -o-transition: all .4s ease-in 0s; -ms-transition: all .4s ease-in 0s; transition: all .4s ease-in 0s; float: left } .recent-post-img { margin: 0 13px 5px 0 } .sidebar .testimonials-title h3 { margin: 0 0 20px!important } .category ul li:before { content: "\f105"; font-family: FontAwesome; font-size: 16px; font-style: normal; font-weight: 400; padding-right: 10px } .widget.category ul li { margin-bottom: 7px; border-bottom: 1px solid #F8F8F8; padding: 3px 0 } .widget .ads-img img { margin-bottom: 30px; max-width: 100% } .about-author { margin-top: 30px } .author-content { padding: 20px } .author-content .avatar { float: left; margin: 0 20px 0 0 } .avatar { border: 1px solid #ddd; padding: 4px!important; border-radius: 100% } .avatar img { border-radius: 100% } .author-content .data { margin: -10px 0 0 } .comments-sec { float: left; width: 100%; margin: -5px 0 25px } ol.commentlist li { float: left; padding: 10px 0 15px } ol.commentlist { float: left; width: 100%; margin: 0 } ol li ol.childlist { float: right; width: 86%; margin: 0 } ol.commentlist li ol.childlist li:first-child { padding: 25px 0 0 } ol.commentlist li:first-child { margin: 0 0 7px; padding: 25px 0 0 } .comment a img.avatar { float: left; max-width: 70px; margin: 0 10px } .comment-des p { line-height: 23px; margin: 0 } .comment-des { float: left; min-height: 128px; background: #fafafa; border: 1px solid #ddd; color: #888; -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.06); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.06); margin: -70px 0 0 100px; padding: 19px 22px 22px } .comments { border: 1px solid #D4D4D4 } .comment { padding: 10px; border-bottom: 1px solid #D4D4D4 } .comment_child { border-top: 1px solid #D4D4D4 } .comment:before { position: absolute; display: block; margin-left: 93px; margin-top: 25px; width: 15px; height: 15px; background-color: #fafafa; border: 1px solid #ddd; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-right: none; border-top: 0; z-index: 1 } .comment-des strong { float: left; padding-right: 5px; font-size: 14px; color: #666 } .comment-des span { float: left; color: #999 } .comment-by { float: left; width: 100%; padding-bottom: 8px; padding-top: 5px } .comment-by span.reply { float: right; display: inline } .comment-by span.reply a { float: right; height: 17px; margin-left: 5px; font-weight: 400; color: #999 } .comment-by span.reply a i { color: #bbb; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out } .comment-by span.reply a:hover,.comment-by span.reply a:hover i { color: #a0a0a0 } .comment-by span.date { color: #999; float: left; font-weight: 300; margin: 0 0 0 2px; padding: 0 0 0 9px } .comments .comment .comment-body .time { margin: 0 10px } .comment-reply-box .textbox { width: 100%; margin-top: 15px; padding: 6px 6px; text-indent: 1px; box-shadow: none; border-radius: 0; background-color: #fff; border: 1px solid #bbb; transition: border linear .2s,box-shadow linear .2s; display: inline-block; margin-bottom: 10px; font-size: 14px; line-height: 20px; vertical-align: middle } .reply label { margin: 0 0 4px } .reply label span { color: #e24747 } .reply input { margin: 0 0 20px } .reply textarea { min-width: 97.5%; min-height: 180px; -webkit-resize: vertical; -moz-resize: vertical; -webkit-resize: vertical; -moz-resize: vertical; resize: vertical; margin: 0 0 18px } .slogan { min-height: 100px; background: #fafafa; width: 100%; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1) } .slogan-content { padding: 25px 0 } .slogan-title { display: inline-block; margin: 10px 0 } .page-services .slogan-content { padding: 40px 0 } .page-services .get-started { padding-top: 15px } .get-started { padding-top: 1px; vertical-align: middle } .content,.main-content { padding: 0 } .home-2 .main-content,.home-3 .main-content { margin: 45px 0 40px; padding: 0 } .main-content { margin: 0; } div.content-box { clear: both } div.content-box div.content-box-info { padding-left: 115px } div.content-box.big { padding: 0 5% 10px; border-radius: 3px; background: #fff; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out } div.content-box.big .ch-info-wrap { margin: -42px auto 35px; position: relative; left: auto; top: auto } div.content-box.big:hover { background: #fafafa } div.content-box.big div.content-box-info { padding-left: 0; text-align: center; margin: 25px 0 0 } div.content-box.big div.content-box-info p { text-align: center; margin-top: 25px } .service-reasons div.content-box.big { transition: none; margin-top: 30px; border: 1px solid #fff } .main-content h3 { color: #666; line-height: 32px; margin: 0 0 5px } .content p,.main-content p { text-align: left } #cn-tabs .service,.author-content,.comment-des,.contact-box,div.content-box.big { border-style: solid; border-width: 1px 1px 3px; border-color: #ddd; background: #fafafa; background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa)); background: -webkit-linear-gradient(top,#f8f8f8,#fafafa); background: -moz-linear-gradient(top,#f8f8f8,#fafafa); background: -ms-linear-gradient(top,#f8f8f8,#fafafa); background: -o-linear-gradient(top,#f8f8f8,#fafafa) } ul.graph-container { margin-left: 10em } .graph-container>li:nth-child(1) .bar-inner { height: 25%; bottom: 0 } .graph-container>li:nth-child(2) .bar-inner { height: 50%; bottom: 0 } .graph-container>li:nth-child(3) .bar-inner { height: 75%; bottom: 0 } .graph-container>li:nth-child(4) .bar-inner { height: 85%; bottom: 0 } .graph-container>li:nth-child(5) .bar-inner { height: 90%; bottom: 0 } .portfolio-single .work-title h3 { margin-bottom: 20px!important } .portfolio-wrap .item { width: 24.99% } .item .item-inner,.post-image { margin-bottom: 30px; overflow: hidden; position: relative; border-radius: 2px } .img-content,.post-image { padding: 4px; border: 1px solid #ddd; background: url(../images/bg_off.png) repeat } .img-content { float: left; margin: 5px 20px 20px 0 } .img-content img { width: 100% } .post-image a { display: block; position: relative } .post-image .nivoSlider a { position: absolute!important } .portfolio .item .portfolio-item { margin-bottom: 30px } .project_details span { border-bottom: 1px solid #E3E3E3; color: #454545; float: left; font-size: 14px; font-weight: 700; margin: 0; padding: 5px 0; width: 100% } .project_details strong { float: left; margin: 0; padding: 0; width: 40% } .project_details em { float: left; font-style: normal; margin: 0; padding: 0; width: 60% } .project_details span a { background-color: #fafafa; border-radius: 3px; border: 1px solid #ddd; color: #666; font-size: 14px; font-style: normal; font-weight: 400; margin: 0 0 5px 5px; padding: 3px 10px; display: inline-block } .recentworks { background: #fafafa; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 60px 0; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa)); background: -webkit-linear-gradient(top,#f8f8f8,#fafafa); background: -moz-linear-gradient(top,#f8f8f8,#fafafa); background: -ms-linear-gradient(top,#f8f8f8,#fafafa); background: -o-linear-gradient(top,#f8f8f8,#fafafa) } .cn-wrapper { width: 26em; height: 26em; position: relative; z-index: 10; bottom: 0; left: 50%; overflow: hidden; margin-left: -185px; border: 1px solid #ddd; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease } .cn-wrapper:after { content: ""; display: block; height: 8px; width: 8px; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; border-radius: 50%; z-index: 11 } .cn-wrapper li { position: absolute; font-size: 1.5em; width: 10em; height: 10em; overflow: hidden; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; border: 1px solid #fff; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease } .cn-wrapper li a { display: block; font-size: 1.2em; height: 13.5em; width: 13.5em; position: absolute; bottom: -6.75em; right: -6.75em; overflow: hidden; text-decoration: none; -webkit-transition: background-color .3s ease,-webkit-transform .8s ease; -moz-transition: background-color .3s ease,-moz-transform .8s ease; -o-transition: background-color .3s ease,-o-transform .8s ease; -ms-transition: background-color .3s ease,-ms-transform .8s ease; transition: background-color .3s ease,transform .8s ease } .cn-wrapper li a.active,.cn-wrapper li a:hover { background-color: #fafafa; -webkit-transition: background-color .5s ease; -moz-transition: background-color .5s ease; -o-transition: background-color .5s ease; -ms-transition: background-color .5s ease; transition: background-color .5s ease } .cn-wrapper span { font-size: 1.3em } .cn-content { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .circular-nav { overflow: hidden } #cn-tabs .service { display: none; overflow: hidden; background: #fafafa; padding: 15px 25px; border-radius: 2px } .cn-content { overflow: hidden } .cn-content p { z-index: 9999 } #cn-tabs .service:before { position: absolute; display: block; content: ""; top: 44%; right: -3px; width: 35px; height: 35px; background-color: #fafafa; border: 1px solid #ddd; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-left: none; border-bottom: 0; z-index: 1 } a.next.disabled,a.prev.disabled { cursor: default } #client-carousel{ margin:0 20px; } .carousel-controls a.next { right: 0px; top:78px; position: absolute } .carousel-controls a.prev { left: 0px; top:78px; position: absolute } .carousel-controls a.next-more { right: 65px; } .carousel-controls a.prev-more { right: 95px; } .team-name{ margin-top: 10px; } .team-title{ margin-bottom: 10px; } .team-name span{ color:#cc0000; font-size: 17px; } .team-title span{ color:#333333; font-size: 14px; } .bxslider-team li{ border-bottom: 3px solid #742121;; } a.next,a.prev { width: 25px; height: 25px; display: block; cursor: pointer; background: #930; color: #fafafa; font-size: 20px; text-align: center; text-decoration: none } a.next { padding-left: 3px } a.next.disabled,a.prev.disabled { display: block; cursor: default; background: #323B44; color: #fafafa; font-size: 20px; text-align: center } .testimonial p { background: #fafafa; font-weight: 500; margin: 0; padding: 27px 25px; border: 1px solid #ddd; background: -webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#fafafa)); background: -webkit-linear-gradient(top,#f8f8f8,#fafafa); background: -moz-linear-gradient(top,#f8f8f8,#fafafa); background: -ms-linear-gradient(top,#f8f8f8,#fafafa); background: -o-linear-gradient(top,#f8f8f8,#fafafa) } .our-clients .testimonial p,.our-clients .testimonials-arrow { border: none } .testimonials-arrow { display: block; content: ""; margin-top: -7px; margin-left: 45px; width: 14px; height: 14px; background-color: #fafafa; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 0 } .testimonial .author { margin: 0 0 0 19px } .testimonial-image { float: left; height: 70px; position: relative; width: 70px } .testimonial-image img { border-radius: 50px; height: 70px!important; width: 70px!important; border: 1px solid #ddd; padding: 4px } .our-clients .testimonial-image img { border: none; padding: 0 } .our-clients .testimonial-author-info { color: #ddd } .testimonial-author-info { padding: 10px 0 0 90px; color: #666 } .testimonial-author-info a { display: block } .our-clients .testimonial-author-info a { color: #fff } span.color { font-size: 14px; font-weight: 700 } .footer-top { border-bottom: 1px solid #414f5a; color: #999999; padding: 20px 0; background: url(../images/background9.jpg) 0 0 repeat-y; } .footer-bottom { background: #742121; color: #fff; line-height: 30px; padding: 10px } .social-icons-footer-bottom { float: right; margin: 6px 0 0 } .social-icons-footer-bottom li { display: inline; float: left; margin-right: 7px!important; list-style: none; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s } .social-icons-footer-bottom li i { display: inline-block; font-family: FontAwesome; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 16px; padding-top: 0; text-align: center; text-decoration: inherit; text-transform: none } #tweets li:before { color: #c9c9c9; content: "\f0c1"; float: left; font-family: FontAwesome; font-size: 16px; margin: 0 0 0 -28px } .footer-top .contact-us li i{ color: #c9c9c9; } #tweets li { line-height: 24px; padding: 0 0 0 28px; } .footer-top li{ border-bottom: 1px solid #535353; } #tweets .content { padding-top: 0; margin-bottom: 5px } #flickrfeed li { float: left; margin: 5px 5px 0 0 } .contact-us { margin: 15px 0 0; background: url(../images/contact-map.png) no-repeat center bottom } .contact-us .fa-map-marker { font-size: 16px } .contact-us li i { color: #666; float: left; margin: 4px 0 0 } .contact-us p { line-height: 24px; margin-left: 20px; margin-top: -2px } .contact-us li p strong { color: #727272; float: left; font-weight: 600; margin: 0 5px 5px 0 } .subscribe-btn { height: 38px; background-image: none; color: #fff; text-shadow: none; font-size: 14px; border: none; text-shadow: 0 1px #555!important } .subscribe { height: 38px!important; width: 100% } #not-found { margin: 60px 0 45px } #not-found h2 { font-size: 200px; font-weight: 500; letter-spacing: -5px; line-height: 210px; text-align: center } #not-found p { color: #9e9e9e; font-size: 32px; line-height: 48px; text-align: center } #not-found i { color: #F03; font-size: 210px; position: relative; top: -12px } .back-home p { text-align: center!important; margin: 0 auto } .back-home .search-form { width: 290px; margin: 30px auto 0 } .sitemap { margin-bottom: 15px } .sitemap li,.sitemap ul { margin: auto!important; padding: inherit!important; list-style: disc } .sitemap li ul li { list-style: circle } ul.why li { margin: 7px 0 } ul.why li:before { content: "\f00c"; font-family: FontAwesome; position: relative; color: #fff; background: #666; border-radius: 100%; margin: 0 7px 0 0; padding: 3px } .services-big div.content-box div.content-box-icon { border: 1px solid #ddd; background: url(../images/bg_off.png) repeat; border-radius: 2px; display: block; float: none; position: relative; padding: 4px } .services-big .content-box-icon span { z-index: 4; display: block; width: 130px; height: 130px; border-radius: 130px; background-color: #666 } .services-big .content-box-icon i { color: #fff; float: left; font-size: 48px; line-height: 130px; left: 34%; position: relative; z-index: 5 } .services-big div.content-box div.content-box-info { padding-left: 0 } .services-big h4 { margin: 20px 0 } .services-big img { width: 100% } .divider { margin: 60px 0 } .blog-divider { margin: 10px 0; background: url(../images/bg_off.png) repeat; content: ""; height: 5px } .top-pad { margin-top: 25px } .no-divider { margin: 0 } .bottom-pad { margin-bottom: 60px } .bottom-pad-small { margin-bottom: 30px } .no-bottom-pad { margin-bottom: 0!important; padding-bottom: 0!important } input,textarea { border: solid 1px #E5E5E5; background: -webkit-gradient(linear,left top,left 25,from(#FFF),color-stop(4%,#EEE),to(#FFF)); background: -moz-linear-gradient(top,#FFF,#EEE 1px,#FFF 25px); box-shadow: rgba(0,0,0,.1) 0 0 8px!important; -moz-box-shadow: rgba(0,0,0,.1) 0 0 8px!important; -webkit-box-shadow: rgba(0,0,0,.1) 0 0 8px!important; } .h28{ min-height: 28px!important; } input:focus,input:hover,textarea:focus,textarea:hover { border-color: #C9C9C9; -webkit-box-shadow: rgba(0,0,0,.15) 0 0 8px } .accordionMod .panel-heading .accordion-toggle { position: relative; cursor: pointer; margin: 0; padding: 10px 45px } .accordion-body,.panel-heading { background: #fff; border-radius: 3px; padding: 0 } .accordionMod .panel-heading .accordion-toggle .icon:before { content: "\f067"; font-family: FontAwesome; display: block; width: 14px; height: 14px; position: absolute; left: 15px; top: 11px } .accordionMod .panel-heading .accordion-toggle .iconActive:before { content: "\f068"; font-family: FontAwesome } .accordionMod .panel-heading .current { color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px } .contact-box,.contact-box h3,.contact-box i,.contact-box p { -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s } .contact-box { text-align: center!important; -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.05) inset; box-shadow: 0 -1px 0 0 rgba(0,0,0,.05) inset; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; margin: 0 0 20px; padding: 32px 28px } .contact-box:hover { border: none } .contact-box i { font-size: 48px } .blog-showcase { padding: 0 } .blog-showcase ul { margin: 0; padding: 0; list-style: none; width: 100%; display: block; overflow: hidden } .blog-showcase ul li { position: relative; display: inline-block } .blog-showcase ul li:last-child { padding-right: 0!important } .blog-showcase ul li.blog-first-el { padding-right: 270px } .blog-showcase ul li.blog-first-el .blog-showcase-extra-info { zoom: 1; filter: alpha(opacity=100); filter: alpha(opacity=100); opacity: 1 } .blog-showcase ul li.blog-first-el .blog-showcase-thumb { border-right: 0 } .blog-showcase ul li,.blog-showcase ul li img,.blog-showcase-extra-info { -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .blog-showcase-thumb { position: relative; overflow: hidden; z-index: 20; margin-bottom: 5px; width: 297px } .blog-showcase-thumb:hover .showcase-blog-overlay { zoom: 1; filter: alpha(opacity=50); filter: alpha(opacity=50); opacity: .5 } .blog-showcase-extra-info { width: 277px; height: 180px; z-index: 10; margin: 0; position: absolute; left: 297px; top: 2px; overflow: hidden; zoom: 1; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0 } .blog-showcase-extra-info span { display: block; border: 1px solid rgba(0,0,0,.1); border-left: none; border-right: 0; margin-bottom: 5px; line-height: 24px } .blog-showcase-extra-info span a { font-size: 10px; color: #999 } .blog-showcase-title { font-size: 13px; font-weight: 700; line-height: 20px!important; display: inline-block; margin-bottom: 0; color: #333 } .blog-showcase-more { font-size: 12px; text-decoration: underline } .web-normal i { display: inline-block; margin: 15px } #options { padding: 10px 0 25px } #options li { float: left; margin: 4px 8px 4px 0 } #options li a { display: inline-block; background: #fafafa; color: #727272; font-size: 16px; text-decoration: none; padding: 7px 20px; border: 1px solid #ddd } .portfolio .item { position: relative; overflow: hidden } .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1 } .isotope,.isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; -ms-transition-duration: .8s; transition-duration: .8s } .isotope { -webkit-transition-property: height,width; -moz-transition-property: height,width; -o-transition-property: height,width; -ms-transition-property: height,width; transition-property: height,width } .isotope .isotope-item { -webkit-transition-property: 0; -moz-transition-property: 0; -o-transition-property: 0; -ms-transition-property: 0; transition-property: 0 } .isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s; transition-duration: 0s } .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none } .progress { height: 40px } .progress .progress-bar { font-size: 15px; font-weight: 600; line-height: 40px; padding-left: 20px; text-align: left; text-shadow: none } a.mobile-menu { color: #000; cursor: pointer } .mobile-menu { height: 40px; position: absolute; right: 0; top: 25px } .google-maps { height: 400px } #options li a,.author-content,.img-caption,.portfolio .img-caption,.portfolio img.pic,.recentworks .pic,.scrollup,.tabs ul.posts li img,a.next,a.prev,li.work img { border-radius: 2px } #options ul,#search-form form,.features .panel-heading h4,.gallery ul,.panel-heading h3,.sidebar ul,.testimonials ul,ul.post-meta,ul.tabs,ul.why { margin: 0 } #horizontal-tabs ul.tabs li,#vertical-tabs ul.tabs li,.content h3,.latest-posts h4 a { color: #666 } .our-clients ul,.recentworks ul,ul#tweets { list-style: none; margin: 0 } #footer ul,.our-clients ul { list-style: none } ul#projects-carousel { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 0; float: left } .portfolio-item { background: url(../images/bg_off.png) repeat; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); border: 1px solid #ddd; padding: 4px; overflow: hidden; display: block } .portfolio-item img { display: block; width: 100% } .fullscreen { position: absolute; left: 50%; top: 65%; color: #fff; font-size: 18px; margin-top: -30px; margin-left: -24px; width: 60px; height: 60px; opacity: 0 } .fullscreen i { color: #fff!important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; z-index: 11; background: rgba(0,0,0,.6); padding: 16px 18px; font-size: 16px; border-radius: 100px } .portfolio-item-link { display: block; position: relative } .post-item-link { display: block; position: relative; overflow: hidden; margin: 0 } .post-body { padding: 4px; background: url(../images/bg_off.png) repeat; border: 1px solid #DDD; border-radius: 3px } .img-hover,.portfolio-item-link span.portfolio-item-hover,.post-item-link span.post-item-hover { background: rgba(50,50,50,.75) } .portfolio-item.round img { border-radius: 2px } a.portfolio-item-link { line-height: 0; padding: 0; margin: 0 } .img-hover,.portfolio-item-link span.portfolio-item-hover,.post-item-link span.post-item-hover { position: absolute; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; top: 0; left: 0; -webkit-transition: all .35s ease-out; -moz-transition: all .35s ease-out; -o-transition: all .35s ease-out; -ms-transition: all .35s ease-out; transition: all .35s ease-out } .img-hover:hover,.portfolio-item-link span.portfolio-item-hover:hover,.post-item-link span.post-item-hover:hover { background-position: center center } .portfolio-item-title { text-align: center; padding: 10px 5px 10px 5px; background: #FFF } .portfolio-item-title a { font-weight: 600; font-size: 14px; font-family: "Open Sans",Arial,Verdana; color: #666; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out; -ms-transition: all .25s ease-out; transition: all .25s ease-out } .portfolio-item-title a:hover { text-decoration: none } .portfolio-item-title p { font-style: italic; font-size: 12px; margin-bottom: 0; text-align: center } .ch-item { width: 100%; position: relative; cursor: default } .ch-info-wrap i { color: #FFF; float: left; font-size: 28px; left: 35%; line-height: 80px; position: relative; z-index: 5; text-shadow: 0 3px 0 rgba(0,0,0,.1) } .ch-info-wrap { position: absolute; width: 80px; height: 80px; border-radius: 50%; background: #666; top: 10px; left: 10px } .ch-info { position: absolute; width: 80px; height: 80px; border-radius: 50%; -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 0 5px rgba(0,0,0,.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .ch-info>div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden } .ch-info .ch-info-front { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out } .ch-info .ch-info-back { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); box-shadow: inset 0 0 3px rgba(0,0,0,.6); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.6); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.6); -webkit-transition: all .4s ease-in-out .2s; -moz-transition: all .4s ease-in-out .2s; -o-transition: all .4s ease-in-out .2s; -ms-transition: all .4s ease-in-out .2s; transition: all .4s ease-in-out .2s; opacity: 0 } .ch-item:hover .ch-info-front { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .ch-item:hover .ch-info-back { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; pointer-events: auto } .member-social.dark a.facebook:hover,.team .item .team-member-links a.facebook:hover,footer .social li.facebook:hover,header .social li.facebook:hover { background: #4C66A4 } .member-social.dark a.dribbble:hover,.team .item .team-member-links a.dribbble:hover,footer .social li.dribbble:hover,header .social li.dribbble:hover { background: #EA4C89 } .member-social.dark a.twitter:hover,.team .item .team-member-links a.twitter:hover,footer .social li.twitter:hover,header .social li.twitter:hover { background: #2C77BA } .member-social.dark a.gplus:hover,.team .item .team-member-links a.gplus:hover,footer .social li.gplus:hover,header .social li.gplus:hover { background: #9e0b0f } .member-social.dark a.linkedin:hover,.team .item .team-member-links a.linkedin:hover,footer .social li.linkedin:hover,header .social li.linkedin:hover { background: #069 } .member-social.dark a.pinterest:hover,.team .item .team-member-links a.pinterest:hover,footer .social li.pinterest:hover,header .social li.pinterest:hover { background: #C92228 } footer .social li.rss:hover,header .social li.rss:hover { background: #f60 } .team-member { display: block; margin: 0 auto 50px; width: 100%; max-width: 350px; padding: 0 } .team-member-image { float: none; overflow: visible; height: 0; width: 100%; padding-bottom: 100% } .team-member-image img { border-radius: 50% } .team-member-links { top: 0; min-height: 1px; border-radius: 50%; box-shadow: 0 0 0 10px rgba(255,255,255,.25) inset; -webkit-transition: all .25s ease; transition: all .25s ease } .team-member:hover .team-member-links { box-shadow: 0 0 0 175px rgba(50,50,50,.75) inset } .team-member-links-list { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity .25s ease; transition: opacity .25s ease } .team-member:hover .team-member-links-list { filter: alpha(opacity=100); opacity: 1 } .team-member-links-item { font-size: 22px; line-height: 44px; height: 44px; width: 44px; margin: 5px; position: relative; border-radius: 50%; background-color: #fff; color: #666 } .color_alternate .team-member-links-item:hover,.color_primary .team-member-links-item:hover,.team-member-links-item:hover { background-color: #f8862c; color: #fff } .team-member-meta { margin-left: 0; min-height: 1px; padding: 15px 0 0; text-align: center } .team-member-name { margin-bottom: 6px } .team-member-role { font-size: 13px; margin-bottom: 10px; color: #999 } .team-member-description p { margin-bottom: 0; text-align: center } .member-social.dark a { background: #9e9e9e; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out } .team .item .team-member-links a { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .member-social a { width: 36px; float: left; text-align: center; margin: 0 6px 6px 0; padding: 7px 0 6px; border-radius: 2px } .member-social a i { display: block!important; font-size: 20px; color: #fff; margin: 0 auto!important } .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { border-color: transparent } .pager li>a:hover { border: none } .menu>ul li { float: none } .navbar-toggle { border: none; border-radius: 2px; padding: 9px 10px 5px } button,input,select,textarea { font-family: "Open Sans",Helvetica,Arial,sans-serif } select{ min-height: 28px!important; } .author-content .data a,strong { font-weight: 600 } .breadcrumbs ul,.portfolio-single .sidebar h3 { margin-top: 5px } .nivo-caption h2,.pagination-centered { text-align: center } .page article.post .post-image,.portfolio-single .recentwork_wrapper .item { margin-bottom: 25px } .avatar,header nav li,ol li ol.childlist .comment-des { float: left } .portfolio-wrap,.recentworks li.slide { overflow: hidden } #options li a.selected,.contact-box:hover,.contact-box:hover h3,.content-box:hover>.content-box-icon i,div.content-box div.content-box-icon:hover,div.content-box div.content-box-icon:hover i,header .social li:hover i,header .top-bar,header .top-bar a { color: #d5cccc } #footer h3{ line-height: 38px; font-size: 16px; color: #fff; margin-bottom: 10px; } #footer h3 span{ border-bottom: 2px solid #e5493a; padding-bottom: 8px; } .contact-us li.phone p,.contact-us li.email p,.contact-us li.email p a{ color:#e5493a } footer .social li:hover i,footer a{ color: #999999; } .contact-box p { text-align: center!important } .accordionMod .accordion-group,.panel-group .panel { margin-bottom: 15px } .profile-picture { border: 1px solid #CCC; background-color: #FFF; padding: 4px; display: inline-block; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 1px 1px 1px rgba(0,0,0,.15); } .pagination { margin: 0; } .pagination ul { display: inline-block; list-style: none; margin-left: 0; margin-bottom: 0; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.05); } .pagination ul>li { display: inline; } .pagination ul>li>a, .pagination ul>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .navbar-nav>li>a:focus { color: #313131; } .lastnews i{ float: left; font-style: normal; padding-right: 12px; color: #4f0302; line-height: 25px; font-size: 14px; } .riqi { float: right; color: #999; } .lastnews a { color: #333; } .kuaijie { width: 100%; background: url(../images/background1.jpg) center 0 no-repeat; } .index_products{ margin-bottom: 20px; } #myTab { /*height: 125px;*/ padding-bottom: 3px; float: left; width: 100%; } #myTab li { text-align: center; float: left; font-size: 14px; border-right: 1px solid #eeeeee; border-top: 1px solid #eeeeee; height: 180px; overflow: hidden; background: #fff; padding:0; } #myTab li:hover { background-color: #930; } #myTab li i { display: block; height: 130px; font-style: normal; } #myTab li a { text-decoration: none; color:#972823; outline: none; } #myTab li:hover a { color: #fff; } #myTab li span { } #myTab li div.title{ margin: 0 20px; } #myTab li.li-top{ border-top: none; } #myTab li.li-right{ border-right: none; } .index_header{ background: url(../images/index_header.png) center 0 no-repeat; line-height: 60px; margin: 20px auto; color: #742121; font-size: 32px; } .index_news{ /*background: url(../images/background2.jpg) 0 no-repeat;*/ padding: 20px 0; } .index_gg{ background: url(../images/background3.jpg) center 0 no-repeat; padding: 20px 0; } .index_baojia{ background: url(../images/background4.jpg) center 0 no-repeat; padding: 20px 0; } .index_ywzy{ background: url(../images/background5.jpg) center 0 no-repeat; padding: 20px 0; } .index_foot1{ background: url(../images/background6.jpg) center 0 no-repeat; padding: 20px 0; } .index_video{ /*background: url(../images/background10.jpg) center 0 no-repeat;*/ background: #f3f3f3; padding: 20px 0; } .video-title{ text-align: center; color: #742121; font-size: 20px; margin: 10px 0; } .index_news span.date,.index_gg span.date,.index_ywzy span.date{ float: right; } .index_header_more{ margin: 10px 0; } .index_header_more a{ color:#dd0000 ; } .index_title_type{ margin-right: 10px; } .index_news li,.index_gg li,.index_ywzy li{ height: 36px; border-bottom: 1px dotted; border-color: #D8D8D8 !important; padding-top: 8px; } .index_title_type{ text-shadow: none; font-size: 12px; font-weight: normal; line-height: 15px; background-color: #ABBAC3; display: inline-block; min-width: 10px; padding: 3px 7px; color: #fff; vertical-align: middle; white-space: nowrap; text-align: center; border-radius: 10px; } .list-block li{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .iconfont1 { background: url(../images/nav_icon_01.png) center 10px no-repeat; } .iconfont2 { background: url(../images/nav_icon_02.png) center 30px no-repeat; } .iconfont3 { background: url(../images/nav_icon_03.png) center 30px no-repeat; } .iconfont4 { background: url(../images/nav_icon_04.png) center 30px no-repeat; } .iconfont5 { background: url(../images/nav_icon_05.png) center 30px no-repeat; } .iconfont6 { background: url(../images/nav_icon_06.png) center 30px no-repeat; } #myTab li:hover .iconfont1 { background: url(../images/nav_icon2_01.png) center 10px no-repeat; } #myTab li:hover .iconfont2 { background: url(../images/nav_icon2_02.png) center 30px no-repeat; } #myTab li:hover .iconfont3 { background: url(../images/nav_icon2_03.png) center 30px no-repeat; } #myTab li:hover .iconfont4 { background: url(../images/nav_icon2_04.png) center 30px no-repeat; } #myTab li:hover .iconfont5 { background: url(../images/nav_icon2_05.png) center 30px no-repeat; } #myTab li:hover .iconfont6 { background: url(../images/nav_icon2_06.png) center 30px no-repeat; } #myTab > li:nth-child(1){ border-left: 1px solid #fff; } .new-list{ border: 1px solid #ddd; padding: 15px; box-sizing: border-box; } .new-list.new-right{ margin-left: -15px; } .new-list-top{ margin-bottom: 10px; } .new-list-t{ font-size: 16px; color: #4d4d4d; padding-left: 10px; line-height: 20px; position: relative; } .new-list-t:before { content: ''; display: block; position: absolute; width: 3px; height: 20px; background: #930; left: 0; } a.new-list-more { margin-top: 14px; padding: 6px 12px; background-color: #8e2609; color: #fff; } .new-tab{ margin-top: 15px; } .new-tab > ul > li.active > a,.new-tab > ul > li.active > a:hover,.new-tab > ul > li.active > a:focus{ color: #8e2609; } .new-tab > ul > li>a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 1px 1px 0 0; padding: 5px 15px; cursor: pointer; } .tab-content>.tab-pane { padding-top: 10px; } .tab-pane li{ margin: 3px auto; } .tab-pane span.date{ float: right; } .gushi-tab{ margin: 0 -15px; } .index_baojia a.title4{ background: url(../images/nav5_b.png) center 0 no-repeat; height: 34px; line-height: 34px; font-size: 15px; padding: 8px 28px; color: #930; margin: 0 10px; } .index_baojia a.current{ background: url(../images/nav6_b.png) center 0 no-repeat; color: #fff; } .bd_title { background: #eaeaea; margin: 10px 0 8px 0; } .bd_content span,.bd_content span { width: 24%; } .bd_content span { display: inline-block; text-align: center; line-height: 30px; font-size: 14px; color: #999; white-space:nowrap; overflow:hidden; text-overflow:clip; } .bd_content .bd { height: 300px; overflow: hidden; margin-bottom: 10px; } .gushi-more{ height: 50px; margin-right: 15px; } .gushi-more a{ line-height: 50px; } .tabbable.gushi{ margin-left: -15px; border: 1px solid #ddd; } .tabbable.gushi .nav-tabs{ height: 53px; } .tabbable.gushi > ul > li.active { border-top: 2px solid #930; color: #930; } .tabbable.gushi .nav-tabs>li.active>a,.tabbable.gushi .nav-tabs>li.active>a:focus,.tabbable.gushi .nav-tabs>li.active>a:hover { border: 0; color: #930; } a.index-link:hover{ color: #930; } .nav-tabs>li>a{ border-radius: 0 0 0 0; height: 53px; line-height: 35px; font-size: 15px; } .tabbable.gushi .nav-tabs>li { border-right: 1px solid #ddd; border-top: 2px solid #666; height: 53px; } .gushi .tab-content{ height: 266px; padding: 0; } .gushi .tab-content .tab-pane{ padding: 2px 0 0 0; } .gushi .tab-content img{ min-height: 264px } .tit.carousel-controls h2{ margin: 0; } .tit.carousel-controls h2.t { font-size: 16px; position: relative; line-height: 30px; } .tit.carousel-controls { overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: 15px; } .tit.carousel-controls h2.t:before { content: ''; display: block; position: absolute; bottom: 0; width: 64px; height: 3px; background-color: #8e2609; } .tit.carousel-controls h2.t.vip_h2:before { width: 176px; } img.team{ width: 220px; height: 220px; } /*业务规则*/ .yewu{ margin-right: 15px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 0 10px 0; } .yewu .tit { line-height: 38px; color: #fff; background-color: #8e2609; font-size: 16px; padding: 0 18px; margin-bottom: 15px; overflow: hidden; } .yewu .tit>h5 { font-size: 16px; color: #fff; } .yewu .tit>a { color: #fff; } .yewu ul { line-height: 31px; padding: 10px 15px 0 10px; } .yewu ul>li { padding-left: 30px; background: url(../images/pdf-icon_03.jpg) no-repeat left center; } .yewu-left{ padding-right: 0; margin-bottom: 10px; } .yewu-right{ padding-left: 0; padding-right: 0; margin-bottom: 10px; } /*你问我答*/ div.ans { border: 1px solid #ddd; height: 38px; box-sizing: border-box; background: #f5f5f5; } .ans>h6 { font-size: 16px; color: #8e2609; margin-left: 20px; } .ans>a { line-height: 38px; margin-right: 15px; } .yewu-bt{ margin-top: 10px; border: 1px solid #ddd; } .yewu-bt .tit { padding: 0 15px; line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 15px; overflow: hidden; } .yewu-bt .tit>span { font-size: 16px; } .yewu-bt ul { padding: 0 15px 15px; line-height: 2; list-style: none; text-transform: capitalize; } .yewu-bt ul>li>a:before { content: ''; display: inline-block; margin-right: 8px; line-height: 24px; position: relative; width: 4px; height: 4px; background-color: #878787; top: -2px; } /*合作单位*/ .hezuo_ul li{ display: inline-block; margin: 0 0 5px 5px; } /*登录 注册*/ .row.login > div{ border: 1px solid #eaeaea; border-radius: 8px; background: #FFF; margin-top:50px; padding: 20px; margin-bottom: 30px; } .login form >div{ margin: 15px auto; } .row.register > div{ border: 1px solid #eaeaea; border-radius: 8px; background: #FFF; margin-top:50px; padding-left: 0; padding-right: 0; } .register .widget,.register #horizontal-tabs{ margin-bottom: 0; } .register #horizontal-tabs li{ width: 50%; text-align: center; } .register #horizontal-tabs ul.tabs{ border-right: none; border-left: none; } .register #horizontal-tabs ul.tabs li:last-child{ border-right: none; } .register #horizontal-tabs .contents { border: none; margin: 10px 15px 10px 15px; border-radius: 2px; } .register .verify-code { } .register .red-btn,.login .red-btn { text-align: center; color: #fff; background: #8e2609; cursor: pointer; border-color: #8e2609; height: 40px; line-height: 28px; } .register-sumit:focus{ background: #8e2609; } .login_wrap h2,.register_wrap h2 { font-size: 28px; line-height: 50px; color: #8e2609; } .register_wrap h2 { margin-bottom: 10px; } #input_username,#input_password,#verify,.register_wrap input,.login_wrap input { /*padding-left: 27px;*/ height: 40px; line-height: 40px; border-radius: 3px; margin-bottom: 10px; } #input_username:focus, #input_password:focus,#verify:focus,.register_wrap input:focus,.login_wrap input:focus { border-color: #b72f23; } #login .login-sumit,.register-sumit{ text-align: center; line-height: 35px; background: #8e2609; font-size: 23px; color: #FFF; border: 0; margin-bottom: 10px; } #login .login-sumit:hover,.register-sumit:hover{ background: #8e2609; } #login .with-line { font-size: 16px; color: #999; margin: 0 auto; position: relative; text-align: center; } #login .with-line:before { content: ""; border-top: 1px solid #ededed; display: block; position: absolute; width: 50px; top: 8px; left: 0; } #login .with-line:after { content: ""; border-top: 1px solid #ededed; display: block; position: absolute; width: 50px; top: 8px; right: 0; } .login-button{ text-align: center; } .login-button a i{ height: 40px; width: 40px; line-height: 40px; font-size: 30px; margin: 0 5px; } .login-button i.fa-weibo{ color: #930; } .login-button i.fa-qq{ color: #428bca; } .login-button i.fa-weixin{ color: #00cc00; } #login .register-forget{ text-align: center; margin: 10px 0 } .register_wrap a,.login_wrap a{ color: #930; } .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { background-color: #8e2609; } /*顶部登录 注册*/ .top-login{ padding: 3px 0; margin-left: 10px; } .top-login a{ margin: 0 5px; } .img-thumbnail.headicon{ padding: 0; border-radius: 100%; border: 2px solid #FFF; max-width: 30px; } /*列表页*/ .nav_i { background: #f3f3f3; width: 100%; height: 43px; line-height: 43px; font-size: 14px; color: #a4a4a4; } .nav_i a:hover { color: #df392d; } .nav_i .back { float: right; padding-right: 26px; background: url(../images/back_03.png) no-repeat right center; color: #df392d; margin-right: 10px; } .nav_i a { display: inline-block; padding-left: 28px; background: url(../images/home_03.png) no-repeat left center; color: #a4a4a4; } .about { padding: 33px 0 160px; } .about_aside { border: 1px solid #f1f1f1; margin-right: 30px; } .about_aside h3 { line-height: 54px; font-size: 24px; color: #FFF; margin-bottom: 16px; text-align: center; background-color: #930; } .about_aside ul li { line-height: 37px; } .about_aside ul li.on>a, .about_aside ul li:hover>a { background-color: #f1f1f1; } .about_aside>ul>li>a { display: inline-block; padding-left: 58px; width: 100%; color: #000; font-size: 14px; background: url(../images/sj_07.png) no-repeat 39px center; } .about_main h4 { font-size: 18px; color: #b72e22; } .about_main .p { font-size: 14px; color: #666; line-height: 57px; } .about_m_title { color: #9e0404; font-size: 15px; line-height: 69px; height: 69px; border-top: 1px solid #f3bcbf; border-bottom: 1px solid #f3bcbf; margin-bottom: 23px; } .about_m_title span { display: inline-block; width: 36px; height: 36px; margin: -4px 25px 0 10px; vertical-align: middle; background: url(../images/about_m_bg_03.png) no-repeat left bottom; } .about_m_title p { display: inline-block; width: 258px; padding-left: 13px; } .about_m_title p.about-title { min-width: 173px; } .about_m_title a { float: right; width: 21px; height: 27px; margin: 24px 23px 0 0; background: url(../images/about_bo_19.png) no-repeat center; } .about_m_txt { padding: 20px 0 30px; display: none; } .down-menu .arrow{ margin-left: 5px; } .down-child li a{ padding-left: 70px; display: inline-block; width: 100%; color: #000; font-size: 14px; background: url(../images/sj_07.png) no-repeat 51px center; } .down-child li:hover>a { background-color: #f1f1f1; } .state_6_item { display: block; border-bottom: 1px solid #f1f1f1; padding: 0 0 10px 0; margin: 5px auto!important; width: 100%; } .state_6_item:hover .state_6_time { border: 1px solid #df392d; } .state_6_time { float: left; margin-right: 25px; width: 65px; height: 60px; border: 1px solid #9d9d9d; text-align: center; } .state_6_item:hover .state_6_time h3, .state_6_item:hover .state_6_txt h4 { color: #df392d; } .state_6_time h3 { font-size: 24px; color: #9d9d9d; line-height: 32px; font-weight: bold; } .state_6_time p { background: #9d9d9d; font-size: 15px; color: #FFF; line-height: 22px; margin-top: -22px; } .state_6_txt { } .state_6_txt h4 { font-size: 16px; line-height: 28px; color: #343434; margin-bottom: 9px; height: 28px; overflow: hidden; text-overflow: ellipsis; float: left; } .state_6_txt p { font-size: 14px; line-height: 25px!important; color: #727272!important; max-height: 75px!important; overflow: hidden!important; background: none!important; float: left; } .hdzx-list{ margin-left: -15px; margin-right: -45px; padding-right: 0; padding-left: 15px } .list-page{ margin: 20px auto; } .menu2{ border-top: none; margin-bottom: 20px; } .menu2 .about_aside{ margin-right: 0; } .h2_title { border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; height: 52px; } .h2_title h2 { display: inline-block; font-size: 18px; color: #4c4b4b; line-height: 50px; border-bottom: 2px solid #df392d; margin-left: -15px; } .about_v_main a { display: inline-block; margin: 0 8px 40px; text-align: center; } .about_v_main a div { position: relative; overflow: hidden; } .about_v_main a>div>span { position: absolute; top: 50%; left: 50%; width: 39px; height: 39px; background: url(../images/about_v_14.png); margin-left: -19px; margin-top: -19px; } .about_v_main a:hover p { background: #b72e22; } .about_v_main a p { font-size: 14px; line-height: 28px; color: #FFF; background: #666; } .msk { background: rgba(0,0,0,0.5); width: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .about_v_msk { width: 790px; height: 490px; position: fixed; top: 50%; left: 50%; margin-top: -250px; margin-left: -400px; background: #666; z-index: 999999; padding: 25px 25px 10px; display: none; } .about_v_msk video { width: 100%; height: 100%; } .about_v_msk a { position: absolute; top: 0; right: 10px; border-radius: 50%; color: #FFF; font-size: 30px; } .about_aside a.guapai{ color: #fff; } .culture .about_m_list{ margin-left: -15px; } .culture .about_m_title { border-top: 0; border-bottom: 1px solid #9e0404; } .culture .about_m_title span { width: 8px; height: 8px; margin: -4px 13px 0 3px; background: url(../images/about_m_bg1_03.png) no-repeat left center; } .culture .about_m_title p { background: url(../images/about_bg_07.png) no-repeat left 8px; color: #FFF; } .culture .about_m_txt { display: block; padding: 0 0 30px; } .culture .about_m_txt p { margin: 0; text-indent: 2em; line-height: 24px; } .culture_txt2_item { margin-bottom: 20px; padding: 0 10px 0 20px; } .culture_txt3_item { padding: 15px 20px 0 30px; border: 1px solid #ececec; margin-bottom: 5px; } .culture_txt3_item:hover h3, .culture_txt3_item:hover a { color: #9e0404; } .culture_txt3 .culture_txt3_m p { text-indent: 0; color: #666; line-height: 24px; max-height: 50px; overflow: hidden; } .culture_txt3_item img{ max-height: 130px; } .culture .culture_txt3{ padding: 5px 0; } .l_entry { display: block; width: 187px; height: 55px; line-height: 55px; font-size: 22px; color: #FFF; background: #9d0000; border-radius: 5px; text-align: center; margin: 30px auto 0; } a.l_entry:hover,a.l_entry:focus{ color: #FFF; } .entry_cc { padding: 11px 0 11px 30px; background: #f1f1f1; } .entry_cc p { font-size: 14px; color: #b72e22; } .entry_cc p a { color: #666; margin: 0 8px; padding: 5px; line-height: 23px; } .entry_cc p a:hover, .entry_cc p a.on { background: #b72e22; color: #FFF; } .share_main .search { width: 100%; float: none; padding: 20px 0; } .search { float: left; padding: 10px; font-size: 14px; color: #666; line-height: 32px; } .search input{ outline: none; line-height: 31px; font-size: 14px; color: #333; padding-left: 5px; background:none; } .share_main .search a { width: 50px; height: 31px; line-height: 31px; color: #FFF; text-align: center; font-size: 14px; background: #b72e22; display: inline-block; margin-left: 10px; } .page { text-align: center; margin-top: 50px; } .share_main .page ul { margin: 0; border: 0; } .share_main ul { margin: 20px 0 0 0; border: 1px solid #ddd; } .share_main ul li:first-child { background: #f2f2f2; } .page ul { display: inline-block; } .share_main ul li { float: none; } .page ul li { display: inline-block; margin: 0 5px; color: #1d1d1d; line-height: 30px; } .page ul li.first a, .page ul li.last a { width: 50px; height: 30px; } .page ul li a { display: block; width: 30px; height: 30px; border: 1px solid #e1e1e1; color: #1d1d1d; } .about_main .download-list{ padding-left: 0; padding-right: 0; } .page ul li a:hover, .page ul li.on a { background: #df392d; color: #FFF; } .about_main .download-list .list-file{ font-size: 20px; color: #930; } .about_main .download-list .download-button{ height: 20px; line-height: 20px; color: #FFF; text-align: center; font-size: 14px; background: #b72e22; margin: 0; padding: 0 5px; } .about_main .download-list td{ vertical-align: middle !important; } .curprice-container{ padding: 10px; background: #f7f7f7; } .entry_in { padding-bottom: 30px; } .entry { padding-top: 20px; padding-bottom: 80px; } .entry h2 { font-size: 18px; line-height: 38px; color: #510303; padding-top: 15px; font-weight: bold; } .entry_i h2 { font-size: 22px; color: #510303; line-height: 63px; text-align: center; padding: 0; margin-bottom: 0; } .entry_i table { width: 100%; border: 1px solid #eaeaea; text-align: center; color: #333; font-size: 14px; } .entry_i table input[type="text"],.entry_i table input[type="email"],.entry_i table input[type="number"], .entry_i table textarea { width: 100%; border: none!important; outline: none; line-height: 24px; font-size: 14px; color: #333; padding-left: 5px; -webkit-appearance: textfield; -webkit-rtl-ordering: logical; user-select: text; cursor: auto; text-rendering: auto; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none; display: inline-block; text-align: start; background:none; -webkit-box-shadow:none!important; } .entry_i table>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background: none; } .entry_i table label{ font-weight: 400; } .file { position: relative; display: inline-block; background: #fff; border: 1px solid #eaeaea; border-radius: 4px; padding: 4px 9px; overflow: hidden; color: #930; text-decoration: none; text-indent: 0; /*margin: 35px 0;*/ } .file input { position: absolute; font-size: 75pt; right: 10px; top: 0; opacity: 0; } .entry_i table .img-tr{ max-height: 106px; vertical-align:baseline; } .entry_i table table a:focus,.entry_i table table a:hover { text-decoration: none; outline: 0; color: #fff; } .entry_i table table .download-button { height: 20px; line-height: 20px; color: #FFF; text-align: center; font-size: 14px; background: #b72e22; margin: 0; padding: 0 5px; border: none; } .entry_i table td.address{ text-align: right; vertical-align: middle; } .entry_i table tr td,.entry_i table table tr td{ vertical-align: middle } .entry_i table table .input-group .form-control{ min-width: 200px; } .entry_i table table .form-control:focus { border-color: #b72e22; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(157, 0, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(157, 0, 0, 0.6); } .entry_i table table .input-group-btn>.btn+.btn { margin-left: 0; height: 39px; background: #510303; line-height: 30px; } .entry_i select { padding: 3px 4px; height: 30px; margin-right: 10px; } .entry_i tr.agent{ display: none; } .entry_i tr.natural{ display: none; } .entry_i tr.com{ display: table-row; } .entry_i tr.c_type3{ display: none; } .entry_i tr.c_type1{ display: table-row; } .entry_i input,.entry_i textarea{ box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; } .red-btn,.red-btn.disabled,.red-btn:focus{ background-color: #8e2609; border-color: #510303; } #main-cmf .content{ margin-top:5px } .newdetail { border: 1px solid #d1d1d1; box-shadow: 1px 1px 6px #b9b9b9; margin: -40px 0 20px 0; background-color: rgba(255,255,255,0.5); position: relative; z-index: 100; padding: 40px 15px 20px 15px; } .bgwhite { background: #fff; margin-top: 20px; } .newdetail .newtitle { border-bottom: 1px solid #dcdcdc; padding-top: 10px; padding-bottom: 30px; text-align: center; color: #c7161c; margin-left: 20px; margin-right: 20px; } .f24 { font-size: 24px!important; } .mt20 { margin-top: 20px; } .fgrey1 { color: #999!important; } .f14 { font-size: 14px; } .mr100 { margin-right: 100px; } .newdetail-con { padding-left: 30px; padding-right: 30px; } .pt20 { padding-top: 20px; } .newlisbtn { border-bottom: 1px solid #c7161c; padding-bottom: 15px; margin-left: 20px; margin-right: 20px; } .pt80 { padding-top: 80px; } .fgrey { color: #333!important; } .newlisbtn a:hover { color: #c7161c; text-decoration: none; } .mr10 { margin-right: 10px; } .pb100 { padding-bottom: 20px; } .pt20 { padding-top: 20px; } .newlistul li { height: 30px; line-height: 30px; font-size: 14px; margin-left: 30px; margin-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newlistul li a { color: #666; } .fgrey1 { color: #999!important; } .ml15 { margin-left: 15px; } .newlistul li a:hover { color: #c7161c; text-decoration: none; } .bdsharebuttonbox{ display: inline-block; } .state_in_title div { font-size: 14px; color: #a5a5a5; line-height: 40px; vertical-align: middle; margin: 5px auto; } .state_in_title .share { display: inline-block; margin: -5px 10px 0; } .title span{ margin-left: 10px; } .team-img{ border: 1px solid #eee; text-align: center; max-width: 250px; display: block; margin-right: auto; margin-left: auto; } .team-img img{ width: 100%; max-height: 250px; overflow: hidden; } .team-img p{ padding-top: 10px; font-size: 16px; color: #666; line-height: 30px; } .row.team-list{ margin: 20px 0; padding: 20px 0; } .team-list .carousel-controls a.next { right: 0; top:38px; position: absolute } .team-list .carousel-controls a.prev { left: 0; top:38px; position: absolute } .team-list h3{ font-size: 14px; } .no-background{ background: none!important; padding-left: 0!important; } #gpModal,#tgModal,#orgModal{ z-index: 10000; } #gpModal,#tgModal .modal-footer{ text-align: center; margin-top: 0; } #gpModal,#tgModal .modal-footer button{ margin: auto 10px; } #gpModal,#tgModal .modal-body{ padding-bottom: 0; } #gpModal,#tgModal .form-group{ margin: 0 20px; } #gpModal,#tgModal .form-group>div { margin: 10px 0; } .agreement { box-shadow: 5px 5px 5px #f7f7f7 inset; border: 1px solid #bdbcbc; height: 350px; padding: 10px; overflow: hidden; display: block; overflow-y: scroll; margin: 0 auto; font-size: 12px; line-height: 1.5; margin-bottom: 22px; outline: 0; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; word-break: normal; background-color: #f5f5f5; border-radius: 3px; text-align: left; } #horizontal-tabs .tabscontent{ padding: 20px; } .team a { margin: 0!important; border: 1px solid #eee; overflow: hidden; } .team a p{ background: #fff; color: #000; margin: 0!important; } .team a p:hover,.team a:hover p { background: #b72f23; color: #fff!important; } .team a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .team a img { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; } .search-rst{ color: #c7161c; } .notice-unread { text-shadow: none; font-size: 12px; font-weight: normal; line-height: 12px; background-color: #c7161c; display: inline-block; min-width: 25px; padding: 3px 7px; color: #fff; vertical-align: middle; white-space: nowrap; text-align: center; border-radius: 10px; margin-left:10px; } .notify-avatar{ max-width: 60px; float: left; margin-right: 10px; } .notify-content { margin-left: 60px; margin-top: 5px; word-break: break-all; word-wrap: break-word; } .gray { color: gray; } .notice-title{ font-style: normal; font-weight: bold; color: #c7161c; font-size: 16px; } .notice-item { min-height: 0; padding-bottom: 10px; border-bottom: 1px dashed #D4D4D4; } /*通知样式*/ .news-list-item { list-style-type: none; padding: 0 10px; } .news-list-item-wrap { border-bottom: 1px solid #f3f3f3; position: relative; overflow: hidden; } .news-list-item-content { height: 25px; line-height: 25px; font-size: 15px; display: inline-block; margin: 13px 0; vertical-align: middle; color: #666; } .cut-string { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-list-item-right { display: inline-block; float: right; line-height: 50px; height: 50px; } .news-list-item-time { color: #959595; } .news-list-item:hover { background-color: #f5f5f5; } .news-list-wrap{ margin: 0 10px; } .isread-item,.isread-item:focus,.isread-item:hover{ color: #abafb4; } /*联系我们*/ #plug_sug_add input { height: 45px; background: none!important; } #plug_sug_add textarea{ background: none!important; } #plug_sug_add .row{ margin: 15px 0; } #plug_sug_add button{ margin-left: 15px; } /*微信分享*/ .bd_weixin_popup .bd_weixin_popup_foot { font-size: 10px!important; text-align: center!important; line-height: 20px!important; margin-top: -12px!important; } /*页脚*/ .elevator-item { position: fixed; right: 15px; bottom: 15px; z-index: 99992; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; } .elevator-item .plus { display: block; border-radius: 2px; width: 40px; height: 36px; background: url(../images/iconsprite_btbar.png) 8px -34px no-repeat; background-color: #930; background-color: rgba(72, 16, 1, 0.9); cursor: pointer; box-shadow: 0 1px 3px rgba(72, 16, 1, 0.2); } .scrollup { width: 40px; height: 40px; position: fixed; bottom: 55px; right: 15px; display: none; text-align: center; color: #fafafa; font-size: 28px; z-index: 9999; background-color: #930; background-color: rgba(72, 16, 1, 0.7); box-shadow: 0 1px 3px rgba(72, 16, 1, 0.2); } .scrollup i { line-height: 38px } a.scrollup:focus i,a.scrollup:hover i { text-decoration: none; color: #fafafa; outline: 0 } .jzdc .btn-file{ margin-left: 0!important; padding: 6px 12px!important; height: 36px; } .jzdc .btn-file input.file{ margin: 0!important; } .editcheck.btn{ padding: 3px 5px;; } .input-small.knob{ box-shadow:none!important; } .nopadding-left{ padding-left:0!important; } #player2 .aplayer-pic { width:100%!important; } #player4 .aplayer-pic{ background-size: auto 100%!important; } .audio-more{ font-size: 14px; line-height: 26px; color: #663333; text-decoration: none; box-sizing: border-box; } /*validate样式*/ input.error { border: 1px solid red; } label.error { padding-left: 16px; padding-bottom: 2px; font-weight: bold; color: #EA5200; } #header .alert{ margin-bottom: 0!important; } /*首页样式*/ /*新闻模块*/ .index_news #myTab2{ height: 56px; border-top: 2px solid #dd0000; background: #F8F8F8; border-left:1px solid #ddd; border-right:1px solid #ddd; } .index_news #myTab2Content li{ padding-top: 0px; height: 25px; } .index_news #myTab2 li{ height: 54px; padding:0px; } /*日期字体颜色样式*/ .data_color_gray{ color: #aaaaaa; } .index_news #myTab2 li a{ height: 54px; padding-top:0px; padding-left: 27px; padding-right: 27px; line-height: 54px; font-weight:bold; font-size: 16px; font-family: "Microsoft YaHei"; } .index_news #myTab2Content{ border: 1px solid #ddd; border-top-color: transparent; padding-bottom: 1px; } .index_news .slider-index .slide img{ border: 1px solid #ddd; } /*本所服务模块*/ .index_bsfw{ margin-top:20px ; padding-bottom: 0px; } .index_bsfw .bsfw_row{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .index_bsfw div{ line-height: 50px; background: #f3f3f3; /* font-size: 20px;*/ font-weight: bold; } .index_bsfw div a{ /*font-size: 20px;*/ font-weight: bold; } .index_bsfw .div_width{ width: 20%; float: left; padding: 0px 10px; } .index_bsfw .div_mobilewidth{ width: 100%; float: left; padding: 0px 10px; } .index_bsfw .div_width div{ padding: 0px; } .index_scsjhq_bj{ color: #333333; font-family: "Microsoft YaHei"; } .index_scsjhq_bj a span{ color: #333333; font-family: "Microsoft YaHei"; } .index_scsjhq_bj #content21{ display: block; background: #ffffff; height:365px; padding:12px 5px 5px 5px; border:1px solid #ddd; } #index_sczcxy{ background: #ffffff; } #index_sczcxy .index_sczcxy_right_title{ font-size: 16px; font-family: "Microsoft YaHei"; color: #333333; margin-bottom:0px ; } #index_sczcxy .index_sczcxy_right_title a{ font-size:12px!important; } #index_sczcxy .index_sczcxy_right_title span{ font-weight: bold; padding-left: 0px; } #index_sczcxy #index_sczc_detail ul li span:first-child{ padding-right: 5px; } #index_sczc_detail div{ padding-right: 0px!important; } #index_sczcxy #index_sczc_detail ul li{ border-bottom: 0px; height: 25px; line-height: 25px; padding-top: 0px; font-size: 13px; font-family: "Microsoft YaHei"; } .index_ryq .bxslider-team li{ padding: 10px; border-bottom: 0px; background: #ffffff; } .index_ryq_title{ font-weight: bold; font-size: 16px; font-family: "Microsoft YaHei"; height: 40px; padding-left: 40px; background: url("../images/bg18.png") no-repeat; background-position: 10px 2px; } .index_sczcxy_left_title{ font-weight: bold; font-size: 16px; font-family: "Microsoft YaHei"; height: 40px; padding-left: 30px; background: url("../images/bg14.png") no-repeat; background-position: 0px 2px; } .index_scsjhq_title{ font-weight: bold; font-size: 16px; font-family: "Microsoft YaHei"; height: 30px; line-height: 40px; padding-left: 50px; background: url("../images/bg4.png") no-repeat; background-position: 25px 10px; } .index_scsjhq_bj{ background: #f3f3f3; } .index_scsjhq_infotitle{ background: #EAEAEA; border:1px solid #ddd; border-bottom-color: transparent; } .gprk_content{ font-size: 18px; color: #ffffff; background: #663333; text-align: center; width: 19px; margin: 0px auto; line-height: 21px; }