.left{ float:left;}

.right{ float:right;}

.clear { clear:both;}

.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}

.no-touch { height:100%;}

.no-touch body{ overflow:hidden;height:100%;}

.pcshow { display:block;}

.mbshow { display:none!important;}

.relative {position: relative;}

.table {display: table;width: 100%;height: 100%;}

.table-cell {display: table-cell;vertical-align: middle;}

.fullscreen,.fullscreen body {height: 100%;overflow: hidden}

.display-block {display: block!important;}

.height-auto {height: auto!important;}

.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}

/* header */

.header {position: fixed;left: 0;top:0;width: 100%;height: 120px;z-index: 999;background: #fff;border-bottom: 1px solid #e6e6e6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.header .content02 {width: 1200px;height: 100%;margin: auto;position: relative;overflow: hidden;}

.header .content02 .left {position: relative;height: 120px;}

.header .content02 .left .logo{display: block;width:193px;height: 68px;position: absolute;left: 0;top: 26px;background: url('../images/logoh.png') center no-repeat;}

.header .content02 .left .logo img{opacity: 0;width:193px;height: 68px;}

.header .content02 .center {text-align: center;position: absolute;left: 180px;width: 760px;height: 100%;top: 0;border: px solid #f00;}

.header .content02 .center .nav{margin: 0;padding: 0;list-style: none;font-size: 0;}

.header .content02 .center .nav li{display: inline-block;margin: 0;list-style: none;position: relative;width: 120px;}

.header .content02 .center .nav li h2 {float: left; font-size: 18px;margin-top: 40px;font-weight: 400;width: 110px;}

.header .content02 .center .nav li p {float: left;font-size: 7px;width: 100px;}

.header .content02 .center .nav li:after {

    content: '\e612';

    position: absolute;

    font-family: 'iconfont';

    font-size: 18px;

    width: 18px;

    height: 18px;

    left: 110px;

    top: 55px;

    color: #fff;

}

.header .content02 .center .nav li:hover:after {

    color: #044CAD;

}

.header .content02 .center .nav li a{display: block;padding: 0 10px; position: relative;text-transform:uppercase;}

.header .content02 .center .nav li a:hover{color: #044CAD;}

.header .content02 .right {height: 100%;position: absolute;right: 0;border: px solid #f00;width: 250px;}



.header .content02 .center .nav li.cur::after {content: '';display: block;width:20px;height: 4px;background: #044CAD;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}

.inside-pages .header-height{height: 0px;}

.inside-pages .header .content02 .left .logo{background:none;}

.inside-pages .header .content02 .left .logo img{opacity: 1;}

.inside-pages .header {background: none;border-bottom: 1px solid rgba(255,255,255,.1);}



.inside-pages .header.scroll-top,.inside-pages .header:hover {background: #fff;border-bottom: 1px solid #e6e6e6;}



.inside-pages .header .content02 .center .nav li a {color: #fff;}

.inside-pages .header:hover .content02 .center .nav li a,.inside-pages .header.scroll-top .content02 .center .nav li a {color: #000;}

.inside-pages .header .content02 .center .nav li a.cur {color: #044CAD;}

.inside-pages .header:hover .content02 .center .nav li a:hover {color: #044CAD;}

.inside-pages .header:hover .content02 .left .logo img,.inside-pages .header.scroll-top .content02 .left .logo img{display: none;}

.inside-pages .header:hover .content02 .left .logo,.inside-pages .header.scroll-top .content02 .left .logo{background: url("../images/logoh.png") center no-repeat;}



.inside-pages .header .content02 .center .nav li.cur a {color: #044CAD;}

.header.scroll-down {top: -100px;}

.header.scroll-down .header-nav-show {display: none;}



.header .content02 .right .right-tel {display: inline-block;vertical-align: middle;color: #000;font-size: 32px;font-weight: bold;margin-top: 39px;}

.inside-pages .header .content02 .right .right-tel {color: #fff;}

.inside-pages .header.scroll-top .content02 .right .right-tel ,.inside-pages .header:hover .content02 .right .right-tel {color: #000;font-size: 32px;font-weight: bold;margin-top: 39px;}





/* header - menu */

.header .content02 .center .nav li.cur a::after {width:100%;}

.header .content02 .center .nav li.cur a{color: #044CAD;}

.header-nav-show {position: absolute;left: 0;top: 91px;width: 100%;height: auto;overflow: hidden;z-index: 999;}

.header-nav-show .content02 {overflow: hidden;margin: auto;}

.header-nav-show .content02 .nav-content.Hide {display: none;}

.header-nav-show .content02 .nav-content {display: block;min-height: 100px;}

.item-nav {position: relative;overflow: hidden;z-index: 20;}

.item-nav .cnav-show {margin: 0;padding: 0;font-size: 0;}

.cnav {float: left;}

.cnav.cnav1 {width: 100px;padding: 40px 0 100px 0;margin-left: 463px;position: relative;}

.cnav.cnav2::before {content: '';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;left:-10px;top:20px;z-index: 1;}

.cnav.cnav2 {width: 800px;padding:30px 0;position: relative;}

.cnav li{list-style: none;margin: 0;padding: 0;}

.cnav li a.cur h4{color: #000;}

.cnav li a.cur i {opacity:1;}

.cnav li a:hover h4{color: #000;}

.cnav li a{position: relative;display: block;padding:15px 0;overflow: hidden;}

.cnav li a h4{font-size: 17px;color: #999999;margin: 0;font-family: 'Conv_d-din.exp-bold', Arial;position: relative;z-index: 10;}

.cnav li a i{width: 20px;height:3px;position: absolute;top: 50%;right:0px;margin-top: -1px;background:#044CAD;display: block;opacity: 0;z-index: 10;}

.cnav ul{display: none;width: 100%;}

.cnav ul.cur{display: block;}

.cnav ul li {width: auto;display: inline-block;}

.cnav ul li a h5 {font-size: 18px;color: #333;margin: 0;font-weight: normal;text-align: center;font-family: 'Conv_d-din.exp-bold', Arial;}

.cnav ul li a:hover h5{color: #044CAD;}

.technology-nav {position: relative;overflow: hidden;z-index: 20;width: 230px;background: #fff;border-top: 3px solid #044CAD;top: 27px;padding-bottom: 28px;}

.technology-nav li {float: left;line-height: 48px;border-bottom: 1px solid #ccc;padding: 0 10px;width: 100%;}

.technology-nav li i {float: right;margin-right: 20px;}

.technology-nav li:nth-child(12) {border-bottom: 0;} 

.technology-nav li a:hover{color: #044CAD;}

.mark-bg {width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index: 100;background: #000;opacity: .5;display: none;}

.mark-bg.cur {display: block;}



/*.cnav li a .img {overflow: hidden;}

.cnav li a:hover img{transform:scale(1.03);}

.technology-nav a:hover i * {fill: #044CAD!important;}

*/



.sb-search {

  position: absolute;

  /*margin-top: 10px;*/

  width: 0%;

  min-width: 60px;

  height: 60px;

  right: 0;

  /*float: right;*/

  top: 28px;

  overflow: hidden;

  -webkit-transition: width 0.3s;

  -moz-transition: width 0.3s;

  transition: width 0.3s;

  -webkit-backface-visibility: hidden;

  z-index: 99999;

}



.sb-search-input {

  position: relative;

  top: 0;

  right: 0;

  border: none;

  outline: none;

  background: #fff;

  width: 100%;

  height: 60px;

  margin: 0;

  z-index: 10;

  padding: 0px 65px 0px 20px;

  font-family: inherit;

  font-size: 16px;

  color: #000;

}



.sb-search-input::-webkit-input-placeholder {

  color: #000;

}



.sb-search-input:-moz-placeholder {

  color: #044CAD;

}



.sb-search-input::-moz-placeholder {

  color: #044CAD;

}



.sb-search-input:-ms-input-placeholder {

  color: #044CAD;

}



.sb-icon-search,

.sb-search-submit  {

  width: 60px;

  height: 60px;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  padding: 0;

  margin: 0;

  line-height: 60px;

  text-align: center;

  cursor: pointer;

}



.sb-search-submit {

  background: #fff; /* IE needs this */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */

    filter: alpha(opacity=0); /* IE 5-7 */

    opacity: 0;

  color: transparent;

  border: none;

  outline: none;

  z-index: -1;

}



.sb-icon-search {

  color: #fff;

  background: #044CAD;

  z-index: 90;

  font-size: 22px;

  font-family:"iconfont" !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  -webkit-font-smoothing: antialiased;

}



.sb-icon-search:before {

  content: "\e61c";

}



/* Open state */

.sb-search.sb-search-open,

.no-js .sb-search {

  width: 100%;

}



.sb-search.sb-search-open .sb-icon-search,

.no-js .sb-search .sb-icon-search {

  background: #0B4E8C;

  color: #fff;

  z-index: 11;

}



.sb-search.sb-search-open .sb-search-submit,

.no-js .sb-search .sb-search-submit {

  z-index: 90;

}