@charset "utf-8";
@font-face{
	font-family:webFont;
	src:url('./SourceHanSansSC-Normal-2.otf')
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, textarea { margin: 0; padding: 0; font-size: 14px; line-height: 24px; color: #333;}
body{
	font-family: webFont;
}
ol, ul, li { list-style: none; line-height: 24px;}
ol, ul { zoom: 1; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: none; vertical-align: middle; }

a, a:link, a:visited { cursor: pointer; text-decoration: none; color: #333; }
    a:hover { cursor: pointer; color: #165aaf; }
:focus { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear: both; float: none; overflow: hidden; height: 0; font-size: 0; }
.clearfix:after { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: "."; }
.clearfix { zoom: 1; }

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

.fl { float: left; }
.fr { float: right; }
.font { font: 14px/24px "Comic Sans MS"; }
.css3pie { behavior: url(css3pie/PIE.htc); }
.w_P100 { width: 100%; }
.h_P100 { height: 100%; }
.aLinkBeian{color:#d58512;}
.coryright a, .coryright a:link, .coryright a:visited{
	color:#d58512;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }
select::-ms-expand { display: none; }
select { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
* { -webkit-user-select: text; /* Chrome all / Safari all /opera15+*/ -moz-user-select: text; /* Firefox all */ -ms-user-select: text; /* IE 10+ */ user-select: text; }
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body { width: 100%; margin: 0 auto; background: #fff; overflow-x: hidden; }
#mainbox { margin: 0 auto; }
.container-fluid{padding: 0}

/* 头部 */
.header{width: 100%;background-color: #165aaf;}
.header p{color: #fff;line-height: 38px;}
.header-phone{font-size: 18px;padding-right: 8px;line-height: 30px;}

.nav-logo{width: 180px;height: 50px;text-align: center;overflow: hidden;padding-top: 7px;}
.nav-logo img{width: 100%;}

/*.nav ul li:hover a, .nav ul li.active{
    background-color: #165aaf;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
}*/

.top-title{text-align: center;padding: 30px 0;}
.top-title h3{font-size: 30px;color: #444;font-weight: normal;padding-bottom: 15px;}
.top-title p{color: #999;text-transform: capitalize;}

/*底部*/
.footer {background-color: #444;padding: 30px 0 0 0;color: #eee;height: 270px;overflow: hidden;}
.footer .text{border-bottom: 1px solid #ccc;padding-bottom: 4px;}
.footer .text h4{font-weight: normal;color: #eee;}
.footer .text h4 span{text-transform: capitalize;padding-left: 10px;font-size: 12px;}
.contact-details{margin-top: 20px;}
.contact-details p{color: #ccc;margin-bottom: 15px;}
.contact-details .code{padding-left: 30px;}
.nav-lists{margin-top: 20px;}
.nav-lists .item{width: 50%;}
.nav-lists .item a{color: #ccc;line-height: 30px;}
.nav-lists .item a:hover{color: #fff;}
.code-img{margin-top: 20px;}
.code-img p{color: #eee;font-size: 13px;}
.coryright{text-align: center;line-height: 70px;color: #eee;height: 70px;}
/*按钮*/
.button {
  width: 120px;
  display: block;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  text-align: center;
  border: none;
  background: none;
  position: absolute;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border:1px solid #37474f;
  color: #37474f;
}
.button:focus {outline: none;
}
.button > span {text-align: center;}
.button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #37474f;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak.button--inverted::before {
  background: #7986CB;
}
.button--ujarak,
.button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover {
  color: #fff;
  border-color: #37474f;
}
.button--ujarak.button--inverted:hover {
  color: #37474F;
  border-color: #fff;
}
.button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.row1200{margin: 0 auto;}
/*重置bs默认样式*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  background: #fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border:none;
}
.navbar-default{
  background: #fff;
  border:none;
}
.navbar{
  margin-bottom: 0;
  border:none;
}
.nav>li>a{
  padding: 15px 35px;
}
.navbar-default .navbar-nav>li>a{
  color: #444;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav li:hover{
  background-color: #165aaf;
  transition: All 0.3s ease-in-out;
  -webkit-transition: All 0.3s ease-in-out;
  -moz-transition: All 0.3s ease-in-out;
  -o-transition: All 0.3s ease-in-out;
  color: #fff;
  height: 50px;
  font-weight: 600;
}

@media (min-width: 320px) and (max-width: 576px){ 
  .row1200{width: 100%;}
  .top-title{padding: 0;}
  .project{margin: 30px auto;}
  .top-title h3{font-size: 24px;}
  .project-main{margin: 20px auto 0 auto;}
  .about .more{margin-top: 20px;height: 60px;}
  .data-lists .num{font-size: 42px;}
  .data-lists p{font-size: 14px;}
  .about{margin: 30px auto;}
  .navbar-header{padding: 0 10px;}
  .page-box-main .pages-top{top: -30px;}
  .page-box-main .pages-top h4{font-size: 22px;}
  .page-box-main .pages-top p{font-size: 18px;}
  .footer{height: auto;}
  .content-nav{margin: 20px 0;}
  .contact .map{height: 280px;overflow: hidden;}
  .contact .contact-main{height: auto;}
  .contact .contact-main ul li{height: 200px;border-right: none;}
  .contact .contact-main ul li p{margin: 5px;}
  .recruit .recruit-lists ul li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
  .pages-main-b{padding: 10px;margin-top: -20px;}
  .pages-main-b .details-main img{width: 100%;}
  .tabs-vertical .tabs-content-placeholder{margin-top: 20px;}
  .project .project-list li{width: 100%;margin-right: 0;height: auto;}
  .pages-main-b .row{margin: 0;}
  .project .project-list li a{display: block;}
  .tabs-vertical .tabs-content-placeholder .tab-item .lists{width: 100%;margin-right: 0;}
  .tabs-vertical .tabs-content-placeholder .tab-item .hrlists{width: 46%;margin: 0 2%;margin-bottom: 15px;}
  .news-img{height: auto;}
  .news .more{margin-top: 10px;}
  .news{margin-bottom: 50px;}
  .news .news-items .text-main-p{height: 48px;margin-top: 0;}
  .news .news-items ul li{padding: 0;}
  .right-text{height: auto;}
  .news .news-items ul li .year{display: none;}
  .news .news-items ul li .month{display: none;}
  .news .news-items ul li .icon{display: none;}
  .customer .tab-item .text ul li{width:100%;margin-right:0;float:none;}
}
@media (min-width: 768px){ 
  .row1200{width: 100%;}
  .top-title h3{font-size: 24px;}
  .top-title{padding: 0;}
  .data-lists .num{font-size: 42px;}
  .data-lists p{font-size: 14px;}
  .about .more{margin-top: 20px;height: 60px;}
}

@media (min-width: 992px){ 
  .row1200{width: 940px;}
 }

@media (min-width: 1200px){
  .row1200{width: 1200px;}
}