Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
culture-item-text@import url('144348984d4442dda27c3357f46cc8ee.css'); /*You can add your won color also */ body { /* font-family: 'Open Sans', sans-serif;*/ font-family: "微软雅黑",Arial; background: #fff; font-size: 14px; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; color: #666; overflow-x: hidden; line-height: 25px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @font-face { font-family: 'OyUCA'; src: url('../fonts/OyUCA.eot'); src: url('../fonts/OyUCA?#iefix') format('embedded-opentype'), url('../fonts/OyUCA.woff') format('woff'), url('../fonts/OyUCA.ttf') format('truetype'), url('../fonts/OyUCA.svg#OyUCA') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bodoni MT'; src: url('../fonts/Bodoni MT.eot'); src: url('../fonts/Bodoni MT?#iefix') format('embedded-opentype'), url('../fonts/Bodoni MT.woff') format('woff'), url('../fonts/Bodoni MT.ttf') format('truetype'), url('../fonts/Bodoni MT.svg#Bodoni MT') format('svg'); font-weight: normal; font-style: normal; } li{ list-style: none; } .form-group .help-block { color: red; } .roof-menu ul li.active a:hover { opacity: 0.8; } .roof-menu ul li a:hover { opacity: 0.8; } .section-padding { padding: 110px 0; } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-80 { margin-top: 80px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50pxs; } h1, h2, h3, h4 { font-family: "微软雅黑",Arial; font-weight: 400; } p { font-size: 14px; font-family: "微软雅黑",Arial; font-weight: 300; color: #767676; } a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } a:hover { color: #a22f30; text-decoration: none; } a:focus { outline: none; text-decoration: none; } .ordinary-row { padding: 80px 0 90px; } .section-title + .row { padding: 40px 0 90px; } .three-title + .row { padding: 40px 0 90px; } .f15{font-size:15px;} .btn, button { padding: 7px 30px; border-radius: 0px; font-weight: 400; color: #fff; font-size: 13px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: inline-block; } .btn:hover, button:hover { color: #fff; carsoer: pointer; } .section { padding: 50px 0; } .section1 { padding: 0; } .input-group-btn button { padding: 11px 20px; } .btn-common { color: #FFF!important; background: #ff5959; position: relative; border: transparent; z-index: 1; } .btn-common:before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; z-index: -1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .btn-radius:before { border-radius: 5px 0px 0px 5px; } .btn-round { border-radius: 2em; } .btn-outline { border-width: 2px; } .btn-outline:hover { color: #fff; border: 2px solid transparent; } .btn-common:hover:before { width: 100%; } .btn-border { background: rgba(255, 255, 255, 0.18); border: 2px solid #fff; color: #fff; } .btn-border:hover { background: rgba(255, 255, 255, 0.3); border: 2px solid #ffffff; color: #fff; } .btn-lg { padding: 14px 33px; text-transform: uppercase; font-size: 16px; } .btn-xs { font-size: 11px; padding: 13px 12px; } .btn-sm { padding: 12px 15px; } .btn-md { font-size: 15px; padding: 12px 25px; } .btn-radius { border-radius: 5px; } .media-left{ padding-right: 10px; } .img-circle{ border-radius: 50%; } .input-group .form-control { border-radius: 30px 0 0 30px; } .form-group label { margin-bottom: 24px; } .form-group .radius-input { border-radius: 30px; height: 45px; } .form-group .flat-input { border-radius: 0; } .form-group .form-control { background: #ffffff; padding-right: 30px; color: #666; position: relative; box-shadow: none; } .form-group .form-control:focus { } .form-group .help-block { font-weight: 700; } .label { font-weight: normal; margin: 0 2px; } .social-links { display: inline-block; } .social-links a { display: inline-block; margin: 0 0 0 5px; } .social-links a i { width: 32px; height: 32px; vertical-align: middle; border-radius: 100%; line-height: 32px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .social-links a i:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .social-links a .fa-twitter:hover { color: #00aced; } .social-links a .fa-facebook:hover { color: #3b5998; } .social-links a .fa-google-plus:hover { color: #dd4b39; } .social-links a .fa-youtube-play:hover { color: #bb0000; } .social-links a .fa-linkedin:hover { color: #007bb6; } .en{width: 100px;padding-left: 16px;font-size: 14px;} li.search { position: inherit; padding-right: 10px; } li.search .open-search { margin-right: 0 !important; } li.search .open-search i { font-size: 13px; } .navbar-engage .navbar-nav > li.search > a:before { display: none; } i { transition: all 0.3s ease-in-out; } i:hover { opacity: 0.8; transition: all 0.3s ease-in-out; } .full-search { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #333; padding: 15px 0; z-index: 999; } .full-search input[type="text"] { outline: medium none; display: inline-block; width: 97%; background: transparent; color: #FFF; font-size: 28px; padding: 4px 16px 8px; line-height: 39px; border-radius: 3px; height: auto; border: 1px solid #444; } .section-title { text-align: center; font-size: 38px; line-height: 40px; color: #333; font-family: 'OyUCA'; padding: 10px 0; } .three-title { text-align: center; font-size: 28px; line-height: 30px; color: #333; font-family: 'OyUCA'; padding: 10px 0; } h1::before{ padding-right: 0.5em; } h1::after{ padding-left: 0.7em; } .section-subcontent { text-align: center; padding-bottom: 1em; color: #003968; } .p-subcontent { font-size: 0.8em; line-height: 24px; color: #878787; } .section-content { text-align: center; font-size: 1.3em; line-height: 36px; color: #00a0bd; padding-bottom: 30px; } .small-title { font-size: 22px; position: relative; text-align: left; } .q-small-title { font-size: 20px; position: relative; } .f-small-title { font-size: 22px; color: #bf9c47; } /* ScrollToTop */ .back-to-top { display: none; position: fixed; bottom: 18px; right: 15px; } .back-to-top i { display: block; font-size: 18px; width: 36px; height: 36px; line-height: 36px; color: #fff; border-radius: 0px; text-align: center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .page-header { padding: 0; margin: 0; position: relative; background: url(../images/testimonial-bg.jpg); min-height: 164px; } .page-header .page-header-inner { color: #fff; height: 100%; padding: 40px 0; position: absolute; width: 100%; } .page-header .page-header-inner:before { background: rgba(231, 76, 60, 0.2); position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; content: ""; display: block; } .page-header .page-title { color: #fff; font-size: 44px; font-weight: 600; margin-bottom: 10px !important; padding: 15px 0; text-align: left; } .page-header .breadcrumb { margin: 0; padding: 0; background: transparent; position: relative; z-index: 9; } .page-header .breadcrumb li { line-height: 25px; } .page-header .section-title:before { width: 40px; } .page-header .three-title:before { width: 40px; } .page-header .three-title:before { width: 30px; } .switcher-box { position: fixed; width: 140px; top: 20%; left: -140px; z-index: 9999; background: #FFF; border: 1px solid #F3F3F3; padding: 15px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -0-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .switcher-box h4 { color: #292929; font-family: "Roboto", sans-serif; font-size: 15px; margin-top: 0px; text-align: center; text-transform: uppercase; margin-bottom: 10px; font-weight: bold; } .switcher-box .colors-list { margin: 0px 0px 0px -4px; } .switcher-box .colors-list li { display: inline-block; font-size: 0px; list-style: none; margin: 0px 4px; } .switcher-box .colors-list li a { width: 25px; cursor: pointer; height: 25px; display: block; } .switcher-box .colors-list li a.default { background-color: #0094e6; } .switcher-box .colors-list li a.red { background-color: #c74041; } .switcher-box .colors-list li a.lightblue { background-color: #00D3F9; } .switcher-box .colors-list li a.gray { background-color: #9BB5AC; } .switcher-box .colors-list li a.coffee { background-color: #998675; } .switcher-box .colors-list li a.green { background-color: #0094e6; } .switcher-box .colors-list li a.orange { background-color: #F60; } .switcher-box .colors-list li a.wisteria { background-color: #9b59b6; } .switcher-box .colors-list li a.mblue { background-color: #34495e; } .switcher-box .colors-list li a.greensea { background-color: #1abc9c; } .switcher-box .open-switcher { position: absolute; right: -50px; top: -1px; width: 50px; border-radius: 0px; border: 0px none; padding: 0px; height: 50px; background: #DDD; } .switcher-box .open-switcher i { text-align: center; line-height: 50px; cursor: pointer; font-size: 25px; color: #292929; display: block; } .switcher-massage { font-size: 12px; line-height: 15px; color: 808080; margin: 10px 0px 0px; } #loader { position: fixed; background: #fff; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999; } .square-spin { position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; } .square-spin img { max-width: 64px; } #news img{ width: 100%; } #carousel-area { overflow: hidden; background: #2c3e50; } #carousel-area .carousel-inner .carousel-item { opacity: 0.3; width: 100%; overflow: hidden; transition-property: opacity; transition-duration: 1s; } #carousel-area .carousel-inner .active { opacity: 1; } #carousel-area .carousel-inner .active.left, #carousel-area .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } #carousel-area .carousel-inner .next.left, #carousel-area .carousel-inner .prev.right { opacity: 1; } #carousel-area .carousel-control { z-index: 2; } #carousel-area .carousel-item { background-size: 100%; background-size: cover; } #carousel-area .carousel-item .carousel-caption { top: 30%; right: 10%; left: 10%; text-shadow: none; } #carousel-area .carousel-item .carousel-caption h2 { font-family: "微软雅黑",Arial; font-size: 60px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } #carousel-area .carousel-item .carousel-caption h3 { font-family: "微软雅黑",Arial; font-size: 18px; color: #fff; font-weight: 100; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; } #carousel-area .carousel-item .carousel-caption .btn { margin: 30px 15px; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; } #carousel-area .active { opacity: 1; } #carousel-area .active.left, #carousel-area .active.right { left: 0; opacity: 0; z-index: 1; } #carousel-area .carousel-control { z-index: 10; width: 35px; height: 55px; top: 50%; padding: 10px 5px; box-shadow: none; background: url(../images/skin.png); margin-top: -35px; text-shadow: none; } #carousel-area .carousel-control-prev-icon { left: 5%; } #carousel-area .carousel-control-next-icon { right: 5%; background-position: -150px 0px !important; } #carousel-area .carousel-indicators { bottom: 5px; } #carousel-area .carousel-indicators li { border-radius: 0px; width: 32px; height: 5px; margin: 0 5px; background: rgba(253, 254, 255, 0.80); cursor: pointer; border: none; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } #carousel-area .carousel-indicators li:hover, #carousel-area .carousel-indicators li.active { opacity: 1; } #carousel-area:hover .carousel-control { display: block; } #carousel-area i { margin-right: 10px; } .big-title { font-family: 'Muli', sans-serif; font-size: 60px; color: #fff !important; text-transform: uppercase; } .medium-title { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 22px; line-height: 30px; font-weight: 300; } .mr { margin-right: 10px; } .nav-bg{ background: #fff; } .navbar { margin-bottom: 0; padding: 0 15px; border-top: solid 4px #057799; } .navbar li { color: #555; text-align: center; } .next{ display: block; font-size: 10px; /* color: #999;*/ font-weight: normal; text-transform: uppercase; } /* .navbar li a:hover .next{ color: #bf9c47; } */ .navbar li a .a_next{ display: block; font-size: 10px; font-weight: normal; text-transform: uppercase; } .navbar-engage.affix { width: 100%; top: 0; z-index: 99999; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .navbar-engage.affix .navbar-brand { padding: 10px 15px; height: 54px; } .navbar-engage.affix .navbar-brand img { width: 100px; } .navbar-engage.affix .navbar-nav > li > a, .navbar-engage.affix .navbar-nav > li > a:focus { margin: 10px 20px; } .navbar-brand { width: 186px; /* padding-top: 10px;*/ height: auto; } .navbar-engage { border: none; border-radius: 0; background: #fff; } .navbar-engage .navbar-nav > li > a, .navbar-engage .navbar-nav > li > a:focus { font-size: 14px; padding: 28px 20px; margin: 0px; outline: 0; color: #666; font-weight: 400; background: transparent; } .navbar-engage .navbar-nav > li > a { background: transparent; padding-bottom: 5px; color: #666; position: relative; } .navbar-engage .navbar-nav > li > a:before { content: ""; display: inline-block; width: 0px; height: 1px; position: absolute; left: 1px; bottom: 4px; -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s; } .navbar-engage .navbar-nav > li a:hover::before, .navbar-engage .navbar-nav > li.active a::before, .navbar-engage .navbar-nav > li.open > a::before, .navbar-engage .navbar-nav > .active > a:focus::before { width: 15px; } .navbar-engage .navbar-nav > li a:focus > a::before { background: transparent; } .navbar-engage .navbar-nav > li.open a:focus { background: transparent!important; } .navbar-engage .navbar-nav > li > a:hover, .navbar-engage .navbar-nav > .active > a, .navbar-engage .navbar-nav > li.open > a, .navbar-engage .navbar-nav > .active > a:hover, .navbar-engage .navbar-nav > .active > a:focus, .navbar-engage .navbar-nav > .open > a:hover { background: transparent; } .dropdown:hover>.dropdown-menu { display: block; } .dropdown-menu.show{ display: none; } .dropdown-menu { -webkit-animation: fadeInUpMenu 0.4s; -moz-animation: fadeInUpMenu 0.4s; -ms-animation: fadeInUpMenu 0.4s; -o-animation: fadeInUpMenu 0.4s; animation: fadeInUpMenu 0.4s; } @-webkit-keyframes fadeInUpMenu { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpMenu { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpMenu { -webkit-animation-name: fadeInUpMenu; animation-name: fadeInUpMenu; } .navbar-engage .dropdown-menu { padding: 0; border-style: solid; border-width: 4px 0 0 0; border-radius: 0; left: 0; right: 0; } .navbar-engage .dropdown-menu a.dropdown-item { color: #666; padding: 10px 0 10px 15px; margin: 5px 0; } .navbar-engage .dropdown-menu a.dropdown-item:hover, .navbar-engage .dropdown-menu a.dropdown-item .active { background: #ecf0f1; } .navbar-engage .dropdown-menu a { background: #ecf0f1; } .navbar-engage .dropdown-item { color: #666; padding: 10px 0 10px 15px; margin: 5px 0; } .navbar-engage .sub-menu { top: -1px; left: 100% !important; padding: 0; border: none; -webkit-animation: fadeInUpMenu 0.4s; -moz-animation: fadeInUpMenu 0.4s; -ms-animation: fadeInUpMenu 0.4s; -o-animation: fadeInUpMenu 0.4s; animation: fadeInUpMenu 0.4s; } .navbar-engage .navbar-toggle { border-radius: 0; } @-webkit-keyframes fadeInUpMenu { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpMenu { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpMenu { -webkit-animation-name: fadeInUpMenu; animation-name: fadeInUpMenu; } .nav-inline .nav-item + .nav-item { margin-left: 0px; } /*Pages*/ .Pages{ text-align:center; font-size:0.5em; padding:0 5px;} .Pages a{ color:#656565; display:block; float:left; width:38px; height:33px; line-height:33px; border:1px solid #ececec; margin:4px;} .Pages a.Ahover { background:#bf9c47; color:#fff;} .Pages em{ font-style:normal; display:block; float:left; margin:0 4px;} .Pages span{ display:inline-block;} .Pages .a_prev{ background:url(../images/prev.jpg) no-repeat center; margin:0 4px;} .Pages .a_next{ background:url(../images/next.jpg) no-repeat center; margin:0 4px;} .Pages .pagenum{float:left;} /*Pages*/ #main-menu ul > li > a { background: transparent!important; color: #555; position: relative; padding: 47px 26px; font-weight: 400; line-height: 18px; text-transform: uppercase; } #main-menu ul > .dropdown:hover > ul.dropdown-menu { display: block; webkit-animation: MenuFadeIn 400ms; animation: MenuFadeIn 400ms; transition: all 0.3s ease-in-out 0s; } #main-menu ul .dropdown .dropdown-menu { padding: 0; border-radius: 0; left: 0; right: 0; margin-top: 0px; width: 220px; border: none; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } #main-menu ul .dropdown .dropdown-menu a { font-size: 13px; color: #666; display: block; height: auto; padding: 12px 20px 13px; line-height: 16px; font-weight: 400; border-top: 1px solid #e2e6e7; transition: all 0.3s ease-in-out 0s; } #main-menu ul .dropdown .dropdown-menu a:hover, #main-menu .dropdown .dropdown-menu a .active { background: transparent; transition: all 0.3s ease-in-out 0s; } #main-menu ul .dropdown .dropdown-menu > li > a:focus { background: transparent; } #main-menu ul .dropdown .dropdown-menu > li.active > a { background: transparent; } #main-menu ul .dropdown .open > a { background: transparent; } #main-menu ul .dropdown .open > a:hover, #main-menu .dropdown .open > a:focus, #main-menu .dropdown .open > a.active { background: transparent; } #main-menu ul .dropdown .sub-menu { top: -2px; left: 100% !important; padding: 0; border: none; -webkit-animation: MenuFadeIn 0.4s; -moz-animation: MenuFadeIn 0.4s; -ms-animation: MenuFadeIn 0.4s; -o-animation: MenuFadeIn 0.4s; animation: MenuFadeIn 0.4s; } @-webkit-keyframes MenuFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes MenuFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } #main-menu ul .dropdown-toggle::after { display: none; } .active.slicknav_collapsed, .slicknav_parent.slicknav_open { background: #eee; } .wpb-mobile-menu { display: none; } .SubMenuNav { display: none; } #wrap_slider{ display: none; } ul li > ul { padding: 0; border-style: solid; border-width: 4px 0 0 0; border-radius: 0; left: 0; right: 0; border-color: transparent; } ul li > ul > li > a { color: #666; padding: 10px 0 10px 15px; margin: 5px 0; } ul li > ul > li > a:hover, ul li > ul > li > a .active { background: #ecf0f1; } ul li > ul > li.active > a { background: #ecf0f1; } .top-nav-collapse{ background: #fff; z-index: 999999; box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.06); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .top-nav-collapse #main-menu ul > li > a{ padding: 17px 20px; } .active.slicknav_collapsed, .slicknav_parent.slicknav_open { background: #eee; } #wrap_slider{ display: none; } .wpb-mobile-menu { display: none; } .wpb-mobile-menu ul li > ul { padding: 0; border-style: solid; border-width: 4px 0 0 0; border-radius: 0; left: 0; right: 0; border-color: transparent; } .wpb-mobile-menu ul li > ul > li > a { color: #666; padding: 10px 0 10px 15px; } .wpb-mobile-menu ul li > ul > li > a:hover, .wpb-mobile-menu ul li > ul > li > a .active { background: #ecf0f1; } .wpb-mobile-menu ul li > ul > li.active > a { background: #ecf0f1; } .SubMenuNav { display: none; } .SubMenuNav{ background:#f1f1f1; position:absolute; right:0px; top:70px; width:300px; z-index:99; } .SubMenuNav ul{list-style-type:none;padding-left: 0px;} .SubMenuNav li{ width:100%;text-align: left; border-bottom:1px solid #eee; padding:10px 0;border-top: 1px solid #aaaaaa; line-height: normal; padding: 10px 0; } .SubMenuNav li .navA { font-size: 1.2em; font-weight: bold;color: #333; padding: 0 42px; line-height: 2;} .SubMenuNav li .Submit dl dd{ padding: 7px 42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .SubMenuNav li .Submit dl dd a { color: #333; display: block; font-size: 0.9em;line-height: 18px; padding-left: 10px;} .SubMenuNav li .Submit dl dd dd:hover { background: #d4d4d4 none repeat scroll 0 0; } .BtnMainnav { display: none; margin: 16px 15px; cursor: pointer; float: right; height: 35px; line-height: 50px; padding: 0 0 9px; position: relative; vertical-align: middle; width: 44px; } .BtnMainnav .icon-box{ font-size: 30px; color:#bf9c47; height: 35px; line-height: 35px; text-align: center; vertical-align: middle; width: 44px; } .BtnMainnav .icon-box2{ background-color: #bf9c47; font-size: 30px; color:#fff; height: 35px; line-height: 35px; text-align: center; vertical-align: middle; width: 44px; } .BtnMainnav1 { display: none; margin: 7px 15px ; cursor: pointer; float: right; height: 35px; line-height: 50px; padding: 0 0 9px; position: relative; vertical-align: middle; width: 100px; } .BtnMainnav1 .icon-box{ font-size: 14px; color:#bf9c47; height: 35px; line-height: 35px; text-align: center; vertical-align: middle; width: 44px; } .BtnMainnav1 .icon-box2{ background-color: #bf9c47; font-size: 30px; color:#fff; height: 35px; line-height: 35px; text-align: center; vertical-align: middle; width: 44px; } .slicknav_menu { display: none; } @media screen and (max-width: 767px) { .navbar-brand { position: absolute; top: 1px; } .navbar-brand img{ width: auto; height: 50px; } /* #menu is the original menu */ #wpb-mobile-menu { display: none; } .slicknav_menu { display: block; } #wrap_slider{ display: block; } #wrap_slider img{ width: 100%; } #product .client-item-wrapper img{ width: 100%; height: auto; } .p1 .client-item-wrapper img{ width: auto; } #p2 .client-item-wrapper img{ width: auto; } #p3 .client-item-wrapper img{ width: auto; } #p4 .client-item-wrapper img{ width: auto; } #p5 .client-item-wrapper img{ width: auto; } } /* SlickMenu responsive */ @media screen and (max-width: 768px) { .navbar-toggler{ display: none; } .BtnMainnav { display: block; } .BtnMainnav1 { display: block; } #mian_slider{ display: none; } #wrap_slider{ display: block; } #wrap_slider img{ width: 100%; } #product .client-item-wrapper img{ width: 100%; } .p1 .client-item-wrapper img{ width:auto; } #p2 .client-item-wrapper img{ width:auto; } #p3 .client-item-wrapper img{ width:auto; } #p4 .client-item-wrapper img{ width:auto; } #p5 .client-item-wrapper img{ width:auto; } } .product-area .product-image img { width: 50%; } .top_search_con { background: #fff; height: 38px; border-radius: 50px; position: relative; width: 100%; } .top_search_incon { margin: 32px; width: 32px; height: 24px; background: url(../images/searchbox.jpg) no-repeat left top; position: relative; /* padding-right: 20px; margin-left: 20px; */ } .top_search_con input[type="text"], .top_search_con input:focus { background: none !important; border: 1px solid #E4E4E4; height: 100%; width: 100%; padding: 1px 20px 0 40px; color: #818B8D; font-size: 12px; outline: none; border-radius: 50px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } .top_search_icon { color: #e64a4a; font-size: 14px; left: 15px; position: absolute; top: 11px; } .top_search .top_search_submit { border: none; padding: 0; position: absolute; width: 20px; left: 12px; opacity: 0; top: 9px; } /* ========================================================================== Service Section Start ========================================================================== */ .service-item { text-align: center; } .service-item .icon-wrapper { font-size: 40px; margin-bottom: 30px; } .service-item .icon-wrapper i { display: block; margin: 0 auto; } .service-item h2 { font-size: 22px; margin-bottom: 15px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .service-item p { font-size: 13px; } /* Pulse Shrink */ @-webkit-keyframes pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes pulse-shrink { to { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } } .pulse-shrink { display: inline-block; } .service-item:hover .pulse-shrink { -webkit-animation-name: pulse-shrink; animation-name: pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* ========================================================================== About Us Section Start ========================================================================== */ .split { background-color: #F6F6F6; } .split h2.title { font-size: 30px; text-transform: uppercase; color:#07799b; } .split .lead { font-size: 14px; } .split .details-list { margin-top: 36px; } .split .details-list h3 { font-size: 16px; font-weight: 300; } /* ========================================================================== Featured Section Start ========================================================================== */ .featured-box { margin-top: 15px; margin-bottom: 15px; } .featured-box .featured-icon { float: left; margin-top: 5px; } .featured-box .featured-icon i { font-size: 28px; text-align: center; float: left; margin-right: 25px; margin-bottom: 85px; display: block; } .featured-box .featured-content { padding-left: 40px; } .featured-box .featured-content h4 { font-size: 22px; margin-bottom: 10px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .featured-box .featured-content p { font-size: 13px; } #portfolios { background: #F6F6F6; } #portfolios .mix { padding: 0; } #portfolios .mix { display: none; } .controls { text-align: center; padding: 20px; } .controls a:hover { cursor: pointer; } #portfolio-list { margin-top: 15px; display: inline-block; } .portfolio-img { overflow: hidden; display: block; position: relative; } .portfolio-img img { width: 100%; } .portfoli-content { width: 100%; position: absolute; height: 100%; opacity: 0; top: 0; -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .portfoli-content:before { background-color: rgba(255, 255, 255, 0.8); top: 15px; left: 15px; bottom: 15px; right: 15px; content: ''; position: absolute; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .sup-desc-wrap { display: table; width: 100%; height: 100%; } .sup-desc-wrap .sup-desc-inner { display: table-cell; text-align: center; vertical-align: middle; padding: 0 35px; } .sup-desc-wrap .sup-link { margin-bottom: 20px; } .sup-desc-wrap .sup-link .left-link, .sup-desc-wrap .sup-link .right-link { font-size: 14px; line-height: normal; outline: none; border-radius: 50%; color: #fff; width: 42px; height: 42px; opacity: 0; line-height: 42px; text-align: center; display: inline-block; -webkit-transform: translateY(-50px); transform: translateY(-50px); margin-right: 5px; } .sup-desc-wrap .sup-link .left-link { -webkit-transition: all 400ms ease; transition: all 400ms ease; } .sup-desc-wrap .sup-link .right-link { -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sup-desc-wrap .sup-link a:hover { background: transparent; } .sup-desc-wrap .sup-meta-wrap .sup-title { display: block; outline: none; margin-bottom: 10px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .sup-desc-wrap .sup-meta-wrap .sup-title h4 { font-size: 18px; color: #000; line-height: 22px; text-transform: uppercase; font-weight: 300; } .sup-desc-wrap .sup-meta-wrap .sup-description { font-size: 13px; line-height: 18px; color: #666; text-align: center; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .portfolio-item:hover .portfoli-content, .portfolio-item:hover .portfoli-content:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio-item:hover .sup-title { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .portfolio-item:hover .sup-description { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .portfolio-item:hover .sup-link .right-link, .portfolio-item:hover .sup-link .left-link { opacity: 1; webkit-transform: translateY(0px); transform: translateY(0px); } .loadmore-button { text-transform: uppercase; margin-top: 30px; color: #000; } #about{ background: url(../images/about_bg.jpg); } #other-services { background: #fff; } #other-services .nav-tabs { border-bottom: none; float: left; display: table-cell; vertical-align: top; } #other-services .nav-tabs li { float: none; } #other-services .nav-tabs li a { border: none; background: transparent; margin: 0; padding: 0; } #other-services .nav-tabs li a i { background: #81868e; font-size: 20px; text-align: center; color: #fff; float: left; width: 50px; border-radius: 50%; height: 50px; line-height: 50px; margin: 10px 0; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #other-services .nav-tabs li a:hover i, #other-services .nav-tabs li a:focus, #other-services .nav-tabs li a.active i { } #other-services .tab-content { margin: 10px 0px 0px 80px; } #other-services .service-content h3 { font-size: 20px; margin-bottom: 25px; text-transform: uppercase; } #other-services .service-content p.lead { font-size: 16px; line-height: 28px; margin-bottom: 25px; } #other-services .service-content p { font-size: 14px; } #other-services .other-service-item { padding-bottom: 30px; } #other-services .other-service-item .icon { float: left; } #other-services .other-service-item .icon .icon-medium { background: #E74C3C; font-size: 24px; text-align: center; color: #fff; float: left; width: 70px; border-radius: 50%; height: 70px; line-height: 70px; margin: 12px 0; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #other-services .other-service-item .service-content { padding-left: 100px; } #other-services .other-service-item .service-content h3 { font-size: 24px; clear: inherit; } #other-services .other-service-item .service-content p { padding: 0px 36px 0px 0px; } #other-services .other-service-item:hover .icon-medium { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; background: #666; } #other-services img { max-width: 100%; padding: 22px; } .skill p { margin-bottom: 10px; font-weight: 600; } .progress { background: #F5F5F5; height: 10px; margin: 0 0 20px; position: relative; width: 100%; } .progress-bar { float: left; height: 100%; font-size: 12px; color: #ffffff; border: 1px solid #fff; text-align: center; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; transition: all 0.6s linear; position: relative; } #filterable-portfolio { background: url(../images/product_bg.jpg); } #q1{ /* background: url(../images/y_banner.jpg);*/ } #q2{ background: url(../images/q2_bg.jpg); } #q3{ background: url(../images/y_banner.jpg); } #q4{ background: url(../images/p_bg.jpg); } #q5{ background: url(../images/q5_bg.jpg); } #q6{ background: url(../images/q6_bg.jpg); } .p1 .client-item-wrapper img{ height: 200px; } #p2 .client-item-wrapper img{ height: 200px; } #p3 .client-item-wrapper img{ height: 200px; } #p4 .client-item-wrapper img{ height: 200px; } #p5 .client-item-wrapper img{ height: 200px; } /* Single portfolio */ .product-area .product-image{ text-align: center; } .product-area .product-image img { width: 30%; } .new-image img { -webkit-transition: all ease .5s; width: 80%; transition: all ease .5s; } .new-image img:hover { -webkit-transform: scale(1.2);   transform: scale(1.2); } #pricing { background: url(../images/facts-bg.jpg); } #pricing .section-title { color: #fff; } #pricing .three-title { color: #fff; } #pricing .section-subcontent { color: #fff; } .pricing-table-1 { background: #fff; margin: 0 15px; } .pricing-table-1 .table-header { padding: 30px 0; color: #fff; } .pricing-table-1 .table-header h3 { font-size: 30px; font-weight: 400; } .pricing-table-1 .plan { border-bottom: 1px solid rgba(189, 195, 199, 0.5); } .pricing-table-1 .plan .price { font-size: 24px; } .pricing-table-1 .plan .period { font-size: 18px; color: #999; text-transform: uppercase; } .pricing-table-1 .plan-info { margin-top: 30px; } .pricing-table-1 .plan-info p { color: #bdc3c7; font-size: 16px; line-height: 30px; } .pricing-table-1 .button-area { padding: 30px 0 45px 0; } #pricing-block-x { background: #ecf0f1; } .pricing-table-x { background: rgba(255, 255, 255, 0.7); margin: 0 15px; padding: 15px 30px; } .pricing-table-x .table-header { padding: 15px 0; color: #5A5A5A; } .pricing-table-x .table-header h3 { font-size: 30px; font-weight: 400; } .pricing-table-x .plan .price { font-size: 30px; } .pricing-table-x .plan .period { font-size: 18px; color: rgba(231, 76, 60, 0.7); text-transform: uppercase; } .pricing-table-x .plan-info { margin-top: 30px; } .pricing-table-x .plan-info p { color: #4F4F4F; font-size: 14px; line-height: 24px; } .pricing-table-x .plan-info p i { margin-right: 5px; } .pricing-table-x .button-area { padding: 30px 0 40px 0; } #cool-facts { width: 100%; height: 100%; background-color:rgba(0, 0, 0, 0.4); background-image: url(../images/team-work.jpg); } #cool-facts .section-title { color: #fff; } #cool-facts .three-title { color: #fff; } #cool-facts .section-subcontent { color: #fff; } #cool-facts .facts-item { text-align: center; padding-bottom: 30px; } #cool-facts .facts-item i { font-size: 45px; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; } #cool-facts .fact-count h3 { color: #fff; font-weight: 300; font-size: 42px; } #cool-facts .fact-count h4 { color: #fff; font-size: 22px; } #notice { background: #f6f6f6; } #notice .notice-button { margin-top: 30px; } #notice h4 { font-size: 40px; } #notice p { font-size: 24px; color: #999; margin-top: 15px; } #notice .notice-content { padding: 30px; } #clients .client-item-wrapper { text-align: center; /* border: 1px solid #ddd;*/ padding: 30px; margin: 0 5px; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; } #clients .client-item-wrapper:hover { } #clients #clients-scroller6 img { opacity: 0.5; filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-filter: gray; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; } #clients #clients-scroller6 img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -webkit-filter: gray; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 1.0; } #clients #clients-scroller6 .owl-pagination { /* display: none;*/ } #testimonial { background: #fff; } #testimonial .testimonial-inner { /* color: #fff;*/ /* text-align: center; padding: 10px 30px; border: 1px solid #ddd; margin: 5px; */ -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #testimonial .testimonial-inner:hover { box-shadow: 0 0 40px #ddd; border: #bf9c47 solid 2px; } #testimonial .testimonial-inner:hover { } #testimonial .testimonial-images { /* margin-bottom: 20px;*/ } #testimonial .testimonial-images img { width: 100%; height: auto; margin: 0 auto; /* padding: 5px;*/ } #testimonial .testimonial-content{ padding: 35px 30px; } #testimonial .testimonial-content p { line-height: 25px; margin-bottom: 15px; } #testimonial .testimonial-footer { padding: 10px 30px; } #testimonial .testimonial-footer { padding: 10px 30px; } #testimonial .testimonial-footer.btn { padding: 6px 15px; } /* #testimonial .testimonial-footer { font-size: 12px; font-weight: 600; } #testimonial .testimonial-footer i { margin-right: 5px; } #testimonial .testimonial-footer a { color: #aaa; margin-left: 3px; font-weight: 300; } #testimonial .testimonial-footer a:hover { } */ #testimonial .owl-pagination { margin-top: 30px; } #testimonial .owl-pagination .owl-page span { border-radius: 4px; width: 8px; height: 8px; background: none; opacity: 0.5; } #testimonial .owl-pagination .owl-page.active span { opacity: 1.0; } #culture { background: #ededed; } #culture .culture-item-wrapper { background: #fff; box-shadow: 0 1px 1px #ddd; padding: 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #culture .culture-item-wrapper:hover { box-shadow: 0 0 40px #ddd; border-bottom: #003968 solid 4px; } #culture .culture-wrapper { background: #fff; box-shadow: 0 1px 1px #ddd; padding: 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #culture .culture-wrapper:hover { -webkit-transform:translateY(-30px); -moz-transform:translateY(-30px); -ms-transform:translateY(-30px); -o-transform:translateY(-30px); transform:translateY(-30px) } #culture .culture-item-img { position: relative; } #culture .culture-item-img img { width: 100%; } #culture .culture-item-text { margin-top: 15px; padding-left: 10px; padding-right: 10px; } #culture .culture-item-text h3 { font-size: 20px; line-height: 30px; text-align: center; } #culture .culture-item-text h4 { font-size: 18px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #555; } #culture .culture-item-text h3 a { color: #555; } #culture .culture-item-text h3 a:hover { } #culture .culture-item-text h5 { font-size: 14px; line-height: 30px; color: #555; float: right } /* team */ #team{ background: url(../images/q_bg.jpg); } #team .team-item figure { position: relative; overflow: hidden; width: 100%; margin: 0; } #team .team-item figure img { width: 100%; height: auto; } #team .team-item figure figcaption { height: 100%; position: absolute; top: 0; background: rgba(0, 0, 0, 0.85); opacity: 0; width: 100%; -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); } #team .team-item figure figcaption .details { position: absolute; top: 30%; } #team .team-item figure figcaption .content-white { font-size: 13px; text-align: center; color: #FFF; margin: 0 auto; line-height: 18px; width: 65%; -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #team .team-item figure figcaption .orange-line { margin: 12px auto 6px; width: 0px; height: 1px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #team .team-item figure:hover figcaption { opacity: 1; } #team .team-item figure:hover .orange-line { width: 62px; } #team .team-item figure:hover figcaption .content-white { -webkit-transform: translateY(0px); transform: translateY(0px); } #team .team-item figure:hover .social a { -webkit-transform: translateY(0px); transform: translateY(0px); } #team .team-item .social { text-align: center; margin-top: 15px; } #team .team-item .social .facebook, #team .team-item .social .twitter, #team .team-item .social .google-plus { font-size: 14px; line-height: normal; outline: none; border-radius: 50%; color: #fff; width: 42px; height: 42px; line-height: 42px; text-align: center; display: inline-block; -webkit-transform: translateY(50px); transform: translateY(50px); margin-right: 5px; } #team .team-item .social .facebook { -webkit-transition: all 400ms ease; transition: all 400ms ease; } #team .team-item .social .twitter { -webkit-transition: all 500ms ease; transition: all 500ms ease; } #team .team-item .social .google-plus { -webkit-transition: all 600ms ease; transition: all 600ms ease; } #team .team-item .social a:hover { background: transparent; } #team .info { background: #F6F6F6; padding: 15px 0 1px; text-align: center; } #team .info h2 { color: #000; font-size: 18px; } #team .info p { color: #000; font-size: 12px; font-weight: 300; line-height: 22px; text-transform: uppercase; } .orange-line { margin: 12px auto 6px; width: 52px; height: 1px; } #team-block-2 .team-member { padding-bottom: 15px; margin-top: 20px; border-bottom: 5px solid transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; background: #666; border-bottom: 4px solid transparent; } #team-block-2 .team-member .face { position: relative; width: 100%; overflow: hidden; } #team-block-2 .team-member .face img { width: 100%; height: auto; } #team-block-2 .team-member .member-info { text-align: center; padding: 24px; } #team-block-2 .team-member .member-info h3 { line-height: 30px; font-size: 30px; color: #fff; } #team-block-2 .team-member .member-info .position { color: #999; font-size: 16px; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } #team-block-2 .team-member .member-info .social-team { margin-top: 15px; } #team-block-2 .team-member .member-info .social-team a { color: #3D566E; margin: 0 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } #team-block-2 .team-member .member-info .social-team a i { color: #ffffff; padding: 7px; background: transparent; font-size: 18px; line-height: 28px; border: 1px solid #fff; width: 42px; height: 42px; border-radius: 50%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } #team-block-2 .team-member .member-info .desc { margin-top: 15px; color: #ecf0f1; } #team-block-2 .team-member .member-info .social .fa-facebook:hover { background: #3b5998; color: #fff; } #team-block-2 .team-member .member-info .social .fa-twitter:hover { background: #00CAFB; color: #fff; } #team-block-2 .team-member .member-info .social .fa-google-plus:hover { background: #D23A1D; color: #fff; } #team-block-2 .team-member .member-info .social .fa-linkedin:hover { background: #007bb6; color: #fff; } #team-block-2 .team-member:hover { background: #777; } .team-left{ margin-top: 30px; transform: rotate(-5deg); } .team-right{ margin-top: 30px;transform: rotate(5deg); margin-right: 10px; } .team-profile{ /* padding: 5px; box-shadow: 0 0 40px #ddd; */ } #team .client-item-wrapper img{ width: 100%; margin: 5px; border: 5px solid #fff; box-shadow: 0 0 40px #ddd; clear: both; } #subscription .subscription-form .form-control { height: 60px; font-size: 24px; color: #999; } #subscription .subscription-form .btn { padding: 18px; } #error-404 { background: #ECF0F1; padding: 36px; } #error-404 h1 { font-size: 120px; } #error-404 h3 { font-size: 40px; margin-bottom: 30px; } #content { padding-top: 30px; padding-bottom: 30px; min-height: 600px; } #contact .contact-info-wrapper { margin-top: -60px; } #contact .contact-info-wrapper .contact-item-wrapper i { padding: 15px; width: 64px; height: 64px; border-radius: 50%; color: #fff; } #contact .map { position: relative; } #contact .contact-info { background: #666; color: #fff; padding: 30px 0; } #contact .contact-form-wrapper { background: url(../images/contact-form-bg.jpg); background-size: cover; } #contact .form-control { margin-bottom: 45px; background: transparent; color: #fff; } #contact2 .contact-info-wrapper { margin-top: -10px; } #contact2 .contact-info-wrapper .contact-item-wrapper { padding: 15px 30px; } #contact2 .contact-info-wrapper .contact-item-wrapper i { color: #fff; float: left; padding: 8px 15px; font-size: 24px; } #contact2 .contact-info-wrapper .contact-item-wrapper h4 { line-height: 40px; color: #FFF; font-size: 16px; font-family: "Roboto", sans-serif; font-weight: 300; } #contact2 .form-control { margin-bottom: 30px; } footer { background: #eaeaea; color: #7C7C7C; } footer .small-title { margin-bottom: 30px; color: #808080; } footer ul { padding: 0; margin: 0; list-style: none; } footer ul li { line-height: 25px; } footer ul li a { color: #999; } footer ul li.tweet { margin-bottom: 15px; } footer ul li.tweet .fa-twitter { padding: 5px; color: #fff; border-radius: 100%; width: 24px; height: 24px; } footer ul li.tweet .tweet-date { font-size: 12px; font-style: italic; color: #bdc3c7; } footer .plain-flicker-gallery { margin-right: -5px; margin-left: -5px; } footer .plain-flicker-gallery a { display: inline-block; width: 32%; font-size: 0px; padding: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -0-transition: all 0.3s ease; transition: all 0.3s ease; } footer .plain-flicker-gallery a:hover { opacity: 0.7; } footer .plain-flicker-gallery a img { width: 100%; } footer .contact-us .form-control { color: #999; font-size: 14px; background: #1D1D1D; border-radius: 0px; border: 1px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -0-transition: all 0.3s ease; transition: all 0.3s ease; } footer #copyright { background: #eaeaea; } footer #copyright .row { padding: 15px 0; } footer #copyright .copyright-text, footer #copyright .nav-inline { margin-top: 15px; } .social-footer a .fa { font-size: 14px; height: 35px; line-height: 35px; margin: 4px; width: 35px; } /* .tagcloud{ a{ color: #FFF; font-size: 9pt; display: inline-block; float: left; margin: 0px 10px 10px 0px; padding: 2px 10px; background: #666; border-radius: 30px; &:hover{background: #565454;} i{padding-right: 5px;} } } */ /* Shortcode Accordion Page Styles */ .panel-default .panel-heading { border: medium none; border-radius: 0; outline: medium none; padding: 0; width: 100%; } .panel-default .panel-heading a { color: #ffffff; display: inline-block; font-weight: 500; padding: 12px 35px 12px 15px; position: relative; text-decoration: none; width: 100%; font-size: 20px; } .panel-default .panel-heading a i { font-size: 22px; padding-right: 10px; } .panel-default .panel-heading a::after { color: #fff; content: ""; font-family: "FontAwesome"; font-size: 22px; font-weight: 300; line-height: 1; margin-top: -10px; position: absolute; right: 15px; top: 50%; } .panel-default .panel-heading .collapsed::after { content: ""; } .accordionSmall .panel-default .panel-heading a::after { content: ""; } .accordionSmall .panel-default .panel-heading .collapsed::after { content: ""; } .panel-default .panel-collapse .panel-body { background-color: #fafafa; padding: 15px; } #accordionRound .panel-default .panel-heading a { border-radius: 8px 8px 0px 0px; } .panel-transparent .panel-heading a { background: #F5F5F5; color: #000; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .panel-image .panel-body img { padding-bottom: 1px; } /* Shortcode Tabs Page Styles */ #default-tab ul.nav-tabs { border-bottom: 1px solid #f1f1f1; margin-bottom: 10px; padding-bottom: 5px; } ul.nav-tabs li { float: left; margin-top: 0; } ul.nav-tabs li a { border: medium none !important; color: #a0a0a0; font-size: 16px; font-weight: 400; line-height: 18px; margin-bottom: 10px; padding: 10px 15px; text-transform: uppercase; } #default-tab .nav-tabs > li > a.active , #default-tab .nav-tabs > li a.active:focus, #default-tab .nav-tabs > li a.active:hover { border: 0 none; position: relative; } #default-tab ul.nav-tabs > li a.active::before { bottom: -14px; content: ""; height: 3px; left: 0; position: absolute; width: 100%; } #round-tab ul.nav-tabs { margin-bottom: 10px; } #round-tab ul li a.active { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; border-bottom: 0 none; border-image: none !important; margin-bottom: 0; } #round-tab ul li a { margin-bottom: 0; padding: 15px !important; text-transform: capitalize; } #vertical-tab .nav-tabs, #vertical-tab .tab-content { display: table-cell; vertical-align: top; } #vertical-tab .tab-content { padding: 0 25px; } #vertical-tab .tab-pane p { line-height: 25px; } #vertical-tab ul.nav-tabs { border: 1px solid #b9b9b9 !important; padding-right: 0px; } #vertical-tab .nav-tabs li { float: none; margin: 0; } #vertical-tab ul.nav-tabs li a { text-align: center; text-transform: uppercase; margin: 0; padding: 20px 40px; white-space: nowrap; width: 100%; border-radius: 0; background: #EEEEEE; color: #676767; border-bottom: 3px solid #b9b9b9 !important; } #vertical-tab ul.nav-tabs li a .fa { display: block; font-size: 27px; margin-bottom: 10px; text-align: center; } #vertical-tab ul.nav-tabs li a.active > .fa { } #vertical-tab ul.nav-tabs { border: 0 none; } #vertical-tab ul.nav-tabs li a.active { background: #fff none repeat scroll 0 0; color: #202020; } #tab-with-icon .nav-tabs { border-bottom: medium none; float: left; display: table-cell; vertical-align: top; } #tab-with-icon .nav-tabs li { float: none; } #tab-with-icon .nav-tabs li a { background: transparent none repeat scroll 0 0; border: medium none; margin: 0; padding: 0; } #tab-with-icon .nav-tabs li a i { background: #81868e none repeat scroll 0 0; border-radius: 50%; color: #fff; cursor: pointer; float: left; font-size: 25px; height: 70px; line-height: 70px; margin: 0px 0 20px; text-align: center; transition: all 0.5s ease 0s; width: 70px; } #tab-with-icon .tab-content { margin: 20px 0 0 100px; } #tab-with-icon h3 { font-size: 20px; margin-bottom: 25px; text-transform: uppercase; } #tab-with-icon p.lead { font-size: 16px; line-height: 28px; margin-bottom: 25px; } #tab-with-icon .nav-tabs li a:hover i, #tab-with-icon .nav-tabs li a:focus, #tab-with-icon .nav-tabs li a.active i { } /* Shortcode Buttons */ .outline-buttons-area , .block-button-area , .animated-progress-area { background: #FAFAFA; padding: 50px 0; } .btn .fa { padding-right: 5px; } .grey-progress-bar .progress-bar { background: #e0e0e0 none repeat scroll 0 0; } .skill-striped .progress-bar{ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .skill-animated .progress-bar { -webkit-animation: 2s linear 0s normal none infinite running progress-bar-stripes; animation: 2s linear 0s normal none infinite running progress-bar-stripes; } /* Shortcode testimonial area */ #testimonial-dark .testimonial-inner { background: #bf9c48 none repeat scroll 0 0; border: 1px solid #866a28; } #testimonial-dark .testimonial-images img { box-shadow: 0 0 3px #fff; } #testimonial-dark .testimonial-content p { color: #fff; } .single-testimonial-area { position: relative; width: 100%; padding: 100px 0; } .single-testimonial-area:before { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; content: ""; display: block; } .single-testimonial-area h3 { color: #fff; font-weight: 500; text-align: center; text-transform: uppercase; } .single-testimonial-area p { color: #fff; text-align: center; } #single-testimonial-item .testimonial-inner { padding: 80px; position: relative; } #single-testimonial-item .testimonial-inner .txt { color: #fff; font-size: 16px; line-height: 24px; position: relative; } #single-testimonial-item .testimonial-images img { box-shadow: 0 0 3px #ddd; height: 90px; margin: 0 auto; padding: 5px; width: 90px; } #single-testimonial-item .testimonial-footer { color: #fff; padding-top: 15px; } #single-testimonial-item .testimonial-footer a { } #single-testimonial-item .testimonial-inner::before { color: #fff; font-family: fontawesome; font-size: 45px; left: 25px; position: absolute; top: 70px; } #single-testimonial-item .testimonial-inner::after { background: rgba(179, 146,65, 0.8) none repeat scroll 0 0; border-radius: 5px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; border: 1px solid #b39241; } #single-testimonial-item .owl-pagination .owl-page.active span { } #single-testimonial-item .owl-pagination .owl-page span { } #single-testimonial-item1 .testimonial-inner { padding: 90px; position: relative; } #single-testimonial-item1 .testimonial-inner .txt { color: #fff; font-size: 16px; line-height: 24px; position: relative; } #single-testimonial-item1 .testimonial-images img { box-shadow: 0 0 3px #ddd; height: 90px; margin: 0 auto; padding: 5px; width: 90px; } #single-testimonial-item1 .testimonial-footer { color: #fff; padding-top: 15px; } #single-testimonial-item1 .testimonial-footer a { } #single-testimonial-item1 .testimonial-inner::before { color: #fff; font-family: fontawesome; font-size: 45px; left: 25px; position: absolute; top: 70px; } #single-testimonial-item1 .testimonial-inner::after { background: rgba(179, 146,65, 0.8) none repeat scroll 0 0; border-radius: 5px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; border: 1px solid #b39241; } #single-testimonial-item1 .owl-pagination .owl-page.active span { } #single-testimonial-item1 .owl-pagination .owl-page span { } .single-testimonial-area .textBox{ max-width:760px; margin:0 auto; background:url(../images/q_bg.png) no-repeat left top; background-size: 100% 100%;} .single-testimonial-area .title { padding-bottom: 2.5%; text-align: center; font-size: 2em; margin-bottom: 0; } .single-testimonial-area .text{ padding:6% 6% 7%; color:#fff; } .single-testimonial-area.title{ padding-bottom:2.5%; text-align:center; font-size:3em; margin-bottom:0;} .single-testimonial-area .detail{ font-size:14px; line-height:24px; } /* Shortcode clients */ #color-client-scroller .client-item-wrapper { } #color-client-scroller .client-item-wrapper img { filter: url("data:image/svg+xml;utf8,#grayscale"); opacity: 0.5; transition: all 0.6s ease 0s; } #color-client-scroller .client-item-wrapper img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); opacity: 1; transition: all 0.6s ease 0s; } /*Short code icons style*/ i.icon-default { font-size: 50px; margin-bottom: 30px; margin-right: 30px; vertical-align: middle; } i.icon-round { border-radius: 100%; color: #fff; font-size: 50px; height: 100px; line-height: 100px; margin-bottom: 13px; margin-right: 13px; text-align: center; vertical-align: middle; width: 100px; } i.icon-round-border { border-radius: 100%; font-size: 45px; height: 100px; line-height: 100px; margin-bottom: 12px; margin-right: 12px; text-align: center; vertical-align: middle; width: 100px; } i.icon-box { border-radius: 4px; color: #fff; font-size: 45px; height: 100px; line-height: 100px; margin-bottom: 12px; margin-right: 12px; text-align: center; vertical-align: middle; width: 100px; } i.icon-box-border { border-radius: 4px; font-size: 45px; height: 100px; line-height: 100px; margin-bottom: 12px; margin-right: 12px; text-align: center; vertical-align: middle; width: 100px; } i.icon-xs { font-size: 16px !important; height: 30px !important; line-height: 30px !important; margin-bottom: 7px !important; margin-right: 7px !important; width: 30px !important; } i.icon-sm { font-size: 27px !important; height: 50px !important; line-height: 50px !important; margin-bottom: 14px !important; margin-right: 14px !important; width: 50px !important; } i.icon-md { font-size: 35px !important; height: 75px !important; line-height: 75px !important; margin-bottom: 14px !important; margin-right: 14px !important; width: 75px !important; } i.icon-lg { font-size: 50px !important; height: 100px !important; line-height: 100px !important; margin-bottom: 13px !important; margin-right: 13px !important; width: 100px !important; } #image-carousel .item img { height: 200px; width: 250px; } /* Single portfolio */ .single-portfolio-area .single-portfolio-image img { width: 100%; } .portfolio-meta ul , .portfolio-controls ul { list-style: outside none none; padding-left: 0; } .portfolio-meta ul li { margin: 10px 0; } .portfolio-meta ul li span { display: inline-block; font-size: 12px; font-weight: 600; text-decoration: underline; text-transform: uppercase; width: 130px; text-decoration-style: double; } .portfolio-controls ul li a.btn { padding: 10px 75px; } .portfolio-controls ul li a.btn i.fa { font-size: 37px; } /* culture Post Section */ .culture-post-wrapper { border: 1px solid #eee; margin-bottom: 50px; } .culture-post-wrapper .format-video iframe { min-height: 350px; width: 100%; } .culture-post-wrapper .format-audio iframe { height: 200px; width: 100%; } .author-info , .culture-post-content { padding: 20px; } .tag-posted-in li a { color: #8F8F8F; } .tag-posted-in li i.fa { color: #8F8F8F; padding-right: 3px; } span.published-time { font-size: 12px; } span.published-time i.fa { margin-right: 5px; } .featured-wrapper img { width: 100%; height: 350px; } .culture-post-content h2.culture-post-title { font-size: 26px; font-weight: 600; line-height: 26px; text-transform: capitalize; margin-bottom: 20px; } .culture-post-footer { padding: 20px; border-top: 1px solid #eee; background-color: #fff; } .culture-post-footer ul.post-meta { list-style: outside none none; } .culture-post-footer ul.post-meta li { float: left; margin-right: 10px; } .culture-post-footer ul li a { background: #fff none repeat scroll 0 0; display: block; font-size: 10px; line-height: 28px; padding: 4px 15px; text-transform: uppercase; transition: all .3s ease-in-out; } .culture-post-footer ul li a:hover { color: #fff; transition: all .3s ease-in-out; } .culture-post-content blockquote.blockquote { padding-left: 15px; } .culture-post-content blockquote.blockquote p { color: #969595; font-size: 16px; font-weight: 500; } .culture-post-content blockquote.blockquote a { font-size: 15px; font-style: italic; float: right; } .culture-post-wrapper.format-qoute { border: none !important; } .culture-pagination nav ul.pagination li.page-item a { border-radius: 0; margin-right: 15px !important; color: #333 } .culture-pagination nav ul.pagination li.page-item.active a , .culture-pagination nav ul.pagination li.page-item a:hover , .culture-pagination nav ul.pagination li.page-item a:focus { color: #fff; } .sidebar-area .widget { margin-bottom: 60px; } .sidebar-area .search-bar { position: relative; } .sidebar-area .search-bar .form-control { border-radius: 0; color: #333 !important; font-size: 13px; height: 46px; } .form-control:focus { } .sidebar-area .search-bar button { background-color: transparent; border: 0 none; height: 46px; position: absolute; right: 0; top: 0; width: 40px; } .sidebar-area .search-bar button i.fa { } .sidebar-area .search-bar button .fa { color: #333; } h2.widget-title { font-size: 20px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; } .widget ul { list-style: outside none none; padding-left: 0; } .widget.popular-post ul li { margin-bottom: 20px; } .widget.popular-post h4 { font-size: 16px; } .category-menu a { color: #333; font-size: 15px; transition: all 0.2s; } .category-menu a .fa { padding-right: 5px; transition: all 0.2s; } .category-menu li { border-bottom: 1px solid #333; padding: 10px 0; } .category-menu a:hover .fa { padding-right: 10px; transition: all 0.2s; } .widget.tag-cloud li { float: left; margin-bottom: 5px; margin-right: 5px; } .widget.tag-cloud a { color: #fff; display: block; font-size: 10px; font-weight: 600; line-height: 28px; padding: 0 11px; transition: all 0.3ms ease-in-out; } .widget.tag-cloud a:hover { opacity: 0.8; transition: all 0.3ms ease-in-out; } .widget.subscribe-widget .form-control { font-size: 14px; height: 42px; padding: 10px; width: 255px; } .widget-ad img { width: 100%; } .culture-post blockquote { margin: 40px 0; } .culture-post h3 { margin-top: 30px; } .culture-post > p { line-height: 29px; } .culture-post ul li { font-size: 15px; padding: 6px 0; font-weight: 600; } .culture-post ol li { font-size: 15px; padding: 6px 0; font-weight: 600; } #copyright ul li.nav-item { font-size: 12px; padding-right: 10px; text-transform: capitalize; } .nav-link{ padding: 0px; } .testimonial-footer .fa { padding-right: 6px; } .testimonial-footer a { padding-left: 5px; } .culture-post img { width: 100%; } .culture-post pre { background: #eee none repeat scroll 0 0; margin: 20px 0; } .about-author-section { border: 1px solid #eee; } .about-author-section .media { padding: 20px; } .about-author-section .media .media-body { padding-left: 10px; } .about-author-section .media .media-body p { line-height: 28px; } .about-author-section .author-footer { border-top: 1px solid #eee; padding: 20px; } .similar-post img { width: 100%; } .similar-post h2 { font-size: 16px; font-weight: 600; line-height: 28px; margin-top: 10px; } .no-pdl { padding-left: 0 !important; } .comments-area ul { padding-left: 0; } .comments-area .media { margin-top: 40px; } .comments-area .media-body { padding-left: 10px ; } .comment-author span { padding-left: 5px; } .new-comment .form-group .form-control { background: #f2f2f2 none repeat scroll 0 0; border-radius: 0; color: #333 !important; font-size: 15px; padding: 12px; } /* Call to action */ .cta-section { background: url(../images/cta-bg.jpg) scroll center center; width: 100%; position: relative; } .cta-section::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; background-color: rgba(51, 51, 51, 0.9); } .cta-area { display: table; width: 100%; height: 150px; } .cta-content { display: table-cell; vertical-align: middle; } .cta-content h2 { color: #fff; font-size: 38px; font-weight: 400; line-height: 38px; } .cta-content p { color: #fff; font-size: 18px; line-height: 28px; padding-top: 10px; } .cta-content .btn { font-size: 16px; margin-top: 15px; padding: 13px 24px; text-transform: uppercase; } .page-header-section { margin-top: 74px; background: url(../images/testimonial-bg.jpg); width: 100%; } .page-header-area { display: table; height: 80px; width: 100%; } .page-header-content { display: table-cell; vertical-align: middle; } .page-header-content h2 { color: #fff; font-size: 36px; font-weight: 600; text-transform: capitalize; } #google-map-shortcode { padding: 0; height: 400px; } #google-map-contact { padding: 0; height: 300px; } #google-map-contact2 { padding: 0; height: 200px; } .error-section h1 { color: #ff2a40; font-size: 10rem; } .col-md-12.text-xs-center > h4 { } .error-section h4 { text-transform: capitalize; } .contact-title-text h2 { font-size: 50px; } .contact-title-text p { font-size: 18px; margin-top: 15px; } .contact-widget { margin-bottom: 30px; } .contact-widget h2 { margin-bottom: 20px; } .contact-widget address { line-height: 45px; } .contact-widget.office-location span { font-weight: 600; } #contactForm .form-group .contact-control { background: #f8fafd none repeat scroll 0 0; border-radius: 0; height: 50px; } #contactForm .form-group { margin-bottom: 19px; } #contactForm .form-group .form-control { border-radius: 0; background: #f2f2f2 none repeat scroll 0 0; font-size: 14px; } ul.contact-info2 { list-style: outside none none; margin-top: 20px; padding: 0; } ul.contact-info2 i.fa { margin-right: 10px; } .loadmore-button .btn { padding: 6px 15px; } .about2-intro-image img { width: 100%; } .service2-single-service { text-align: center; margin: 20px 0; } .service2-single-service .fa { border-radius: 50%; color: #fff; font-size: 23px; height: 75px; line-height: 75px; margin-bottom: 20px; width: 75px; } .service2-single-service h2 { font-size: 20px; text-transform: uppercase; } .service2-single-service p { font-size: 13px; } .new-comment .btn { font-size: 16px; padding: 13px 30px; } .comments-area .media.reply { background: #E5F7FD none repeat scroll 0 0; padding: 20px; border-radius: 4px; } .culture-pagination { text-align: center; } .pricing-table2 { padding: 15px 30px; } .single-pricing-2 { border: 1px solid #dedede; } .single-pricing-2 .plan-name { color: #959595; display: block; font-size: 24px; font-weight: 700; line-height: 30px; padding: 20px 0; } .single-pricing-2 .plan-name small { display: block; font-size: 12px; font-weight: 700; line-height: normal; } .single-pricing-2 .plan-price { background: #f2f2f2 none repeat scroll 0 0; font-size: 48px; margin-bottom: 30px; padding: 30px 0; text-align: center; } .featured .plan-price { color: #fff !important; background: #ff5959; } .premium .plan-price { background: #3498db !important; color: #fff !important; } .single-pricing-2 .plan-price .currency { font-size: 50%; font-weight: 700; left: -0.01em; top: -0.9em; } .single-pricing-2 .plan-price sub { font-size: 18px; font-weight: 700; } .single-pricing-2 ul { background: #fff none repeat scroll 0 0; margin-bottom: 0; padding: 0; } .single-pricing-2 ul li { border-top: 1px dashed #dedede; font-weight: 500; padding: 12px 29px; text-align: center; } .single-pricing-2 ul li:first-child { border-top: 0; } .pricing2-button { padding: 20px 0; text-align: center; } .pricing2-button .btn { padding: 12px 55px; text-transform: uppercase; } /* Roof bar styles */ #roof { background: #3B3B3B; } .roof-content { display: table; height: 60px; width: 100% } .roof-middle { display: table-cell; vertical-align: middle; } .roof-menu{ margin-right: 15px; } .roof-social-icons a i.fa { background: #484848 none repeat scroll 0 0; border-radius: 50%; font-size: 13px; height: 35px; line-height: 35px; text-align: center; width: 35px; color: #fff; margin-right: 10px; } .roof-social-icons a i.fa:hover { } .roof-menu ul { list-style: none; } .roof-menu ul li { float: left; } .roof-menu ul li a { color: #fff; font-size: 12px; line-height: 35px; margin-right: 16px; padding: 6px 9px; text-transform: uppercase; } .roof-menu ul li.active a { border-radius: 3px; margin-right: 0; } #default-tab a.nav-link { background: none; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { background-color: #eee; } .nav-link.active { } .social-footer { position: relative; top: -20px; } .social-footer a { position: relative; } .social-footer img { border: none; border: 0; max-width: 100%; vertical-align: top; } .social-footer a .WeixinBox { display: none; position: absolute; bottom: 20px; left: -50px; padding: 5px; background: #fff; width: 140px; height: 140px; } footer .title{ font-size:12px; color:#c7c7c7;} footer .Phone{ text-align:center; font-size:2em; color:#bf9c47; font-family:Arial;} footer .Phone em{ font-style:oblique;} footer .Bnav{ text-align:center; padding:15px 0 10px;} footer .Bnav a{ font-size:12px; color:#888;} footer .Bnav em{ color:#dbdbdb; padding:8px; font-style:normal;} footer .Copyright{ text-align:center;color:#999; font-size: 0.9em;} footer .Copyright span{ color:#d2d2d2;} footer .Copyright span a{ color:#d2d2d2; } /*.controls a.active { background: rgba(0, 0, 0, 0.47); }*/ /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { #main-menu ul > li > a { font-size: 13px; font-weight: 400; padding: 28px 10px; } #main-menu ul .dropdown .dropdown-menu a { border-top: 1px solid #e2e6e7; color: #666; display: block; font-size: 12px; font-weight: 400; height: auto; line-height: 16px; padding: 9px 19px 7px; transition: all 0.3s ease-in-out 0s; } #carousel-area .carousel-item .carousel-caption h2 { font-size: 50px; } #carousel-area .carousel-item .carousel-caption h3 { font-size: 20px; } #carousel-area img { height: 100%; } .service-item h2 { font-size: 15px !important; } .top_search { display: none; } .pricing-table-x .plan-info p { font-size: 12px; } #team .team-item figure figcaption .content-white { font-size: 9px; line-height: 12px; width: 60%; } #team .team-item .social .facebook, #team .team-item .social .twitter, #team .team-item .social .google-plus { font-size: 8px; height: 25px; line-height: 25px; width: 25px; } .section-title { font-size: 24px !important; } .three-title { font-size: 24px !important; } .footer-widget p { font-size: 12px; } .social-footer a .fa { height: 25px; line-height: 25px; width: 25px; } footer .plain-flicker-gallery a { width: 31%; } footer ul li.tweet { font-size: 12px !important; } #copyright p, #copyright a { font-size: 10px !important; } .single-pricing-2 .btn { padding: 10px 15px; font-size: 10px; } .single-pricing-2 .plan-price { font-size: 35px; } .single-pricing-2 ul li { font-size: 12px; } ul.nav-tabs li a { font-size: 11px; } .btn-lg { padding: 12px 20px; } .btn-md { padding: 12px 14px; } .pricing-table h3 { font-size: 24px !important; } .single-pricing-2 .plan-name { font-size: 18px; } .sup-desc-wrap .sup-meta-wrap .sup-description { display: none; } .portfolio-meta ul li span { font-size: 10px; width: 78px; } .portfolio-meta ul li { font-size: 10px; } span.published-time { font-size: 10px; } .widget.popular-post h4 { font-size: 12px; } .flickr-widget .plain-flicker-gallery a img { width: 31%; } .widget.tag-cloud a { font-size: 8px; } } @media (max-width: 767px) { .nav-inline .nav-item + .nav-item { margin-left: 0; float: none; } .single-testimonial-area { position: relative; width: 100%; padding: 30px 0; } #main-menu ul .dropdown .dropdown-menu { display: block; position: relative; width: 100%; } #main-menu { clear: both; width: 100%; } nav.navbar.navbar-light { min-height: 73px; } nav.navbar.navbar-light button.navbar-toggler { background: #333 none repeat scroll 0 0; border-radius: 0 !important; margin-top: 17px; } nav.navbar.navbar-light ul.nav-inline .nav-item { display: block; } nav.navbar.navbar-light ul.nav-inline { max-height: 350px; overflow-x: scroll; margin-top: 20px; } #roof { display: none; } #main-menu ul > li > a { font-size: 12px !important; padding: 18px 10px; } .page-header-content h2 { text-align: center; } .footer-widget { margin-bottom: 40px; } .carousel-item > img { height: 100% !important; } #carousel-area .carousel-item .carousel-caption h2 { font-size: 20px; font-weight: 600; } #carousel-area .carousel-item .carousel-caption h3 { font-size: 16px; line-height: 24px; } .btn-lg { font-size: 10px; padding: 10px 16px; text-transform: uppercase; } .section-title { font-size: 16px; } .three-title { font-size: 18px; } .section-subcontent { font-size: 12px; line-height: 17px; padding: 0; } #portfolio a.filter { font-size: 10px; margin: 5px; padding: 5px 11px; } .controls { padding: 0; } .pricing-table-x .table-header h3 { font-size: 18px; } .plan-info > p { font-size: 12px !important; } .pricing-table-x .button-area { padding: 14px 0 40px; } .pricing-table-x { margin: 20px 15px; } .service2-single-service .fa { font-size: 18px; height: 45px; line-height: 45px; width: 45px; } .service2-single-service h2 { font-size: 15px; } .service2-single-service p { font-size: 11px; } .images { text-align: center; } .split h2.title { font-size: 16px; line-height: 24px; } #other-services .service-content p.lead { font-size: 12px; line-height: 28px; margin-bottom: 7px; } #other-services .service-content p { font-size: 12px; } .about2-intro-image { margin-bottom: 10px; } #default-tab li.nav-item a.nav-link { padding: 5px; font-size: 12px; } .single-testimonial-area h3 { color: aliceblue; font-size: 18px; line-height: 25px; } .single-testimonial-area p { color: aliceblue; font-size: 12px; } .section { padding: 10px 10px; } .page-header-area { height: 86px; } .page-header-content h2 { font-size: 28px; } .cta-content h2 { font-size: 20px; line-height: 32px; } .cta-content p { font-size: 12px; line-height: 18px; padding-top: 5px; } .cta-content .btn { font-size: 12px; margin-top: 0; padding: 7px 12px; } #google-map-contact { height: 200px; padding: 0; } .section-padding { padding: 60px 0; } .contact-title-text h2 { font-size: 30px; } .contact-title-text p { font-size: 14px; } .contact-widget h2 { margin-bottom: 10px; font-size: 20px; } .contact-widget address { line-height: 35px; font-size: 12px; } .error-section h1 { font-size: 4rem; } .error-section h4 { font-size: 16px; } #round-tab ul li a { font-size: 12px; padding: 6px !important; } #vertical-tab .nav-tabs, #vertical-tab .tab-content { vertical-align: top; display: inherit; } #vertical-tab ul.nav-tabs li a { font-size: 12px; padding: 12px 40px; } #vertical-tab ul.nav-tabs { margin-bottom: 20px; } #vertical-tab p { font-size: 13px; line-height: 23px !important; } .shortcode-buttons-area .col-md-3 , .shortcode-pie-skill-area .col-md-6 { margin: 30px 0; } .single-portfolio-area .small-title { margin-top: 30px; } .portfolio-controls ul li a.btn { padding: 5px 30px; } .featured-wrapper img { height: 200px; } .culture-post-footer ul li a { padding: 4px 12px; } .culture-post-footer a.btn { margin-top: 10px; } iframe { height: 200px !important; } ul.pagination a.page-link { font-size: 10px; padding: 5px; } .search-bar { margin-top: 40px; } .sidebar-area .widget { margin-bottom: 30px; } .about-author-section .media-left { display: block !important; text-align: center; } .about-author-section .media .media-body { padding-left: 10px; text-align: center; padding-top: 20px; } .author-footer .fa { font-size: 18px !important; height: 35px !important; line-height: 35px !important; width: 35px !important; } .comments-area .media-left, .comments-area .media-right { display: block; margin-bottom: 5px; text-align: center; } .comment-author { margin: 10px 0; } .commentor-info > p { font-size: 13px; line-height: 23px; } .product-area .product-image img { width: 50%; } .team-left{ display: none } .team-right{ display: none; } } h1{font-size: 1em;} .images img { width: 100%; } /* Tablets */ @media (min-width: 768px) and (max-width: 991px) { #carousel-area .carousel-item { height: 300px; } .carousel-item > img { width: 100%; } #carousel-area .carousel-item .carousel-caption h2 { font-size: 28px; } #carousel-area .carousel-item .carousel-caption h3 { font-size: 16px; } #carousel-area .carousel-item .carousel-caption .btn { margin: auto; font-size: 12px; margin-top: 10px; padding: 10px 15px; } #carousel-area .carousel-item .carousel-caption { top: 25%; } #carousel-area .carousel-indicators { bottom: 25px; } } .navbar-brand{ padding: 29px 15px; height: auto; } nav.navbar.bootsnav{ border: none; margin-bottom: 150px; } .navbar-nav{ float: left; } nav.navbar.bootsnav ul.nav > li > a{ color: #474747; text-transform: uppercase; padding: 30px; } nav.navbar.bootsnav ul.nav > li:hover{ background: #f4f4f4; } .nav > li:after{ content: ""; width: 0; height: 5px; background: #003968; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .nav > li:hover:after{ width: 100%; } .nav > li.on:after{ width: 100%; } nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{ content: "+"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 35%; right: 10%; transition: all 0.4s ease 0s; } nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: "\f105"; transform: rotate(90deg); } .dropdown-menu.multi-dropdown{ position: absolute; left: -100% !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; } @media only screen and (max-width:990px){ nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after, nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; } .dropdown-menu.multi-dropdown{ left: 0 !important; } nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; } nav.navbar.bootsnav ul.nav > li > a{ margin: 0; } } /* 首页产品 */ section { background-color: #f6f6f6; } .section-inner { padding: 50px 0; } section h2.section-heading { margin-top:0; margin-bottom:15px; font-size:40px } section h3.section-subheading { margin-bottom:75px; text-transform:none; font-size: 18px; font-size: 24px; } .gap { margin-bottom: 50px; width:100%; } /*-----------------------------------------------------------------------------------*/ /* PORTFOLIO /*-----------------------------------------------------------------------------------*/ .portfolio-filter .btn.active { position: relative; } .portfolio-filter .btn.active:after { position: absolute; z-index: 2; left: -2px; top: -2px; bottom: auto; right: auto; width: 100%; height: 100%; border: 1px solid rgb(255, 255, 255) !important; content: ''; transition: all .35s; } .portfolio-item .portfolio-link { display:block; position:relative; margin:0 auto; max-width:400px; overflow: hidden; } .portfolio-item .portfolio-link .portfolio-hover { position:absolute; width:100%; height:100%; opacity:0; background:rgba(95, 183, 150, 1); -webkit-transition:all ease .5s; -moz-transition:all ease .5s; transition:all ease .5s } .direction-aware li a img { -webkit-transition:all ease .5s; -moz-transition:all ease .5s; transition:all ease .5s } .direction-aware li a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition:all ease .5s; -moz-transition:all ease .5s; transition:all ease .5s } .portfolio-item .portfolio-link .portfolio-hover:hover { opacity:1 } .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { position:absolute; top:50%; width:100%; height:20px; margin-top:-12px; text-align:center; font-size:20px; color:#fff } .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i, .direction-aware .portfolio-hover-content i { margin-top:-12px; } .portfolio-hover-content i.pe-7s-close { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 { margin:0 } .portfolio-item .item-caption { margin: 0 auto; padding: 25px 20px; overflow: hidden; background-color:#fff; border: none; display: block !important; -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 } .portfolio-item:hover .item-caption { box-shadow: 0 5px 0px 0px #5fb796; -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 } .portfolio-item .item-caption h4 { color: #444; font-weight: 700; margin: 0; text-transform: uppercase; font-size: 20px; position: relative; top: -5px; letter-spacing: -1px; } .portfolio-item .item-caption p { margin: 0; font-size: 14px; } #portfolio * { z-index:2 } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /*-----------------------------------------------------------------------------------*/ /* FANCY HOVER /*-----------------------------------------------------------------------------------*/ .direction-aware { list-style: none; position: relative; overflow: hidden; padding: 0; } .direction-aware li.da-item { float: left; position: relative; margin-bottom: 30px; border-bottom: 5px solid transparent; } .direction-aware li.da-item > a,.direction-aware li.da-item > a img { display:block; position:relative } .direction-aware li.da-item > a { overflow:hidden } .direction-aware li.da-item > a > div { position:absolute; background:#333; background: rgba(0, 55, 102, 0.6); width:100%; height:100% } .direction-aware li.da-item > a > div > span { display: block; padding: 2 0px; margin: 40px 20px 20px; font-weight: 400; color: #fff; } .direction-aware .portfolio-hover-content { background-color: transparent; position: absolute; top: 40% !important; width: 100%; height: 20px; margin-top: -12px; text-align: center; font-size: 20px; color: #fff; } .direction-aware .portfolio-hover-content>h5{ font-size: 20px; color: #ffffff; font-weight: bold; margin-bottom: 15px; } .direction-aware .portfolio-hover-content p{ font-size: 14px; color: #ffffff; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #f28900; -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; background: linear-gradient(to left, #1a5193, #00b4cb); } .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img { width: 100%; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; } .list-inline>li a{ border:none; } .list-inline>li a.on{ color: #fff; background-color: #f28900; -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; background: linear-gradient(to left, #1a5193, #00b4cb); } .lineb { bottom: 0; } .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; } /* 业务范围 */ ul.picList { overflow: hidden; zoom: 1; } ul.picList li{ float: left; _display: inline; overflow: hidden; text-align: center; position: relative;} ul.picList li{ text-align:center; } ul.picList li dd>img{width:100%; height:auto; display:block; padding:2px; border:1px solid #ccc; } ul.picList li a:hover img{ border-color:#999;} ul.picList li .title{ line-height:24px;} .syp dt{height: auto;overflow: hidden;} .dtdiv{top: 50%;left: 50%;transform:translate(-50%,-50%);font-weight: normal;text-align: center;padding: 20px 36px;position: absolute;transition:all 0.7s ease;background: url(../images/spbg.png);} .syp dt p{color: #fff;font-size: 17px;color: #ffffff;} /*广告条*/ .ban01{ background:url(../images/ban01.jpg) no-repeat center 0; height:250px; overflow:hidden;} .ban01 p{position: absolute;top: 170px;right: 0;} .ban01 p span{ display:block; font-size:14px; color:#666;float: left; text-shadow:1px 2px 1px #fff;width: 379px; background:url(../images/ban_tel.png) no-repeat 0 5px; padding:0 0 10px 60px;height: 46px;line-height: 46px;} .ban01 p span b{font-size: 22px;color: #006060;} .ban01 p em{ display:block;float: left;width: 144px;} .ban02{ background:url(../images/ban02.jpg) no-repeat center 0; height:260px; overflow:hidden;} .ban02 p{position: absolute;top: 195px;left: 0;} .ban02 p span{color: #fff; text-shadow:1px 2px 1px #ccc;} .pr { position: relative; } .ban01 p em a { display: block; font-size: 16px; color: #fff; font-weight: bold; font-style:normal; background: #002358; width: 144px; height: 46px; text-align: center; line-height: 46px; overflow: hidden; } .jqsyp li:hover .dtdiv{padding: 0px;width: 100%;height: 100%;background: url(../images/sa11a.png);padding-top: 40%;} .portfolio-item .portfolio-link .portfolio-hover:hover { opacity:1 } .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { position:absolute; top:50%; width:100%; height:20px; margin-top:-12px; text-align:center; font-size:20px; color:#fff } .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i, .direction-aware .portfolio-hover-content i { margin-top:-12px; } .portfolio-hover-content i.pe-7s-close { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 { margin:0 } .portfolio-item .item-caption { margin: 0 auto; padding: 25px 20px; overflow: hidden; background-color:#fff; border: none; display: block !important; -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 } .portfolio-item:hover .item-caption { box-shadow: 0 5px 0px 0px #003968; -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 } .portfolio-item .item-caption h4 { color: #444; font-weight: 700; margin: 0; text-transform: uppercase; font-size: 20px; position: relative; top: -5px; letter-spacing: -1px; } .portfolio-item .item-caption p { margin: 0; font-size: 14px; } #portfolio * { z-index:2 } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /*-----------------------------------------------------------------------------------*/ /* FANCY HOVER /*-----------------------------------------------------------------------------------*/ .direction-aware { list-style: none; position: relative; overflow: hidden; padding: 0; } .direction-aware li.da-item { float: left; position: relative; margin-bottom: 30px; border-bottom: 5px solid transparent; } .direction-aware li.da-item > a,.direction-aware li.da-item > a img { display:block; position:relative } .direction-aware li.da-item > a { overflow:hidden } .direction-aware li.da-item > a > div { position:absolute; background:#333; background: rgba(95, 183, 150, 0.6); width:100%; height:100% } .direction-aware li.da-item > a > div > span { display: block; padding: 2 0px; margin: 40px 20px 20px; font-weight: 400; color: #fff; } .direction-aware .portfolio-hover-content { background-color: transparent; position: absolute; top: 50% !important; width: 100%; height: 20px; margin-top: -12px; text-align: center; font-size: 20px; color: #fff; } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #8ECCB5; display: inline-block; zoom: 1; margin: 5px; padding: 0px 10px; font-size: 80px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 0; background: transparent; width: 30px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .owl-theme .owl-controls.clickable .owl-buttons div:hover{ text-decoration: none; color: #5fb796; background: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: transparent; border: 1px solid #8ECCB5; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } .owl-theme .owl-controls .owl-buttons div { position: absolute; } .owl-theme .owl-controls .owl-buttons .owl-prev{ left: -45px; top: 50%; margin-top: -70px; } .owl-theme .owl-controls .owl-buttons .owl-next{ right: -40px; top: 50%; margin-top: -70px; } .direction-aware.owl-carousel { overflow: visible; } .owl-item .da-item { margin-bottom: 0 !important; } .client-item-wrapper img{ width:100%; } #clients-scroller .client-item-wrapper img{ border-radius:50%; background:#f5f5f5; padding:10px; } /*友情链接*/ .link{height:166px;line-height:38px;font-family:"Microsoft Yahei";color: #555;padding:20px 0 0;} .link h2{ color: #004da2; font-size: 18px; height: 60px; line-height: 90px; position: relative; border-bottom: solid 1px #e8e8e8; z-index: 1; } .link h2:before{contant:"";position:absolute;width:30px;height:1px;background:#004da2;left:0;z-index:1;} .link h2 span{color: #999;font-size:16px;padding:0 0 0 6px;} .link_c{overflow: hidden; padding: 30px 0 0;} .link a{color: #555;display: inline-block;padding:0 50px 0 0;} /* footer */ .f_bj { color: #fff; line-height: 45px; clear: both; height: 426px; font-family: "Microsoft Yahei"; overflow: hidden; background: url(../images/footbg.gif) repeat-x center 0 #3a3a3a; padding-top: 68px; } .f_bj a { color: #fff; } .f_con { display: block; overflow: hidden; height: 288px; font: 14px/45px "Microsoft YaHei"; } .f_code, .f_nav { background: url(../images/f_line1.gif) no-repeat right 6px; height: 212px; } .f_code { width: 337px; padding: 13px 0 0; } .f_code p { display: block; width: 140px; height: 140px; float: left; padding: 0 5px; margin-left: 0px; text-align: center; } .f_code p img { display: block; width: 130px; height: 130px; float: left; } .f_logo img { width: 85%; /* height: 57px; */ display: block; margin-bottom: 23px; } .f_nav { line-height: 50px; width: 285px; font-size: 16px; padding-left: 40px; } .f_nav a { display: block; float: left; width: 120px; } .f_text { width: 488px; padding: 0 0 0 42px; } .f_text h3 { font-weight: normal; font-size: 20px; line-height: 56px; height: 65px; } .f_text span { display: block; background: url(../images/f_ico1.gif) no-repeat 0 9px; padding-left: 46px; width: 224px; white-space: nowrap; float: left; } .f_text span.f_text1 { background: url(../images/f_ico2.gif) no-repeat 0 9px; width: 170px; } .f_text span.f_text2 { background: url(../images/f_ico3.gif) no-repeat 0 9px; } .f_text span.f_text3 { background: url(../images/f_ico4.gif) no-repeat 0 9px; width: 170px; } .f_text span.f_text4 { background: url(../images/f_ico5.gif) no-repeat 0 9px; width: 365px; } .f_wz { height: 70px; line-height: 70px; color: #8f8f8f; font-size: 14px; } .f_wz span { display: block; float: right; } .f_wz span em img{display:inline-block;width:40px;height:40px;margin-top: -19px;} .f_wz span em{display:inline-block;padding:10px 0 0;float:left;} .f_wz a { color: #8f8f8f; padding: 0 16px 0 0; } .fl{ float:left; } .service { /* margin-top: 40px; */ text-align: center; /* margin-bottom: 60px; */ } #yewu{ background: linear-gradient(to left, #1a5193, #00b4cb); } #yewu h1{ color:#fff; } #yewu h1>p.section-subcontent{ color: rgba(255, 255, 255, 0.7); } .service { position: relative; background: -webkit-linear-gradient(right, #1a5193, #00b4cb); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left, #1a5193, #00b4cb); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left, #1a5193, #00b4cb); /* Firefox 3.6 - 15 */ background: linear-gradient(to left, #1a5193, #00b4cb); /* 标准的语法 */ background-size: cover; width: 100%; min-height: 650px; overflow: hidden; } .service .wave { position: absolute; z-index: 2; left: 0; top: 0; } .service .wave img { width: 100%; height: auto; } #main .service .title { padding-top: 150px; font-size: 40px; color: #fff; line-height: 40px } /*font-style:italic;*/ .service .title span { color: #00b4cb; } .service .note { width: 521px; margin: 0 auto; padding: 20px; font-size: 12px; color: rgba(255, 255, 255, 0.7); line-height: 24px; margin-bottom: 20px; } .service .container { width: 1100px; margin: 0px auto; padding: 80px 0 160px 0; } .service .container li { position: relative; display: block; float: left; width: 20%; height: 336px; margin: 0px 2.4%; background: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 0, 0, .1); padding: 10px 0px 30px 0; transition: all .35s; } .service .container li:after { position: absolute; z-index: 2; left: -10px; top: -10px; width: 100%; height: 100%; border: 1px solid #2556a0; content: ''; transition: all .35s; } .service .container li img { width: 200px; height: auto; margin: 0px auto; border: 1px solid #fff; transition: all 1s; } .service .container li .name { position: relative; color: #2556a0; font-size: 18px; font-weight: bold; padding: 10px 0px; margin: 10px auto; transition: all .35s; } .service .container li .name:after { position: absolute; z-index: 9; left: 50%; bottom: 0px; width: 40px; margin-left: -20px; height: 2px; content: ''; background: #2556a0; transition: all 1s; } .service .container li .text { width: 80%; margin: 10px auto; color: #888; font-size: 12px; line-height: 18px; text-align: center; transition: all .35s; } .service .container li:nth-child(1) { transform: translateY(30px); } .service .container li:nth-child(2) { transform: translateY(-30px); } .service .container li:nth-child(3) { transform: translateY(30px); } .service .container li:nth-child(4) { transform: translateY(-30px); } .service .container li:hover { z-index: 99; transform: scale(1.1); background: #2556a0; border: 1px solid #2556a0; } .service .container li:hover img { border: 1px solid rgba(255, 255, 255, .6); opacity: .6; transform: rotate(360deg); } .service .container li:hover .name { color: rgba(255, 255, 255, .9); } .service .container li:hover .text { color: rgba(255, 255, 255, .7); } .service .container li:hover .name:after { width: 80px; margin-left: -40px; background: rgba(255, 255, 255, .8); } .service .container li:hover:after { left: auto; top: auto; right: -10px; bottom: -10px; border: 1px solid rgba(255, 255, 255, .5); } /* 新闻 */ /*百科*/ .wd { width:40%;} .wd_top { background: url(../images/wd_xx01.gif) no-repeat 0 bottom; height:65px; line-height:40px; margin-bottom:25px;} .wd_top em { display:block; float:right; padding:2px 0 0;} .wd_top em a { background:url(../images/dt_more01.gif) no-repeat; width:121px; height:35px; display:block; } .wd_top em a:hover { background:url(../images/dt_more02.gif) no-repeat;} .wd_top span { display:block;} .wd_top span a { font-size:24px; color:#047698; font-weight:bold;} .wd_top span a:hover { color:#003968;} .wd_con dl { padding:0 0 40px; } .wd_con dl dt { background: url(../images/wd_w.gif) no-repeat left 2px; height:30px; padding:0 0 10px 40px; overflow:hidden;} .wd_con dl dt a { color:#585858; font-size:14px; font-weight:bold;} .wd_con dl dt a:hover { color:#63bc12;} .wd_con dd { background:url(../images/wd_d.gif) no-repeat left 4px; width:400px; line-height:25px; padding-left:40px; font-size:14px;color:#343231; white-space:normal; word-break:normal;} /*动态*/ .dt { width:60%; padding-left:70px} .dt_con dl { height:155px; border-bottom:dashed 1px #ddd; margin:0 0 35px;} .dt_con .nobor { border:none;} .dt_con dt { float:left; padding-right:20px;} .dt_con dt a img { width:188px; height:118px; border:solid 1px #e3e3e3} .dt_con dt a:hover img { border:solid 1px #003968} .dt_con dd { float:left; width: 376px;} .dt_con dd b { height:35px; display:block;} .dt_con dd b a { font-size:15px; color:#585858;} .dt_con dd b a:hover { color:#63bc12;} .dt_con dd p { line-height:25px; font-size:14px; color:#686868;} .clear { clear: both; height: 0; line-height: 0; font-size: 0; } #news-carousel-section{ padding-top:50px; height: 460px; } /* footer */ /*底部开始*/ .flogo{overflow:hidden;height:397px;background: url(../images/flogo_bg.jpg) repeat center top;} .fnav{position:absolute;left:275px;top:40px;overflow:hidden;width:705px;height:52px;line-height:52px;} .fnav a{display:inline-block;padding:0 16px;font-size:14px;color:#ffffff;} .fnav a.laster{background:none;} .flogo2{overflow:hidden;margin-top:20px;height:316px;} .flogo2 h2{position:absolute;left:0;top:60px;display:block;float:left;width:242px;height:150px;} .flogo2 h2 a:hover{text-decoration:none;} .flogo2 h2 img{display:block;width:242px;} .flogo2 h2 em{ display: block; font-size: 14px; font-weight: normal; line-height: 30px; color: #9b9b9b; letter-spacing: 8px; font-style: normal; text-align: center;} .flogo2 ul{position:absolute;left:295px;top:130px;display:block;width:380px;height:130px;} .flogo2 ul li{overflow:hidden;display:block;float:left;width: 430px;line-height:34px;height:34px;} .flogo2 ul li span{display:inline-blcok;float:left;margin-right:20px;font-size:14px;color:#ffffff;} .flogo2 ul li span a{color:#ffffff;} .flogo2 ul li span.btns img{padding-top:10px;} .flogo2 p{position:absolute;left:760px;top:150px;display:block;width: 235px; height: 155px;background:url(../images/flogo_pbg.png) no-repeat left top;} .flogo2 p img{display:block;float:left;margin:10px 10px 0 10px;width:97px;height:97px;} .flogo2 p em{ display: inline-block; position: relative; width: 115px; line-height: 28px; height: 28px; font-size: 14px; color: #ffffff; text-align: center; } .ftexts{overflow:hidden;height:60px;line-height:60px;font-size:14px;color:#6a6a6a;} .ftexts p{overflow:hidden;display:block;float:right;} .ftexts p a{display:inline-block;padding:0 ;} .ftexts p a.laster{background:none;} .flogo2 .tcode22 { display: none; position: absolute; left:140px; top: 225px; } .flogo2 .tcode22 img { height: 86px; width: 86px; } /*底部结束*/ #clients-scroller a .client-item-wrapper>img { width: 100%; height: auto; transition: all .35s; } #clients-scroller a:hover .client-item-wrapper>img { transform: scale(1.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .carousel-item img{max-width:100%;} /* list-pro */ .qing { overflow: hidden; display: block; clear: both; } .biao{ height:138px; position:relative; top:-53px; padding-top:110px; z-index:10; background:url(../images/baio_bg.jpg) center top no-repeat;} .biao .title{ width:1250px; height:62px; position:relative; z-index:3; } .ti_img{ width:106px; height:62px; margin-left:45px; } .biao .ti_img{ animation:qq3 2s linear infinite alternate; -webkit-animation:qq3 2s linear infinite alternate; /* Safari 和 Chrome */ /**infinite 播放次数, linear速度曲线为匀速**/ } @keyframes qq3 { 0% {transform: rotate(0deg); /**通过 rotate() 方法,元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转。***/ -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ -o-transform: rotate(0deg); /* Opera */ -moz-transform: rotate(0deg); } 100%{transform: rotate(55deg); -ms-transform: rotate(55deg); /* IE 9 */ -webkit-transform: rotate(55deg); /* Safari and Chrome */ -o-transform: rotate(55deg); /* Opera */ -moz-transform: rotate(55deg); } } @-webkit-keyframes qq3 /*Safari and Chrome*/ { 0% {transform: rotate(0deg); /**通过 rotate() 方法,元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转。***/ -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ -o-transform: rotate(0deg); /* Opera */ -moz-transform: rotate(0deg); } 100%{transform: rotate(55deg); -ms-transform: rotate(55deg); /* IE 9 */ -webkit-transform: rotate(55deg); /* Safari and Chrome */ -o-transform: rotate(55deg); /* Opera */ -moz-transform: rotate(55deg); } } .biao .ti_jie{ width:1250px; height:62px; position:absolute; top:0; left:0; font-size:24px; color:#FFF; line-height:38px; } .biao .ti_jie span{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#f6e5d2; line-height:44px; padding-right:36px;} .pro_nav{ height:70px; position:relative; z-index:7; background:url(../images/pro_nav.png) center top repeat-x; margin-top:-53px;} .pro_nav ul{ height:62px; border-left:1px solid #dfdfdf;} .pro_nav li{ overflow:hidden; display:block; float:left; border-right:1px solid #dfdfdf;} .pro_nav a{ overflow:hidden; display:block; height:58px; border-bottom:4px solid #FFF; font-size:16px; color:#363636; line-height:58px; padding:0 45px;} .pro_nav a:hover{ border-bottom:4px solid #73b462;} .pro_nav a.pronn{border-bottom:4px solid #73b462;} .pro_nav a.pronn span{ color:#06a761;} .pro_nav a span{font-size:16px; color:#363636; line-height:58px;} .pro_nav span{position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; cursor:pointer !important;} .pro_nav a span::before { position: absolute; top:100%; color:#06a761; content: attr(data-hover); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .pro_nav li a:hover span, .pro_nav li a:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);} .pro_nav a.pronn span::before{ position: absolute; top:100%; color:#06a761; content: attr(data-hover); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .pro_nav a.pronn span{ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);} .product{ margin-top:-8px; position:relative; z-index:5;} .pro1{background:#fff; margin:50px auto; border:1px solid; padding:50px 20px; width:1200px;} .pro_jie{ width: 848px; overflow: hidden; display: block; float: left; } .pro_bt{ padding-top: 6px; padding-bottom: 4px; height: 40px; overflow: hidden; display: block; float: left; clear: both; font-size: 30px; font-weight:bold; color: #00b4cb; line-height: 26px; font-family: "幼圆"; } .pro_bt:hover{ color:#003968;} .pro_jian{ padding-top:7px; font-size:16px; color:#067a9b; line-height:28px;} .pro_jian:hover{color:#003968; } .pro_more{ height: 65px; padding-top: 20px; position: relative;} .pro_more a{ width:100px; height:36px; border:2px solid #003968; border-radius:20px; background:#fff; font-size:12px; color:#003968; line-height:34px; text-align:center;} .pro1:hover .pro_more a{ animation:p13 0.3s linear 0s alternate forwards; -webkit-animation:p13 0.3s linear 0s alternate forwards; -moz-animation:p13 0.3s linear 0s alternate forwards; -o-animation:p13 0.3s linear 0s alternate forwards; color:#FFF; background:#003968;} @keyframes p13 {0% { color:#709e2e; background:url(../images/pro_more1.png) center top no-repeat; } 100%{ color:#FFF; background:url(../images/pro_more01.png) center top no-repeat; }} @-webkit-keyframes p13/*Safari and Chrome*/ {0% { color:#709e2e; background:url(../images/pro_more1.png) center top no-repeat; } 100%{ color:#FFF; background:url(../images/pro_more01.png) center top no-repeat; }} @-moz-keyframes p13 {0% { color:#709e2e; background:url(../images/pro_more1.png) center top no-repeat; } 100%{ color:#FFF; background:url(../images/pro_more01.png) center top no-repeat; }} @-o-keyframes p13 {0% { color:#709e2e; background:url(../images/pro_more1.png) center top no-repeat; } 100%{ color:#FFF; background:url(../images/pro_more01.png) center top no-repeat; }} .pro_img{ width:225px; height:220px; overflow:hidden; display:block; float:right; position:relative; z-index:6;} .pro_tu{ padding-left:5px; padding-top:5px; width:180px; height:180px;} .pro_tu img{border-radius:50%;} .pro_biao{ width:225px; height:220px; position:absolute; z-index:8; top:0; left:0;} .pro_img:hover .pro_tu{ animation: protu 6s linear 0s infinite alternate; -moz-animation: protu 6s linear 0s infinite alternate; -webkit-animation: protu 6s linear 0s infinite alternate; -o-animation: protu 6s linear 0s infinite alternate; } @keyframes protu { 0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);} } @-moz-keyframes protu /* Firefox */ { 0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);} } @-webkit-keyframes protu /* Safari and Chrome */ { 0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);} } @-o-keyframes protu /* Opera */ { 0% {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);} } .lf { overflow: hidden; display: block; float: left; } .pro2{ background:#fff; margin:50px auto; border:1px solid; padding:50px 20px; width:1200px;} .pro2 .pro_jie{ float:right;} .pro2 .pro_bt{ color:#00b4cb;} .pro2 .pro_jian{ color:#1a5193;} .pro2 .pro_img{ float:left;} .pro2 .pro_more a{ color:#FFF; background:#003968;} .pro2:hover .pro_more a{ animation:p14 0.3s linear 0s alternate forwards; -webkit-animation:p14 0.3s linear 0s alternate forwards; -moz-animation:p14 0.3s linear 0s alternate forwards; -o-animation:p14 0.3s linear 0s alternate forwards; color:#003968; background:#fff; } @keyframes p14 {0% { color:#FFF; background:url(../images/pro_more2.png) center top no-repeat; } 100%{ color:#003968; background:url(../images/pro_more02.png) center top no-repeat; }} @-webkit-keyframes p14/*Safari and Chrome*/ {0% { color:#FFF; background:url(../images/pro_more2.png) center top no-repeat; } 100%{ color:#003968; background:url(../images/pro_more02.png) center top no-repeat; }} @-moz-keyframes p14 {0% { color:#FFF; background:url(../images/pro_more2.png) center top no-repeat; } 100%{ color:#003968; background:url(../images/pro_more02.png) center top no-repeat; }} @-o-keyframes p14 {0% { color:#FFF; background:url(../images/pro_more2.png) center top no-repeat; } 100%{ color:#003968; background:url(../images/pro_more02.png) center top no-repeat; }} /* 导航块 */ #proshow { } .pro_nav1{ height: 60px; position: relative; z-index: 7; background: url(../images/pro_nav.png) center top repeat-x; /* margin-top: -53px; */} .pro_nav1 ul{ padding-left: 0px;height:62px; border-left:1px solid #dfdfdf;} .pro_nav1 li{ overflow:hidden; display:block; float:left; border-right:1px solid #dfdfdf;} .pro_nav1 a{ overflow:hidden; display:block; height:58px; border-bottom:4px solid #FFF; font-size:16px; color:#363636; line-height:58px; padding:0 45px;} .pro_nav1 a:hover{ border-bottom:4px solid #003968;} .pro_nav1 a.pronn{border-bottom:4px solid #003968;} .pro_nav1 a.pronn span{ color:#06a761;} .pro_nav1 a span{font-size:16px; color:#363636; line-height:58px;} .pro_nav1 span{position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; cursor:pointer !important;} .pro_nav1 a span::before { position: absolute; top:100%; color:#003968; content: attr(data-hover); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .pro_nav1 li a:hover span, .pro_nav1 li a:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);} .pro_nav1 a.pronn span::before{ position: absolute; top:100%; color:#003968; content: attr(data-hover); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .pro_nav1 a.pronn span{ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);} /*产品中心*/ .cpbg{ height:751px; padding-top:58px; position:relative;} .cpbgk{ display:block; position:absolute; width:100%; height:100%; top:0; z-index:-2; background-size: auto 100% !important;} .cpbgk2{ display:block; position:absolute; width:100%; height:209px; bottom:0; left:0; z-index:-1; background:url(../images/cplabg.png) repeat;} .cpbg .so-tik{ margin-bottom:51px;} #pro{ margin-left:-20px;} #pro .prounit{ display:block; float:left; margin-bottom:20px; width:297px; height:444px;position:relative; background:url(/themes/default/images/cpbgk2.png) top center no-repeat; background-size:100% 100% !important;} .cplb1, .cplb2, .cplb3, .cplb4{ top:320px;opacity:0;} .cplbg{ display:block; position:absolute; z-index:1; width:100%; height:0; left:0%; top:0%; background:url(/themes/default/images/cpbgk.png) center top no-repeat; background-size:100% 100% !important;} #pro .prounit a{ display:block; position:relative; width:100%; height:100%; z-index:3; padding-top:27px;} #pro .cpltu{ display:block; width:250px; margin:0 auto; overflow:hidden;} #pro .cpltu img{ width:250px; } #pro .cpmx{ background:#c4c4cf; width:66px; height:1px; margin:0 auto;} #pro .cpm{ padding:21px 10px 10px; height:141px; overflow:hidden; position:relative; text-align:center;} #pro .cpcn{ display:block; position:relative; overflow:hidden; height:38px; line-height:38px; font-size:18px; color:#000;} #pro .cpen{ display:block; position:relative; overflow:hidden; height:24px; line-height:24px; font-size:12px; color:#909090;} #pro .cpcn b, .cpen b{ display:block; font-weight:normal; position:relative; } #pro .cpcn b{ top:0;} #pro .cpen b{ top:-100%;} #pro .cpee { display: block; position: relative; overflow: hidden; margin-top: 80px; height: 24px; line-height: 24px; font-size: 12px; color: #909090; } #pro .prounit:hover .cplbg{height:100%; } #pro .prounit:hover .cpltu img{ transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); /* Opera */ -moz-transform: scale(1.1); } #pro .prounit:hover .cpmx{ width:0;} #pro .prounit:hover .cpcn b{ top:-100%; color:#fff;} #pro .prounit:hover .cpen b{ top:0; color:#fff;} #pro .prounit:hover .cpee { color: #FFF; margin-top: 0px; } #pro .cpjj{ display:block; position: absolute; width:48px; height:48px; z-index:10; left:50%; margin-left:-24px; bottom:-24px; background:url(../images/prj1.png) center center no-repeat;} #pro .prounit:hover .cpjj{ background:url(../images/prj2.png) center center no-repeat;} #pro .prounit:hover .cpjj{ animation:cpjj 0.8s linear infinite both; -webkit-animation:cpjj 0.8s linear infinite both; -moz-animation:cpjj 0.8s linear infinite both; -o-animation:cpjj 0.8s linear infinite both; } @keyframes cpjj{ 0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-webkit-keyframes cpjj{ 0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-moz-keyframes cpjj{ 0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } @-o-keyframes cpjj{ 0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);} 100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);} } /**内容区切入**/ .donghua{ animation:donghua 1.0s linear both; -webkit-animation:donghua 1.0s linear both; -moz-animation:donghua 1.0s linear both; -o-animation:donghua 1.0s linear both; } @keyframes donghua{ 0% { margin-top:400px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 100%{ margin-top:0px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);} } @-webkit-keyframes donghua{ 0% { margin-top:400px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 100%{ margin-top:0px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);} } @-moz-keyframes donghua{ 0% { margin-top:400px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 100%{ margin-top:0px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);} } @-o-keyframes donghua{ 0% { margin-top:400px; opacity:0; -webkit-opacity:0; -moz-opacity:0; -o-opacity:0; filter: alpha(opacity=0);} 100%{ margin-top:0px; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; filter: alpha(opacity=100);} } .nav li span, .nav li i, #btn_prev, #btn_next, .so-ticn span b, .soj, .jbg, .sol1, .sol10, .solmcn, .solmen, .solmcn b, .solmen b, .cpltu img, .cpmx, .cpcn b, .cpen b, .cplbg, .nebg, .nenr-ti, .nenr-js a, .nenr-js, .nej, .youka a, .fona a, .nyfl a span, .nyfl a, .joon a span, .coad, .coadk img, .cpee, .cpjj, .yema a, .yema a span, .xwhbg, .xwlb li, .xwk-dat span, .xwk-ti, .xwk-duo span, .xwk-da span, .ywnk-jtu img, .ywtu img, .ywnk-ti, .ywnk-js a, .zztu img, .zztm, .cpjk-cn, .nen-gjc a, .fanl span, .fanl, .fanye .lf a span, .fanye .lf a, .children li a, .children li a span, .abtuu { transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; } /* 简介 */ .base_jie{ width: 710px;} .base_title{ width:500px; height:90px; position:relative; z-index:10;} .ba1{ width:165px; height:47px; position:absolute; left:-165px; top:0;} .ba1{ animation:ba1 1.5s ease-out 0s 1; -webkit-animation:ba1 1.5s ease-out 0s 1; animation-fill-mode:both; -webkit-animation-fill-mode:both; opacity:1; left:0; top:0; } @keyframes ba1{ 0%{ opacity:0; left:-165px; top:0;} 50%{ left:50px; top:0;} 100%{ opacity:1; left:0; top:0;} } @-webkit-keyframes ba1{ 0%{ opacity:0; left:-165px; top:0;} 50%{ left:50px; top:0;} 100%{ opacity:1; left:0; top:0;} } @-moz-keyframes ba1{ 0%{ opacity:0; left:-165px; top:0;} 50%{ left:50px; top:0;} 100%{ opacity:1; left:0; top:0;} } @-o-keyframes ba1{ 0%{ opacity:0; left:-165px; top:0;} 50%{ left:50px; top:0;} 100%{ opacity:1; left:0; top:0;} } .ba2{ width:201px; height:47px; position:absolute; left:215px; top:-47px;} .ba2{ animation:ba2 1.1s ease-out 0.3s 1; -webkit-animation:ba2 1.1s ease-out 0.3s 1; animation-fill-mode:both; -webkit-animation-fill-mode:both; opacity:1; left:165px; top:0; } @keyframes ba2{ 0%{ opacity:0; left:215px; top:-47px;} 50%{ left:215px; top:0;} 100%{ opacity:1; left:165px; top:0;} } @-webkit-keyframes ba2{ 0%{ opacity:0; left:215px; top:-47px;} 50%{ left:215px; top:0;} 100%{ opacity:1; left:165px; top:0;} } @-moz-keyframes ba2{ 0%{ opacity:0; left:215px; top:-47px;} 50%{ left:215px; top:0;} 100%{ opacity:1; left:165px; top:0;} } @-o-keyframes ba2{ 0%{ opacity:0; left:215px; top:-47px;} 50%{ left:215px; top:0;} 100%{ opacity:1; left:165px; top:0;} } .ba3{ width:398px; height:47px; position:absolute; left:0; top:90px;} .ba3{ animation:ba3 1s ease-out 0.8s 1; -webkit-animation:ba3 1s ease-out 0.8s 1; animation-fill-mode:both; -webkit-animation-fill-mode:both; opacity:1; top:47px; } @keyframes ba3{ 0%{ opacity:0; top:90px;} 100%{ opacity:1; top:47px;} } @-webkit-keyframes ba3{ 0%{ opacity:0; top:90px;} 100%{ opacity:1; top:47px;} } @-moz-keyframes ba3{ 0%{ opacity:0; top:90px;} 100%{ opacity:1; top:47px;} } @-o-keyframes ba3{ 0%{ opacity:0; top:90px;} 100%{ opacity:1; top:47px;} } .ba4{ width:381px; height:47px; position:absolute; left:450px; top:47px;} .ba4{ animation:ba4 1.1s ease-out 0.8s 1; -webkit-animation:ba4 1.1s ease-out 0.8s 1; animation-fill-mode:both; -webkit-animation-fill-mode:both; opacity:1; left:398px; } @keyframes ba4{ 0%{ opacity:0; left:450px; } 100%{ opacity:1; left:398px; } } @-webkit-keyframes ba4{ 0%{ opacity:0; left:450px; } 100%{ opacity:1; left:398px; } } @-moz-keyframes ba4{ 0%{ opacity:0; left:450px; } 100%{ opacity:1; left:398px; } } @-o-keyframes ba4{ 0%{ opacity:0; left:450px; } 100%{ opacity:1; left:398px; } } .base_bt{ padding-top:25px; font-size:30px; color:#003968; line-height:36px;} .base_jian{ padding-top:22px; font-size:16px; color:#353535; line-height:30px;} .base_img{ width: 360px; height:506px; position:relative; z-index:10; padding-left:26px; padding-bottom:31px; } .base1{ width:317px; height:383px; position:absolute; z-index:12; left:15px; bottom:20px;} .base2{ width:330px; height:506px; position:absolute; z-index:14; right:15px; bottom:15px;} .rf { overflow: hidden; display: block; float: right; } .about2_wz { margin: 180px 0; color:#fff; width: 54%; height:228px; padding:20px; background:rgba(1,166,198,0.8); } .about2_wz h4 { font-size: 16px; text-transform: uppercase; line-height:24px; letter-spacing: 0px; font-weight: 500; margin: 3% auto; } .about2_wz em{ font-style:normal; color:#F1900F; } .about2_wz h3 { margin: 20px 0; font-size: 40px; letter-spacing: 4px; } .about2_wz h5 { letter-spacing: 1px; font-size: 16px; } /* 关于我们下的荣誉资质 */ /*荣誉资质*/ .about_honor{width: 100%;background: url(../images/about_honor_bg.jpg) center center no-repeat;background-size: cover; padding-top: 110px;padding-bottom: 110px;overflow:hidden;} .about_honor .content{width:1200px; margin: 0px auto; } .about_honor .top_box{text-align: center;} .about_honor .top_box .title{font-size: 34px;color: #272727;font-weight: bold;margin-bottom: 35px;} .about_honor .top_box .en_title{font-size: 28px;color: #969696;margin-bottom: 15px;} .about_honor .top_box .line{margin-bottom: 40px;} .about_honor .honor_ctg{text-align: center;margin-bottom: 80px;} .about_honor .honor_ctg ul{overflow: hidden;} .about_honor .honor_ctg li{display: inline-block;margin: 0px 14px;margin-bottom: 15px;} .about_honor .honor_ctg li a{font-size: 22px;color: #717171;} .about_honor .honor_ctg li.on a{color: #3389CA;} .about_honor .swiper_box{position: relative;} .about_honor .swiper-pagination{position:relative;padding-top:25px;} .about_honor .swiper-pagination span{width:14px;height:14px;margin:0px 5px;background:rgba(0,0,0,0.4);} .about_honor .swiper-pagination span.swiper-pagination-bullet-active{background:#3389ca;} .honor_swiper{position: relative;overflow: hidden;display: none;} .honor_swiper.on{display: block;} .honor_swiper .swiper-slide .box{padding: 0px 10px;box-sizing: border-box;text-align: center;} .honor_swiper .swiper-slide .box .title{font-size: 17px;color: #272727;line-height: 50px;} .honor_swiper .swiper-slide .box .img_box{width: 100%;height: auto; overflow: hidden;} .honor_swiper .swiper-slide .box .img_box img{width: 100%;height: auto;display: block;transition:all .3s linear;} .honor_swiper .swiper-slide .box .img_box img:hover{transform:scale(1.1);} @media only screen and (max-width:1500px ) { .about_honor .content{width: 100%;padding: 0px 10px;box-sizing: border-box;} } @media only screen and (max-width:1024px ) { .about_honor{padding: 60px 0px;} .about_honor .top_box .title{font-size: 30px;margin-bottom: 13px;} .about_honor .top_box .en_title{font-size: 26px;margin-bottom: 16px;} .about_honor .top_box .line{margin-bottom: 45px;} } @media only screen and (max-width:768px ) { .about_honor{padding: 50px 0px;} .about_honor .top_box .title{font-size: 28px;} .about_honor .top_box .en_title{font-size: 24px;} .about_honor .top_box .line{margin-bottom: 35px;} .about_honor .honor_ctg{margin-bottom: 40px;} .about_honor .honor_ctg li a{font-size: 18px;} .honor_swiper .swiper-slide .box .title{font-size: 15px;line-height: 40px;} } @media only screen and (max-width:480px ) { .about_honor{padding: 50px 0px;} .about_honor .top_box .title{font-size: 26px;} .about_honor .top_box .en_title{font-size: 22px;} .about_honor .top_box .line{margin-bottom: 30px;} .about_honor .honor_ctg{margin-bottom: 40px;} .about_honor .honor_ctg li a{font-size: 16px;} .honor_swiper .swiper-slide .box .title{font-size: 14px;} } .culture_content_l img{ max-width:100%; }.culture_content{ padding-top: 40px; } .culture_content h1{ font-size: 30px;margin-bottom: 15px;color:#000;} .culture_content p{font-size: 14px; line-height:24px;margin-bottom: 0;color:#000;} .culture_content h4{ font-size: 20px; padding-top: 20px; margin-bottom: 18px; padding-bottom: 5px; float: left; width: 100%; color: #00a4c0; font-weight: 400; border-bottom: 1px solid;} /* 荣誉证书 */ .cpbg{ height:751px; padding-top:58px; position:relative;} .cpbgk{ display:block; position:absolute; width:100%; height:100%; top:0; z-index:-2; background-size: auto 100% !important;} .cpbgk2{ display:block; position:absolute; width:100%; height:209px; bottom:0; left:0; z-index:-1; background:url(../images/cplabg.png) repeat;} .cpbg .so-tik{ margin-bottom:51px;} #honor{ margin-left:-20px;} #honor .prounit{ display:block; float:left; margin-bottom:20px; width:297px; height:444px;position:relative; background:url(/themes/default/images/cpbgk2.png) top center no-repeat; background-size:100% 100% !important;} .cplb1, .cplb2, .cplb3, .cplb4{ top:320px;opacity:0;} .cplbg{ display:block; position:absolute; z-index:1; width:100%; height:0; left:0%; top:0%; background:url(/themes/default/images/cpbgk.png) center top no-repeat; background-size:100% 100% !important;} #honor .prounit a{ display:block; position:relative; width:100%; height:100%; z-index:3; padding-top:27px;} #honor .cpltu{ display:block; width:250px; margin:0 auto; overflow:hidden;} #honor .cpltu img{ width:250px; } #honor .cpmx{ background:#c4c4cf; width:66px; height:1px; margin:0 auto;} #honor .cpm{ padding:21px 10px 10px; height:141px; overflow:hidden; position:relative; text-align:center;} #honor .cpcn{ display:block; position:relative; overflow:hidden; height:38px; line-height:38px; font-size:18px; color:#000;} #honor .cpen{ display:block; position:relative; overflow:hidden; height:24px; line-height:24px; font-size:12px; color:#909090;} #honor .cpcn b, .cpen b{ display:block; font-weight:normal; position:relative; } #honor .cpcn b{ top:0;} #honor .cpen b{ top:-100%;} #honor .cpee { display: block; position: relative; overflow: hidden; margin-top: 80px; height: 24px; line-height: 24px; font-size: 12px; color: #909090; } #honor .prounit:hover .cplbg{height:100%; } #honor .prounit:hover .cpltu img{ transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); /* Opera */ -moz-transform: scale(1.1); } #honor .prounit:hover .cpmx{ width:0;} #honor .prounit:hover .cpcn b{ top:-100%; color:#000;} #honor .prounit:hover .cpen b{ top:0; color:#000;} #honor .prounit:hover .cpee { color: #FFF; margin-top: 0px; } #honor .cpjj{ display:block; position: absolute; width:48px; height:48px; z-index:10; left:50%; margin-left:-24px; bottom:-24px; background:url(../images/prj1.png) center center no-repeat;} #honor .prounit:hover .cpjj{ background:url(../images/prj2.png) center center no-repeat;} #honor .prounit:hover .cpjj{ animation:cpjj 0.8s linear infinite both; -webkit-animation:cpjj 0.8s linear infinite both; -moz-animation:cpjj 0.8s linear infinite both; -o-animation:cpjj 0.8s linear infinite both; } /* 下载 */ .support-b{ margin-top: 50px; width: 101.7%; overflow: hidden; } .support-b li{ width: 48.3%; float: left; margin-right: 1.7%; margin-bottom: 20px; background: #fff; height: 180px; padding: 35px; position: relative; } .support-b2{ max-width: 370px; margin: 0 auto; } .support-b2-a{ font-size: 16px; line-height: 25px; color: #333; min-height: 50px; } .support-b2 a{ display: block; margin-top: 10px; width: 130px; height: 40px; background: #003563; text-align: center; line-height: 40px; color: #fff; font-size: 14px; transition: all .3s; -webkit-transition: all .3s; } .support-b2 a:hover{ background: #1b72b6; transition: all .3s; -webkit-transition: all .3s; } .support-b1{ width: 18px; height: 18px; background: url(../img/ico58.png) no-repeat center; position: absolute; top: 38px; left: 8%; } .support-c{ font-size: 14px; color: #666; line-height: 25px; margin-top: 45px; text-align: center; } .support-c a{ display: inline-block; font-size: 14px; color: #1b72b6; line-height: 25px; position: relative; } .support-c a:after{ content: ""; width: 100%; height: 1px; background: #1b72b6; position: absolute; bottom: 0; left: 0; } /* 留言 */ #contact .form { width: 100%; max-width: 800px; margin: 30px auto 60px; } #contact .form ul {} #contact .form ul li { margin-bottom: 20px; } #contact ul li h4 span { color: #003968; } #contact .form ul li:last-child { margin-bottom: 0px; } #contact .form ul li::after { content: ''; display: block; clear: both; height: 0; } #contact .form ul li label { display: block; width: calc(50% - 20px); margin-right: 40px; float: left; } #contact .form ul li label:nth-child(2n) { margin-right: 0; } #contact .form ul li.textarea label { width: 100%; margin-right: 0; } #contact .form ul li.submit a { font-size: 14px; display: block; text-align: center; margin: auto; line-height: 30px; color: #ffffff; width: 116px; height: 30px; background-color: #003968; border-radius: 15px; } #contact .form ul li label h4 {} #contact .form ul li label input, #contact .form ul li label textarea { height: 44px; border: solid 2px #e0e0e0; width: 100%; padding-left: 20px; margin-top: 8px; font-size: 14px; color: #333; outline: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #contact .form ul li label input:focus, #contact .form ul li label textarea:focus { border-color: #003968; } #contact .form ul li label input::placeholder, #contact .form ul li label textarea:placeholder { color: #b3b3b3; } #contact .form ul li label textarea { height: 180px; padding: 20px; resize: none; } /* 联系我们 */ /* 联系我们 */ .ctwo{ } .ctwo h2{ text-align: center; margin: 3% 0 3%; } .ctwo ul li h3{ margin: 0 0 0%; color: #003968; } @media (max-width:991px){ .ctwo ul li h3{ text-align: center; display: none; } } .ctwo ul li h4{ margin: 6% 0 3%; color:#232323 } .ctwo ul li{ margin: 2% 0; color:#838383; font-size: 16px; } .ctwo ul li span{ margin-right:7px; } .fgs{ margin-top: 6%; border-top: 1px solid #eeeef0; padding-top: 3%; } .ctwo a{ color:#838383 } .ctwo a:hover{ color: #ee1f29; } /* 新闻内页 */ .niye_q { padding: 65px 0px; } .ny_q_tit { width: 75%; text-align: center; margin: auto; } .ny_q_tit h2 { font-size: 32px; color: #3f3f3f; margin-bottom: 20px; } .ny_q_tit span { font-size: 14px; color: #8a8a8a; } .new_article { width: 83%; margin: auto; margin-top: 30px; margin-bottom: 50px; } .niye_q img { display: block; margin: 30px auto; max-width:100%; } .syxy { height: 75px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; line-height: 75px; } .syxy span { color: #003968; } .syxy span a { color: #3f3f3f; } /* 产品中心内页 */ .cpcc-ts-01 { position: relative; padding: 12px 0 16px; background: #fff; } .cpcc-ts-01-left { position: relative; width: 43%; float: left; overflow: hidden; border: 1px solid #e7e7e7; margin-left: 20px; } .cpcc-ts-01-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .cpcc-ts-01-left-prev { left: 10px; } .cpcc-ts-01-left-next { right: 10px; } .cpcc-ts-01-left-size { position: absolute; right: 0; bottom: 0; width: 56px; height: 26px; font-size: 14px; line-height: 16px; color: #787878; letter-spacing: 3px; } .cpcc-ts-01-left-size em { font-style: normal; } .cpcc-ts-01-left-pic { width: 100%; position: relative; text-align: center; } .cpcc-ts-01-left-pic li { width: 100%; float: left; } .cpcc-ts-01-left-pic img { width: 100%; margin: 0 auto; display: block; } .cpcc-ts-01-right { width: 48%; float: right; margin-right: 0; } .cpcc-ts-01-right-tit { height: 48px; font-size: 24px; line-height: 48px; color: #4a4a4a; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .pc-cx-tel-1 { width: 48%; height: 56px; border-top: 1px solid #e6e6e6; padding-top: 10px; position: absolute; bottom: 16px; right: 0px; } .pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #535353; font-size: 18px; line-height: 44px; text-align: center; float: right; } .pc-cx-tel-1-t1 a { display: block; color: #fff; background: #00a4c0; } .pc-cx-tel-1-t2 { height: 56px; padding-left: 70px; background: url(../images/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545; } .pc-cx-tel-1-t2 p { line-height: 24px; } .bg { width: 100%; } .bg thead tr td { font-size: 16px; padding: 5px; border: 1px solid #2d2c2c; color: #fff; background: #908f8f; } .bg tbody tr td { font-size: 15px; padding: 5px; border: 1px solid #2d2c2c; color: #2d2c2c; } .fc_bj { position: relative; padding-top: 86px; background: #fff; overflow: hidden; font-family: "Microsoft Yahei"; } .fc { width: 1160px; } .fc dl { float: left; border: 1px solid #908f8f; width: 200px; height: 252px; margin: 50px 37px 30px 0px; border-radius: 7px; } .fc dl:hover { background: #898787; } .fc dl:hover h3 { color: #fff; } .fc dl:hover p { color: #fff; } .fc dl.nones { margin-right: 0; } .fc dt { margin-top: -50px; margin-bottom: 35px; } .fc dt span { width: 100px; height: 100px; margin: 0 auto; } .fc dt .t1 { display: block; } .fc dt .t2 { display: none; } .fc dd { text-align: center; } .fc dd h3 { font-size: 18px; font-weight: bold; color: #004da2; height: 35px; margin-bottom: 30px; } .fc dd p { font-size: 14px; color: #666; line-height: 26px; width: 152px; margin: 0 auto; } .fc dl.cur { background: #157dde; border: 1px solid #157dde; } .fc dl.cur .t1 { display: none; } .fc dl.cur .t2 { display: block; } .fc dl.cur dd h3, .fc dl.cur dd h3 em, .fc dl.cur dd p { color: #fff; } .rp_bj { position: relative; padding-top: 86px; background: #fff; overflow: hidden; font-family: "Microsoft Yahei"; } .rp { width: 1160px; } .rp dl.nones { width: 1160px; } .rp dt { display: block; float: left; width: 450px; padding-right: 50px; } .rp dd { float: right; border: 1px solid #e9e9e9; width: 306px; height: 117px; background: #bebebe; margin-left: 11px; margin-top: 89px; } .rp dd h3 { font-weight: bold; height: 49px; text-align: center; padding-top: 24px; } .rp dd p { font-size: 20px; line-height: 26px; width: 171px; margin: 0px auto; text-align: center; } .rp dl dd:hover { background: #004da2; } .rp dl dd:hover p { color: #fff; } }