/*------------------------------------------------------
  BASIC STYLES
--------------------------------------------------------*/
body{background:white;font-size:14px;font-family:Microsoft YaHei,"PT Serif",Georgia,serif;font-weight:normal;font-style:normal;line-height:24px;color:#676767;-webkit-font-smoothing:antialiased;  /* Fix for webkit rendering */-webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6{color:#31373a;font-weight:normal;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{line-height:1.7;font-size:20px;}
h5{font-size:16px;line-height:180%;}
h6{font-size:14px;}
p{margin:0 0 15px 0;}
p img{margin:0;}
p.lead{font-size:28px;line-height:36px;}
em,i{font-style:italic;}
strong,b{font-weight:bold;color:#31373a;}
a,a:visited{text-decoration:none!important;outline:0;}
a:hover,a:focus,a:active{color:#00a8d6;}
p a,p a:visited{line-height:inherit;}
::-moz-selection{background-color:#d3dde0;text-shadow:none;}
::-webkit-selection{background-color:#d3dde0;text-shadow:none;}
::selection{background-color:#d3dde0;text-shadow:none;}


*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


img::selection{background-color:transparent;}
img::-moz-selection{background-color:transparent;}
.subtract-bottom{margin-bottom:-40px!important;}
.remove-bottom{margin-bottom:0!important;}
.half-bottom{margin-bottom:20px!important;}
.add-bottom{margin-bottom:40px!important;}
.add-top-10{margin-top:10px!important;}
.add-top-20{margin-top:20px!important;}
.add-left{margin-left:20px!important;}
.add-right{margin-right:20px!important;}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
*:focus{outline:0;}
.footer-menu,.copyright-text{text-align:center;}
.main-nav ul,.main_menu,.main_menu li ul,#filters,.pages,.project-single .meta-post,.archive-wrapper .archive-list,.categories ul,.thumbs,.footer-menu{list-style:none;padding:0;margin:0;}
a,a:visited{-webkit-transition:all 150ms ease-in;-moz-transition:all 150ms ease-in;-o-transition:all 150ms ease-in;transition:all 150ms ease-in;}
.service-section,.first-widget{position:relative;margin-top:101px;}
.light-content,#blogPosts{margin-top:70px;}

/*------------------------------------------------------
  HEADER STYLES
--------------------------------------------------------*/
.site-header{position:fixed;top:0;left:0;width:100%;background:white;box-shadow:rgba(0,0,0,0.35) 0px 0px 3px;-moz-box-shadow:rgba(0,0,0,0.35) 0px 0px 3px;-webkit-box-shadow:rgba(0,0,0,0.35) 0px 0px 3px;z-index:9999;padding:0 0 10px 0;overflow:visible;transition:padding 0.3s ease-in-out;-moz-transition:padding 0.3s ease-in-out;-webkit-transition:padding 0.3s ease-in-out;}
.top-header{background:#36363E;color:#CDCDCF;padding:5px 0;}
.top-header .left-header span{font-size:16px;font-weight:bold;line-height:200%;}
.top-header .left-header span i{margin-right:10px;}
.top-header .right-header input{background:url(../images/search.png) no-repeat right center #5E5E64;border-radius:0;color:#8B8B8F;width:60%;}
.logo-menu{margin:20px 0 15px 0;}
.main-nav ul li{float:left;display:block;margin-left:5px;position:relative;}
.main-nav ul li a{color:#777777;font-size:16px;font-weight:700;text-transform:uppercase;font-family:"Raleway",sans-serif;padding:5px 15px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.main-nav ul li a:hover{color:#00a8d6;}
.main-nav ul li a i{margin-left:7px;}
.main-nav ul li.active a{color:#00a8d6;background-color:#f1f4f5;}
.main-nav ul li ul{display:none;top:100%;left:0;margin-top:5px;position:absolute;width:180px;background-color:white;border:2px solid #f1f4f5;}
.main-nav ul li ul li{margin-left:0;width:100%;border-bottom:1px solid #dce4e6;}
.main-nav ul li ul li:last-child{border-bottom:none;}
.main-nav ul li ul li a{background-color:transparent!important;color:#777777!important;text-transform:capitalize;font-weight:600;}
.main-nav ul li ul li a:hover{color:#00a8d6!important;}
.main-nav ul li ul li:last-child a{border-bottom:none;}
a.menu-toggle-btn{float:right;color:#31373a;font-size:14px;display:block;}
a.menu-toggle-btn i{font-size:18px;}
.main_menu li{border-bottom:1px solid #485156;padding:10px 0;}
.main_menu li:first-child{padding-top:0;}
.main_menu li:last-child{border-bottom:none;padding-bottom:0;}
.main_menu li a{font-size:14px;font-family:"Raleway",sans-serif;color:#bfbfbf;font-weight:500;}
.main_menu li ul li{margin-left:20px;}
.main_menu li ul li:first-child{border-top:1px solid #485156;padding-top:8px;margin-top:10px;}
.main_menu li ul li:before{content:'-';color:gray;margin-right:10px;}
.responsive_menu{padding:20px;background-color:rgba(49,55,58,0.98);display:none;z-index:9999;position:relative;zoom:1;}

/*------------------------------------------------------
  home banner
--------------------------------------------------------*/
.flexslider{margin-top:101px;width:100%;max-width:100%;min-width:100%;overflow:hidden;}
.flex-direction-nav a{color:#444444;width:40px;height:40px;background-color:white;-webkit-border-radius:3px;border-radius:3px;margin:-20px 0 0 0;text-align:center;line-height:40px;}

/*------------------------------------------------------
  form and botton Styling
--------------------------------------------------------*/
.light-content{background-color:white;width:100%;}
.large-button{padding:15px 20px;font-size:12px;font-family:"Raleway",sans-serif;text-transform:uppercase;font-weight:800;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
a.large-button.white-color{color:#31373a;background-color:white;}
.main-button{color:#ffffff;font-size:14px;text-align:center;border:1px solid #7D8FA6;padding:4px 20px;display:inline-block;}
a.main-button .accent-color{color:#ffffff;}
a.main-button.accent-color:hover{color:#ffffff;background-color:#49C7BC;}
.icon-button{margin-left:15px;}
.last-item-margin{margin-bottom:100px;}
label{font-weight:normal;color:#aaaaaa;}
input,textarea{border:0;color:#8B8B8F;padding:0px 5px;}
input:focus,textarea:focus{background-color:white;border-color:#dce4e6;}
.mainBtn{background-color:#49C7BC;padding:2px 17px;color:white;display:inline-block;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-transition:background 250ms ease-in;-moz-transition:background 250ms ease-in;-ms-transition:background 250ms ease-in;-o-transition:background 250ms ease-in;transition:background 250ms ease-in;}
.mainBtn:hover{background-color:#00b8ea;}
button{outline:0;border:0;}
input.mainBtn:focus,input.mainBtn{background-color:#00a8d6;border:0;}
#homeIntro{background-image:url("../images/includes/homeintro.jpg");}
#portfolio{background-image:url("../images/includes/portfolio.jpg");}
#portfolioId{background-image:url("../images/includes/portfolioId.jpg");}
#blogPosts{background-image:url("../images/includes/blogPosts.jpg");}
#blog{background-image:url("../images/includes/blog.jpg");}
#blogId{background-image:url("../images/includes/blogId.jpg");background-attachment:inherit;}
#banner img{width:100%;height:auto;}
.parallax{background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff;overflow:hidden;}
.page-location{font-size:14px;color:#2A4A74;padding:7px 12px;border-bottom:1px solid #CBCBCB;text-align:right;}
.home-intro-content{padding:11em 0;text-align:center;}
.home-intro-content h2{font-size:36px;font-weight:800;color:white;}
.home-intro-content p{margin:55px 0;font-size:18px;line-height:32px;}
.home-intro-content .large-button:hover{opacity:0.8;}
blockquote{margin:30px 0;display:block;color:#aaaaaa;}

/*------------------------------------------------------
  Call To Action
--------------------------------------------------------*/
.cta{padding:35px 0;border-bottom:1px solid #dce4e6;text-align:center;}
.cta .cta-title{display:inline-block;margin:0 50px 0 0;font-size:16px;}

/*------------------------------------------------------
  Services Styling
--------------------------------------------------------*/
.service-box-wrap{text-align:center;margin-bottom:80px;border:1px solid #eee;padding:30px 40px;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-box-shadow: 0 16px 32px 0 rgba(214, 221, 234, 0.5);
  box-shadow: 0 16px 32px 0 rgba(214, 221, 234, 0.5);
}
.service-icon-wrap{display:block;margin-top:-60px;}
.service-title{font-size:18px;font-weight:600;margin:30px 0 20px 0;}
.related-projects{margin:100px 0 60px 0;}
.flex-direction-nav a{color:#5D5A57;width:40px;height:40px;background-color:FFFFFF;margin:-20px 0 0 0;text-align:center;line-height:40px;border-radius:50%;}
.flex-direction-nav a:before{background-color:#FFFFFF;display:block;color:#5D5A57;text-align:center;line-height:40px;font-size:14px;border-radius:50%;}
.flex-direction-nav .flex-prev{left:20px;}
.flex-direction-nav .flex-next{right:20px;}

/*------------------------------------------------------
  News and service and partner page
--------------------------------------------------------*/
.home-news{position:relative;}
.home-news .section-title{padding:30px 0;}
.home-news .section-title span{color:#49C7BC;}
.news{color:#979797;}
.news-line{border-top:1px solid #49C7BC;}
.news-box{background:#FFFFFF;padding:0 10px;margin-left:30px;}
.new-content-line{border-bottom:1px solid #CBCBCB;}
.news-role{position:absolute;top:0;left:0;width:50px;height:50px;background-color:#49C7BC;color:#FFFFFF;border-radius:50%;font-size:14px;text-align:center;line-height:50px;margin-top:-25px;margin-left:0px;}
.news-more{  /*position: absolute;
    top:100px;
    right:10px;*/
  background-color:#FFFFFF;color:#49C7BC;font-size:14px;text-align:center;border:1px solid #49C7BC;padding:4px 20px;display:block;width:100px;margin:20px auto;}
.news-name{font-weight:bold;line-height:180%;margin-top:25px;display:block;}
.news-name a{color:#6D6D6D;}
.news-content p a{color:#979797;}
.news-content span{display:inline-table;margin-right:80px;}
.service2{}
.service2 li a{background:#6DD2C9;color:#FFFFFF;-moz-border-radius:0px;      /* Gecko browsers */-webkit-border-radius:0px;   /* Webkit browsers */border-radius:0px;            /* W3C syntax */}
.service2 li a:hover{background:#49C7BC;color:#FFFFFF;}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{background:#49C7BC;color:#FFFFFF;padding-top:20px;padding-left:20;margin-top:-10px;}
.down-modal{background:url(../images/modal.png) #ffffff no-repeat top left;}
.down-modal .modal-title{color:#009999;padding:10px 20px;}
.down-modal .modal-body{padding:10px 40px;}
.down-modal .modal-body input{border-radius:0px;margin-bottom:10px;}
.service3 table thead td{background:#6CA5DF;color:#FFFFFF;}
.news-view h3{text-align:center;}
.news-view h3 span{font-size:13px;font-weight:normal;color:#999999;}
.news-view p{text-indent:2em;}
.product .col-md-4{padding:0;}
.product-box{background:#fff;border:1px solid #9C9C9C;padding:15px 20px;margin:3px;}
.product-box img{height:73px;width:auto;}
.product-box a{color:#676767}
.partner a{color:#33BBAF;}
.aptitude img{height:240px;width:auto;}
.news-content a:hover{color:#25375A;}

/* page */
.pz_fy{width:100%;padding:20px 0px;text-align:center;}

/*·ÖÒ³¸¡×ó»òÕ߸¡ÓÒ£¬Ð޸Ĵ˴¦¼´¿É¡£Àý£ºtext-align:left;*/
.pz_fy a{PADDING:6px 10px;COLOR:#31312f;text-decoration:none;margin:0 1px;font-size:12px;background:url(../images/new_img6.jpg) top repeat-x;overflow:hidden;-moz-border-radius:4px;webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;}
.pz_fy a:hover,.pz_fy a.on{color:#fff;text-decoration:none;background:url(../images/new_img7.jpg) top repeat-x;overflow:hidden;}
.thumb-post{height:auto;}
.thumb-post img{width:100%;height:auto;}

/*------------------------------------------------------
  home_contact,home_company
--------------------------------------------------------*/
#home_company{background-image:url("../images/company_bg.png");background-color:#153460;background-repeat:no-repeat;background-position:top center;}
#home_contact{background-image:url("../images/contact_bg.png");background-repeat:no-repeat;background-position:center center;}
#footer_bg{background-image:url("../images/footerbg.png");background-color:#25375A;background-repeat:no-repeat;background-position:top left;-moz-background-size:auto 100%; /* ÀÏ°æ±¾µÄ Firefox */background-size:auto 100%;}
#home_contact,#home_company,#footer_bg{color:#DFDFDF;}
#home_contact h2.section-title{color:#DFDFDF;}
.home_contact-content{padding:30px 0;overflow:hidden;}
.home_contact-content h4.post-title{font-size:22px;font-weight:500;line-height:30px;color:#DFDFDF;}
.home_contact-content h4.post-title a{color:white;}

#home_company p{margin-bottom: 10px}

/*------------------------------------------------------
  leftmenu Styling
--------------------------------------------------------*/
.leftmenu{display:block;}
.leftmenu .sidebar{margin-top:-23px;margin-bottom:100px;background:url(../images/leftmenu_top.png) no-repeat;background-size:contain;z-index:1000;padding-top:26px;-webkit-box-shadow:3px 3px 3px #CFCECE;-moz-box-shadow:3px 3px 3px #CFCECE;box-shadow:3px 3px 3px #CFCECE;}
.sidebar-widget{margin-bottom:60px;background:#fff;-webkit-box-shadow:1px 1px 3px #CFCECE;-moz-box-shadow:1px 1px 3px #CFCECE;box-shadow:1px 1px 3px #CFCECE;}
.widget-title{font-size:16px;font-weight:600;margin:50px 0 30px 0;background:#49C7BC;line-height:50px;padding-left:60px;}
.widget-title img{margin-right:-16px;}
.categories{border-bottom:1px solid  #f4f4f4;padding-bottom:40px;}
.categories ul li{text-align:left;padding:5px 20px;line-height:200%;}
.categories ul li a{display:block;color:#666666;padding:0 20px;}
.categories ul li a:hover,.categories ul li a.on{background:#f4f4f4;}
.categories ul li a:after{content:'>';color:#aaaaaa;font-size:12px;float:right;}
.contact_foot{padding:10px 20px;}

/*------------------------------------------------------
  about Page Styling
--------------------------------------------------------*/
.about-wrapper{background:url(../images/about_tit.png) no-repeat;background-position:0px 40px;padding:30px 0px 30px 60px;}
.about-wrapper img{max-width:100%;}
.about-wrapper h3{margin:0 0 30px 0;background:#ffffff;display:inline-block;padding:0 5px;}
.develop{padding:0px;}
.develop-box{background:url(../images/develop_2.png) no-repeat top center;padding:40px 20px 0 20px;text-align:center;margin:0px;}

/*------------------------------------------------------
  contact Page Styling
--------------------------------------------------------*/
.contact-small{margin-left:45px;margin-bottom:40px;padding:10px 20px;background:#f4f4f4;-moz-border-radius:8px;      /* Gecko browsers */-webkit-border-radius:8px;   /* Webkit browsers */border-radius:8px;            /* W3C syntax */}
.contact-form{margin-top:50px;margin-bottom:100px;padding-top:50px;border-top:1px solid #dce4e6;}
.contact-form label{font-weight:normal;color:#333333;}
.contact-form input{width:320px;max-width:100%;}
.contact-form textarea{width:100%;}
.contact-form input,.contact-form textarea{-moz-border-radius:0px;      /* Gecko browsers */-webkit-border-radius:0px;   /* Webkit browsers */border-radius:0px;border:1px solid #CCCCCC;color:#8B8B8F;}
.contact-form input:focus,.contact-form textarea:focus{border-color:#dce4e6;}

/*------------------------------------------------------
  footer Styling
--------------------------------------------------------*/
.site-footer{background-color:#25375A;padding:0;color:#aaaaaa;font-family:"Raleway",sans-serif;}
.copyright-text{margin-top:10px;font-size:13px;}
.footerlist{padding:30px 0 0 0;line-height:18px;}
.footerlist a{color:#FFFFFF;}
.footerlist a:hover{color:#0099FF;}
.footerlist ul{margin:0;padding:0;}
.footerlist h5{color:#FFFFFF;}
.footerlist li{font-size:12px;list-style:none;background:none;}

/*------------------------------------------------------
  RESPONSIVE STYLES
--------------------------------------------------------*/
@media (max-width:991px){
  .site-header{padding:0;position:relative!important;}
  .first-widget{margin-top:0;}
  .leftmenu{display:none;}
  #footer_bg{background-position:bottom left;-moz-background-size:auto auto; /* ÀÏ°æ±¾µÄ Firefox */background-size:auto auto;}
  .footerlist{padding:15px 50px;float:left;}
}
@media (max-width:767px){
  .logo img{width:100%;}
  .parallax{background-position:center center!important;}
  .leftmenu{display:none;}
  .about-wrapper{padding:10px 15px;}
  .about-wrapper h3{margin:15px 0 30px 40px;}
  #footer_bg{background-position:bottom center;-moz-background-size:auto auto; /* ÀÏ°æ±¾µÄ Firefox */background-size:auto auto;}
  .footerlist{padding:15px 30px;float:left;}
  .isotope-item{width:100%;height:auto;}
}

/*by ayumi*/
.categories ul li a.on{background:#f4f4f4;}

/*分页*/
.pagination{padding:20px 0;text-align:center;display:block;}
.pagination ul{text-align:center;}
.pagination ul,.pagination ul li{list-style:none;padding:0;margin:0}
.pagination ul li{border-radius:4px;color:#31312f;display:inline-block;margin:0 2px;}
.pagination ul li a{border-radius:4px;color:#31312f;background-color:#E7E7E7;line-height:30px;text-align:center;display:inline-block;padding:0 10px}
.pagination ul li span.current{color:#fff;background-color:#5271B1;border-radius:4px;line-height:30px;text-align:center;display:inline-block;padding:0 10px;transition:all 150ms ease-in;}
.pagination ul li a:hover{color:#fff;background-color:#5271B1;transition:all 150ms ease-in;}

.zzidc-fw {background: #bbb;width: 100%;padding: 20px 0;}
.fw-ct .item .icon {display: inline-block; width: 56px; height: 52px;vertical-align: middle;margin-right: 10px;background: url(../images/zzidc-fw.png) no-repeat;float: left;}
.fw-ct .item {font-size: 14px; color: #fff;}

.fw-ct .item .icon-1 {
  background-position: 0 -18px;
}

.fw-ct .item .icon-3 {
  background-position: 0 -141px;
}
.fw-ct .item .icon-4 {
  background-position: 0 -203px;
}
.fw-ct .item .icon-5 {
  background-position: 0 -265px;
}
.fw-ct .term{line-height: 22px;float: left;color:#25375A }

.logo-list,.logo-list li{margin: 0;padding: 0;list-style: none}
.logo-list li{margin-bottom: 30px; text-align: center;}
.logo-list li img{max-width: 100%}
.logo-list li h3{text-align: center;text-transform: uppercase;
  font-size: 18px;}

.flexslider-logo{ position: relative;}
.flexslider-logo .flex-direction-nav .flex-prev:before,.flexslider-logo .flex-direction-nav .flex-next:before{background-color: #2B3E70;color: #fff}
.flexslider-logo .flex-direction-nav .flex-prev{margin-left: -50px;}
.flexslider-logo .flex-direction-nav .flex-next{margin-right: -50px}
.flexslider-logo .logo-list img{width: 80%}

#home_company{background-image:none;background-color: transparent}
#home_company p{color: #333}


.logo-list li h3{font-size: 12px;display: none}
.brand-list.logo-list li{margin-bottom: 0px}
.brand-list.logo-list li img{width: 80%;margin: 0 auto}
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px){
  .add-top-20{margin-top: 0!important;}
  .logo-menu{margin: 0;}
  .navbar-toggle{margin: 0}
  .navbox.nav .logo span{font-size: 18px;}
  .navbox{position: fixed;background-color: #fff;height: 50px;top:0;right: 0;left: 0;z-index: 99}
  .logo img{height: 50px}
  .header{position: fixed;z-index: 99;right: 0;left: 0px;top:0;background-color: #fff;box-shadow:0 0px 28px 0 rgba(0,0,0,.1);}
  .header .logo img{height: 50px;margin-left: 15px}
  .navbar-toggle .icon-bar{border: 1px solid #000}
  .sidebar{background-color: #000; color: #fff; min-width: 300px; width: 300px;position: fixed;right:0px;top:0;bottom:0;z-index: 99999;height: 100%!important}

  .sidebar{padding: 15px;right: 0px;
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(300px,0,0);
    -moz-transform: translate3d(300px,0,0);
    -ms-transform: translate3d(300px,0,0);
    -o-transform: translate3d(300px,0,0);
    transform: translate3d(300px,0,0);
  }
  .sidebar .closed{color: #fff;position: absolute;font-size: 28px;top: 10px;right: 10px;line-height: 30px;cursor: pointer;}
  .sidebar.open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    display: block;right: 0px;}
  .sidebar,.sidebar *{color: #fff}
  .sidebar ul li{line-height: 50px;border-bottom: 1px solid #1A1A1A}
  .sidebar a{display: block;line-height: 50px;}
  .mask{background-color: rgba(0,0,0,.6);position: fixed;top:0;right: 0;bottom: 0;left: 0;z-index: 99;cursor: pointer;}
  .sidebar.open{overflow-y: scroll;-webkit-overflow-scrolling: touch;}
  /*手机子菜单*/
  .sidebar-down{position: relative;}
  .sidebar-down:after{content:"\e658";font-family: 'antfont';position: absolute;right: 10px;top: 5px;font-size: 12px;}
  .sidebar-down ul{display: none;padding-left: 20px;}
  .sidebar-down ul li,.sidebar-down ul li a{line-height: 40px;}

  .logo-list li h3{display: none}
  .flexslider-logo .flex-direction-nav .flex-prev,.flexslider-logo .flex-direction-nav .flex-next{display: none}

  .zzidc-fw{padding: 15px}
  .fw-ct .item .icon{float: none;margin-right: 0;text-align: center;margin: 0 auto;display: block}
  .fw-ct.col-xs-3{padding: 0 5px}
  .fw-ct.col-xs-3 span{font-size: 12px;text-align: center;}
}

.service-content ul{background:url("../images/simg.png") right center no-repeat;}