@charset "utf-8";
/* CSS Document */

html, body {
     font-family: "Microsoft YaHei", sans-serif; background: #FFFFFF; color: #666666;
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, form { margin: 0;  padding: 0px; border: 0; outline: none;}
/* {
    transition: all 300ms cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all 300ms cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: all 300ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: all 300ms cubic-bezier(.4, 0, .2, 1);
    -ms-transition: all 300ms cubic-bezier(.4, 0, .2, 1);
}*/
* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

/************************************************************************************************************/

.shortcut {
    height: 40px;
    line-height: 40px;
    background: #565656;
}
.container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.s-l {
    color: #ffffff;
    font-size: 16px;
}
.s-l .h-other {
    height: 30px; float: left;
    line-height: 30px;
    margin-top: 5px;
    margin-right: 50px;
    padding-right: 30px;
    color: #ffffff;
}
.s-l .h-other span {
    display: inline-block;
    background: url(../images/img-01.png) no-repeat left center;
    padding-left: 32px;
    margin-right: 20px;
    font-size: 14px;
    color: #ffffff;
}
.fr {
    float: right;
}
.fr img { padding-right: 5px; }
.shortcut .s-r a {
    display: block;
    float: left;
	width: auto;
    padding-left: 15px; padding-right: 15px;
    height: 20px;
    margin: 10px 0;
    line-height: 20px;
    color: #ffffff;
    font-size: 14px; 
    background: url(../images/img-10.png)no-repeat left;
}
.shortcut .you_x{  }
a {
    text-decoration: none; 
}
a:link {
    text-decoration: none;
}

/************************************************menu************************************************************/

header:hover, .header-hover, .header-hover1, .fixed-nav {
    background-color: #fff;
    -webkit-box-shadow: 10px 0px 10px rgba(0,0,0,0.07);
    -moz-box-shadow: 10px 0px 10px rgba(0,0,0,0.07);
         box-shadow: 10px 0px 10px rgba(0,0,0,0.07);
}

.header {
    width: 100%;  height: 100px;
   /** position: fixed;**/
    left: 0;
    top: 0;
    z-index: 1000; background: #fff;
}
.clearfix {
    zoom: 1;  display: block;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.header:hover .logo a, .header-hover .logo a, .header-hover1 .logo a, .fixed-nav .logo a {
    background-image: url(../images/logo_h.png);
}
.logo a {
    display: block;
    width: 320px;
    height: 39px;
    font-size: 0;
    background-image: url(../images/logo_h.png);
    background-position: left center;
    -moz-background-size: contain;
         background-size: contain;
    background-repeat: no-repeat;
}
.header:hover .callNum span, .header-hover .callNum span, .header-hover1 .callNum span, .fixed-nav .callNum span {
    color: #e41700;
    background: url(../images/callNum_h.png) left center no-repeat;
}
.callNum span {
    font-family: "Arial";
    font-size: 20px;
    font-weight: 400;
    color: #e41700;
    padding-left: 30px;
    background: url(../images/callNum_h.png) left center no-repeat;
}
.nav {
    float: right;
    height: 100px; width: 62%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; padding-left: 5%;
}
.nav_e { padding-left: 13%; }
ol, ul {
    list-style: none;
}
.nav ul li {
    display: inline-block;
    _display: inline; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    zoom: 1; 
}
.header:hover .nav ul li>a, .header-hover .nav ul li>a, .header-hover1 .nav ul li>a, .fixed-nav .nav ul li>a {
    color: #000;
}
.nav ul li>a {
    display: block;
    font-size: 16px;
    color: #222;
    height: 100px;
    line-height: 100px;
    position: relative;
}
.nav ul li>a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e41700;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    -moz-transform-origin: 100%;
     -ms-transform-origin: 100%;
         transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    -o-transition: transform .3s cubic-bezier(.4,0,.2,1);
    -moz-transition: transform .3s cubic-bezier(.4,0,.2,1), -moz-transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1), -webkit-transform .3s cubic-bezier(.4,0,.2,1), -moz-transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
    -moz-transform: scaleX(0);
     -ms-transform: scaleX(0);
         transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}
.nav ul li .nav-body {
    -webkit-transform-origin: 250% 0%;
       -moz-transform-origin: 250% 0%;
        -ms-transform-origin: 250% 0%;
            transform-origin: 250% 0%;
    /* transform: perspective(1920px) rotateX(-40deg); */
    opacity: 0;
    -webkit-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    transition: all .3s 0s;
    visibility: hidden;
}
.nav ul li .nav-body {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    position: absolute;
    left: 0;
    top: 140px;
    z-index: 50;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,.07);
         box-shadow: 0 5px 5px rgba(0,0,0,.07);
}
.nav ul li:nth-child(2) .box {
    width: 890px;
}
.nav ul li .box {
    width: 50%;
	position:absolute; white-space: nowrap;
}
.nav ul li .nav-body a:nth-child(1) {
    -webkit-transition-delay: 150ms;
       -moz-transition-delay: 150ms;
         -o-transition-delay: 150ms;
            transition-delay: 150ms;
}
.nav ul li .nav-body a {
    margin-left: 10px;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.nav ul li .nav-body a {
    font-size: 15px;
    color: #666;
    margin-right: 30px;
}
.nav ul li:hover>a:after, .nav ul li.on>a:after {
    -ms-transform: scaleX(1);
        transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -moz-transform-origin: 0;
     -ms-transform-origin: 0;
         transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}
.nav ul li.ative .nav-body {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s 0s;
    -o-transition: all .5s 0s;
    -moz-transition: all .5s 0s;
    transition: all .5s 0s;
    -moz-transform: perspective(0px) rotateX(0deg);
         transform: perspective(0px) rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
.nav ul li.ative .nav-body a {
    margin-left: 0;
    opacity: 1;
}
.nav ul li .nav-body a:hover {
    color: #e41700;
}
.btn-m-list .burger {
    width: 21px;
    height: 1px;
    background-color: #000;
    display: block;
    position: absolute;
    z-index: 5;
    top: 16px;
    left: 50%;
    margin: 0 0 0 -10px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
}
.trans, .trans:hover {
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.btn-m-list .burger-2 {
    top: 25px;
    width: 15px;
}
.trans-fast, .trans-fast:hover {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
}
.btn-m-list .burger-3 {
    top: 33px;
    width: 10px;
}
.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}
.btn-m-list {
    width: 55px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 1020;
    display: none;
    -o-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.neirong.neirong-hide {
    background-color: rgba(0,0,0,.8);
    height: 0;
    -webkit-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    -moz-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    -o-transition: background 0.35s linear,height 0.25s ease-in 200ms;
    transition: background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong {
    width: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.neirong .neirong-bd {
    padding: 50px 50px 20px 50px;
    visibility: hidden;
}
.neirong li {
    border-bottom: 1px solid #333;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
}
.neirong li>a {
    display: block;
    height: 47px;
    line-height: 47px;
    color: #fff;
    font-size: 16px;
}
.neirong-bd a:link {
    text-decoration: none;
}
.neirong-bd a {
    blr: expression(this.onFocus=this.blur());
    outline: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; cursor: pointer;
}
.neirong li:nth-of-type(2) {
    -webkit-transition-delay: 300ms,300ms;
    -moz-transition-delay: 300ms,300ms;
      -o-transition-delay: 300ms,300ms;
         transition-delay: 300ms,300ms;
}
.neirong .subnav {
    display: none; margin-left: 20px;
}
.neirong .subnav2 {  
      display: none; margin-left: 20px;
}
.neirong .subnav a {
    display: block;
    font-size: 15px;
    color: #aaa;
    padding: 10px 0;
}
.neirong li:nth-of-type(3) {
    -webkit-transition-delay: 350ms,350ms;
    -moz-transition-delay: 350ms,350ms;
      -o-transition-delay: 350ms,350ms;
         transition-delay: 350ms,350ms;
}
.neirong.neirong-show .neirong-bd, .neirong.neirong-show .neirong-close {
    visibility: visible;
}
.neirong-close {
    width: 24px;
    height: 24px;
    background: url(../images/nav_close.png) no-repeat 7px center;
    position: absolute;
    top: 20px;
    left: 10px;
    visibility: hidden;
}
.neirong .subcall {
    padding: 0 50px;
}
.neirong.neirong-hide li, .neirong.neirong-hide .subcall span {
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-24px);
    -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
}
.neirong .subcall span {
    font-family: "Arial";
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-left: 30px;
    background: url(../images/callNum.png) left center no-repeat;
}
.neirong .subcall span {
    -webkit-transition-delay: 850ms,850ms;
    -moz-transition-delay: 850ms,850ms;
      -o-transition-delay: 850ms,850ms;
         transition-delay: 850ms,850ms;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
}
.neirong.neirong-show {
    background-color: #444;
    height: 100%;
}
.neirong.neirong-show li, .neirong.neirong-show .subcall span {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

	
.header {
    height: 80px;
}
.layout {
    width: 1250px; margin: 0 auto;

}
.logo {
    padding-top: 17px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    width: 20%;
}
.callNum {
    height: 80px; float: right;
    line-height: 80px; width: 18%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.nav ul li>a {
    height: 80px;
    line-height: 80px;
}
.nav ul li .nav-body {
    top: 120px;
}
.nav-body2 { position: absolute; width: 100%; height: 50px;}
.nav .nav-body .sub_a .nav-body2{
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    visibility: hidden; 
}
.nav .nav-body .sub_a.ative .nav-body2 {
    opacity: 1;
    visibility: visible; 
}
.nav .nav-body .sub_a .nav-body2 .box a{
	 -webkit-transition: all 1s;
	 -o-transition: all 1s;
	 -moz-transition: all 1s;
	 transition: all 1s;  margin-left: 10px; 
}
.nav .nav-body .sub_a.ative .nav-body2 .box a {
  margin-left: 0;
}
.bgdiv {
	position: absolute; z-index: 1;
    width: 100%;
    height: 50px;
    background: #fff;
    top: 170px; left: 0;
	opacity: 0;
    -webkit-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    transition: all .3s 0s;
}
.bgdiv.ative {
	opacity: 1; 
}
.sub_a {
	display: inline-block; height: 100px;
}
.sub_a.ative {  height: 100px; }
/*----------------------------------------mobile---------------------------------------------------------*/

@media (max-width: 768px) {
	
.header {
    width: 100vw;
    height: 60px !important;
    background-color: #fff;
}
.layout {
    width: 95%;
}
.logo {
    float: none;
    padding-top: 5px; padding-left: 20px;
}
.logo a {
   width: 220px;
    height: 50px;
    background-image: url(../images/logo_h.png);  background-position: 0 center; -moz-background-size: contain; background-size: contain;
}
.nav, .shortcut, .callNum, .myTop, .footer .ftlinks {
    display: none;
}
.btn-m-list {
    display: block;
}
.neirong-bd .box-lang {
    padding: 30px 0; padding-top: 15px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.box-lang span {
    vertical-align: middle; padding-right: 10px;  border-right: 1px #aaa solid;
}
 .box-lang strong {
    padding-left: .2rem;
    padding-right: .48rem;
    margin-left: .2rem;
    border-left: 1px solid #fff;
    -webkit-background-size: auto 64.5%;
    background-size: auto 64.5%;
}
.neirong-bd .box-lang a{ color: #fff; padding-left: 5px; }
.neirong-bd .box-lang img{ padding-right: 5px; }

}


  /*-----------------------------------------bannar----------------------------------------------------------*/


.bx-viewport {
    border: 0; top: -20px !important;
}


ul, dl, li, dt, dd {
    list-style: none;
}
a, a:link {
    color: #000;
    text-decoration: none;
}
.bannerBox {
    position: relative;
    z-index: 3;
}
.bx-viewport {
    border: 0; top: -20px !important;
}
.bx-controls {
	 top: -50px;
    position: relative;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #e41700 !important; }


/**--------------------------------------bannar2--------------------------------------------------------**/

.part_video {
    width: 100%;
    height: auto;
    background-color: #010510;  z-index:-100; 
}
.part_video video {
    width: 100%; margin-top: -20px;
}
.zhezhao {
    display: block;
    position: absolute;
    top: 150px;
    left: 0px;
    width: 100%;
    height: 100%;
   /* background: rgba(8,8,9,0.4); */
}
.zhezhao a {
    text-decoration: none;
}
.zhezhao a {
    color: #111111;
    text-decoration: none;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
}
.video_text {
    width: 400px;
    text-align: left;
    margin-top: 100px;
	margin-left: 150px;
    padding: 20px;
    padding-left: 30px;
    color: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
   background: rgba(220, 150, 20, 1);
    display: none;
}
.video_text h2 {
    -webkit-animation: zuo 1.5s;
       -moz-animation: zuo 1.5s;
            animation: zuo 1.5s;
    font-size: 35px;
    text-shadow: 0 2px 2px #333333;
}
.video_text h2 {
    display: block;
    -webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;  letter-spacing: 2px;
}
.video_e h2{ letter-spacing: 0px; font-size: 30px; }
.video_text p {
    -webkit-animation: zuotwo 2s;
       -moz-animation: zuotwo 2s;
            animation: zuotwo 2s;
    font-size: 18px;
    text-shadow: 0 2px 2px #333333;
}
.video_text p {
    margin: 0; margin-bottom: 15px;
    padding: 0;
    list-style-type: none; letter-spacing: 5px;
}
.video_e p{ letter-spacing: 0px; }
.video_text div {
    -webkit-animation: zuotwo 3s;
       -moz-animation: zuotwo 3s;
            animation: zuotwo 3s; 
    font-size: 15px; padding-left: 8.5%;
    width: 150px;
    height: 30px;
    margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   line-height: 1.9;
    border: 1px solid #ffffff;
    color: #fff;
    margin-top: 40px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
}
.bntu { height: 550px;}

@media (max-width: 768px) {

.part_video {
    width: 100%;
}
.part_video video { margin-top: 0; width: auto; height: 350px; margin-left: -200px; }
.video_text {
    width: 100%; margin-top: -30px; margin-left: 0; padding: 12px;
    padding-left: 15px; background: rgba(0, 50, 120, .8);
}
.zhezhao { width: 80%; left: 10%; box-sizing: border-box; height: auto; top: 130px;}
.video_text h2 { font-size: 18px; letter-spacing: 1px; }
.video_text p { 
	font-size: 15px;  margin: 0 auto;
    line-height: 180%;  letter-spacing: 0;
}
.video_text.video_e h2 { font-size: 15px; }
.video_text.video_e p { font-size: 10px; line-height: 1.5; }
.bntu { height: 250px; }
.video_text div {  FONT-WEIGHT: 300; font-size: 12px; padding-left: 4%; padding-top: 3px; 
width: 100px; margin-top: 10px;
}


}

@-webkit-keyframes zuo {
0% { 
    -webkit-transform: translate(0px,200px); 
            transform: translate(0px,200px);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0px,0px);
            transform: translate(0px,0px);
    opacity: 1;
}


}

@-moz-keyframes zuo {
0% { 
    -moz-transform: translate(0px,200px); 
         transform: translate(0px,200px);
    opacity: 0;
}
100% {
    -moz-transform: translate(0px,0px);
         transform: translate(0px,0px);
    opacity: 1;
}


}

@keyframes zuo {
0% { 
    -webkit-transform: translate(0px,200px); 
       -moz-transform: translate(0px,200px); 
            transform: translate(0px,200px);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0px,0px);
       -moz-transform: translate(0px,0px);
            transform: translate(0px,0px);
    opacity: 1;
}


}

@-webkit-keyframes zuotwo {
0% {
    -webkit-transform: translate(0px,100px);
            transform: translate(0px,100px);
    opacity: 0;
}
50% {
    -webkit-transform: translate(0px,100px);
            transform: translate(0px,100px);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0px,0px);
            transform: translate(0px,0px);
    opacity: 1;
}
}

@-moz-keyframes zuotwo {
0% {
    -moz-transform: translate(0px,100px);
         transform: translate(0px,100px);
    opacity: 0;
}
50% {
    -moz-transform: translate(0px,100px);
         transform: translate(0px,100px);
    opacity: 0;
}
100% {
    -moz-transform: translate(0px,0px);
         transform: translate(0px,0px);
    opacity: 1;
}
}

@keyframes zuotwo {
0% {
    -webkit-transform: translate(0px,100px);
       -moz-transform: translate(0px,100px);
            transform: translate(0px,100px);
    opacity: 0;
}
50% {
    -webkit-transform: translate(0px,100px);
       -moz-transform: translate(0px,100px);
            transform: translate(0px,100px);
    opacity: 0;
}
100% {
    -webkit-transform: translate(0px,0px);
       -moz-transform: translate(0px,0px);
            transform: translate(0px,0px);
    opacity: 1;
}
}

/*******************************************产品列表-首页**************************************************/

.cpHome {  line-height:40px; width:100%; margin-top:30px;}
.qpDiv {
    width: 1200px; max-width: 1336px; margin: 0 auto;
    overflow: hidden;
    text-align: left;
}
.qpDiv li {
    width: 33.33%;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
    background-color: #eeeeee;
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
         animation-name: slideInUp;
}
.qpDiv li a {
    color: #111111;
    text-decoration: none;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
}
.qpDiv li img {
    width: 100%;
    height: 100%;
    float: left; border: 0px;
}
.qpzhe {
    position: absolute; padding-top: 23%;
    background: rgba(240,150,0,0.8);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    -ms-transform: scale(0);  -moz-transform: scale(0); -webkit-transform: scale(0);  transform: scale(0); 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    transition: all 0.5s;
}
.qpzhe h3 {
    font-weight: normal;
    font-size: 30px;
    margin-top: 20%;
	display: block;
    -webkit-margin-before: .2em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.qpzhe p {
    line-height: 30px;
    font-size: 18px;
    display: block; padding: 0 1em;
    -webkit-margin-before: -1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.qpDiv li:hover .qpzhe {
 -ms-transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  transform: scale(1); 
}
.work2 {
    text-align: center;
    color: #333;
    font-size: 36px;
    font-weight: 500;
    padding-top: 30px;
    height: 70px;
}
.work2-des.wow{
    color: #504f4f;
    font-size: 18px;
    text-align: center;
    margin: 25px auto;
    height: 30px;
}

.Case_nav2, .Case_nav2:hover, .Case_nav:hover {
    display: block;
    line-height: 40px;
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    border: 1px solid #d51419;
    font-size: 18px;
    text-decoration: none;
    background-color: #d51419;
    filter: alpha(opacity=100);
    opacity: 1.0;
}
.Case_nav {
    display: block;
   line-height: 40px;
   width: 100%;
    text-align: center;
    font-size: 18px;
    border: 1px solid #dfdfdf;
    color: #111111;
    filter: alpha(opacity=90);
    opacity: 0.9;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transition: 0.2s linear;
	height: 55px;  padding: 5px; overflow: hidden; box-sizing: border-box; 
}
.Case_nav_e{  height: 55px;  padding: 5px; overflow: hidden; box-sizing: border-box; }
.list_p { width: 60%; height: 50px; margin: 50px auto 2em; }
.list_p .div_a {  float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 5px; }
.work2 .s2{ color: #e41700; font-size:50%;}



@media (max-width: 768px) { 

.qpDiv li {
    width: 50%;
    height: 120px;
}
.qpDiv li .qpzhe {  padding-top: 15%; }
.qpzhe h3 { font-size: 20px; margin-bottom: .5em; }
.qpzhe p { font-size: 14px; margin-top: 0; line-height: 20px; padding: 0 .5em; }
.work2-des.wow { 
	font-size: 15px;
	margin: 0 auto 2rem;
    padding: 0 1em;  line-height: 180%;
}
.work2 { 
	font-size: 25px;
    padding-top: 0;
    height: 40px;
}
.cpHome { width: 100vw; margin: 10px auto; }
.list_p { width: 90%; margin: 0 auto 20px;}
.list_p .div_a { width: 30%; padding: 5px 3px; }
.Case_nav { width: 100%; line-height: 1; font-size: 15px; 
display:  -webkit-flex; display: flex; 
-webkit-flex-wrap: wrap; flex-wrap: wrap;
-webkit-align-items: center;  -o-align-items: center;  -moz-align-items: center;  -ms-align-items: center;  align-items: center; 
justify-content: space-around;
}
.Case_nav_e { line-height: 1.5; }
.qpDiv { width: 90%; }
.Case_nav2, .Case_nav2:hover, .Case_nav:hover { line-height: 30px; font-size: 15px; }
.Case_nav.active2{ font-size: 15px; }
.dc-dt1 { font-size: 62.5% !important; -ms-font-size: 62.5% !important; -webkit-font-size: 62.5% !important; -o-font-size: 62.5% !important; -moz-font-size: 62.5% !important; }


}


/*******************************************about us**************************************************/

.home_about {
    margin-top: 50px;
    background: url(../images/home_bg.jpg) no-repeat center top;
    height: 460px;
    padding-top: 100px;
}
.home_about .home_about_nr {
    background: #f29400;
    height: 418px;
    position: relative;
}
.w1200 {
    width: 1250px;
    margin: 0 auto;
}
.home_about .home_about_nr dl {
    padding: 0 41px;
}
.clearfix {
    clear: both;
}
.home_about .home_about_nr dl dt {
    margin-top: -47px;
    width: 550px;
}
.f-l {
    float: left;
}
.home_about .home_about_nr dl dt img {
    width: 550px;
    height: 401px;
}
.home_about img {
    border: 0;
}
.home_about .home_about_nr dl dd {
    padding-top: 50px;
    width: 580px;
}
.f-r {
    float: right;
}
.home_about .home_about_nr dl dd h3 {
    font-weight: normal;
    color: #000000;
    font-size: 73px;
    text-transform: uppercase;
    font-family: arial;
}
.home_about .home_about_nr dl dd .t {
    margin-top: 10px;
    color: #000000;
    font-size: 15px;
   line-height: 170%;
}
.home_about p { margin: 0; padding: 0; }
.home_about .home_about_nr dl dd .more {
    position: absolute;
    right: 41px;
    bottom: 0;
    width: 55px;
    height: 28px;
    background: #e41700;
    color: #f29400;
    text-align: center;
    line-height: 28px;
    font-family: arial;
    font-size: 22px;
}
.home_about .home_about_nr dl dd .more:hover {  background: #fff; }

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}
 .rect-7269 {
    padding-bottom: 0;
}
.imgZoom {
    overflow: hidden; width: 49%;
    -webkit-transform: rotate(0);
    transform: rotate(0); 
    height: 190px;
    display: inline-block;
}
._full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.imgZoom img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.imgZoom:hover img {
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.imgZoom .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
 .cover .play {
    width: 63px;
    height: 63px;
    background: url(../images/ipart02_play.png) no-repeat center;
    margin: 45px auto 16px;
}
 .cover .t {
    font-size: 20px; letter-spacing: 1px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

/*******************************************about us-2**************************************************/

.page-m5 { margin-top:50px; }
.dc-dl1 {
    position: relative;
    z-index: 10;
    text-align: center;
    padding-top: 60px;
    padding-top: 0.60rem;
    padding-bottom: 80px;
    padding-bottom: 0.80rem;
}
.wp2 {
    max-width: 1150px;
    width: 100%;
    _width: 1150px;
    overflow: hidden;
    margin: 0 auto;
}
.dc-dt1 {
    font-size: 0px;
    position: relative;
    _zoom: 1;
    display: inline-block; width: 350px;
    letter-spacing: normal;
    word-spacing: normal;
    border: 1px solid #dadada;
    padding: 11px 30px;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
         animation-name: fadeInDown;
}
.dc-dt1 h3 {
    font-family: "微软雅黑";
    color: #333;
    font-size:36px; font-weight: 400; line-height: 120%;
}
.dc-dt1 h3 span {
    font-family: "myfzltxhk"; color: #e41700!important; font-size: 50%; margin-left: 20px;
}
.dc-dt1 small {
    display: inline-block;
    letter-spacing: 3px;
    word-spacing: normal;
    position: absolute;
    z-index: 1;
    bottom: -7px;
    background-color: #fff;
    padding: 0px 5px;
    font-family: "myfzltxhk";
    color: #999;
    font-size: 13px;
    white-space: nowrap;
}
.cet-target {
    left: 38%;
}
.dc-dl1 dd {
    padding-top: 15px;
}
.dc-cont1 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    padding-bottom: 40px;
    margin-top: 30px;
}
.dc-cont1 p {
	padding-bottom: 2px;
    font-family: "myfzltxhk",Raleway;
    color: #333;
    font-size: 16px;
    line-height: 180%;
    text-align: left;
    text-indent: 2em;
}
.pagem51 {
    overflow: hidden;
    clear: both; height: 380px;
}
.pagem51 .pagem52, .pagem51 .pagem53 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}
.pagem52 {
    width: 34%;
    position: relative;
    display: block;
    overflow: hidden;
    height: 0px;
    padding-top: 34%;
}
.l {
    float: left;
}
.pagem51 a {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
.pagem51 a {
    text-decoration: none;
    font-family: "微软雅黑";
}
.pagem52 img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    _height: auto;
    max-height: none;
}
.dh-picsf {
    animation: dh-picsfs 8s linear infinite alternate;
    -moz-animation: dh-picsfs 8s linear infinite alternate;
    -webkit-animation: dh-picsfs 8s linear infinite alternate;
    -o-animation: dh-picsfs 8s linear infinite alternate;
    -webkit-animation-delay: 500ms;
       -moz-animation-delay: 500ms;
            animation-delay: 500ms;
    -ms-transform-origin: center;
        transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
}
fieldset, .pagem51 img {
    border: 0;
}
.pagem52 .txt1, .pagem57 .txt1 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: left;
    top: 25px;
    right: 10px;
}
.pagem52 .txt1, .pagem52 .txt2, .pagem57 .txt1, .pagem57 .txt2 {
    position: absolute;
}
.pagem52 .txt1 h3, .pagem57 .txt1 h3 {
    padding-bottom: 2px;
    font-weight: 400;
    font-family: "myfzltxhk";
    font-size: 20px;
    color: #222;
}
.pagem52 .txt1 small, .pagem57 .txt1 small {
    font-family: "myfzltxhk";
    font-size: 14.09px;
    color: #222;
}
.pagem52 .txt2, .pagem57 .txt2 {
    background-color: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
}
.pagem52 .txt2, .pagem57 .txt2 {
    bottom: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
}
.pagem52 .txt2 .dc-mdl, .pagem57 .txt2 .dc-mdl {
    height: 100%;
}
.dc-mdl {
    width: 0px;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    font-size: 14px;
    vertical-align: middle;
}
i.dc-mdl, em {
    font-style: normal;
}
.pagem52 .txt2 .txt3, .pagem57 .txt2 .txt3 {
    display: inline-block;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: middle;
    width: 90%;
}
.pagem52 .txt2 .p1, .pagem57 .txt2 .p1 {
    padding-bottom: 5px;
    padding-bottom: 0.05rem;
    font-size: 18px;
    color: #fff; line-height: 200%;
}
.pagem52 .txt2 .p2, .pagem57 .txt2 .p2 {
    padding-bottom: 10px;
    padding-bottom: 0.10rem;
    font-weight: 400;
    font-size: 16px;
    color: #fff; line-height: 200%;
}
.dc-btn2 {
    display: inline-block;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    border: 1px solid #fff;
    font-family: "myfzxh1jw";
    font-size: 15px;
    color: #fff;  margin-top: 10px;
    padding: 2px 12px;
}
.pagem51 .pagem53 {
    display: block;
    overflow: hidden;
    padding-left: 10px;
    padding-left: 0.10rem;
}
.pagem54 {
    width: 100%;  height: 185px;
    font-size: 0;
    overflow: hidden;
}
.pagem54 .pamge56 {
    width: 50%;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}
.pamge56 {
    font-size: 0;
}
.pamge56 .txt, .pamge56 .img {
    width: 48%;
    _width: 46%;
    margin: 0px 1%;
    position: relative;
    overflow: hidden;
    _zoom: 1;
    height: 0px;
    padding-top: 49%;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: middle;
}
.pamge56 .txt .txt1 {
    background-color: #ffb544;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    _height: 183px;
    max-height: none;
}
.pamge56 .txt .txt1 .img1 {
    padding-top: 13%;
}
.pamge56 .txt h3 {
    padding-top: 12px;
    font-size: 19px;
    color: #fff;
    padding-bottom: 10px; font-weight: 400;
}
.pamge56 .txt small {
    font-size: 14px;
    color: #fff;
}
.pamge56 .img img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    _height: auto;
    max-height: none;
}
.pagem55 {
    font-size: 0;
    padding-top: 10px;
}
.pagem55 .pagem57 {
    width: 49%;
    _width: 48%;
    margin: 0px 0.5%;
    position: relative;
    display: block;
    overflow: hidden;
    height: 0px;
    padding-top: 24.66%;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}
.pagem55 .pagem57 img {
    position: absolute;
    top: 0px;
    left: 0px;
    _height: auto;
    max-height: none;
}
.pagem57 .txt1 {
    left: 10px;
    right: auto;
}
.pagem51 a:hover {
    color: #f2982a!important;
}
.pagem52:hover .txt1, .pagem57:hover .txt1 {
    top: -100%;
}
.pagem52:hover .txt2, .pagem57:hover .txt2 {
    bottom: 0px;
}
.img img:hover {
    opacity: 0.8;
}
.dh-hv360:hover img {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.kbai_e{ height:50px; }


/******************************************qy_honor**************************************************/

.video-gallery-area {
    padding-top: 50px;
    padding-bottom: 50px;
}
.video-gallery-area .container, .core-value-area .container, .working-process-area .container, .team-area .container{
    padding: 0; width: 1170px;
}
.video-gallery-area .col-md-6 {
    width: 50%; float: left; padding: 0 15px; box-sizing: border-box;
}
.video-gallery-area .text-holder {
	box-sizing: border-box;
}
.video-gallery-area .text-holder h2 {
    color: #e41700;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    margin: -7px 0 22px;
}
.video-gallery-area .text-holder.text_e h2 { font-size: 25px; line-height: 1.2; }
.video-gallery-area .text-holder .top-text {
    margin: 0 0 15px;
}
.video-gallery-area p {
    margin: 0 0 10px;
}
.video-gallery-area .video-gallery {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.video-gallery-area .video-gallery img, .img-holder img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    height: auto; max-width: 100%;
}
.img-holder{ overflow: hidden; padding: 0 20px; box-sizing: border-box; width: 100%; }
.img-holder2{ width: 55%;  float: left; overflow: hidden; }
.img-holder2 img{ width: 100%; }
.team-area .text-holder{ width: 45%; float: left; padding-left: 40px; box-sizing: border-box; }
.video-gallery-area .video-gallery .overlay-gallery {
    background-color: transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    transition: all 500ms ease;
}
.video-gallery-area .video-gallery .overlay-gallery .icon-holder {
    display: table;
    height: 100%;
    width: 100%;
}
.video-gallery-area .video-gallery:hover img, .img-holder:hover img  {
    transform: scale(1.1);
}
.video-gallery-area .container:after, .core-value-area .row:after, .working-process-area .row:after, .team-area .row:after, .single-team-member:after, .list_p:after{
    clear: both; display: table; content: " ";    
}
.core-value-area {
    background: #f7f7f7;
    padding-top: 60px; padding-bottom: 50px;
}
.pull-right {
    float: right!important; width: 50%; padding-left: 20px;
    box-sizing: border-box;
}
.sec-title-two h1 {
    color: #3d3d3d;
    font-size: 34px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-transform: capitalize;
}
.sec-title-two .border {
    background: #e41700 none repeat scroll 0 0;
    display: block;
    height: 1px;
    width: 70px;
    margin: 20px 0 0;
}
.pull-left {
    float: left!important; width: 50%;
}
.sec-title {
    padding-bottom: 60px;
    position: relative; padding-bottom: 40px;
    padding-top: 20px;
}
.sec-title h1 {
    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    margin: 0;
}
.working-process-area .col-md-3 {
    width: 50%; float: right;
    padding-left: 20px;
    box-sizing: border-box;
}
.working-process-area{ background: #555; padding-bottom: 63px; padding-top: 60px;}
.working-process-area .single-iten .text-box h3 {
    color: #f3f3f3;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 9px;
}
.working-process-area .single-iten .text-box p {
    color: #ffffff;
}
.working-process-area .single-iten .img-box {
    border-radius: 50%;  left: 30%;
    position: relative;
    width:  300px; height: 300px;
    border: 2px dashed #3c3735;
    padding: 8px;
    transition: all 500ms ease;
}
.team-area {
    padding-top: 70px;
    padding-bottom: 40px;
}
.sec-title-two {
    padding-bottom: 30px;
    position: relative;
}
.single-team-member .text-holder span {
    color: #e41700;
}
.single-team-member .text-holder .text {
    margin-top: 10px;
}
.text-box p, .text-holder p{ line-height: 2; }
.text_e p{ line-height: 1.5; }
.team-area .col-md-3{ width: 100%; }
.ycimg{ overflow: hidden; height: 300px; }
.ycimg img{ margin-left: -100px; margin-top: -150px; }

@media (max-width: 768px) { 

.video-gallery-area .container, .core-value-area .container, .working-process-area .container, .team-area .container {
    padding: 0;
    width: 100%;
}
.video-gallery-area .text-holder h2{ font-size: 23px; margin: 0 0 15px;}
.text-box p, .text-holder p{ line-height: 1.5; }
.video-gallery-area .col-md-6{ float: none; width: 100%;}
.text-box p, .text-holder p{ font-size: 15px; }
.core-value-area .row{ margin-bottom: 20px; }
.pull-right{ width: 100%; padding: 0 15px; }
.core-value-area .text-box p{ line-height: 1.8; }
.pull-left{ float: none!important; width: 100%; }
.video-gallery-area{ padding-bottom: 20px; padding-top: 0;}
.core-value-area{ padding-top: 30px; padding-bottom: 0;}
.working-process-area .col-md-3{ width: 100%; float: none; padding: 0 15px; }
.ycimg img {  margin-left: 0;  margin-top: 0;  width: 100%; }
.img-holder{ padding: 0 15px; }
.ycimg{ height: auto; }
.working-process-area .single-iten .text-box p{ line-height: 1.8; }
.working-process-area{ padding-bottom: 40px; padding-top: 40px; }
.img-holder2{ width: 100%; float: none; padding: 0 15px;  box-sizing: border-box; }
.team-area .text-holder { width: 100%; float: none; margin-top: 30px; padding: 0 15px; }
.sec-title-two{ padding-bottom: 20px; }
.team-area { padding-top: 30px; padding-bottom: 40px; }



}

@-webkit-keyframes fadeInDown {
	
0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

}

@-moz-keyframes fadeInDown {
	
0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
         transform: translateY(-20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
}

}

@keyframes fadeInDown {
	
0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
         transform: translateY(-20px);
}
100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
         transform: translateY(0);
}

}

@-webkit-keyframes dh-picsfs {

0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}
100% {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}

}

@-moz-keyframes dh-picsfs {

0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}
100% {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}

}

@keyframes dh-picsfs {

0% {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
}
100% {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}

}

@media (max-width: 768px) { 

.dc-dt1 small {  font-size: 1.2em; -ms-font-size: 1.2em; -webkit-font-size: 1.2em; -o-font-size: 1.2em; -moz-font-size: 1.2em; 
letter-spacing: 0.5px; -ms-letter-spacing: 0.5px; -webkit-letter-spacing: 0.5px; -o-letter-spacing: 0.5px; -moz-letter-spacing: 0.5px; }
.cet-target {
    left: 44%;
}
.dc-dt1 h3 {  font-size: 25px;  }
.dc-dt1 { width: 70%; }
.page-m5 {
    margin-top: 20px;
}
.dc-dl1 dd {
    padding: 15px 20px;
}
.pagem51 .pagem52, .pagem51 .pagem53 { display: block; width: 100%; height: 200px; margin-bottom: 5px;}
.pagem52 img { 
	width: 100%;
    height: 320px; 
}
.pagem54 .pamge56 { width: 100%;  height: 180px; margin-bottom: 5px; margin-top: 5px;}
.pamge56 .txt, .pamge56 .img { width: 50%; height: 180px; overflow: hidden; _width: 50%; position: unset; padding-top: 0;  margin: 0; -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; }
.pagem51 .pagem53 {  padding-left: 0; height: auto; }
.pamge56 .img img { width: 100%; position: unset;}
.pagem55 { 
	height: 360px;
    padding-top: 0;  
}
.pagem55 .pagem57 { width: 100%;  height: 180px; margin: 2px 0; padding-top: 0; }
.pamge56 .txt .txt1 { position: unset; }
.pamge56 .txt .txt1 .img1 { padding-top: 15%; }
.pagem54{ height: auto; }
.imgZoom{ width: 100%; }
.video_p{ width: 100%; }
.kbai_e{ height:0px; }
}

/**-------------------------------------news---------------------------------------------------------**/

.dynamic {
    height: 500px;
    line-height: 1; margin-top: 50px;
}
.dynamic>.title {
    margin-top: 0\0;
    opacity: 1;
    opacity: 1\0;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}
.dynamic {
    height: 500px;
    line-height: 1; margin-top: 50px;
}

.contt {
    width: 100%;
    float: left;
}
.contt>div {
    width: 100%;
    display: none;
}
.hovercol ul.col2 {
    width: 45%;
    float: left;
    margin: 0 8% 0 0;
    margin-top: 70px;
}
.hovercol li.active1 {
    height: 136px;
}
.hovercol li {
    width: 100%;
    padding-bottom: 9px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    float: left;
}
.hovercol li {
    list-style: none;
} 
.hovercol li.active1 .img {
    display: table-cell;
}
.hovercol .img {
    display: none;
    padding-right: 10px;
}
.hovercol a {
    text-decoration: none;
    color: #686868;
}
.hovercol .img img {
    display: block;
}
img[Attributes Style] {
    width: 197px;
    height: 121px;
}
.hovercol li.active1 .att {
    display: none;
}
.hovercol li .att {
    float: right;
}
.ccc {
    color: #aaa;
}
.font12 {
    font-size: 12px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hovercol li.active1 .desc {
    height: 121px;
    vertical-align: middle;
}
.hovercol .desc {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
.hovercol ul li.active1 .title {
    font-weight: 700; white-space: nowrap;
    max-height: 3.6em;
}
.hovercol li .title {
    display: block;
    height: 1.8em;
    overflow: hidden;
    margin-bottom: .2em;
    font-size: 15px;
}
.product .title, .brand .title, .cooperation .title, .dynamic .title {
    font-size: 36px;
    color: #333;
    text-align: center;
    font-family: sans-serif;
}
.li_1.num1 {
   background: #e41700;
}
.li_1 {
    display: inline-block;
    width: 16px;
    padding: 0 2px 0 0;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-right: .5em;
    background: #bbb;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    -moz-border-radius: 2px;
         border-radius: 2px;
}
.hovercol li.active1 .description {
    display: block; overflow: hidden;
    height: 100px;
}
.hovercol li .description {
    display: none;
    margin-bottom: .4em;
}
.c999 {
    color: #666;
}
.line15em {
   line-height: 180%;
}
.font13 {
    font-size: 13px;
}
.dynamic.active .content {
    opacity: 1;
}
.dynamic .content {
    width: 1200px;
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: all .8s 2s;
    -o-transition: all .8s 2s;
    -moz-transition: all .8s 2s;
    transition: all .8s 2s;
}
.dynamic p span {
    font-family: "myfzltxhk";
    color: #e41700!important;
    font-size: 50%;
    margin-left: 20px;
}

@media (max-width: 768px) { 

.product .title, .brand .title, .cooperation .title, .dynamic .title {
	font-size: 25px; -o-text-overflow: ellipsis 3; text-overflow: ellipsis 3; white-space: nowrap;
}
.dynamic .content { width: 100%; }
.hovercol ul.col2 { width: 100%; float: none;  margin-top: 30px; }
.contt { float:none;  }
.hovercol li .att { display: none; }
.hovercol ul li.active1 .title { height: auto; line-height: 160%; white-space: normal; max-height: none; text-align: left;}
.hovercol li.active1 {
    height: auto; display: flex;
    overflow: hidden;
}
.hovercol li.active1 .img {
    display: block; 
    width: 28%; margin-right: 2%;
    box-sizing: border-box;
    overflow: hidden;
}
.hovercol .img img {
    width: 100px;
    height: 70px;
}
.hovercol li.active1 .att {
    display: none;
}
.hovercol li.active1 .desc {
    height: auto;
    width: 70%;
    vertical-align: middle;
}
.hovercol li.active1 .description {  
    height: auto;
    line-height: 150%;
    margin-top: 5px;
}
.dynamic {  margin-top: 0; padding: 0 20px; overflow: hidden; margin-bottom: 5%;height: auto;}
.Case_nav.active2{ font-size: 15px; }
.pagem51{ height: auto; }
.hovercol li { overflow: hidden; }


}

/**----------------------------------------footer--------------------------------------------------------**/

.footer {
    width: 100%;
    float: left;
}
.footer {
    background: #1e2028;
    margin: 0 auto;
    color: #fff; padding-top: 50px;
}
.footertop {
    padding: 0;
    padding-bottom: 30px;
}
.footertop {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.footertopl {
    border-right: 1px solid #444549; float: left;
    font-size: 16px;
    padding-right: 50px;
    width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.footertopr.fl {
    float: left;
}
.footertop2.fl {
    float: left;
}
.code img {
    width: 100%;  border: 0;
}
.footertopl p {
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 15px;
    color: rgba(255,255,255,.6); text-transform: uppercase;
}
.fot_bt {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 15px;
}
.fot_bt dl {
    width: 100%;
    float: left;
    display: block;
    letter-spacing: 1px;
    height: 35px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.fot_bt dl dt {
    font-size: 14px;
    color: #fff;
    display: block;
    float: left;
}
.fot_bt dl dd {
    font-size: 20px;
    color: #ff422e;
    font-weight: 400;
    float: left;
}
.footertopr {
    width: 70%; padding-left: 80px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.footertopr ul {
    width: 14.2%; float: left;
}
.footertopr_e ul { width: 20%; }
.footertopr a {
    color: #fff;
    font-size: 14px;
    display: block;
    color: #a0a1a3;
    line-height: 26px;
}
.footertopr a:hover {
    color: #FFF;
}
.footerm {
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #414246;
    font-size: 14px;
    padding-bottom: 20px;
}
.footerm a {
    display: inline-block;
    margin: 0 9px;
    color: #a0a1a3;
    font-size: 14px;
}
.footerm a:hover {  color: #fff;  }
.footrb a {
    color: #a6a7a9;
}
.footrb span {
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}
.footrb span a {
    color: #a6a7a9;
}
.footrb {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    line-height: 55px;
    color: #a6a7a9;
    font-size: 14px;
}
.footertitle  a {
    font-size: 16px;
    padding-bottom: 10px;
	color: #fff;
}
.footertitle  a:hover {
  color: #ff422e;
}

@media (max-width: 768px) { 

.footer { width: 100%; padding-top: 20px; }
.footertop { width: 100%; padding-bottom: 10px; }
.footertopl { width: 100%; padding: 0 30px; }
.code img { 
	width: 70%;
    margin: 0 auto;
    display: block; 
}
.footertopl p {  
    margin: 0 auto;
	margin-top: 15px;
	letter-spacing: 0;
    font-size: 14px;
    width: 100%;
	line-height: 180%;
}
.fot_bt { width: 100%; margin: 0 auto; }
.footertopr { margin: 0 auto; width: 95%; padding-left: 0; float: none; display: none; }
.footerm { display: none; }
.footrb {  width: 100%; line-height: 1.5; display: block; padding-bottom: 20px;}
.footrb span{ display: none; }
.footertop .fl{ float: unset; }

}