.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: 90px;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: 85%;height: 100%;margin: auto;position: relative;overflow: hidden;}
.header .content02 .left {position: relative;height: 90px;}
.header .content02 .left .logo{display: block;width:551px;height: 73px;position: absolute;left: 0;top: 16px;background: url('../image/logoh.png') center no-repeat;}
.header .content02 .left .logo img{opacity: 0;width:461px;}
.header .content02 .center {text-align: center;position: absolute;left: 432px;width: 55%;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: 110px;}
.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: 110px;}
.header .content02 .center .nav .select:after {
    content: '\e612';
    position: absolute;
    font-family: 'iconfont';
    font-size: 18px;
    width: 18px;
    height: 18px;
    right: -14px;
    top: 43px;
    color: #fff;
}
.scroll-top .center .nav .select:after {
  color: #000!important;
}

.header .content02 .center .nav li:hover:after {
    color: #D40000;
}
.header .content02 .center .nav li a{display: block;padding: 0 10px; position: relative;text-transform:uppercase;}
.header .content02 .center .nav li a:hover{color: #D40000;}
.header .content02 .right {/*text-align: right;font-size: 0;*/height: 100%;position: absolute;right: 0;}
.header .content02 .right .search {display: inline-block;vertical-align: middle; position: relative;height: 100%;}
.header .content02 .right .search .icon {display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("../image/ss.png") center no-repeat;background-size: 100% ;}

/*.header .content02 .center .nav li.cur::after {content: '';display: block;width:20px;height: 4px;background: #D40000;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 .content02 .right .search .icon { background: url("../image/ss1.png") center no-repeat;background-size: 100% ;}

.inside-pages .header.scroll-top,.inside-pages .header:hover {background: #fff;border-bottom: 1px solid #e6e6e6;}
.inside-pages .header.scroll-top .content02 .right .search .icon,.inside-pages .header:hover .content02 .right .search .icon{ background: url("../image/ss.png") center no-repeat;background-size: 100%;}

.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: #D40000;}
.inside-pages .header:hover .content02 .center .nav li a:hover {color: #D40000;}
.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("../image/logoh.png") left center no-repeat;    background-size: 85%;}

.inside-pages .header .content02 .center .nav li.cur a {color: #D40000;}
.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-right:65px;margin-top: 29px;}
.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-right:65px;margin-top: 29px;}


/* -- 产品中心 -- */
.cpt{/*height:1092px;*/background: url(../images/cpt_bg.jpg) no-repeat center;overflow: hidden;}
.cpt h2{text-align: center;margin-bottom:61px;background: url(../images/t_1.png) no-repeat bottom;margin-bottom: 0;padding:22px 0}
.cpt h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;}
.cpt h2 span{font-size:24px;color:#000000;display: block;line-height:24px;font-weight: normal;padding-top:15px;}




.tit ul{height:195px;}
.tit li{height:95px;float: left;width:252px;background: url(../image/i_bg.png) no-repeat center 100%;margin: -6px 10px;}
.tit li span,.tit li span i{width: 50px;height:65px;float: left;font-family: "Impact";}
.tit li a{color: #333333;font-size: 24px;font-weight: normal;}
.tit li.cur {color:#ffffff;background: url(../image/c_bg.png) no-repeat center 100%;}
.tit li:hover{background: url(../image/c_bg.png) no-repeat center 100%;}
.tit li:hover p{color: #ffffff;font-weight: bold;}
.tit li.cur p{color: #ffffff;font-weight: bold;}
.tit li span{width: 50px;height:65px;display: block;position: relative;overflow: hidden;margin:31px 20px 0 0px;}
.tit li p{
font-size: 21px;
    color: #333333;
    display: block;
    line-height: 34px;
    float: right;
    padding-top: 43px;
    width: 130px;
    margin-right: 50px;

}
.tit li:last-child{margin-right: 0;}

.tit li span i{width:65px;height: 65px;position: absolute;display: block;top:-1px;left:7px;font-size: 41px;text-align: center;line-height: 65px;}
.tit li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;color: #000;}
.tit li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-55px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;
  color: #fff;}
.tit li:hover span .default,.tit li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tit li:hover span .hover,.tit li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.cpt_con dl{height:680px;margin-top: 20px;margin-bottom: 30px; position: relative;}
.cpt_con dt{height:680px;width: 700px;float: right;}
.cpt_con dt img{width:86%;display: block;mix-blend-mode: multiply;}


.cpt_con dd{height: 490px;width: 456px;float: left;margin-left: 62px;position: absolute;top: 105px;}
.cpt_con dd h3{height:56px;text-align: left;position: relative;margin-bottom: 21px;}
.cpt_con dd h3 b{font-size:48px;color:#1F1A17;display: block;font-weight:normal;line-height: 56px;}
.cpt_con dd h3 b a{color:#1F1A17;display: block;font-weight:normal;font-weight: 900;}
.cpt_con dd h3:after{position: absolute;width:112px;height:3px;background: #1F1A17;content: "";top:68px;left:0px;}

.cpt_con dd p{width: 424px;font-size:15px;color:#666666 ;display: block;line-height:30px;padding-top:15px;}
.cpt_con dd p i{display: block;font-size: 22px;font-weight: bold;color: #333333;}

.cpt_con dd .fgd{height:47px;width:205px;display: block;background:url(../image/q_t.png) no-repeat center;line-height:47px;margin-top:30px;}
.cpt_con dd .fgd i{font-size:18px;color:#333333;padding-left:45px;}
.cpt_con dd .fgd:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.cpt_con {overflow: hidden;padding-bottom: 50px;max-height: 1700px;}
.cpt_con ul{overflow: hidden;}
.cpt_con ul li{transition: 0.35s;float: left;width: 24%; position: relative;background: #1F1A17;overflow: height;margin-left: .3%;margin-right: .3%;margin-bottom: 3%;}
.cpt_con ul li em{width:100%; display: block;position: relative;overflow: hidden;background: url(../image/product-bg.jpg) no-repeat;background-size: 100% 100%;height: 267px;}
.cpt_con ul li em img{width:100%; display: block;transition:all 0.5s;mix-blend-mode: multiply;}

.cpt_con h4{display: block;height: 30px;line-height: 50px;position:relative;}
.cpt_con h4 b{font-size:18px;color: #fff;display: block;font-weight:normal;text-align:center;}

.cpt_con li:hover h4 b{color: #fff;}
.cpt_con li:hover{transform: translateY(-5px);}
.cpt_con li:hover img{transform:scale(1.05);}
.cpt_con li:last-of-type{margin-right: 0;}

.lc-adv{height: 758px;overflow: hidden;}

/* header - menu */
.header .content02 .center .nav li.cur a{color: #D40000;}
.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;}

.technology-nav {position: relative;overflow: hidden;z-index: 20;width: 230px;background: #fff;border-top: 3px solid #D40000;top: 12px;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(6) {border-bottom: 0;} 
.technology-nav li a:hover{color: #D40000;}
.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;}

.sb-search {
  position: absolute;
  /*margin-top: 10px;*/
  width: 0%;
  min-width: 60px;
  height: 60px;
  right: 0;
  /*float: right;*/
  top: 17px;
  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: #D40000;
}

.sb-search-input::-moz-placeholder {
  color: #D40000;
}

.sb-search-input:-ms-input-placeholder {
  color: #D40000;
}

.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: #D40000;
  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;
}


.cp_t {
    font-size: 40px;
    color: #333;
    text-align: center;
    background: url(../image/cp_line01.gif) no-repeat center 25px;
    height: 80px;
    line-height: 40px;
    overflow: hidden;
}
.cp_t span {
    display: block;
    font-size: 20px;
    font-weight: normal;
        color: #cecece;
}