html,
body
{ line-height:180%; font-size:1.0em; font-family: "Microsoft Yahei"; background:white;}
li {list-style:none;}
a {transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color:#333;text-decoration:none;}
a:hover {text-decoration:none;}
.glyphicon-globe2{height: 20px;width: 20px;background-image:url(../images/base/yy.png);display:block;}
/* 划过图片放大 */
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:auto; height:auto; margin:0px auto; transition: 600ms; }
.img-auto img:hover { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
/* 导航 */
.navbar-default {
padding:15px 0px;
background:white;
opacity: 0.9;
-moz-box-shadow:0px 0px 15px #888;
-webkit-box-shadow:0px 0px 15px #888;
box-shadow:0px 0px 15px #888;
}
.slidemask{position:absolute;bottom:0;left:0;z-index:10;width:100%;background:url(/images/slide/index_listbg.png) repeat!important;background:#000}
.slidemask,.slidemask .w1200{height:90pt;}
.bs-box{position:absolute;right:0;bottom:-1px;overflow:hidden;width:670px;height:180px;}
.bs-box a{position:relative;float:left;display:block;margin-top:75px;width:219px;height:219px;-webkit-transition:all .3s;transition:all .3s}
.bs-box a span{position:absolute;top:15px;left:23px;display:block;-webkit-transition:all .3;transition:all .3}
.slidestock{position:absolute;top:3px;right:75%;z-index:10;width:190px;height:75pt;text-align:right}
a.es{background:url(/images/slide/bg1.png) no-repeat}
a.bs,a.es{margin-right:6px}
a.bs{background:url(/images/slide/bg2.png) no-repeat}
a.pt{background:url(/images/slide/bg3.png) no-repeat}
.slidestock h5{position:relative;color:#c1c1bf;font-weight:700;font-size:18px;letter-spacing:2px;}
.slidestock h5 span{position:absolute;top:6px;left:16px;display:block;color:#c1c1bf;font-size:14px;margin-top: 0px;letter-spacing:0px;}
.slidestock h5 strong{font-weight:400;font-size:28px;font-family:"Times New Roman", Times, serif;margin-left: 70px;letter-spacing:0px;}
.slidestock .stocknum{padding-left:20px;font-size:36px;font-family:"Times New Roman", Times, serif;font-weight:800;letter-spacing:0px;}
.slidestock .stocknum.up{background:url(/images/slide/up.png) no-repeat 0px 0;background-position: 75px 0px;color:#090;margin-top:-5px;letter-spacing:0px;}
.slidestock .stocknum.down{background:url(/images/slide/down.png) no-repeat 0px 0px;background-position: 75px 0px;color:#e55;margin-top:-5px;letter-spacing:0px;}
.bs-box a .th{top:50px;visibility:hidden;color:#e0f8ff;font-weight:400;font-size:80px;opacity:0}
.bs-box a .th,.bs-box a .tt{-webkit-transition:all .4s;transition:all .4s}
.bs-box a .tt{visibility:visible;opacity:1}
.bs-box a .tt img{display:block}.bs-box a .tt strong{color:#e0f8ff;font-weight:400;font-size:20px}
.bs-box a:hover{margin-top:0}
.bs-box a:hover .tt{visibility:hidden;opacity:0}
.bs-box a:hover .th{visibility:visible;opacity:1}
@media (max-width: 1920px) {
.team-section lable {
margin-top:40px;
}
}
@media (max-width: 900px) {
.bs-box{display: none;}
.slidemask, .slidemask .w1200 {
height: 60pt;
}
.slidestock{
left: 30%;
}
.stocknum{
position: absolute;
}
.slidestock .stocknum.up {
width: 200px;
margin-top: -65px;
margin-left:100%;
zoom:0.75;
}
.slidestock .stocknum.down{
width: 200px;
margin-top: -65px;
margin-left:100%;
zoom:0.75;
}
.slidestock h5{font-size: 14px;}
.slidestock h5 span{font-size: 14px;}
.slidestock h5 strong{font-size: 24px;letter-spacing: 2px;}
}
@media (max-width: 768px) {
.navbar-default {padding:5px 0px;}
.slidemask, .slidemask .w1200 {
height: 60pt;
}
}
.navbar-default .navbar-nav>li> a {color:#000;}
/* logo */
a.navbar-brand { width:210px;max-height:48px; margin:5px; padding:0px; overflow:hidden;}
a.navbar-brand img {max-width:210px;max-height:48px; margin: 0px auto;}
@media (max-width: 768px) {
a.navbar-brand {margin-left:10px; max-width:180px;}
a.navbar-brand img {max-width:180px;max-height:35px;}
}
/* 导航右侧 */
@media (min-width: 768px) {
#navbar {
float:right;
}
}
/*导航用户注册*/
.user-panel { margin:10px 20px 0 0px; }
.user-panel a,
.user-panel a:visited,
.user-panel a:link{
color: #198DDD;
font-size: 14px;
padding: 5px 10px;
text-align: center;
text-decoration: none;
border:1px solid #198DDD;
}
.user-panel a:hover{ color:#198DDD;}
.user-panel a.top-login {color:white; background:#198DDD;}
.user-panel a:hover {background:#26c79d; color:white;border:1px solid #26c79d;}
}
@media (min-width: 768px) {
ul.navbar-nav li.oen { height:70px; padding:10px 0px;}
}
.top-nav-right {
position: absolute;
top:20px;
right:0px;
width:110px;
margin:0px;
padding:0px;
}
@media all and (min-width:1024px) and (max-width:1024px){
.top-nav-right {top:5px;}
.user-panel { margin:30px 0px 0px 0px; }
}
@media all and (min-width:1156px) and (max-width:1280px){
.user-panel { margin:10px 60px 0 0px; }
}
.top-nav-right ul {margin:0px;padding:0px;}
.top-nav-right ul li {
float:left;
width:30px;
line-height:30px;
margin:2px;
}
.top-nav-right ul li.nav-shopping a {
position: absolute;
top:0px;
right:0px;display:block; width:30px; height:30px;
}
.shopping-box {margin:0px auto; padding:20px;}
.shopping-box li {margin:10px;}
@media (max-width: 768px) {
.user-panel { margin:10px 0px 0px 0px; }
.top-nav-right {margin-top:10px;}
.top-nav-right ul li.nav-shopping,
.top-nav-right ul li.glyphicon-search {
display:none;
}
.navbar-toggle {z-index:999;}
.top-nav-right {width:30px;position:relative;
top:0px;
left:5px; z-index:99; font-size:26px; }
}
#fat-menu {margin-top:3px;}
/* 幻灯文字 */
.carousel-caption {
bottom:10%;
}
.carousel-caption h3 {margin-bottom:30px;font-size:3.2em;}
.carousel-caption p {line-height:200%;font-size:1.2em;}
.carousel-caption .btn {margin-top:20px; font-size:1.0em;}
@media (max-width: 1280px) {
#myCarousel {margin-top:90px;}
.carousel-caption h3 {font-size:2.0em;}
.carousel-caption p {line-height:180%;font-size:1.0em;}
}
@media (max-width: 768px) {
#myCarousel {margin-top:118px;}
.carousel-caption h3 {margin-bottom:30px;font-size:1.2em;}
.carousel-caption p {display:none;}
.carousel-caption .btn {display:none;}
}
@media (max-width: 468px) {
#myCarousel {margin-top:80px;}
.slidemask, .slidemask .w1200 {
height: 50pt;
}
.slidestock{
left: 0px;
}
.stocknum{
position: absolute;
}
.slidestock .stocknum.up {
width: 200px;
margin-top: -65px;
margin-left:100%;
zoom:0.75;
}
.slidestock .stocknum.down{
width: 200px;
margin-top: -65px;
margin-left:100%;
zoom:0.75;
}
.slidestock h5{font-size: 14px;}
.slidestock h5 span{font-size: 14px;}
.slidestock h5 strong{font-size: 24px;letter-spacing: 2px;}
}
.modal {top:20%;}
.bs-example-modal-lg-search .row { padding:20px; }
/* 通用 */
.blank5,.blank10,.blank20,.blank30,.blank50,.blank60 {clear:both;height:5px;overflow:hidden;}
.blank10 {height:10px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}
.title,.title-2 { padding:10px 0px 0px 0px; text-align:center; text-transform:uppercase;}
.title h1,.title h3 a { color:#165aa5;line-height:45px;height:45px;font-size:40px; font-weight: normal;text-decoration: none; }
.title h3 small {display:block; clear:both; margin:0px 0px 0px 0px; color:#a1a1a1; font-size:10px; }
.title p,.title-index-1 p { margin:5px auto 0px auto;line-height:20px;color:#333;font-size:16px; }
@media (min-width: 768px) {
.title p,.title-index-1 p {width:600px;}
}
.title-2 a {font-size:30px;}
.title-2 h3 a small {display:block; clear:both; margin:10px 0px 10px 0px; color:#a1a1a1; font-size:8px;}
/* 页底 */
.footer {margin-top:-38px;}
.foot { padding:100px 0px 0px 0px;
background:#333; color:#9b9b9;}
.foot .container {position: relative;}
.foot a {color:#9b9b9b;}
.foot h5 { color:#9b9b9b; margin-bottom: 60px; line-height:180%; font-size: 16px; font-weight: normal; }
.foot .foot-nav { clear:both; margin-bottom: 60px; overflow: hidden; }
.foot .foot-nav dl {}
.foot .foot-nav dl dt { position: relative; padding-bottom: 30px; border-bottom: 1px solid #9fa0a1; margin-bottom: 20px; font-size: 20px; }
.foot .foot-nav dl dt b { position: absolute; display: block; width: 39%; height: 3px; left: 0; bottom: -2px; background-color: #fff; }
.foot .foot-nav dl dd { line-height: 30px; }
.foot .foot-nav dl dd a { font-size: 16px; }
.foot .copyright { clear:both; margin:30px 0px; text-align: center; color:#9b9b9b; }
.fweixin img {width:150px;}
.fweixin p { line-height: 24px; text-align: center; }
.sub_menu {
margin-top:30px;}
@media (max-width: 768px) {
.sub_menu {
height:0px;overflow:hidden;
}
}
/* 面包屑导航 */
.breadcrumb {margin-bottom:10px;}
.breadcrumb span {padding-right:15px; color:#ccc;}
/* 内页文字大小按钮 */
.content_tools {
float:right;
margin:0px 0px 5px;
padding:5px 15px;
background:#eee;
text-align:right;
font-size:14px;
}
/************* 分页 */
.pages {
clear:both;
margin:0px 10px;
font-size:0.8em;
color:#888;
}
.pages strong,.pages span {
color:#FFFFFF;
display:block;
float:left;
height: 26px;
line-height: 26px;
float:left;
padding:0px 8px;
background:#337ab7;
margin: 0px 3px 0px 0px;
font-size:0.8em;
border-radius: 3px 3px 3px 3px;
}
.pages a,.pages a {
display:block;
float:left;
height:24px;
line-height:24px;
float:left;
padding:0px 8px;
border:1px solid #337ab7;
border-radius: 3px 3px 3px 3px;
text-decoration:none;
margin: 0px 3px 0px 0px;
color:#337ab7;
font-size:0.8em;
}
.pages strong {color:white;}
.pages span {
float:right;
}
#page {
font-size:0.8em;
}
#page strong {
padding:5px 8px;
background:#337ab7;
border-radius:5px;
color:white;
margin-right:15px;
font-size:0.8em;
}
.pagination {margin:50px 0px;}
/* 分页 */
.page-number {
position:relative;
right:0px;
top:5px;
color:#FFFFFF;
height: 26px;
line-height: 26px;
padding:9px 20px;
background:#337ab7;
margin: 0px 3px 0px 0px;
font-size:0.8em;
border-radius: 3px 3px 3px 3px;
}
/* 正文 */
#content_text {line-height:180%;font-size:1.2em;}
/* 首页 */
.index-1,.index-3 { padding-bottom:100px; background: #f8f8f8; }
.index-1 ul { overflow: hidden; }
.index-1 li { height: 350px; overflow: hidden; text-align: center; float: left; border: 1px solid transparent; position: relative; transition: 400ms; }
.index-1 li:hover {background:white;border:1px solid #ccc;}
.index-1 .t1 { width: 100%; height: 140px; padding: 70px 0 0 0; font-size: 14px; color: #9b9797; transition: 400ms; }
.index-1 .t1 .img-auto {height:176px; margin:0px 0px 10px 0px; overflow:hidden; }
.index-1 .t1 a { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; transition: 400ms; }
.index-1 .t2 { width: 100%; padding: 20px 10px 0px 10px; height: 80px; line-height: 24px; font-size: 14px; color: #fff; background: #7bc91e; position: absolute; left: 0; bottom: -80px; transition: 400ms; }
.index-1 li:hover .t1 { margin-top:-50px; }
.index-1 li:hover .t2 { bottom:0px; }
@media (max-width: 960px) {
}
@media (max-width: 768px) {
.index-1 li {
margin-bottom:30px;
background:white;border:1px solid #ccc;
}
.index-1 li .t1 { margin-top:-50px; }
.index-1 li .t2 { bottom:0px; }
}
.index-2 {padding-bottom:80px;}
.index-2 div div { padding:20px 30px; border:1px solid #eee; -moz-box-shadow:0px 0px 10px #eee;
-webkit-box-shadow:0px 0px 10px #eee;
box-shadow:0px 0px 10px #eee; border-radius:3px;}
@media (max-width: 768px) {
.index-2 div div {margin-bottom:20px;}
}
.index-2 div div.img-auto a {display:block; height:100px;margin:20px 0px;overflow:hidden;}
.index-2 div div.img-auto h4 a { height:16px; font-size:14px;}
.index-2 div div:hover {background:#eee;}
.index-2 div div p {font-size:12px;color:#555;}
.index-2 div div p.date {color:#999;}
.index-3 .btn {padding:10px 40px;border-radius:50px;}
.index-3-left { height:240px; overflow:auto; }
.index-3-left p {text-indent:2em; }
@media (max-width: 768px) {
.index-3-left {margin-bottom:30px;}
}
.index-6 {padding:0px 0px 100px 0px;}
.index-6 ul li { height:124px; padding:0px; border:1px solid #eee; overflow:hidden;}
.index-6 ul li .img-auto {
width:89px;
height:68px;
margin:28px 50px;
overflow:hidden;
}
/* 友情链接 */
.home-links { padding:50px 0px 0px 0px; background:#333; color: #666; }
.home-links .hr {padding:15px 0px 0px 0px; border-top:1px dotted #555;}
.home-links-left {padding:0px;}
.home-links .links-logo img {
float:left; margin:10px;
opacity: 0.2;
}
.home-links .links-logo img:hover {opacity: 1; transition: 400ms;}
.home-links .links-a { clear:both; margin: 0 auto; font-size: 14px; padding-bottom: 60px; }
.home-links .links-a a { color: #666; padding: 10px; line-height: 300%; }
/**/
/*列表页 -文字列表*/
/**/
.list-container a {color:#333;}
.list-container p {color:#888;}
.list-container h4 {color:#000;font-weight:bold; }
.list-container .row{margin-bottom:15px;}
.list-container .news-list{margin-bottom:0;}
.list-border{padding:15px; clear:both; border:1px dotted transparent; border-bottom-color:#BBBBBB;}
.list-border-w{border:1px dotted #BBBBBB; margin:15px 0px;}
.list-border:hover{background:#F5F5F5; border-color: #ccc; border-radius: 5px 5px 5px 5px;}
.list-date {width: 4em; float: left; margin-right: 20px;text-align: center;}
.list-date span{display:block;width:1.125em;line-height:1em;padding-top: .1em;white-space:nowrap;font-size: 2em;color:#555;font-family: 'Times New Roman', Times, serif;margin-left:-5px;}
.list-date p {width:1em;clear:both; display:block; width:4em;overflow:hidden;margin-bottom:0;margin-left:12px;}
.news-list p,
.news-list-text-pic p,
.list-down p{line-height:1.6}
.list-down .img-auto {height:170px;overflow:hidden;}
#projectlist.masonry {
margin: 0 auto;
}
#projectlist { }
.wrapper { margin: 0px auto; }
.projectitem {margin:0px 0px 30px 0px;width: 380px; float: none; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d;}
.projectitem a
{position:relative;display:block; }
.projectitem a:hover
{text-decoration:none;overflow:hidden;}
.projectitem a h4
{cursor:hand;text-align:center;width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.7;overflow:hidden;white-space:nowrap;}
.projectitem a:hover h4
{width:100%; line-height:30px; margin:0; padding:15px 0px;background:#333;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.8;opacity:0.8;overflow:hidden;white-space:nowrap;}
.projectitem img,
.index-1 img,
.index-2 img,
.index-3 img,
.owl-item img
{
-moz-box-shadow:0px 0px 10px #888;
-webkit-box-shadow:0px 0px 10px #888;
}
.projectitem p {line-height:200%;font-size:1.2em;}
/*列表页 - 右侧*/
.content-right-list h3 {font-size:16px;}
.content-right-list ol {margin-bottom:60px;}
.content-right-list ol li {list-style-type:decimal ;font-size:14px;line-height:1.8}
@media (max-width: 768px) {
.content-right-list {
margin-top:60px;
}
}
/* 联系我们地图页 */
.contact-us {background:#242625; }
.contact-us h3 {font-size: 60px;line-height:120%;color:#CCCCCC;text-align:center;padding:50px 0 ;}
.contact-us h3 span{font-weight:bold;color:#C22C45;}
.contact-us h4 {clear:both; margin:50px auto 0;padding:0 0 50px}
.contact-us dl {}
.contact-us dl dt {line-height:40px;color:#CACACA;font-size: 26px;margin-bottom:10px;}
.contact-us dl dd{color:#AEAEAE;font-size: 1.0em;}
.content-ditu {height:25em;overflow:hidden;}
/* 项目展示 */
.contact-xm {background-color: #fff;background-image: url(" ../images/xmdt.jpg ");background-repeat: no-repeat;background-size: 100% 100%;}
.contact-xm h3 {font-size: 60px;line-height:120%;color:#CCCCCC;text-align:center;padding:50px 0 ;}
.contact-xm h3 span{font-weight:bold;color:#C22C45;}
.contact-xm h4 {clear:both; margin:50px auto 0;padding:0 0 50px}
.contact-xm dl {}
.contact-xm dl dt {line-height:40px;color:#CACACA;font-size: 26px;margin-bottom:10px;}
.contact-xm dl dd{color:#AEAEAE;font-size: 1.0em;}
.kong{display: none;}
.xmrow{zoom:1;background:#f5f5f5;}
.xm-l{width: 50%;float: left;}
.xm-r{width: 50%;float: left;}
.xm-l .tupian{margin-top:45px;background:#f5f5f5; }
/* 产品页面右侧文字信息 */
.product_info{ overflow:hidden}
.product_info table{ color:#535353; width:100%; }
.product_info table th{ text-align:right; padding:7px 5px; width:120px; font-weight:normal; color:#888;}
.product_info table td{ padding:5px; color:#535353; font-size:0.9em;}
.product_info table tr{}
.product_info strong{ color:#E53F40; font-size:30px;}
#dialog_link {margin-left:20px;background:#236298;}
@media (max-width: 768px) {
#dialog_link {margin:20px 0px 0px 0px;}
}
/* 滚动图片 */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item {float:left; padding:0px 50px; overflow:hidden; text-align:center; }
.owl-carousel .owl-item a.img-auto {height:350px;overflow:hidden;}
.owl-carousel .owl-item h4 { margin:30px 0px; font-size:16px;}
.owl-carousel .owl-item h4 small {padding-left:20px; font-style : oblique; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/index/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 20px;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div {color: #333;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 5px 15px;font-size: 20px; font-weight:bold; background: #eee; }
.owl-theme .owl-controls .owl-buttons div:hover {background:#333; color:white;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* 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=30);/*IE7 fix*/opacity: 0.3;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #999;}
.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(../images/base/AjaxLoader.gif) no-repeat center center}
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.content-bottom-list-more {padding:8px 15px; background:#eee; color:#888;}
@media (min-width: 768px) {
.servers-wap {
display:none;
}
.dropdown-menu>li>a {padding:10px 20px;}
.navbar .nav > li.oen ul.two {
margin: 0;
}
.navbar .nav > li.oen:hover ul.two {
display: block;
}
}
@media (max-width: 768px) {
/* 手机菜单圆形按钮颜色 */
.plug-menu {
background: #ccc;
}
/* 手机菜单弹出按钮颜色 */
.top_menu>li {
background: #ccc;
}
/* 手机菜单平铺背景颜色 */
.foot_mp {
background: #ccc;
}
.servers,
.foot-share,
.content_tools_box
{display:none;}
ul.nav-pills li.active {clear:both; display:block; }
#carousel-example-generic {margin-bottom:30px;}
.content-bottom-list-more {display:block; width:110px; margin-bottom:30px;}
}
.navbar-right {padding:0px;}
.top-nav-right .dropdown-menu li {clear:both;width:98%;}
.lead {font-size:1.0em; line-height: 1.8;max-width:100%;}
.index-1 ul,.index-6 ul {margin:0px;padding:0px;}
.lead img {max-width:100%;}
.child{
display:none;
}
.left-menu {line-height:42px; border:1px solid #ccc; border-radius: 5px;}
.left-menu ul {margin:0px;padding:0px;}
.left-menu ul li a {display:block; padding:0px 0px 0px 40px;}
.left-menu ul li.two {padding-left:10px;}
.left-menu ul li.three {padding-left:10px;}
.left-menu ul li.four {padding-left:10px;}
.left-menu ul li.five {padding-left:10px;}
.header-top {
background: rgba(15, 61, 90, 0.54);
padding: 0.5em 0;
}
.logo{
float: left;
margin-top:0.5em;
}
span.menu{
display:none;
}
.top-nav{
float: right;
margin: 15px;
}
.top-icons {
float: right;
margin-top: 20px;
}
.top-nav ul{
margin:0;
padding:0;
}
.top-nav ul li{
display:inline;
margin-left: 40px;
}
.top-nav ul li a{
padding:0;
font-weight:400;
font-size: 1.2em;
text-decoration: none;
color: #fff;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
border-radius: 0.3em;
-moz-border-radius: 0.3em;
-o-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
}
.top-nav ul li.active a span{
background:#e74c3c;
width:100%;
height:1px;
display:block;
position:absolute;
top:0px;
left:0px;
}
.top-nav ul li a:hover, .top-nav ul li.active a {
color:#2980B9;
}
.top-nav ul li:nth-child(5) a{
border-bottom:none;
}
/*----slider----*/
.header{
background: url(../images/base/banner.png) #ECF0F1 100% 100%;
background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
min-height:780px;
position: relative;
}
/*--banner-sub-head--*/
.banner-sub-head {
background: #fff;
padding: 5em 0;
}
.banner-info {
margin:8% auto 0;
text-align: center;
}
.banner-info h1 {
text-align: center;
font-size:6em;
margin:2% auto 0;
font-weight:700;
color:#fff;
}
.banner-info p{
text-align: center;
font-size:1.4em;
margin:3% auto 0;
line-height: 1.9em;
font-weight:400;
color:#fff;
width:57%;
}
/*----*/
.browse-button {
text-align: center;
}
.slide-btn{
padding:0.7em 1em;
text-decoration:none;
border:none;
margin-top:1.4em;
display: inline-block;
color: #FFF;
font-size: 1.6em;
font-weight:400;
text-align:center;
-webkit-appearance:none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
background:none;
}
.slide-btn:hover{
text-decoration:none;
color:#2980B9;
}
/*----- responsive-design -----*/
@media (max-width:768px){
span.menu {
display: block;
width: 33px;
height:30px;
background: url(../images/base/menu-icon.png) no-repeat 0px 0px;
display: block;
position: absolute;
right:26px;
top:20px;
cursor: pointer;
}
.top-icons {
float: right;
margin-top: 12px;
}
.top-nav ul{
display:none;
margin-top:0em;
}
.top-nav ul li {
display: block;
float: none;
border-bottom: 1px solid rgba(238, 238, 238, 0.38);
width: 99%;
margin: 0;
line-height: 2.5em;
}
.top-nav ul li a {
padding: 0.6em 0.5em;
width: 100%;
font-size: 1.2em;
}
.top-nav {
float: left;
margin:0px;
width: 100%;
}
}
@media (max-width:320px){
.top-nav ul li a {
margin: 2px 0;
padding: 0.5em 0.5em;
width: 100%;
font-size: 1.05em;
}
}
/*--service-grids --*/
.service-section{
position: relative;
//height: 30px;
}
.service-section h3 {
text-align: center;
font-size:1.8em;
line-height: 1.8em;
margin: 0em auto 0;
text-transform: uppercase;
padding-bottom: 15px;
}
.service-section lable {
display:block;
border-bottom: 2px solid #343433;
width: 100px;
margin:0px auto;
}
.service-grid1 h3 ,.service-grid2 h3,.service-grid3 h3{
color: #333;
font-size:1.2em;
margin: 0.8em auto;
text-transform:uppercase;
font-weight:900;
text-align: center;
}
.service-grid1 p,.service-grid2 p,.service-grid3 p {
text-align: left;
font-size: 0.8em;
margin:1% auto 0;
line-height: 1.7em;
color: #343433;
width:93%;
}
.service-grids {
margin-top: 0.5em;
margin-bottom: 4.5em;
}
i.icon1 {
width: 30px;
height: 30px;
background: url(../images/base/service-icons30.png)no-repeat 3px 0px;
display: inline-block;
cursor: pointer;
}
i.icon2{
width: 30px;
height: 30px;
background: url(../images/base/service-icons30.png)no-repeat -48px 0px;
display: inline-block;
cursor: pointer;
}
i.icon3{
width: 30px;
height: 30px;
background: url(../images/base/service-icons30.png)no-repeat -95px 1px;
display: inline-block;
cursor: pointer;
}
/*------portfolio----------*/
div#portfolio{
background: url(../images/base/bg.png) #ECF0F1 100% 99.8%;
background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
min-height:989px;
margin-top: 1px;
}
.port-section {
position: relative;
margin-top: 4em;
}
.port-section h3 {
text-align: center;
color: #fff;
font-size:1.8em;
line-height: 1.8em;
padding-top: 0em;
margin: 0em auto 0;
text-transform: uppercase;
}
.port-section h3 a {
color: #fff;
}
.port-section lable {
border-bottom: 2px solid#fff;
position: absolute;
top:100%;
left: 45.5%;
width: 100px;
}
/* Strip
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
position:relative;
display:inline-block;
vertical-align:top;
font-weight: 400;
overflow:hidden;
}
.b-link-stripe .b-wrapper{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
text-align:center;
color:#ffffff;
overflow:hidden;
}
.b-link-stripe .b-line{
position:absolute;
top:0;
bottom:0;
width:20%;
background:rgba(15, 207, 140, 0.9);
transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
opacity:0;
visibility:hidden; /* lt-ie9 */
}
/*-----------------------------------------------------------------------------------*/
/* Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
text-decoration:none;
}
.b-animate{
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
visibility: hidden;
font-size:0.8em;
width:90%;
margin:2% auto;
}
.b-wrapper p {text-align:left;}
.b-animate img{
margin-top:16%;
display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
visibility:visible;
}
.b-from-left{
position:relative;
left:-100%;
}
.b-animate-go:hover .b-from-left{
left:0;
}
span.m_4{
font-size:1.2em;
}
p.m_5 {
margin: 2% auto 5%;
width: 70%;
color: #283A47;
font-size: 1.1em;
font-weight: 600;
line-height: 1.5em;
text-align: center;
}
ul#filters {
padding: 0px;
}
/*--team--*/
.col_1_of_4:first-child {
margin-left: 0;
}
.span_1_of_4 {
width: 22.8%;
}
.col_1_of_4 {
display: block;
float: left;
margin: 1% 0 1% 2.6%;
background: #FFF;
}
/* lt-ie9 */
.b-link-stripe:hover .b-line{
visibility:visible;
}
.b-link-stripe .b-line1{
left:0;
}
.b-link-stripe .b-line2{
left:20%;
transition-delay:0.1s !important;
-moz-transition-delay:0.1s !important;
-ms-transition-delay:0.1s !important;
-o-transition-delay:0.1s !important;
-webkit-transition-delay:0.1s !important;
}
.b-link-stripe .b-line3{
left:40%;
transition-delay:0.2s !important;
-moz-transition-delay:0.2s !important;
-ms-transition-delay:0.2s !important;
-o-transition-delay:0.2s !important;
-webkit-transition-delay:0.2s !important;
}
.b-link-stripe .b-line4{
left:60%;
transition-delay:0.3s !important;
-moz-transition-delay:0.3s !important;
-ms-transition-delay:0.3s !important;
-o-transition-delay:0.3s !important;
-webkit-transition-delay:0.3s !important;
}
.b-link-stripe .b-line5{
left:80%;
transition-delay:0.4s !important;
-moz-transition-delay:0.4s !important;
-ms-transition-delay:0.4s !important;
-o-transition-delay:0.4s !important;
-webkit-transition-delay:0.4s !important;
}
.b-link-stripe:hover .b-line{
opacity:1;
}
#filters {
margin:3% 0;
padding: 0;
list-style: none;
text-align: center;
}
#filters li {
display: -webkit-inline-box;
margin-left: 10px;
}
#filters li span {
display: block;
padding: 7px 17px;
text-decoration: none;
color: #fff;
cursor: pointer;
font-size: 1.2em;
background: none;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
#filters li span a{
color: #fff;
}
#filters li span:hover,#filters li.active span {
background:#fff;
color:#2980B9;
border-radius: 0.3em;
-webkit-border-radius:0.3em;
-o-border-radius:0.3em;
-moz-border-radius: 0.3em;
}
#filters li span:hover a,#filters li.active span a{
color:#2980B9;
}
#filters li.active {
color:#2980B9;
}
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width: 22em;
height:14em;
display:none;
float:left;
overflow:hidden;
margin:0 1% 1% 0;
border-radius: 0;
}
#portfoliolist .portfolio a{
width: 22em;
height:14em;
}
div#portfoliolist {
padding:0px 0px;
}
.portfolio-wrapper {
overflow:hidden;
position: relative !important;
cursor:pointer;
}
.portfolio img {
max-width:100%;
/*--position: relative;--*/
transition: all 300ms!important;
-webkit-transition: all 300ms!important;
-moz-transition: all 300ms!important;
}
.portfolio .label {
position: absolute;
width: 100%;
height:40px;
bottom:-40px;
}
.portfolio .label-bg {
background: #22B4B8;
width: 100%;
height:100%;
position: absolute;
top:0;
left:0;
}
.portfolio .label-text {
color:#fff;
position: relative;
z-index:500;
padding:5px 8px;
}
.portfolio .text-category {
display:block;
font-size:9px;
font-size: 12px;
text-transform:uppercase;
}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.b-wrapper:hover {
background: rgba(57, 120, 161, 0.81);
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}
.portfolio {
text-align: center;
}
/*-----team-grids----------*/
.team-section{
position:relative;
}
.team-section h3{
text-align: center;
font-size:1.8em;
line-height: 1.8em;
margin: 0em auto 0;
text-transform: uppercase;
}
.team-section p {
text-align: center;
font-size: 1.0em;
margin: 3% auto 0;
line-height: 1.7em;
color: #343433;
width: 50%;
}
.team_grid1 h4,.team_grid2 h4,.team_grid3 h4,.team_grid4 h4 {
text-align: center;
font-size: 0.8em;
margin:1% auto 0;
line-height: 1.0em;
color: #888;
width:93%;
}
.team-section lable{
border-bottom: 2px solid#343433;
position: absolute;
top: 45%;
left: 45.5%;
width:100px;
}
.team_grid1 h3,.team_grid2 h3,.team_grid3 h3, .team_grid4 h3 {
color: #333;
font-size: 1.2em;
margin: 0.2em auto;
text-transform: uppercase;
text-align: center;
line-height: 1.5em;
}
.team_grid2,.team_grid3{
margin-top:6%;
}
/* CSS3 STYLE GENERIC */
.view {
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin: 10px 10px;
}
.view .mask, .view .contentn {
width: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
height: 100%;
}
.view img {
display: block;
position: relative;
}
.view a.info {
display: inline-block;
text-decoration: none;
padding:0;
text-align:center;line-height:32px;
width:152px;
height:32px;color:#FFF;font-size: 2em;
}
.view a.info :hover{
opacity: 0.5;
}
.view-img10{width:222px;height:258px;overflow:hidden;text-align:center;margin:0 15px;}
.view-img10 img{width:100%;height:auto;margin:0 auto;}
/* CSS3 EFFECTS */
/* SECOND EFFECTS */
.view.second-effect img {
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-o-border-radius: 0.3em;
-moz-border-radius: 0.3em;
}
.second-effect .mask,.second-effect .mask{
opacity: 0;
overflow:visible;
background: rgba(57, 120, 161, 0.81);
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-o-transition:0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition:0.5s all ease;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor: pointer;
}
.second-effect a.info {
position: relative;
top: 45%;
left: -1px;
opacity: 0;
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
-o-transform:scale(0,0);
-ms-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
opacity: 1;
background: rgba(57, 120, 161, 0.81);
cursor: pointer;
}
.second-effect:hover a.info{
opacity:1;
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-moz-transition-delay:0.3s;
-webkit-transition-delay:0.3s;
-o-transition-delay:0.3s;
-ms-transition-delay:0.3s;
transition-delay:0.3s;
}
/*-------client-section---------------*/
div#offices{
background: url(../images/base/bg2.png) #ECF0F1 100% 100%;
background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
min-height:780px;
margin-top: -105px;
}
.map{
margin: 0 auto;
margin-top: 80px;
text-align: center;
height: 550px;
width: 800px;
}
.location{
background:url(../images/base/map.png)0px 0px;
display: inline-block;
height: 400px;
width: 400px;
position: relative;
background-size: 100%;
}
.location ul{
padding:0;
}
.location li {
list-style: none;
}
.location a h4 {
background:url(../images/base/location-icons.png)0px 0px;
display: inline-block;
position: absolute;
bottom: 1%;
left: 22%;
text-decoration: none;
}
.location ul li a i{
width:15px;
height:16px;
display: inline-block;
background: url('../images/base/l-icon2.png') no-repeat;
vertical-align: middle;
}
.location ul li a span.s1:hover,.location ul li a span.s2:hover,.location ul li a span.s3:hover,.location ul li a span.s4:hover,.location ul li a span.s5:hover,.location ul li a span.s6:hover,.location ul li a span.s7:hover{
color: #2980B9;
}
.location ul li a span.s1,.location ul li a span.s2,.location ul li a span.s3,.location ul li a span.s4,.location ul li a span.s5,.location ul li a span.s6,.location ul li a span.s7{
position: absolute;
left: 56%;
top: 44%;
color: #fff;
height:16px;
line-height: 16px;
vertical-align:middle;
font-size: 12px;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-o-transition:0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition:0.5s all ease;
}
.location ul li a span.s2{
left: 58%;
top: 40%;
}
.location ul li a span.s3{
left: 62%;
top: 47%;
}
.location ul li a i.icon_1{
background-position: 3px 0px;
position: absolute;
left: 51%;
top: 44%;
}
.location ul li a:hover i.icon_1{
background-position: -15px 0px;
position: absolute;
left: 51%;
top: 44%;
}
.location ul li a i.icon_2{
background-position: 3px 0px;
position: absolute;
left: 53%;
top: 40%;
}
.location ul li a:hover i.icon_2{
background-position: -15px 0px;
position: absolute;
left: 53%;
top: 40%;
}
.location ul li a i.icon_3{
background-position: 3px 0px;
position: absolute;
left: 57%;
top: 47%;
}
.location ul li a:hover i.icon_3{
background-position: -15px 0px;
position: absolute;
left: 57%;
top: 47%;
}
.location ul li a i.icon_4{
background-position: 3px 0px;
position: absolute;
left: 48%;
top: 32%;
}
.location ul li a:hover i.icon_4{
background-position: -15px 0px;
position: absolute;
left: 48%;
top: 32%;
}
.location ul li a span.s4{
left: 53%;
top: 32%;
}
.location ul li a i.icon_5{
background-position: 3px 0px;
position: absolute;
left: 43%;
top: 41%;
}
.location ul li a:hover i.icon_5{
background-position: -15px 0px;
position: absolute;
left: 43%;
top: 41%;
}
.location ul li a span.s5{
left: 48%;
top: 41%;
}
.location ul li a i.icon_6{
background-position: 3px 0px;
position: absolute;
left: 57%;
top: 75%;
}
.location ul li a:hover i.icon_6{
background-position: -15px 0px;
position: absolute;
left: 57%;
top: 75%;
}
.location ul li a span.s6{
height:16px;
left: 62%;
top: 75%;
}
.location ul li a i.icon_7{
background-position: 3px 0px;
position: absolute;
left: 47%;
top: 49%;
}
.location ul li a:hover i.icon_7{
background-position: -15px 0px;
position: absolute;
left: 47%;
top: 49%;
}
.location ul li a span.s7{
left: 52%;
top: 49%;
}
.offices-section {
padding: 4em 0;
position: relative;
margin-top:6em;
}
.offices-section h3 {
text-align: center;
color: #fff;
font-size:1.8em;
line-height: 1.8em;
margin: 0em auto 0;
text-transform: uppercase;
}
.offices-section h3 a {
color: #fff;
}
.offices-section p {
text-align: center;
font-size: 1.0em;
margin:1% auto 0;
line-height: 1.7em;
color: #fff;
width: 50%;
}
.offices-section lable {
border-bottom: 2px solid#fff;
position: absolute;
top: 48%;
left: 45.5%;
width: 100px;
}
.client-section {
padding:0em 0;
position: relative;
}
.client-section h3 {
text-align: center;
font-size:1.8em;
line-height: 1.8em;
margin: 0em auto 0;
text-transform: uppercase;
}
.client-section p {
text-align: center;
font-size: 1.0em;
margin:1% auto 0;
line-height: 1.7em;
width: 50%;
color:#555;
}
.client-section lable {
border-bottom: 2px solid#343433;
position: absolute;
top:65%;
left: 45.5%;
width: 100px;
}
.client-grids {
margin: 4% 0;
}
.clients-icons li{
display: inline-block;
margin-left: 44px;
width:240px;
}
.clients-icons li img{
width:100%;height:auto;
}
li.facebook,li.sony {
margin-top:2.5em;
}
.clients-icons ul {
padding: 0;
}
/*------text-slide----------*/
.item h3{
font-size: 1.2em;
text-align: center;
margin: 0.5em 0;
}
.item h4{
font-size: 0.8em;
text-align: center;
margin: 0.5em 0;
}
.item p {
width: 100%;
font-size: 0.8em;
text-align: center;
line-height: 1.8em;
}
/*-----contact-----------*/
div#contact{
background: url(../images/base/bg3.png) #ECF0F1 50% 100%;
background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-moz-background-size:cover;
min-height:550px;
margin-top: -105px;
}
.contact-section {
margin-top: 13%;
position: relative;
}
.contact-section h3 {
text-align: center;
color: #fff;
font-size:1.8em;
line-height: 1.8em;
margin: 0em auto 0;
text-transform: uppercase;
}
.contact-section lable {
border-bottom: 2px solid#fff;
position: absolute;
top:98%;
left: 45.5%;
width: 100px;
}
.contact-content {
margin-top:-5%;
}
ul.contact-grids li i.icon11{
width: 35px;
height: 35px;
background: url(../images/base/contact-icons2.png)no-repeat 0px 0px;
display: inline-block;
cursor: pointer;
}
ul.contact-grids li i.icon11:hover{
opacity: 0.5;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-o-transition:0.5s all ease;
-moz-transition: 0.5s ease;
-ms-transition:0.5s ease;
}
ul.contact-grids li i.icon12{
width: 35px;
height: 35px;
background: url(../images/base/contact-icons2.png)no-repeat -143px 0px;
display: inline-block;
cursor: pointer;
}
ul.contact-grids li i.icon12:hover{
opacity: 0.5;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-o-transition:0.5s all ease;
-moz-transition: 0.5s ease;
-ms-transition:0.5s ease;
}
ul.contact-grids li i.icon13{
width: 35px;
height: 35px;
background: url(../images/base/icon-eye2.png) no-repeat center center;
display: inline-block;
cursor: pointer;
}
ul.contact-grids li i.icon13:hover{
opacity: 0.5;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-o-transition:0.5s all ease;
-moz-transition: 0.5s ease;
-ms-transition:0.5s ease;
}
ul.contact-grids li i.icon14{
width: 45px;
height: 45px;
background: url(../images/base/contact-icons.png)no-repeat -525px 0px;
display: inline-block;
cursor: pointer;
}
ul.contact-grids li i.icon14:hover{
opacity: 0.5;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-o-transition:0.5s all ease;
-moz-transition: 0.5s ease;
-ms-transition:0.5s ease;
}
ul.contact-grids {
padding: 0;
text-align: center;
margin: 0 auto;
}
ul.contact-grids li{
list-style: none;
display:inline-block;
margin-left:64px;
}
li.contact-grid{
cursor: pointer;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-o-transition:0.5s all ease;
-moz-transition: 0.5s ease;
-ms-transition:0.5s ease;
}
li.contact-grid:hover {
opacity: 0.5;
}
ul.contact-grids h4{
text-align: center;
color: #fff;
font-size: 0.75em;
line-height: 1.25em;
margin: 0em auto 0;
}
ul.contact-grids h5{
text-align: center;
color: #fff;
font-size: 0.75em;
line-height: 1.25em;
margin: 0em auto 0;
}
form{
}
.submit{
text-align:center;
margin: 2% 0;
}
.contact-content input[type="submit"]:hover{
color:#2980B9;
}
.footer {
background: #ECF0F1;
}
.copy-right {
float:center;margin-bottom:20px;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
}
.copy-right span{margin-right:2em;}
.logo-2 {
float: left;
margin-left: 10%;
}
.logo-2 img {
float:left;
}
.copy-right p{
color:#343433;
font-size:0.8em;
text-align: center;
text-transform: uppercase;
margin-top:1.0em;
}
.copy-right p a{
color:#2980B9;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.copy-right a:hover{
color:#343433;
}
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 45px;
right: 20%;
overflow: hidden;
width: 42px;
height: 46px;
border: none;
text-indent: 100%;
background: url("../images/base/move-up.png") no-repeat 0px 0px;
}
#toTopHover {
width:42px;
height:46px;
display: block;
overflow: hidden;
float: right;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}
/*---- responsive-design -----*/
@media(max-width:1440px){
.container-fluid{
margin:0 auto;
width:1140px;
}
.header {
min-height: 729px;
}
.banner-info h1 {
font-size: 4.7em;
}
.banner-info p {
font-size: 1.3em;
margin: 2% auto 0;
}
.slide-btn {
padding: 0.7em 1em;
margin-top: 1em;
}
.banner-info {
margin: 10% auto 0;
}
.service-section lable {
top: 57%;
left: 45.5%;
width: 9%;
}
.team-section lable {
top: 35%;
left: 45.5%;
width: 9%;
}
.logo-2 {
float: left;
margin-left: 8%;
}
#toTop {
bottom: 44px;
right: 28%;
}
}
@media(max-width:1366px){
.banner-info h1 {
font-size: 4.6em;
}
.team-section h3,.port-section h3,.service-section h3,.client-section h3,.offices-section h3 {
font-size: 2.4em;
}
}
@media(max-width:1280px){
.header {
min-height: 676px;
}
div#offices {
min-height: 729px;
}
div#contact {
min-height: 550px;
margin-top: -104px;
}
.banner-info h1 {
font-size: 3.4em;
}
}
@media(max-width:1366px){
.contact-content {
margin-top:-11%;
margin-left: -5%;
width: 100%;
}
}
@media(max-width:1024px){
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width: 30%;
height: 140px;
display:none;
float:left;
overflow:hidden;
margin:0 1% 1% 0;
border-radius: 0;
}
#portfoliolist .portfolio a{
width: 100%;
height:140px;
}
.navbar .container .navbar-collapse .navbar-right{
margin-right:70px;
}
.navbar-right{
margin-top:15px;
}
.header {
min-height: 560px;
}
.banner-info {
margin: 3% auto 0;
}
.location {
background: url(../images/base/map.png)0px 0px;
display: inline-block;
height: 400px;
width: 400px;
position: relative;
background-size: 100%;
}
.location ul li a i{
width:15px;
height:16px;
display: inline-block;
background: url('../images/base/l-icon2.png') no-repeat;
vertical-align: middle;
}
.location ul li a span{
height:16px;
line-height:16px;
}
.banner-info p {
font-size: 1.3em;
margin: 2% auto 0;
width: 65%;
}
div#offices {
min-height: 454px;
}
.team-section h3, .port-section h3, .service-section h3, .client-section h3, .offices-section h3 {
font-size: 2.15em;
}
.offices-section p {
font-size: 1.2em;
margin: 1% auto 0;
color: #fff;
width: 54%;
}
.team-section p {
font-size: 1.2em;
margin: 3% auto 0;
color: #343433;
width: 55%;
}
.service-grid1 h3, .service-grid2 h3, .service-grid3 h3 {
font-size: 1.2em;
}
div#portfolio {
min-height: 743px;
}
.portfolio img {
max-width:64%;
}
.b-link-stripe .b-wrapper {
position: absolute;
width: 64%;
height: 100%;
top: 0;
left: 18%;
}
#portfoliolist .portfolio {
width: 35%;
margin: 0px -13% 2% 5%;
border-radius: 0;
}
.b-animate img {
margin-top:12%;
display: -webkit-inline-box;
}
#filters li span {
display: block;
padding: 7px 17px;
font-size: 18px;
}
.b-animate {
visibility: hidden;
font-size: 1.1em;
width: 100%;
margin: 0% auto;
}
p.b-animate.b-from-right.b-delay03 {
overflow: hidden;
height: 74px;
}
span.m_4 {
font-size: 1.2em;
}
.location ul li a span.s1 {
left: 53%;
top: 45%;
font-size: 14px;
}
.location ul li a i.icon_1 {
background-position: 3px 0px;
left: 48%;
top: 45%;
}
.location ul li a:hover i.icon_1{
background-position: -15px 0px;
left: 48%;
top: 45%;
}
.location ul li a span.s2 {
left: 57%;
top: 41%;
font-size: 14px;
}
.location ul li a i.icon_2 {
background-position: 3px 0px;
left: 52%;
top: 41%;
}
.location ul li a:hover i.icon_2{
background-position: -15px 0px;
left: 52%;
top: 41%;
}
.location ul li a span.s3 {
left: 60%;
top: 49%;
font-size: 14px;
}
.location ul li a i.icon_3 {
background-position: 3px 0px;
left: 55%;
top: 49%;
}
.location ul li a:hover i.icon_3{
background-position: -15px 0px;
left: 55%;
top: 49%;
}
.location ul li a span.s4 {
left: 53%;
top: 32%;
font-size: 14px;
}
.location ul li a i.icon_4 {
background-position: 3px 0px;
left: 48%;
top: 32%;
}
.location ul li a:hover i.icon_4{
background-position: -15px 0px;
left: 48%;
top: 32%;
}
.location ul li a span.s5 {
left: 44%;
top: 42%;
font-size: 14px;
}
.location ul li a i.icon_5 {
background-position: 3px 0px;
left: 39%;
top: 42%;
}
.location ul li a:hover i.icon_5{
background-position: -15px 0px;
left: 39%;
top: 42%;
}
.location ul li a span.s6 {
left: 61%;
top: 75%;
font-size: 14px;
}
.location ul li a i.icon_6 {
background-position: 3px 0px;
left: 56%;
top: 75%;
}
.location ul li a:hover i.icon_6{
background-position: -15px 0px;
left: 56%;
top: 75%;
}
.location ul li a span.s7 {
left: 51%;
top: 50%;
font-size: 14px;
}
.location ul li a i.icon_7 {
background-position: 3px 0px;
left: 46%;
top: 50%;
}
.location ul li a:hover i.icon_7{
background-position: -15px 0px;
left: 46%;
top: 50%;
}
.client-section lable {
top: 34%;
}
.client-section p {
font-size: 1.0em;
margin: 1% auto 0;
width: 55%;
}
.team_grid1 h3, .team_grid2 h3, .team_grid3 h3, .team_grid4 h3 {
font-size: 1.2em;
}
.contact-content {
padding:0;
}
form {
width:55%;
margin: 0 auto;
text-align: center;
margin-top:1%;
}
div#contact {
min-height: 550px;
}
.contact-content {
margin-top:-11%;
margin-left: 0%;
width: 100%;
}
.contact-content input[type="text"], .contact-content textarea {
padding: 6px;
width: 70%;
margin: 2% 0% 0 0;
font-size: 17px;
}
ul.contact-grids li {
margin-left: 64px;
margin-top: 2em;
}
.contact-section h3 {
text-align: center;
color: #fff;
font-size: 2.1em;
}
ul.contact-grids h4 {
font-size: 1.05em;
}
ul.contact-grids h5 {
font-size: 1em;
}
.image-top p {
overflow: hidden;
height:90px;
}
#toTop {
bottom: 44px;
right: 21%;
}
}
@media(max-width:768px){
.navbar-right {
margin-top: 5px;
}
div#portfolio {
min-height: 400px;
}
#portfoliolist .portfolio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
width: 30%;
height: 120px;
display:none;
float:left;
overflow:hidden;
margin:0 1% 1% 0;
border-radius: 0;
}
#portfoliolist .portfolio a{
width: 100%;
height:120px;
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:540px;;}
.service-section, .service-grid1 p, .service-grid2 p, .service-grid3 p, i.icon1 , i.icon2 ,i.icon3 ,.blank20{
display:none;
}
.service-grids .container{height:40px;text-align:center;}
.service-grid1{float:left;width:33%;height:40px;line-height:40px;}
.service-grid2{float:left;width:33%;height:40px;line-height:40px;}
.service-grid3{float:left;width:33%;height:40px;line-height:40px;}
.service-grids .container .service-grid1 h3, .service-grid2 h3, .service-grid3 h3{
width:100%;height:40px;margin-top:0px;
}
.service-grids {
margin-top: -0.125em;
margin-bottom: -2.5em;
}
.service-grids .container .service-grid1 h3 a, .service-grid2 h3 a{
display:block;
font-size:0.625em;
color:#333;
background: url(../images/base/mobile_nav.png) no-repeat right center;
border:1px solid #DDDDDD;
text-align:center;
width:95px;
height:40px;
margin-top:0px;
margin-left:-15px;
line-height:40px;
}
.service-grids .container .service-grid1 h3 a:hover, .service-grids .container .service-grid2 h3 a:hover ,.service-grids .container .service-grid3 h3 a:hover{ background-image:none;background-color: #061837;text-decoration: none; color:#FFF;border:1px solid #061837;}
.header {
min-height: 419px;
background: url(../images/base/banner.png) #ECF0F1 no-repeat;
background-size: 100%;
}
.banner-info img {
width: 9%;
}
.banner-info h1 {
font-size: 3em;
}
.banner-info p {
font-size: 1.2em;
margin: 1% auto 0;
width: 86%;
}
.slide-btn {
padding: 0;
margin-top: 0.6em;
}
form {
width: 55%;
margin: 0 auto;
text-align: center;
margin-top: 2%;
}
.service-grid2,.service-grid3,.service-grid1 {
margin-top: 0em;
}
.offices-section p,.team-section p{
font-size: 1.2em;
margin-top: 3%;
width:83%;
margin-bottom: 1%;
}
.view {
float: none;
margin: 10px 10px;
}
.team_grid2, .team_grid3,.team_grid1, .team_grid4 {
margin-top: 1%;
}
.view-img10{width:20%;height:auto;overflow:hidden;text-align:center;margin:0 0%;}
.view-img10 img{width:100%;height:auto;margin:0 0 3px auto;}
.view .mask, .view .contentn {
width: 100%;
top: 0;
left: 0px;
height: 100%;
float:left;
border-radius:5px;
}
.view{border-bottom:1px solid #e0e0e0;width:94%;}
.view a.info {
display: inline-block;
text-decoration: none;
padding:0;
text-align:center;line-height:100%;
width:94%;
height:100%;color:#FFF;font-size: 1.25em;
}
.team_grid1 h3, .team_grid2 h3, .team_grid3 h3 , .team_grid4 h3{
font-size: 0.75em;
line-height: 32px;
width: 70%;
height:32px;
margin-top:-55px;
margin-left:26%;
text-align: left;
}
.offices-section {
padding: 3em 0;
position: relative;
margin-top: 6em;
}
div#portfolio {
min-height: 640px;
background: url(../images/base/bg.png) #ECF0F1 no-repeat;
background-size: 100% 100%;
}
#portfoliolist .portfolio {
width: 35%;
margin: 0px -13% 2% 4%;
border-radius: 0;
}
.portfolio img {
max-width:70%;
}
.b-link-stripe .b-wrapper {
width: 70%;
height: 100%;
top: 0;
left: 15%;
}
span.m_4 {
font-size: 22px;
display: none;
}
p.b-animate.b-from-right.b-delay03 {
overflow: hidden;
height: 74px;
display: none;
}
.b-animate img {
margin-top:26%;
}
#filters li span {
display: block;
padding: 6px 11px;
font-size: 17px;
}
.team-section h3, .port-section h3, .service-section h3, .client-section h3, .offices-section h3 {
font-size: 2em;
}
.service-section lable {
top: 57%;
left: 44.7%;
width: 10%;
border-bottom: 3px solid#343433;
}
.service-grid1 h3, .service-grid2 h3, .service-grid3 h3 {
font-size: 1em;
}
.port-section lable {
border-bottom: 3px solid#fff;
position: absolute;
top: 100%;
left: 43.5%;
width: 13%;
}
.team-section lable {
top: 40%;
left: 44.5%;
width: 11%;
border-bottom: 3px solid#343433;
}
.offices-section lable {
border-bottom: 3px solid#fff;
top: 45%;
left: 44.5%;
width: 13%;
}
.location {
display: inline-block;
height: 400px;
width: 400px;
}
.location ul li a i{
width:15px;
height:16px;
display: inline-block;
background: url('../images/base/l-icon2.png') no-repeat;
vertical-align: middle;
}
.clients-icons li {
margin-left: 14px;
}
li.man {
display: none;
}
.client-section p {
font-size: 1.2em;
margin: 1% auto 0;
width: 80%;
}
div#offices {
min-height: 640px;
background: url(../images/base/bg2.png) #ECF0F1 no-repeat;
background-size: 100% 100%;
}
.client-section lable {
top: 41%;
border-bottom: 3px solid#343433;
width: 12%;
left: 43.5%;
}
.item p {
width: 100%;
font-size: 1.25em;
}
div#contact {
min-height: 450px;
}
ul.contact-grids li {
margin-left: 30px;
margin-top: 2em;
}
ul.contact-grids h4{
text-align: center;
color: #fff;
font-size: 0.75em;
line-height: 1.25em;
margin: 0em auto 0;
}
ul.contact-grids h5{
text-align: center;
color: #fff;
font-size: 0.75em;
line-height: 1.25em;
margin: 0em auto 0;
}
#toTop {
bottom: 45px;
right: 3%;
}
.contact-section {
margin-top: 20%;
position: relative;
}
.map{
margin: 0 auto;
margin-top: 60px;
text-align: center;
height: 640px;
width: 640px;
}
.contact-grids{
height: 150px;
}
.footer{
padding-bottom: 0.125em;
margin-top: 0px;
}
}
@media(max-width:640px){
.navbar-right {
margin-top: 15px;
}
.navbar-toggle{display: none;}
.collapse{display: block;}
.glyphicon-globe {
margin-top: 20px;
}
.navbar-nav {
margin: 0 auto ;
/*margin-top: -10px;*/
}
.nav>li {
width: 15%;
float: left;
}
.nav>li>a {
float: left;
padding: 10px 0px;
font-size: 0.75em;
padding-top: 0px;
padding-bottom: 10px;
line-height: 20px;}
.title h1,.title h3 a { color:#165aa5;line-height:20px;height:20px;font-size:15px; font-weight: normal;text-decoration: none; }
.service-section, .service-grid1 p, .service-grid2 p, .service-grid3 p, i.icon1 , i.icon2 ,i.icon3 ,.blank20, .blank30, .sub_men {
display:none;
}
}
/* .dropdown-menu {
position: absolute;
min-width: 100px;
}*/
.navbar-nav .open .dropdown-menu>li>a {
margin:0px 0px;
}
.navbar-default .navbar-nav>li> a {color:#000;margin-left: 6px;width:90%;overflow:hidden;white-space:nowrap;}
.carousel-control{margin-top:65%}
.row>.col-sm-4>dl>dt{font-size:1em;height:20px;}
.row>.col-sm-4>span{margin-top:11px;}
.row>.col-sm-4>dl>dd{font-size:0.75em;}
table{font-size:0.5em;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, h4, .news-list p {
font-size:14px;
}
.display{display:none;}
.service-grids .container{height:40px;text-align:center;}
.service-grid1{float:left;width:33%;height:40px;line-height:40px;margin-top: -5px;}
.service-grid2{float:left;width:33%;height:40px;line-height:40px;margin-top: -5px;}
.service-grid3{float:left;width:33%;height:40px;line-height:40px;margin-top: -5px;}
.service-grids .container .service-grid1 h3, .service-grid2 h3, .service-grid3 h3{
width:100%;height:40px;margin-top:0px;
}
.service-grids .container .service-grid1 h3 a:hover, .service-grids .container .service-grid2 h3 a:hover ,.service-grids .container .service-grid3 h3 a:hover{ background-image:none;background-color: #061837;text-decoration: none; color:#FFF;border:1px solid #061837;}
.header {
min-height: 351px;
}
.banner-info h1 {
font-size: 2.5em;
}
.banner-info p {
font-size: 1.15em;
margin: 1% auto 0;
width: 74%;
overflow: hidden;
height: 52px;
}
div#portfolio {
min-height: 955px;
}
.portfolio img {
max-width: 46%;
}
.b-link-stripe .b-wrapper {
width: 46%;
height: 100%;
top: 0;
left: 27%;
}
.b-animate img {
margin-top: 17%;
}
.team-section h3, .port-section h3, .service-section h3, .client-section h3, .offices-section h3 {
font-size: 1.9em;
}
.offices-section p, .team-section p,.client-section p {
font-size: 1.15em;
margin:1.5% auto 0;
width: 95%;
}
.map{
margin: 0 auto;
margin-top: 80px;
text-align: center;
}
.contact-content{
/*display:none;*/
}
div#offices {
min-height: 332px;
}
li.man {
display: none;
}
ul.contact-grids h5 {
/*display: none;*/
}
.contact-section {
margin-top: 18%;
position: relative;
}
form {
width: 52%;
margin-top:2%;
}
div#contact {
min-height: 450px;
}
.service-section lable {
top: 62%;
left: 43.7%;
width: 12%;
border-bottom: 3px solid#343433;
}
.service-grid1 p, .service-grid2 p, .service-grid3 p {
font-size: 0.8em;
margin: 1% auto 0;
width: 95%;
}
#portfoliolist .portfolio {
width: 51%;
margin: 0px -13% 2% 4%;
border-radius: 0;
}
.portfolio img {
max-width: 78%;
}
.b-link-stripe .b-wrapper {
width: 78%;
height: 100%;
top: 0;
left: 11%;
}
.b-animate img {
margin-top: 29%;
}
.copy-right p {
font-size: 1em;
}
.team-section lable {
top: 40%;
left: 44.5%;
width: 12%;
border-bottom: 3px solid#343433;
}
.footer{
padding-bottom: 0.125em;
margin-top: -1px;
}
}
@media(max-width:480px){
.service-grids {
margin-top: -0.125em;
margin-bottom: -1.25em;
}
.header {
min-height: 256px;
}
div#portfolio {
min-height: 754px;
}
.banner-info h1 {
font-size: 2em;
}
.banner-info p {
font-size: 1.15em;
margin: 0.5% auto 0;
width: 74%;
overflow: hidden;
height: 22px;
}
.slide-btn {
padding: 0;
margin-top: 5px;
font-size: 19px;
}
.service-section lable {
top: 67%;
left: 41.7%;
width: 16%;
}
.team-section h3, .port-section h3, .service-section h3, .client-section h3, .offices-section h3 {
font-size: 1.7em;
}
.service-grid1 h3, .service-grid2 h3, .service-grid3 h3 {
font-size: 1.2em;
}
.b-animate img {
margin-top: 25%;
}
.offices-section p, .team-section p, .client-section p {
font-size: 1.15em;
margin: 1.5% auto 0;
width: 100%;
}
.team-section lable {
top: 37%;
left: 42.5%;
width: 16%;
border-bottom: 3px solid#343433;
}
.offices-section lable {
border-bottom: 3px solid#fff;
top:44%;
left: 42.5%;
width: 16%;
}
.map{
margin: 0 auto;
margin-top: 30px;
text-align: center;
height: 400px;
width: 400px;
}
.view-img10{width:20%;height:auto;overflow:hidden;text-align:center;margin:0 0%;}
.view-img10 img{width:100%;height:auto;margin:0 0 3px auto;}
.view .mask, .view .contentn {
width: 100%;
top: 0;
left: 0px;
height: 100%;
float:left;
border-radius:5px;
}
.view{border-bottom:1px solid #e0e0e0;width:94%;}
.view a.info {
display: inline-block;
text-decoration: none;
padding:0;
text-align:center;line-height:100%;
width:94%;
height:100%;color:#FFF;font-size: 1.25em;
}
.team_grid1 h3, .team_grid2 h3, .team_grid3 h3 , .team_grid4 h3{
font-size: 0.75em;
line-height: 32px;
width: 70%;
height:32px;
margin-top:-55px;
margin-left:26%;
text-align: left;
}
.location {
display: inline-block;
height: 400px;
width: 400px;
background-size: 100%;
top: 40px;
}
.location ul li a i{
width:15px;
height:16px;
display: inline-block;
background: url('../images/base/l-icon2.png') no-repeat;
vertical-align: middle;
}
.offices-section p, .team-section p, .client-section p {
font-size: 1.15em;
margin: 1.5% auto 0;
width: 86%;
overflow: hidden;
height: 55px;
}
li.box {
display: none;
}
.team_grid1 h3, .team_grid2 h3, .team_grid3 h3, .team_grid4 h3 {
font-size: 1em;
line-height: 1.3em;
}
.team_grid1 h4, .team_grid2 h4, .team_grid3 h4, .team_grid4 h4 {
text-align: center;
font-size: 0.8em;
margin:0.5% auto 0;
line-height: 1.5em;
color:#555;
}
.clients-icons li {
margin-left: 22px;
}
.client-section lable {
top: 41%;
border-bottom: 3px solid#343433;
width: 17%;
left: 41.5%;
}
.item p {
width: 100%;
font-size: 1.25em;
overflow: hidden;
height: 66px;
}
.owl-next {
background: url(../images/base/divice-pagenations.png) no-repeat -35px 0px;
position: absolute;
right: -16%;
top: 8%;
}
.owl-prev {
background: url(../images/base/divice-pagenations.png) no-repeat 0px 0px;
position: absolute;
left: -15.5%;
top: 10%;
}
.item h4 {
font-size: 1.2em;
}
.contact-section h3 {
font-size: 1.7em;
margin-top: 5em;
}
.contact-section lable {
border-bottom: 3px solid#fff;
position: absolute;
top: 98%;
left: 41.5%;
width: 15%;
}
.contact-content input[type="text"] {
padding: 5px;
width: 97%;
font-size: 15px;
margin-top: 2%;
}
div#contact {
min-height: 480px;
}
.copy-right {
float: none;
margin-top: 0;
}
#toTop {
bottom: 41px;
right: 8%;
}
ul.contact-grids li {
margin-left: 20px;
margin-top: 2em;
}
.display {
display:none;
}
.footer{
padding-bottom: 0.125em;
margin-top: 0px;
}
}
@media(max-width:414px){
#fat-menu {
margin-top: -12px;
}
.top-nav-right ul {
margin-top: 6px;
}
.service-grids {
margin-top: -0.125em;
margin-bottom: -1.25em;
}
.wel-text .title2{font-size: 1.025em;line-height: 2em;text-align: center;}
.slidestock .stocknum.up {
width: 200px;
margin-top: -55px;
margin-left:95%;
zoom:0.75;
}
.slidestock .stocknum.down{
width: 200px;
margin-top: -55px;
margin-left:95%;
zoom:0.75;
}
#portfoliolist .portfolio {
height: 100px;
}
.container-fluid{width: 100%;}
.wrapper{margin-left:10px;}
#portfoliolist .portfolio a{
width: 100%;
height:100px;
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:420px;}
.contact-content {
display:none;
}
div#portfolio {
min-height: 550px;
}
div#portfoliolist {
padding:60px 0px;
}
.port-section{
margin-top: 10px;
}
.map{
margin: 0 auto;
margin-top: 90px;
text-align: center;
height: 320px;
width: 320px;
}
.location {
display: inline-block;
height: 320px;
width: 320px;
background-size: 100%;
}
.location ul li a span.s1 {
left: 54%;
top: 45%;
font-size: 12px;
}
.location ul li a i.icon_1 {
background-position: 3px 0px;
left: 48%;
top: 45%;
}
.location ul li a:hover i.icon_1{
background-position: -15px 0px;
left: 48%;
top: 45%;
}
.location ul li a span.s2 {
left: 58%;
top: 40%;
font-size: 12px;
}
.location ul li a i.icon_2 {
background-position: 3px 0px;
left: 52%;
top: 40%;
}
.location ul li a:hover i.icon_2{
background-position: -15px 0px;
left: 52%;
top: 40%;
}
.location ul li a span.s3 {
left: 66%;
top: 50%;
font-size: 12px;
}
.location ul li a i.icon_3 {
background-position: 3px 0px;
left: 60%;
top: 50%;
}
.location ul li a:hover i.icon_3{
background-position: -15px 0px;
left: 60%;
top: 50%;
}
.location ul li a span.s4 {
left: 54%;
top: 32%;
font-size: 12px;
}
.location ul li a i.icon_4 {
background-position: 3px 0px;
left: 48%;
top: 32%;
}
.location ul li a:hover i.icon_4{
background-position: -15px 0px;
left: 48%;
top: 32%;
}
.location ul li a span.s5 {
left: 44%;
top: 40%;
font-size: 12px;
}
.location ul li a i.icon_5 {
background-position: 3px 0px;
left: 38%;
top: 40%;
}
.location ul li a:hover i.icon_5{
background-position: -15px 0px;
left: 38%;
top: 40%;
}
.location ul li a span.s6 {
left: 62%;
top: 75%;
font-size: 12px;
}
.location ul li a i.icon_6 {
background-position: 3px 0px;
left: 56%;
top: 75%;
}
.location ul li a:hover i.icon_6{
background-position: -15px 0px;
left: 56%;
top: 75%;
}
.location ul li a span.s7 {
left: 52%;
top: 52%;
font-size: 12px;
}
.location ul li a i.icon_7 {
background-position: 3px 0px;
left: 46%;
top: 52%;
}
.location ul li a:hover i.icon_7{
background-position: -15px 0px;
left: 46%;
top: 52%;
}
.ss-style-lidingjianju{margin-top : 29px;}
.team_grid2, .team_grid3,.team_grid4 {
margin-top: 5px;
width: 100%;
height: 100%;
float:left;
}
.view-img10{width:20%;height:auto;overflow:hidden;text-align:center;margin:0 0%;}
.view-img10 img{width:100%;height:auto;margin:0 0 3px auto;}
.view .mask, .view .contentn {
width: 100%;
top: 0;
left: 0px;
height: 100%;
float:left;
border-radius:5px;
}
.view{border-bottom:1px solid #e0e0e0;width:94%;}
.view a.info {
display: inline-block;
text-decoration: none;
padding:0;
text-align:center;line-height:100%;
width:94%;
height:100%;color:#FFF;font-size: 1.25em;
}
.team_grid1 h3, .team_grid2 h3, .team_grid3 h3 , .team_grid4 h3{
font-size: 0.75em;
line-height: 32px;
width: 70%;
height:32px;
margin-top:-55px;
margin-left:26%;
text-align: left;
}
.copy-right p {
font-size: 12px;
line-height: 1.7em;
margin-top: -3px;
width:100%;
height:100%;
word-wrap: break-word;
margin-left:0%;
}
.display {
display:none;
}
.clients-icons li {
margin-left: 0px;
margin-bottom: 13px;
}
.clients-icons li img{
width:350px;height:auto;
}
.projectitem { width:380px; }
.offices-section p, .team-section p, .client-section p {
font-size: 0.125em;
margin: 0 auto 0;
width: 86%;
overflow: hidden;
height: 30px;
}
.team-section h3{
text-align: center;
font-size:1.8em;
line-height: 1.8em;
margin: 0em auto 0;
text-transform: uppercase;
}
.team-section p {
text-align: center;
font-size: 1.0em;
margin: 3% auto 0;
line-height: 1.7em;
color: #343433;
width: 50%;
}
.team-section {
height: 30px;
}
.team-section h3{
text-align: center;
font-size:1.25em;
line-height: 1.25em;
margin: 0em auto 0;
text-transform: uppercase;
}
.team-section lable{
border-bottom: 2px solid#343433;
position: absolute;
top: -10px;
left: 42%;
width:60px;
}
.footer{
padding-bottom: 0.125em;
margin-top: 0px;
}
.nav .open .dropdown-menu>li>a {
padding: 5px 5px 5px 5px;
}
.nav>.oen{
display: none;
}
.navbar-default .navbar-nav>li> a {width:98%;}
.navbar-collapse {
border-top: 0px solid transparent;
}
.nav>li {
width: 20%;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 0px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
font-size: 12px;
}
.navbar-nav>.open>.dropdown-menu {
min-width: 80px;
width: 80px;
background-color: #e7e7e7;
}
.nav .open .dropdown-menu>li, .nav .open .dropdown-menu>li>a {
width: 10%;
}
div#contact {
min-height: 480px;
margin-top: -108px;
}
}
@media(max-width:375px){
.top-nav-right ul {
margin-top: 6px;
}
.navbar-nav>.open>.dropdown-menu {
min-width: 73px;
width: 73px;
background-color: #e7e7e7;
}
.slidestock .stocknum.up {
width: 200px;
margin-top: -55px;
margin-left:85%;
zoom:0.75;
}
.slidestock .stocknum.down{
width: 200px;
margin-top: -55px;
margin-left:85%;
zoom:0.75;
}
#portfoliolist .portfolio {
height: 91px;
}
#portfoliolist .portfolio a{
width: 100%;
height:91px;
}
.copy-right p {
font-size: 13px;
line-height: 1.7em;
margin-top: -3px;
}
.ss-style-lidingjianju{margin-top : 29px;}
.view-img375{margin-left:50px;}
.display {
display:none;
}
.service-grids {
margin-top: -0.125em;
margin-bottom: -1.25em;
}
.team_grid2, .team_grid3,.team_grid4 {
margin-top: 5px;
width: 100%;
height: 100%;
float:left;
}
.service-grid1 p, .service-grid2 p, .service-grid3 p {
font-size: 0.8em;
margin: 1% auto 0;
width: 100%;
overflow: hidden;
height: 65px;
}
.view-img10{width:20%;height:auto;overflow:hidden;text-align:center;margin:0 0%;}
.view-img10 img{width:100%;height:auto;margin:0 0 3px auto;}
.view .mask, .view .contentn {
width: 100%;
top: 0;
left: 0px;
height: 100%;
float:left;
border-radius:5px;
}
.view{border-bottom:1px solid #e0e0e0;width:93%;}
.view a.info {
display: inline-block;
text-decoration: none;
padding:0;
text-align:center;
line-height:100%;
width:93%;
height:100%;color:#FFF;font-size: 1.25em;
}
.team_grid1 h3, .team_grid2 h3, .team_grid3 h3 , .team_grid4 h3{
font-size: 0.75em;
line-height: 32px;
width: 69%;
height:32px;
margin-top:-55px;
margin-left:26%;
text-align: left;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.copy-right p {
font-size: 12px;
line-height: 1.7em;
margin-top: -3px;
width:100%;
height:100%;
word-wrap: break-word;
margin-left:0%;
}
.display {
display:none;
}
.clients-icons li {
margin-left: 0px;
margin-bottom: 13px;
}
.clients-icons li img{
width:315px;height:auto;
}
.projectitem { width:350px; }
.footer{
padding-bottom: 0.125em;
margin-top: 0px;
}
}
@media(max-width:360px){
.navbar-nav>.open>.dropdown-menu {
min-width: 70px;
width: 70px;
background-color: #e7e7e7;
}
.slidestock .stocknum.up {
width: 200px;
margin-top: -70px;
margin-left:95%;
zoom:0.74;
}
.slidestock .stocknum.down{
width: 200px;
margin-top: -70px;
margin-left:95%;
zoom:0.74;
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:340px;}
div#contact {
min-height: 320px;
}
.contact-content {
display:none;
}
.map{
margin: 0 auto;
margin-top: 30px;
text-align: center;
height: 220px;
width: 220px;
}
.location {
display: inline-block;
height: 220px;
width: 220px;
background-size: 100%;
margin-top: 50px;
}
.location ul li a i{
width:12px;
height:12px;
display: inline-block;
background: url('../images/base/l-icon3.png') no-repeat;
vertical-align: middle;
}
.location ul li a span.s1 {
left: 54%;
top: 44%;
font-size: 10px;
}
.location ul li a i.icon_1 {
background-position: 3px 0px;
left: 48%;
top: 45%;
}
.location ul li a:hover i.icon_1{
background-position: -11px 0px;
left: 48%;
top: 45%;
}
.location ul li a span.s2 {
left: 58%;
top: 39%;
font-size: 10px;
}
.location ul li a i.icon_2 {
background-position: 3px 0px;
left: 52%;
top: 40%;
}
.location ul li a:hover i.icon_2{
background-position: -11px 0px;
left: 52%;
top: 40%;
}
.location ul li a span.s3 {
left: 66%;
top: 49%;
font-size: 10px;
}
.location ul li a i.icon_3 {
background-position: 3px 0px;
left: 60%;
top: 50%;
}
.location ul li a:hover i.icon_3{
background-position: -11px 0px;
left: 60%;
top: 50%;
}
.location ul li a span.s4 {
left: 54%;
top: 31%;
font-size: 10px;
}
.location ul li a i.icon_4 {
background-position: 3px 0px;
left: 48%;
top: 32%;
}
.location ul li a:hover i.icon_4{
background-position: -11px 0px;
left: 48%;
top: 32%;
}
.location ul li a span.s5 {
left: 44%;
top: 39%;
font-size: 10px;
}
.location ul li a i.icon_5 {
background-position: 3px 0px;
left: 38%;
top: 40%;
}
.location ul li a:hover i.icon_5{
background-position: -11px 0px;
left: 38%;
top: 40%;
}
.location ul li a span.s6 {
left: 62%;
top: 74%;
font-size: 10px;
}
.location ul li a i.icon_6 {
background-position: 3px 0px;
left: 56%;
top: 75%;
}
.location ul li a:hover i.icon_6{
background-position: -11px 0px;
left: 56%;
top: 75%;
}
.location ul li a span.s7 {
left: 52%;
top: 51%;
font-size: 10px;
}
.location ul li a i.icon_7 {
background-position: 3px 0px;
left: 46%;
top: 52%;
}
.location ul li a:hover i.icon_7{
background-position: -11px 0px;
left: 46%;
top: 52%;
}
.clients-icons li {
margin-left: 0px;
margin-bottom: 13px;
}
.clients-icons li img{
width:300px;height:auto;
}
.copy-right p {
font-size: 12px;
line-height: 1.7em;
margin-top: -3px;
width:100%;
height:100%;
word-wrap: break-word;
margin-left:0%;
}
.display {
display:none;
}
.projectitem { width:320px; }
.team-section lable{
border-bottom: 2px solid#343433;
position: absolute;
top: -10px;
left: 41%;
width:60px;
}
.footer{
padding-bottom: 0.125em;
margin-top: 0px;
}
div#contact {
margin-top: -107px;
}
}
@media(max-width:320px){
.service-grids {
margin-top: -0.125em;
margin-bottom: -1.25em;
font-size: 12px;
}
.navbar-nav>.open>.dropdown-menu {
min-width: 65px;
width: 65px;
background-color: #e7e7e7;
}
.slidestock .stocknum.up {
width: 200px;
margin-top: -70px;
margin-left:90%;
zoom:0.7;
}
.slidestock .stocknum.down{
width: 200px;
margin-top: -70px;
margin-left:90%;
zoom:0.7;
}
#portfoliolist .portfolio {
height: 77px;
}
#portfoliolist .portfolio a{
width: 100%;
height:77px;
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:105%;height:300px;}
div#contact {
min-height: 320px;
}
.contact-content {
display:none;
}
.map{
margin: 0 auto;
margin-top: 30px;
text-align: center;
height: 220px;
width: 220px;
}
.location {
display: inline-block;
height: 220px;
width: 220px;
background-size: 100%;
}
.location ul li a i{
width:12px;
height:12px;
display: inline-block;
background: url('../images/base/l-icon3.png') no-repeat;
vertical-align: middle;
}
.location ul li a span.s1 {
left: 54%;
top: 44%;
font-size: 10px;
}
.location ul li a i.icon_1 {
background-position: 3px 0px;
left: 48%;
top: 45%;
}
.location ul li a:hover i.icon_1{
background-position: -11px 0px;
left: 48%;
top: 45%;
}
.location ul li a span.s2 {
left: 58%;
top: 39%;
font-size: 10px;
}
.location ul li a i.icon_2 {
background-position: 3px 0px;
left: 52%;
top: 40%;
}
.location ul li a:hover i.icon_2{
background-position: -11px 0px;
left: 52%;
top: 40%;
}
.location ul li a span.s3 {
left: 66%;
top: 49%;
font-size: 10px;
}
.location ul li a i.icon_3 {
background-position: 3px 0px;
left: 60%;
top: 50%;
}
.location ul li a:hover i.icon_3{
background-position: -11px 0px;
left: 60%;
top: 50%;
}
.location ul li a span.s4 {
left: 54%;
top: 31%;
font-size: 10px;
}
.location ul li a i.icon_4 {
background-position: 3px 0px;
left: 48%;
top: 32%;
}
.location ul li a:hover i.icon_4{
background-position: -11px 0px;
left: 48%;
top: 32%;
}
.location ul li a span.s5 {
left: 44%;
top: 39%;
font-size: 10px;
}
.location ul li a i.icon_5 {
background-position: 3px 0px;
left: 38%;
top: 40%;
}
.location ul li a:hover i.icon_5{
background-position: -11px 0px;
left: 38%;
top: 40%;
}
.location ul li a span.s6 {
left: 62%;
top: 74%;
font-size: 10px;
}
.location ul li a i.icon_6 {
background-position: 3px 0px;
left: 56%;
top: 75%;
}
.location ul li a:hover i.icon_6{
background-position: -11px 0px;
left: 56%;
top: 75%;
}
.location ul li a span.s7 {
left: 52%;
top: 51%;
font-size: 10px;
}
.location ul li a i.icon_7 {
background-position: 3px 0px;
left: 46%;
top: 52%;
}
.location ul li a:hover i.icon_7{
background-position: -11px 0px;
left: 46%;
top: 52%;
}
.header {
min-height: 167px;
}
.header-top {
padding: 5px 0;
}
.banner-info h1 {
font-size: 1.4em;
}
.banner-info p {
display: none;
}
span.menu {
right: 26px;
top: 13px;
cursor: pointer;
}
.logo {
margin-top: 1px;
}
.slide-btn {
padding: 0;
margin-top: 5px;
font-size: 16px;
}
.service-section lable {
top: 67%;
left: 39.7%;
width: 20%;
}
#filters li span {
display: block;
padding: 6px 8px;
font-size: 15px;
margin-bottom: 5px;
}
.port-section lable {
border-bottom: 3px solid#fff;
position: absolute;
top: 100%;
left: 38.5%;
width: 22%;
}
.b-animate img {
margin-top: 18%;
}
.offices-section lable {
border-bottom: 3px solid#fff;
top: 44%;
left: 39.5%;
width: 21%;
}
.client-section lable {
top: 38%;
width: 22%;
left: 40.5%;
}
.offices-section p, .team-section p, .client-section p {
font-size: 1em;
margin: 1.5% auto 0;
width: 86%;
overflow: hidden;
height: 50px;
}
li.contact-grid.fb {
display: none;
}
ul.contact-grids li {
width: 30%;
margin:0% auto 0;
}
li.contact-grid.phone h4 {
overflow: hidden;
height:18px;
}
ul.contact-grids h4 {
font-size: 13px;
}
ul.contact-grids {
margin:6% auto 0;
}
form {
width: 96%;
margin-top: 2%;
}
.contact-section lable {
top: 96%;
left: 38.5%;
width: 23%;
}
.contact-section h3 {
font-size: 1.3em;
margin-top: 6em;
}
.item h4 {
font-size: 1em;
}
#toTop {
display: none;
bottom:12%;
right:2%;
}
.contact-content input[type="text"] {
font-size: 13px;
margin-top: 2%;
}
.footer{
padding-bottom: 0.125em;
margin-top: 0px;
}
.logo-2 {
float: left;
margin-left: 8%;
display: none;
}
.ss-style-lidingjianju{margin-top : 28px;}
.view-img375{margin-left:25px;}
.copy-right {
margin-top: 15px;
}
.copy-right p {
font-size: 12px;
line-height: 1.7em;
margin-top: -3px;
width:100%;
height:100%;
word-wrap: break-word;
margin-left:0%;
}
.display {
display:none;
}
.clients-icons li {
margin-left: 0px;
margin-bottom: 13px;
}
.clients-icons li img{
width:250px;height:auto;
}
nav{
height:80px;
}
.projectitem { width:300px; }
.animated{
margin-top:-0px;
}
.team_grid2, .team_grid3,.team_grid4 {
margin-top: 5px;
width: 100%;
height: 100%;
float:left;
}
.service-grid1 p, .service-grid2 p, .service-grid3 p {
font-size: 0.8em;
margin: 1% auto 0;
width: 100%;
overflow: hidden;
height: 65px;
}
.view-img10{width:20%;height:auto;overflow:hidden;text-align:center;margin:0 0%;}
.view-img10 img{width:100%;height:auto;margin:0 0 3px auto;}
.view .mask, .view .contentn {
width: 100%;
top: 0;
left: 0px;
height: 100%;
float:left;
border-radius:5px;
}
.view{
border-bottom:1px solid #e0e0e0;
width:92%;
}
.view a.info {
display: inline-block;
text-decoration: none;
padding:0;
text-align:center;
line-height:100%;
width:92%;
height:100%;
color:#FFF;
font-size: 1.25em;
}
.team_grid1 h3, .team_grid2 h3, .team_grid3 h3 , .team_grid4 h3{
font-size: 0.75em;
line-height: 32px;
width: 70%;
height:32px;
margin-top:-55px;
margin-left:24%;
text-align: left;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.team-section {
height: 30px;
}
.team-section h3{
text-align: center;
font-size:1.25em;
line-height: 1.25em;
margin: 0em auto 0;
text-transform: uppercase;
}
.team-section lable{
border-bottom: 2px solid#343433;
position: absolute;
top: -10px;
left: 40%;
width:60px;
}
.footer{
padding-bottom: 0.125em;
margin-top: 0px;
}
}
.index-comment {width:300px; margin:0px auto; padding-top:20px;}
.index-comment {color:white;}
.guestbook_input,.guestbook_textarea,.guestbook_btn {background:none; border:1px solid #fff;}
.contact-content form textarea.guestbook_textarea {width:90%;height:88px;}
.guestbook_btn {padding:0px 15px;}
.ss-style-bigtriangle {padding:44px 0px;background:#ECF0F1;}
svg {fill:#ECF0F1;}