.scaleBg {
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
@keyframes scale-bg {
 from {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0);
}
to {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
}
.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
 @keyframes slideLeft {
 0% {
 transform: translateX(150%);
 opacity: 0;
}
 100% {
 transform: translateX(0%);
 opacity: 1;
}
}
 @-webkit-keyframes slideLeft {
 0% {
 -webkit-transform: translateX(150%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
}
.slideRight {
	animation-name: slideRight;
	-webkit-animation-name: slideRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
 @keyframes slideRight {
 0% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 transform: translateX(-150%);
 opacity: 0;
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 transform: translateX(0%);
 opacity: 1;
}
}
 @-webkit-keyframes slideRight {
 0% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 transform: translateX(-150%);
 opacity: 0;
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 transform: translateX(0%);
 opacity: 1;
}
}
.driveInLeft {
	-webkit-animation-name: driveInLeft;
	animation-name: driveInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-60px, 0, 0);
 transform: translate3d(-60px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInRight {
	-webkit-animation-name: driveInRight;
	animation-name: driveInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(60px, 0, 0);
 transform: translate3d(60px, 0, 0);
}
 100% {
opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInTop {
	-webkit-animation-name: driveInTop;
	animation-name: driveInTop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInTop {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -200px, 0);
 transform: translate3d(0, -200px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInBottom {
	-webkit-animation-name: driveInBottom;
	animation-name: driveInBottom;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
 @keyframes driveInBottom {
 0% {
 opacity: 0;
 -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 -webkit-transform: translate3d(0, 300px, 0);
 transform: translate3d(0, 300px, 0);
}
 30% {
 opacity: 1;
}
 60% {
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
 animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes clockwise {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes clockwise {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
 @-webkit-keyframes counter-clockwise {
 0% {
-webkit-transform: rotate(360deg);
}
 100% {
-webkit-transform: rotate(0deg);
}
}
 @keyframes counter-clockwise {
 0% {
transform: rotate(360deg);
}
 100% {
transform: rotate(0deg);
}
}
.kuan {
	-webkit-animation-name: kuan;
	animation-name: kuan;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
@keyframes kuan {
0% {
right:0;
width:0px;
}
100% {
right:0;
width: 200px;
}
}
.kuan1 {
	-webkit-animation-name: kuan1;
	animation-name: kuan1;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
@keyframes kuan {
 100% {
right:0;
width: 200px;
}
0% {
right:0;
width:0px;
}
}
.xiaon {
	animation:xiaon 5s 1 forwards;
	-mzoanimation:xiaon 5s 1 forwards;
	-webkit-animation:xiaon 5s 1 forwards;
	-o-animation:xiaon 5s 1 forwards;
}
 @keyframes xiaon {
 0% {
 width:0;
opacity:0;
}
100% {
 width:100;
opacity:1;
}
}
.zifadeInUp {
	-webkit-animation-name: zifadeInUp;
	animation-name: zifadeInUp;
}
@-webkit-keyframes zifadeInUp {
 0% {
 -webkit-transform:translateY(120px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInUp {
 0% {
 -ms-transform:translateY(80px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInUp {
 0% {
 transform:translateY(80px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}
.zifadeInDown {
	-webkit-animation-name: zifadeInDown;
	animation-name: zifadeInDown;
}
 @-webkit-keyframes zifadeInDown {
 0% {
 -webkit-transform:translateY(-80px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInDown {
 0% {
 -ms-transform:translateY(-80px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInDown {
 0% {
 transform:translateY(-80px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}
.shake1 {
	animation:shake1 5s infinite;
	-mzoanimation:shake1 5s infinite;
	-webkit-animation:shake1 5s infinite;
	-o-animation:shake1 5s infinite;
}
@keyframes shake1 {
 0%, 100% {
 -webkit-transform: translateY(5px);
 -ms-transform: translateY(5px);
 transform: translateY(5px);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translateY(-5px);
 -ms-transform: translateY(-5px);
 transform: translateY(-5px);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translateY(5px);
 -ms-transform: translateY(5px);
 transform: translateY(5px);
}
}
.spinIn {
	-webkit-animation-name: spinIn;
	animation-name: spinIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-iteration-count:infinite;
}
 @keyframes spinIn {
 0% {
 opacity: 0;
 -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
 transform: rotateZ(0deg) scale3d(0, 0, 0);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 50% {
 opacity: 1;
}
 70% {
 -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
 transform: rotateZ(380deg) scale3d(1, 1, 1);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 100% {
 -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
 transform: rotateZ(360deg) scale3d(1, 1, 1);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
}
.rotate {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	-webkit-transition-duration: 0.7s;
}
.fangun {
	animation:fangun 5s infinite;
	-mzoanimation:fangun 5s infinite;
	-webkit-animation:fangun 5s infinite;
	-o-animation:fangun 5s infinite;
}
@keyframes fangun {
 0% {
 transform:rotateY(0deg);
 -moz-transform:rotateY(0deg);
 -webkit-transform:rotateY(0deg);
 -o-transform:rotateY(0deg);
}
 100% {
 transform:rotateY(360deg);
 -moz-transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
}
}
 @-webkit-keyframes circleProgressLoad {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
}
}
.zifadeInRight {
	-webkit-animation-name: zifadeInRight;
	animation-name: zifadeInRight;
}
@-webkit-keyframes zifadeInRight {
 0% {
 -webkit-transform:translateX(100px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateX(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInRight {
 0% {
 -ms-transform:translateX(100px);
 opacity: 0;
}
 100% {
 -ms-transform:translatranslateXteY(0px);
 opacity: 1;
}
}
@keyframes zifadeInRight {
 0% {
 transform:translateX(100px);
 opacity: 0;
}
 100% {
 transform:translateX(0px);
 opacity: 1;
}
}
.zifadeInLeft {
	-webkit-animation-name: zifadeInLeft;
	animation-name: zifadeInLeft;
}
@-webkit-keyframes zifadeInLeft {
 0% {
 -webkit-transform:translateX(-100px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateX(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInLeft {
 0% {
 -ms-transform:translateX(-100px);
 opacity: 0;
}
 100% {
 -ms-transform:translatranslateXteY(0px);
 opacity: 1;
}
}
@keyframes zifadeInLeft {
 0% {
 transform:translateX(-100px);
 opacity: 0;
}
 100% {
 transform:translateX(0px);
 opacity: 1;
}
}
.popIn {
	-webkit-animation-name: popIn;
	animation-name: popIn;
}
 @keyframes popIn {
 0% {
 -webkit-transform: scale3d(0, 0, 0);
 transform: scale3d(0, 0, 0);
 opacity: 0;
}
 20% {
 opacity: 1;
}
 40% {
 -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
 animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
 -webkit-transform: scale3d(1.08, 1.08, 1.08);
 transform: scale3d(1.08, 1.08, 1.08);
}
 60% {
 -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 80% {
 -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.fangun1 {
	animation:fangun1 10s linear infinite;
	-mzoanimation:fangun1 10s linear infinite;
	-webkit-animation:fangun1 10s linear infinite;
	-o-animation:fangun1 10s linear infinite;
}
@keyframes fangun1 {
 0% {
 left:0;
 opacity: 1;
 transform: translateX(100px);
}
 100% {
 left:1920px;
 opacity: 1;
 transform: translateX(0);
}
}
.fangun2 {
	animation:fangun2 10s linear infinite;
	-mzoanimation:fangun2 10s linear infinite;
	-webkit-animation:fangun2 10s linear infinite;
	-o-animation:fangun2 10s linear infinite;
}
@keyframes fangun2 {
 0% {
 right:0;
 opacity: 1;
 transform: translateX(100px);
}
 100% {
 right:1920px;
 opacity: 1;
 transform: translateX(0);
}
}
.openDownLeftRetourn {
	-webkit-animation-name:openDownLeftRetourn;
	animation-name:openDownLeftRetourn;
}
@keyframes openDownLeftRetourn {
0% {
transform-origin:bottom left;
transform:rotate(-110deg);
animation-timing-function:ease-in-out;
}
100% {
transform-origin:bottom left;
transform:rotate(0deg);
animation-timing-function:ease-out;
}
}
.zifadeInUp {
	-webkit-animation-name: zifadeInUp;
	animation-name: zifadeInUp;
}
@-webkit-keyframes zifadeInUp {
 0% {
 -webkit-transform:translateY(80px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInUp {
 0% {
 -ms-transform:translateY(80px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInUp {
 0% {
 transform:translateY(80px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}



/*
==========
zoomerOut
==========
*/
.zoomerOut{
	animation-name: zoomerOut;
	-webkit-animation-name: zoomerOut;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);	
	-webkit-animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);

	-webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;	

	visibility: visible !important;						
}
@-webkit-keyframes zoomerOut {
  0% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.8);
  }
}
@keyframes zoomerOut {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.8);
  }
}
.swap {
	-webkit-animation-name:swap;
	animation-name:swap;
}
@-webkit-keyframes swap {
0% {
opacity:0;
-webkit-transform-origin:0 100%;
-webkit-transform:scale(0, 0) translate(-700px, 0px);
}
100% {
opacity:1;
-webkit-transform-origin:100% 100%;
-webkit-transform:scale(1, 1) translate(0px, 0px);;
}
}
@keyframes swap {
0% {
opacity:0;
transform-origin:0 100%;
transform:scale(0, 0) translate(-700px, 0px);
}
100% {
opacity:1;
transform-origin:100% 100%;
transform:scale(1, 1) translate(0px, 0px);
}
}


.perspectiveLeftRetourn {
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important;
	-webkit-animation-name:perspectiveLeftRetourn;
	animation-name:perspectiveLeftRetourn;
}
@-webkit-keyframes perspectiveLeftRetourn {
0% {
-webkit-transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(-130deg);
}
100% {
-webkit-transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveLeftRetourn {
0% {
transform-origin:0 0;
transform:perspective(800px) rotateY(-130deg);
}
100% {
transform-origin:0 0;
transform:perspective(800px) rotateY(0deg);
}
}


.spaceInUp {
	-webkit-animation-name:spaceInUp;
	animation-name:spaceInUp;
}
@-webkit-keyframes spaceInUp {
0% {
opacity:0;
-webkit-transform-origin:50% 0%;
-webkit-transform:scale(.2) translate(0%, -200%);
}
100% {
opacity:1;
-webkit-transform-origin:50% 0%;
-webkit-transform:scale(1) translate(0%, 0%);
}
}
@keyframes spaceInUp {
0% {
opacity:0;
transform-origin:50% 0%;
transform:scale(.2) translate(0%, -200%);
}
100% {
opacity:1;
transform-origin:50% 0%;
transform:scale(1) translate(0%, 0%);
}
}
/*.paizi img{animation: whirl 50s linear infinite;}*/
 @keyframes whirl {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
		
		
		
		
.boegn1{-webkit-animation-duration: 0.6s;
  -webkit-animation-name: boegn1;
  animation-duration: 0.6s;
  animation-name: boegn1;}

  @keyframes boegn1 {
  0% {
    transform: translateX(-60%);
  }
  60% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0%);
  }
  }
   
   
   
	.boegn{-webkit-animation-duration:1s;
  -webkit-animation-name: boegn;
  animation-duration: 1s;
  animation-name: boegn;
  animation-fill-mode: forwards;}	
		@keyframes boegn {
  0% {
    transform: translateX(-100%);
  }
  60% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}


   .yceo{-webkit-animation-duration:1.1s;
  -webkit-animation-name: yceo;
  animation-duration: 1.1s;
  animation-name: yceo;
   animation-fill-mode: forwards;
   opacity:0;	
} 
  
  @keyframes yceo {
  0% {
    opacity:0
  }
  60% {
    opacity:0
  }
  100% {
   opacity:1
  }
}

  
 .yrob{-webkit-animation-duration: 0.6s;
  -webkit-animation-name: yrob;
  animation-duration: 0.6s;
  animation-name: yrob;}

  @keyframes yrob {
  0% {
    transform: translateX(60%);
  }
  60% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0%);
  }
  }
   
   
   
	.yrob1{-webkit-animation-duration:1s;
  -webkit-animation-name: yrob1;
  animation-duration: 1s;
  animation-name: yrob1;
  animation-fill-mode: forwards;}	
		@keyframes yrob1 {
  0% {
    transform: translateX(0%);
  }
  60% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}


.fada{-webkit-animation-name: fada;animation-name: fada;-webkit-animation-duration:2s;animation-duration: 2s;animation-iteration-count:infinite; }
@keyframes fada {
  0% {opacity:0.6;
      transform: scale3d(1, 1, 1);}

  50% {
	  opacity:1;
    transform: scale3d(1.02, 1.02, 1.02); }
  100% {
	  opacity:0.6;
     transform: scale3d(1, 1, 1);}
	 }


.xyeo{-webkit-animation-name: xyeo;animation-name: xyeo;-webkit-animation-duration:2s;animation-duration: 2s;animation-iteration-count:infinite; }
@keyframes xyeo {
  0% {opacity:0.6;}
      

  50% {
	  opacity:1;
   }
  100% {
	  opacity:0.6;
     }
	 }




/*
 @-moz-keyframes bg {
0% {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-moz-transform: translate3d(-2250px, 0, 0);
-webkit-transform: translate3d(-2250px, 0, 0);
-o-transform: translate3d(-2250px, 0, 0);
-ms-transform: translate3d(-2250px, 0, 0);
transform: translate3d(-2250px, 0, 0);
}
}
 @-webkit-keyframes bg {
0% {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-moz-transform: translate3d(-2250px, 0, 0);
-webkit-transform: translate3d(-2250px, 0, 0);
-o-transform: translate3d(-2250px, 0, 0);
-ms-transform: translate3d(-2250px, 0, 0);
transform: translate3d(-2250px, 0, 0);
}
}
 @-o-keyframes bg {
0% {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-moz-transform: translate3d(-2250px, 0, 0);
-webkit-transform: translate3d(-2250px, 0, 0);
-o-transform: translate3d(-2250px, 0, 0);
-ms-transform: translate3d(-2250px, 0, 0);
transform: translate3d(-2250px, 0, 0);
}
}
 @-ms-keyframes bg {
0% {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-moz-transform: translate3d(-2250px, 0, 0);
-webkit-transform: translate3d(-2250px, 0, 0);
-o-transform: translate3d(-2250px, 0, 0);
-ms-transform: translate3d(-2250px, 0, 0);
transform: translate3d(-2250px, 0, 0);
}
}
*/ @keyframes bg {
0% {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

}
100% {
-moz-transform: translate3d(1250px, 0, 0);
-webkit-transform: translate3d(1250px, 0, 0);
-o-transform: translate3d(1250px, 0, 0);
-ms-transform: translate3d(1250px, 0, 0);
transform: translate3d(1250px, 0, 0);

}

}



@keyframes bgc{
0% {
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-moz-transform: translate3d(2250px, 0, 0);
-webkit-transform: translate3d(2250px, 0, 0);
-o-transform: translate3d(2250px, 0, 0);
-ms-transform: translate3d(2250px, 0, 0);
transform: translate3d(2250px, 0, 0);
}
}
 @keyframes whirlddd {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }


@-webkit-keyframes comet {
  0%,
		40% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60%,
		100% {
    -webkit-transform: translateX(-100vmax);
            transform: translateX(-100vmax);
    opacity: 0;
  }
}
@keyframes comet {
  0%,40% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  60%,
		100% {
    -webkit-transform: translateX(-100vmax);
            transform: translateX(-100vmax);
    opacity: 0;
  }
}


@-webkit-keyframes twinkle {
  25% {
    opacity: 0;
  }
}
@keyframes twinkle {
  25% {
    opacity: 0;
  }
}






@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}



.blink {
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

@keyframes blink {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
	
	
@keyframes circleRoate {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(-360deg);
}
}
@keyframes circleRoate1 {
from {
transform: rotate(0deg);
}
to {
	transform: rotate(-360deg);
}
}



@keyframes whirl1 {
            from {
                transform: rotate(360deg);
            }
            to {
                transform: rotate(0deg);
            }
        }
.wrapper {

	z-index:5;

-webkit-transition:-webkit-transform .5s;

transition:transform .5s;

overflow:hidden;



}

.wrapper.mm-menu-open {

	-webkit-transform:translateX(300px);

	-ms-transform:translateX(300px);

	transform:translateX(300px)

}



.mm-menu-toggle {

	position:absolute;

	top:12px;

	right:12px;

	z-index:20;

	width:24px;

	height:18px;

	

	font-size:0;

	text-indent:-9999px;

	display:none;

	z-index:999999

}

@media(max-width:1024px){

.mm-menu-toggle {

	position:absolute;

	top:40px;

	right:30px;

	z-index:20;

	width:24px;

	height:18px;

	background:-webkit-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, #000 7px, #000 11px, rgba(0, 0, 0, 0) 11px, rgba(0, 0, 0,0) 18px);

	background:linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, #000 7px, #000 11px, rgba(0, 0, 0, 0) 11px, rgba(0, 0, 0, 0) 18px);

	font-size:0;

	text-indent:-9999px;

	display:block;

}	



header.smaller .mm-menu-toggle{background:-webkit-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, #000 7px, #000 11px, rgba(0, 0, 0, 0) 11px, rgba(0, 0, 0,0) 18px);

	background:linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, #000 7px, #000 11px, rgba(0, 0, 0, 0) 11px, rgba(0, 0, 0, 0) 18px);}

}

@media(max-width:414px){

.mm-menu-toggle {

	position:absolute;

	top:37px;

	right:15px;

	z-index:20;

	width:24px;

	height:18px;

	background:-webkit-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, #000 7px, #000 11px, rgba(0, 0, 0, 0) 11px, rgba(0, 0, 0,0) 18px);

	background:linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 7px, #000 7px, #000 11px, rgba(0, 0, 0, 0) 11px, rgba(0, 0, 0, 0) 18px);

	font-size:0;

	text-indent:-9999px;

	display:block;

}	

}



.mm-menu-toggle::after, .mm-menu-toggle::before {

display:block;

position:absolute;

left:0;

width:100%;

height:4px;

background-color:#000;

content:"";

z-index:9999999



}



header.smaller .mm-menu-toggle::after,header.smaller .mm-menu-toggle::before{ background:#000}





.mm-menu-toggle::before {

top:0;

-webkit-transform-origin:bottom left;

-ms-transform-origin:bottom left;

transform-origin:bottom left

}

.mm-menu-toggle::after {

bottom:0;

-webkit-transform-origin:top left;

-ms-transform-origin:top left;

transform-origin:top left

}

.mm-menu-toggle, .mm-menu-toggle::after, .mm-menu-toggle::before {

-webkit-transition:all .5s;

transition:all .5s

}

.mm-menu-toggle.active {

	-webkit-transform:rotate(360deg);

	-ms-transform:rotate(360deg);

	transform:rotate(360deg)

}







.mm-menu-toggle.active::before {

width:75%;

-webkit-transform:translateY(7px) rotate(-45deg);

-ms-transform:translateY(7px) rotate(-45deg);

transform:translateY(7px) rotate(-45deg)

}

.mm-menu-toggle.active::after {

width:75%;

-webkit-transform:translateY(-7px) rotate(45deg);

-ms-transform:translateY(-7px) rotate(45deg);

transform:translateY(-7px) rotate(45deg)

}

.mm-menu {

	position:fixed;

	top:85px;

	right:0;

	z-index:10;

	background-color:#fff;

	width:100%;

	height:100%;

	overflow-y:auto;

	box-shadow:0;

	-webkit-transform:translateX(100%);

	-ms-transform:translateX(100%);

	transform:translateX(100%);

-webkit-transition:-webkit-transform .3s, box-shadow .3s;

transition:transform .3s, box-shadow .3s;



}

.mm-menu.active {

	box-shadow:0 2px 8px rgba(0, 0, 0, .2);

	-webkit-transform:translateX(0);

	-ms-transform:translateX(0);

	transform:translateX(0)

}

@media all and (min-width:300px) {

.mm-menu {

width:200px;

-webkit-transform:translateX(200px);

-ms-transform:translateX(200px);

transform:translateX(200px);

top:77px;

z-index:99999999999

}



}

@media all and (max-width:768px) {

.mm-menu {

width:200px;

-webkit-transform:translateX(200px);

-ms-transform:translateX(200px);

transform:translateX(200px);

top:77px;

z-index:99999999999

}



}

@media all and (max-width:414px) {

.mm-menu {

width:200px;

-webkit-transform:translateX(200px);

-ms-transform:translateX(200px);

transform:translateX(200px);

top:77px;

z-index:99999999999

}



}

.mm-menu__header {

	position:relative;

	width:100%;

	height:188px;

	background-color:#CDDC39

}

.mm-menu__title {

	position:absolute;

	bottom:12px;

	left:12px;

	margin:0;

	padding:0;

	color:#fff;

	font-size:22px

}

.mm-menu__items {

	list-style:none;

	margin:0;

	padding:0

}

.mm-menu__item {

	display:block;

	width:100%;

	opacity:0;

	-webkit-transform:translateX(-50%);

	-ms-transform:translateX(-50%);

	transform:translateX(-50%)

}

.mm-menu__item.in-view {

	opacity:1;

	-webkit-transform:translateX(0);

	-ms-transform:translateX(0);

	transform:translateX(0)

}

.mm-menu__item.item-1 {

-webkit-transition:opacity .5s .1s, -webkit-transform .5s .1s;

transition:opacity .5s .1s, transform .5s .1s

}

.mm-menu__item.item-2 {

-webkit-transition:opacity .5s .2s, -webkit-transform .5s .2s;

transition:opacity .5s .2s, transform .5s .2s

}

.mm-menu__item.item-3 {

-webkit-transition:opacity .5s .3s, -webkit-transform .5s .3s;

transition:opacity .5s .3s, transform .5s .3s

}

.mm-menu__item.item-4 {

-webkit-transition:opacity .5s .4s, -webkit-transform .5s .4s;

transition:opacity .5s .4s, transform .5s .4s

}

.mm-menu__item.item-5 {

-webkit-transition:opacity .5s .5s, -webkit-transform .5s .5s;

transition:opacity .5s .5s, transform .5s .5s

}

.mm-menu__item.item-6 {

-webkit-transition:opacity .5s .6s, -webkit-transform .5s .6s;

transition:opacity .5s .6s, transform .5s .6s

}

.mm-menu__item.item-7 {

-webkit-transition:opacity .5s .7s, -webkit-transform .5s .7s;

transition:opacity .5s .7s, transform .5s .7s

}

.mm-menu__item.item-8 {

-webkit-transition:opacity .5s .8s, -webkit-transform .5s .8s;

transition:opacity .5s .8s, transform .5s .8s

}

.mm-menu__item.item-9 {

-webkit-transition:opacity .5s .9s, -webkit-transform .5s .9s;

transition:opacity .5s .9s, transform .5s .9s

}

.mm-menu__item.item-10 {

-webkit-transition:opacity .5s 1s, -webkit-transform .5s 1s;

transition:opacity .5s 1s, transform .5s 1s

}

.mm-menu__item.item-11 {

-webkit-transition:opacity .5s 1.1s, -webkit-transform .5s 1.1s;

transition:opacity .5s 1.1s, transform .5s 1.1s

}

.mm-menu__item.item-12 {

-webkit-transition:opacity .5s 1.2s, -webkit-transform .5s 1.2s;

transition:opacity .5s 1.2s, transform .5s 1.2s

}

.mm-menu__item.item-13 {

-webkit-transition:opacity .5s 1.3s, -webkit-transform .5s 1.3s;

transition:opacity .5s 1.3s, transform .5s 1.3s

}

.mm-menu__item.item-14 {

-webkit-transition:opacity .5s 1.4s, -webkit-transform .5s 1.4s;

transition:opacity .5s 1.4s, transform .5s 1.4s

}

.mm-menu__item.item-15 {

-webkit-transition:opacity .5s 1.5s, -webkit-transform .5s 1.5s;

transition:opacity .5s 1.5s, transform .5s 1.5s

}

.mm-menu__item.item-16 {

-webkit-transition:opacity .5s 1.6s, -webkit-transform .5s 1.6s;

transition:opacity .5s 1.6s, transform .5s 1.6s

}

.mm-menu__item.item-17 {

-webkit-transition:opacity .5s 1.7s, -webkit-transform .5s 1.7s;

transition:opacity .5s 1.7s, transform .5s 1.7s

}

.mm-menu__item.item-18 {

-webkit-transition:opacity .5s 1.8s, -webkit-transform .5s 1.8s;

transition:opacity .5s 1.8s, transform .5s 1.8s

}

.mm-menu__item.item-19 {

-webkit-transition:opacity .5s 1.9s, -webkit-transform .5s 1.9s;

transition:opacity .5s 1.9s, transform .5s 1.9s

}

.mm-menu__item.item-20 {

-webkit-transition:opacity .5s 2s, -webkit-transform .5s 2s;

transition:opacity .5s 2s, transform .5s 2s

}

.mm-menu__link {

	display:block;

	position:relative;

	overflow:hidden;

	margin:4px 0;

	padding:12px;

	color:#727272;

	font-size:16px;

	text-decoration:none;

-webkit-transition:background .5s, color .5s;

transition:background .5s, color .5s

}

.mm-menu__link-text {

	position:relative;

	z-index:2; color:#252525;

}

.mm-menu__link--touch-effect {

	display:block;

	position:absolute;

	z-index:1;

	width:0;

	height:0;

	border-radius:100%;

	-webkit-transform:scale(0);

	-ms-transform:scale(0);

	transform:scale(0);

	-webkit-transform-origin:50% 50%;

	-ms-transform-origin:50% 50%;

	transform-origin:50% 50%

}

.mm-menu__link--touch-effect.animating {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

-webkit-transition:-webkit-transform .5s;

transition:transform .5s

}

.mm-menu-mask {

	display:block;

	position:fixed;

	top:0;

	left:0;

	z-index:999;

	width:100%;

	height:100%;

	background-color:rgba(0, 0, 0, .5);

	visibility:hidden;

	opacity:0;

-webkit-transition:opacity .5s, visibility .5s;

transition:opacity .5s, visibility .5s

}

.mm-menu-mask.active {

	visibility:visible;

	opacity:1

}/*!

 *  Material Design Iconic Font 1.0.1 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/

 *  License - https://github.com/zavoloklom/material-design-iconic-font/blob/gh-pages/License.md (Attribution-ShareAlike 4.0 International license)

 */









#menu-wrapper #hamburger-menu {

    position: relative;

    width: 25px;

    height: 20px;

	margin-top:20px;

	margin-right:20px;

	float:right;

}

@media(max-width:414px){

#menu-wrapper #hamburger-menu {

    position: relative;

    width: 25px;

    height: 20px;

	margin-top:20px;

	margin-right:15px;

	float:right;

}	

}



#menu-wrapper #hamburger-menu span {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    left: 0;

    display: block;

    width: 100%;

    height: 2px;

    border-radius: 10px;

    color: black;

    background-color: white;

    position: absolute;

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .4s ease-in-out;

    transition: .4s ease-in-out;

}



#menu-wrapper #hamburger-menu span:nth-child(1) {

    top: 0;

}

#menu-wrapper #hamburger-menu span:nth-child(2) {

    top: 9px;

}

#menu-wrapper #hamburger-menu span:nth-child(3) {

    top: 18px;

}

#menu-wrapper #hamburger-menu.open span:nth-child(1) {

    top: 9px;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

}

.head{ padding:0 0px; font-size:14px;}

#menu-wrapper #hamburger-menu.open span:nth-child(2) {

    opacity: 0;

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

    left: 60px;

}

#menu-wrapper #hamburger-menu.open span:nth-child(3) {

    top: 9px;

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

}



#menu-container .menu-list .menu-submenu {

    padding-top: 0px;

    padding-bottom: 0px;

}

#menu-container .menu-list {

    padding-left: 0;

    display: block;

    position: fixed;

    width: 100%;

    background: white;

    box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;

    z-index: 999999999;

    overflow-y: auto;

    overflow-x: hidden;

    right: -100%;

	top:60px;

	

}



#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {

    font-size: 16px;

    padding: 15px;

    text-transform: uppercase;

    border-top: 1px solid #dbdcd2;

}



 .menu-list li {

    font-size: 16px;

    padding:10px 15px;

    text-transform: uppercase;

    border-top: 1px solid #dbdcd2;

}



.menu-list { height:480px; overflow:hidden; overflow-y:scroll;}

.menu-list::-webkit-scrollbar-track{background-color: #e0e0e0;}

.menu-list::-webkit-scrollbar{width: 0px;background-color:#e0e0e0;}

.menu-list::-webkit-scrollbar-thumb{background-color: #fc5239;border: 2px solid #fc5239;}



.menu-list li a{ color:#000000; font-size:16px;}

.menu-list li a.head{ font-size:14px; letter-spacing:-1px;}

.menu-list li:first-of-type {

    border-top: 0;

}



.accordion-toggle, .accordion-content {

    cursor: pointer;

    font-size: 16px;

    position: relative;

    letter-spacing: 1px;

}



  .accordion-content {

    display: none;

}



.accordion-toggle a:before, .accordion-toggle a:after {

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    right: 30px;

    width: 15px;

    height: 2px;

    margin-top: -1px;

    background-color: #5a5858;

    -webkit-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-transition: all 0.3s;

    transition: all 0.3s ease-out;

}



.accordion-toggle a:before {

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 1;

    z-index: 2;

}



.accordion-toggle.active-tab {

	border-bottom:1px solid #dbdcd2;

  transition: all 0.3s ease;

}

.accordion-toggle a.active:before {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

    background: #333 !important;

}



.accordion-toggle a.active:after {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    background: #fff !important;

    opacity: 0;

}

/*header begin*/

header {width:100%;height:92px;position: fixed;top: 0;left: 0;z-index:99999;transition: all 0.6s ease; border-bottom:2px solid rgba(255,255,255,0.4); }

.boxoi{ width:100%; height:auto; padding:0 160px;}

.logo{ float:left; position:relative; margin-top:16px;}

.logo img{ display:block; margin:0 auto; max-width:100%; float:left; margin-right:20px;}

.logo a{ color:#fff; font-size:30px; letter-spacing:2px;}

.navo{ float:right;}

.navo ul{ float:left; margin-right:183px;}

.navo li{ float:left; margin-right:46px; height:92px; position:relative;transition: all 0.5s ease;}

.navo li a{ display:block; color:#333333; font-size:16px;line-height: 92px;}

.navo li:after{ content:''; position:absolute; left:0; bottom:20px; width:0px; height:2px; background:#fe5700;transition: all 0.5s ease;}

.navo li:hover:after{ width:100%;}

.navo li.curr:after{ width:100%;}

.navo li.qcbj{ margin-right:0px;}

.navo span{ display:block; float:right; padding-top:37px;}

.navo span img{ vertical-align:middle; margin-right:16px;}

.select{width:76px; height:20px;background: transparent; border:none; color:#001f45; font-size:12px;-webkit-appearance: none;-moz-appearance: none;border-bottom: 1px solid #3d6086; background:url(../images/bg.png) no-repeat right center; line-height:12px; }

header.smaller { width:100%;height:92px; background:#fff; z-index:999999999 }


.dnou2{width:120px; height:0px; overflow:visible;position: absolute;left:-28px; opacity:0;visibility:hidden;background:rgba(255,255,255,0.6); z-index:9999;line-height:40px; top:92px;transition: all 0.8s ease; z-index:999999;text-align:center;}

.navo ul li.le .dnou2 a{ display:block; background:none; color:#001f45; font-size:14px;padding:0px;line-height:40px;text-align:center;}

.navo ul li.le .dnou2 a:hover{ background:none; color:#fe5700; font-weight:normal;}

.navo ul li.le:hover .dnou2 {opacity: 1;visibility:visible;height:auto; width:120px;padding:10px 5px;}


@media(max-width:1680px){

.navo ul{ margin-right:36px;}	

.boxoi{ padding:0 100px;}

}

@media(max-width:1440px){

.navo ul{ margin-right:36px;}	

.boxoi{ padding:0 60px;}

.navo li{ margin-right:30px;}

}

@media(max-width:1366px){

.navo li{ margin-right:30px;}	

}

@media(max-width:1280px){

.navo li{ margin-right:20px;}	

}

@media(max-width:1024px){

.boxoi{ padding:0 30px;}	
.navo{display:none;}

}

@media(max-width:414px){

.boxoi{ padding:0 15px;}	

}

/*header end*/



/*fotter begin*/

.box8{ clear:both; width:100%; height:auto; overflow:hidden; background:#333; padding:60px 0 0 0 ;}

.fotter_t{ height:auto; overflow:hidden; border-bottom:1px solid #4b4b4b; padding-bottom:50px; margin-bottom:20px;}

.fotter_c{ height:auto; overflow:hidden; padding-bottom:20px;}

.fot_cl{ float:left; width:92%; height:auto; padding-top:18px;}

.fot_cl p{ clear:both; line-height:37px;}

.fot_cl p span{ display:block; float:left; width:14%; color:#cccccc; font-size:18px; }

.fot_cl p i{ display:block; color:#cccccc; font-size:14px; float:left;}

.fot_cl p i.jib{ width:45%;}

.fot_cl p i.jib1{ width:11%;}

.fot_cl p i.jib2{ width:25%;}

.fot_cl p i.jib3{ width:14%;}

.fot_cr{ float:right; width:8%; height:auto;}

.fot_cr p{ text-align:center; line-height:24px; color:#cccccc; font-size:14px;}

.fot_cr p img{ display:block; max-width:100%; margin:0 auto; margin-bottom:5px;}

@media(max-width:1366px){

.fot_cl p i.jib{ width:36%;}

.fot_cl p i.jib3{ width:16%;}	

}

@media(max-width:1280px){

.fot_cl p i.jib{ width:38%;}

.fot_cl p i.jib3{ width:16%;}	

}

@media(max-width:1024px){

.box8{ padding-top:40px;}

.fotter_t{ padding-bottom:20px;}

.fot_cl{ width:100%;}

.fot_cl p span{ display:block; width:100%;}	

.fot_cl p i.jib{ width:40%;}

.fot_cl p i.jib1{ width:20%;}

.fot_cl p i.jib2{ width:20%;}

.fot_cl p i.jib3{ width:20%;}

.fot_cr{ display:block; width:100%; padding-top:15px;}

}

@media(max-width:768px){

.box8{ padding-top:40px;}

.fotter_t{ padding-bottom:20px;}

.fot_cl{ width:100%;}

.fot_cl p span{ display:block; width:100%;}	

.fot_cl p i.jib{ width:100%;}

.fot_cl p i.jib1{ width:33.33%;}

.fot_cl p i.jib2{ width:33.33%;}

.fot_cl p i.jib3{ width:33.33%;}

.fot_cr{ display:block; width:100%; padding-top:15px;}

}

@media(max-width:414px){

.box8{ padding-top:40px;}

.fotter_t{ padding-bottom:20px;}

.fot_cl{ width:100%;}

.fot_cl p span{ display:block; width:100%;}	

.fot_cl p i.jib{ width:100%;}

.fot_cl p i.jib1{ width:100%;}

.fot_cl p i.jib2{ width:100%;}

.fot_cl p i.jib3{ width:100%;}

.fot_cr{ display:block; width:100%; padding-top:15px;}

}

.box8_1{ clear:both; width:100%; height:auto; line-height:75px; border-top:1px solid #4b4b4b;}

.box8_1 span{ display:block;color:#999999; font-size:14px;text-align: center;}

.box8_1 font{ display:block; float:right; color:#999999; font-size:14px;}

.box8_1 font a{ color:#999999; font-size:14px;}

@media(max-width:768px){

.box8_1{ line-height:35px; padding:10px 0; overflow:hidden;}

.box8_1 span{ display:block; float:left; color:#999999; font-size:14px; width:100%;}

.box8_1 font{ display:block; float:right; color:#999999; font-size:14px; width:100%;}



}

/*fotter end*/



.toxn{ display:block; margin:0 auto; text-align:center;}



.cd-popup1 {

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;

    z-index:99999999;

}

.cd-popup1.is-visible1 {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}

.cd-popup-container1 {

    position: relative;

    width:39vw;;

    margin:7.5vw auto;

    height:auto;

    background: #FFF;

  -webkit-transform: translateY(-60px);

  -moz-transform: translateY(-60px);

  -ms-transform: translateY(-60px);

  -o-transform: translateY(-60px);

  transform: translateY(-60px);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

	padding:3.13vw;

	border-radius:10px;

}

.cd-popup-close1{ position: absolute;right:10px;top:18px; z-index: 10;width:12px;height:10px; background:url(../images/bg6_1.png) no-repeat; display: block;}

.is-visible1 .cd-popup-container1 {

	-webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  }



.toxn{ height:auto; position:relative; text-align:left;}

.toxn h4{ color:#000000; font-size:0.94vw; line-height:1.23vw; margin-bottom:1.04vw;}

.toxn p{ line-height:1.23vw; color:#000000; font-size:0.73vw;}

@media(max-width:1024px){

.cd-popup-container1{ width:90vw; padding:20px;}	

.toxn h4{ color:#000000; font-size:18px; line-height:24px; margin-bottom:20px;}

.toxn p{ line-height:24px; color:#000000; font-size:14px;}



}

@media(max-width:414px){

.toxn{ height:600px; overflow:hidden; overflow-y:auto; padding-right:20px;}	

}



.cd-top {

  display: inline-block;
  line-height:54px;

  width: 54px;

  position: fixed;

  bottom: 120px;

  right: 20px;

  overflow: hidden;
  text-align:center;

  white-space: nowrap;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  cursor:pointer;

  z-index:9999999;

  font-size:0px

}

.subs{ position: fixed;

  bottom: 120px;

  right: 20px;

  background:url(../tu/tu.png) no-repeat center center; height: 54px;

  width: 54px;}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */

  opacity: 1;

}

.no-touch .cd-top:hover {



  opacity: 1;

  

}







/* General styles for the modal */



/* 

Styles for the html/body for special modal where we want 3d effects

Note that we need a container wrapping all content on the page for the 

perspective effects (not including the modals and the overlay).

*/

.md-perspective,

.md-perspective body {

	height: 100%;

	overflow: hidden;

}



.md-perspective body  {

	background: #222;

	-webkit-perspective: 600px;

	-moz-perspective: 600px;

	perspective: 600px;

}



.md-modal {

	position: fixed;

	top: 50%;

	left: 50%;

	width: 50%;

    width: 1440px;

	height: auto;

	z-index: 2000;

	visibility: hidden;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transform: translateX(-50%) translateY(-50%);

	-moz-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	z-index:999999999

}



@media(max-width:1440px){

.md-modal{ width:100%; padding:0 100px;}	

}

@media(max-width:1024px){

.md-modal{ width:100%; padding:0 30px;}	

}

@media(max-width:414px){

.md-modal{ width:100%; padding:0 15px;}	

}

.md-content button {

	display: block;

	margin: 0 auto;

	font-size: 0.8em;

}





.md-show {

	visibility: visible;

}



.md-overlay {

	position: fixed;

	width: 100%;

	height: 100%;

	visibility: hidden;

	top: 0;

	left: 0;

	z-index: 999000;

	opacity: 0;

	background: rgba(0,0,0,0.8);

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.md-show ~ .md-overlay {

	opacity: 1;

	visibility: visible;

}



/* Content styles */

.md-content {

	color: #fff;



	position: relative;

	

	margin: 0 auto;

	 z-index:999999999999

}

.md-content button {

	display: block;

	margin: 0 auto;

	font-size: 0.8em;

	float:right;

	margin-bottom:40px;

}



@media(max-width:414px){

.md-content button { margin-bottom:10px;}

}

/* Individual modal styles with animations/transitions */





/* Effect 6: side fall */

.md-effect-6.md-modal {

	-webkit-perspective: 1300px;

	-moz-perspective: 1300px;

	perspective: 1300px;

}



.md-effect-6 .md-content {

	-webkit-transform: scale(0.7);

	-moz-transform: scale(0.7);

	-ms-transform: scale(0.7);

	transform: scale(0.7);

	opacity: 0;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.md-show.md-effect-6 .md-content {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}
/*banner begin*/

.box1{clear:both; width:100%; height:auto;overflow:hidden; position:relative; z-index:999; }

.boec{ width:100%; height:auto; overflow:hidden; position:relative;}
.ban_z{position:absolute;top:230px;left:0px;z-index: 999;right: 0px; margin: 0 auto;}
.brgh{ width:100%; height:auto; overflow:hidden; padding:142px 0 105px 54px; background:url(../images/bg1.png) no-repeat left center;background-size:contain;}

.brgh p{ font-size:24px; line-height:28px; font-family:Arial, Helvetica, sans-serif; color:#fe5700; opacity:0;}

.brgh p img{ margin-bottom:16px; display:block; max-width:100%; opacity:0;}



.ani-slide .brgh p img{ opacity:1;animation-name: zifadeInUp;animation-duration: 1s;}

.ani-slide .brgh p{ opacity:1;animation-name: zifadeInUp;animation-duration: 1.5s;}

@media(max-width:1680px){
.ban_z{top:200px;}
.brgh p img{ max-width:25%;}
.brgh{padding-top:140px;height: 450px;}

}
@media(max-width:1600px){
.ban_z{top:180px;}
.brgh{padding-top:120px}
}
@media(max-width:1440px){
.ban_z{top:150px;}
.brgh p img{ max-width:18%;}
.brgh{padding-top:140px;height: 410px;}

}
@media(max-width:1280px){
.ban_z{top:130px;}
.brgh p img{ max-width:16%;}
.brgh{padding-top:140px;height: 400px;}

}
@media(max-width:1024px){
.box1{padding-top:92px;}
.ban_z{position:absolute;top:15px;left:0px;}	
.brgh{padding:100px 0 105px 0px;  background:none; height: auto;}

}
@media(max-width:768px){
.brgh{padding:50px 0 30px 0px;}
.brgh p img{ max-width:30%;}
}

@media(max-width:736px){
.brgh{padding:30px 0 30px 0px;}
.brgh p img{ max-width:28%;}
}

@media(max-width:414px){
.boec{ padding:0}
.brgh{ padding:50px 0 0px  0px ; background:none; }
.brgh p{ font-size:14px;line-height:24px;}
.brgh p img{ max-width:100%; margin-bottom:0px;}
.bebprn{ width:50%; height: auto;overflow:hidden; }
.ban_tu img{
	width: 100%; height: 250px;
}

.brgh p img.sple{
	max-width: 50%
}


}


@media(max-width:375px){
.brgh{ padding:40px 0 0px  0px ;}
}


/*banner end*/



/*main begin*/

.box2{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 0; position:relative;}

.box2:after{ content:''; position:absolute; left:0; top:100px; background:#001f45; width:16%; height:54px;}

.gybo{ float:left; width:35%; height:auto;}

.gybo_t{ border-left:2px solid #001f45; padding-left:10px; color:#001f45; font-size:28px; line-height:28px; margin-bottom:70px;}

.gybo_t i{ display:block; color:#001f45; font-size:24px; font-family:Arial, Helvetica, sans-serif;}

.gybo_c{ clear:both; height:auto; overflow:hidden; margin-bottom:70px;}

.gybo_c h2{ color:#333333; font-size:24px; line-height:36px; margin-bottom:40px;}

.gybo_c p{ color:#333333; font-size:16px; line-height:24px; margin-bottom:58px;}

.gybo_c span{ display:block; width:145px; height:30px; border-bottom:1px solid #666; background:url(../tu/tu.jpg) no-repeat right top; color:#666; font-size:12px;transition: all 0.5s ease;}

.gybo_b{ height:auto; overflow:hidden;}

.gybo_b ul{ font-size:0;}
.gybo_b ul li:nth-child(4n){margin-right: 0;}

.gybo_b li{ display:inline-block; cursor:pointer; margin-right:57px;}

.gybo_b li span{ display:block; width:59px; height:49px; position:relative; margin-bottom:5px;}

.gybo_b li span img{ display:block; margin:0 auto; max-width:100%;}

.gybo_b li em{ position:absolute; left:0; top:0;transition: all 0.5s ease;}

.gybo_b li i{ display:block; position:absolute; left:0; top:0; opacity:0;transition: all 0.5s ease;}

.gybo_b li p{ text-align:center; color:#001f45; font-size:16px; line-height:28px; transition: all 0.5s ease;}

.gybo_b li:hover i{ opacity:1;}

.gybo_b li:hover em{opacity:0;}

.gybo_b li:hover p{ color:#fe5700;}

.gybo_b li.qcbj{ margin-right:0px;}

.bogr{ position:relative; float:right; width:57%; height:auto; overflow:hidden;}

.zobo{ width:100%; height:100%; background:#001f45; position:absolute; left:0; top:0;}

.bogr img{ display:block; width:100%;}

.gybo_c:hover span{ background:url(../images/bg6.png) no-repeat right top; color:#fe5700; color:#fe5700; border-bottom:1px solid #fe5700;}

@media(max-width:1680px){

.box2:after{ width:11%;}	

}

@media(max-width:1600px){

.box2:after{ width:9%;}	

}

@media(max-width:1440px){

.box2:after{ width:4%;}	

}

@media(max-width:1366px){

.box2:after{ width:6%;}	

.gybo_b li{ margin-right:30px;}

.gybo_c p{ margin-bottom:30px;}

.gybo_c h2{ margin-bottom:30px}

.gybo_c{ margin-bottom:50px;}

}

@media(max-width:1280px){

.box2:after{ width:4%;}	

}

@media(max-width:1024px){

.box2{ padding:40px 0;}	

.box2:after{ width:4%; display:none;}	

.gybo{ width:100%; margin-bottom:30px; overflow:hidden;}

.gybo_t{ margin-bottom:30px; font-size:24px;}

.gybo_t i{ font-size:18px;}

.gybo_c{ margin-bottom:30px;}

.gybo_c h2{ font-size:20px; margin-bottom:20px;}

.gybo_c p{ margin-bottom:20px;}

.bogr{ width:100%;}

}

@media(max-width:414px){

.gybo_b li{ margin-right:0px; width:25%;}	

.gybo_b li span{ margin:0 auto;}

}

.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:#001f45; padding:100px 0;}

.wboe{ width:165px; height:auto; margin:0 auto; border-left:2px solid #fff; color:#fff; padding-left:9px; font-size:28px; line-height:28px; margin-bottom:70px;}

.wboe i{ display:block; color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif; }

.box3_1{ width:100%; height:auto; position:relative;}

.box3_1:after{ content:''; position:absolute; left:0; top:160px; width:100%; height:11px; background:url(../images/bg.jpg) repeat-x;}

.sboe{ width:100%; height:auto; overflow:hidden;} 

.sboe dl{ width:100%; height:auto; overflow:hidden; padding:64px 0 100px 0; position:relative;transition: all 0.5s ease;}

.sboe dt{ width:100%; height:auto; overflow:hidden; margin-bottom:68px;}

.sboe dt img{ display:block; margin:0 auto; max-width:100%;}

.sboe dd{ text-align:center; color:#fff; font-size:16px; }

.sboe dl span{ width:39px; height:39px; position:absolute; opacity:0;transition: all 0.5s ease;}

.sboe dl span.bg1{ background:url(../images/bg2.png) no-repeat left top; left:0; top:0;}

.sboe dl span.bg2{ background:url(../images/bg3.png) no-repeat left top; right:0; top:0;}

.sboe dl span.bg3{ background:url(../images/bg4.png) no-repeat left top; left:0; bottom:0;}

.sboe dl span.bg4{ background:url(../images/bg5.png) no-repeat left top; right:0; bottom:0;}

.sboe dl:hover{ background:rgba(245,245,245,0.26);} 

.sboe dl:hover span{ opacity:1;}

@media(max-width:1440px){

.sboe{ padding:0 100px;}	

}

@media(max-width:1024px){

.box3{ padding:40px 0;}

.sboe{ padding:0 60px;}

.wboe{ margin-bottom:30px; font-size:24px;}

.wboe i{ font-size:18px;}

}



.box4{ clear:both; width:100%; height:auto; overflow:hidden; background:#ffffff; padding-top:100px; position:relative;}

.box4:after{ content:''; position:absolute; left:0; top:100px; background:#001f45; width:16%; height:54px;}

.gybo_t1{ margin-bottom:25px; background:url(../images/bg3.jpg) no-repeat left top; overflow:hidden; border:none;}

.gybo_t em{ float:left; font-size:28px;}

.gybo_t span{ display:block; float:right; width:144px; height:30px; border-bottom:1px solid #999999; margin-top:14px; background:url(../tu/tu.jpg) no-repeat right top;}

.gybo_t span a{ display:block; color:#999999; font-size:12px; line-height:12px;}

.hzob{ height:auto; overflow:hidden;background:url(../images/bg4.jpg) no-repeat center top; padding:35px 5px 100px 5px;}

.hzob li{ float:left; width:20%; height:auto;transition: all 0.5s ease; cursor:pointer;}

.hzob li img{ display:block; margin:0 auto; max-width:100%;}

.hzob li:hover{ background:#fff; box-shadow:0px 0px 10px rgba(143,142,142,0.17);}

@media(max-width:1680px){

.box4:after{ width:11%;}	

}

@media(max-width:1600px){

.box4:after{ width:9%;}	

}

@media(max-width:1440px){

.box4:after{ width:4%;}	

}

@media(max-width:1366px){

.box4:after{ width:6%;}	

}

@media(max-width:1280px){

.box4:after{ width:4%;}	

}



@media(max-width:1024px){

.box4:after{ width:4%; display:none;}	

.box4{ padding-top:40px;}	

.hzob{ padding:30px 5px 40px 5px}

.gybo_t em{ font-size:24px;}

}

@media(max-width:414px){

.hzob li{ width:33.33%;}	

.gybo_t span{ width:104px;}

}

.box5{ clear:both; height:auto; overflow:hidden; padding-bottom:100px; position:relative;}

.box5:after{ content:''; position:absolute; left:0; top:0px; background:#001f45; width:16%; height:54px;}

.gybo_t2{ margin-bottom:70px;}

@media(max-width:1680px){

.box5:after{ width:11%;}	

}

@media(max-width:1600px){

.box5:after{ width:9%;}	

}

@media(max-width:1440px){

.box5:after{ width:4%;}	

}

@media(max-width:1366px){

.box5:after{ width:6%;}	

}

@media(max-width:1280px){

.box5:after{ width:4%;}	

}



@media(max-width:1024px){

.box5{ padding-bottom:40px;}

.box5:after{ width:4%; display:none;}	

.gybo_t2{ margin-bottom:30px;}

}

.box5_1{ clear:both; width:100%; height:auto; overflow:hidden; position:relative;}

.guri{ width:100%; height:auto;}

.guri dl{ width:100%; height:auto; position:relative;}

.guri dl:hover{ box-shadow:0px 0px 5px rgba(241,217,204,0.91);}

.guri dt{ width:100%; height:auto; overflow:hidden;}

.guri dt img{ display:block; width:100%;transition: all 0.5s ease;}

.guri dd{ position:absolute; left:0; bottom:0; width:100%; height:60px; background:rgba(255,255,255,0.7); overflow:hidden;transition: all 0.5s ease;}

.guri dd h2{ line-height:60px; text-align:center; color:#333333; font-size:18px;}

.guri dd p{ text-align:center; color:#333333; font-size:14px; line-height:28px;}

.guri dl:hover dd{ height:auto; padding-bottom:20px; border-bottom:4px solid #fe5700;}



.box6{ clear:both; width:100%; height:auto; overflow:hidden; background-color: #d2e3eb; padding:100px 0; position:relative;padding-bottom: 60px;}

.box6:after{ content:''; position:absolute; left:0; top:100px; background:#001f45; width:16%; height:54px;}

@media(max-width:1680px){

.box6:after{ width:11%;}	

}

@media(max-width:1600px){

.box6:after{ width:9%;}	

}

@media(max-width:1440px){

.box6:after{ width:4%;}	

}

@media(max-width:1366px){

.box6:after{ width:2%;}	

}

@media(max-width:1280px){

.box6:after{ width:4%;}	

}

@media(max-width:1024px){

.box6:after{ width:4%; display:none;}	

.box6{ padding:40px 0;}

}



.gybo_t span.eoo{ border-bottom:1px solid #fb6010; background:url(../images/bg6.png) no-repeat right top;}

.gybo_t span.eoo a{ color:#fb6010;}

.cgal_l{ float:left; width:41%; height:auto; overflow:hidden;}

.cgal_l dl{ width:100%; height:auto; overflow:hidden; position:relative;display:flex;flex-direction: row;justify-content: flex-start;}

.cgal_l dt{ width:100%; height:auto; overflow:hidden;}

.cgal_l dt img{ display:block; width:100%;}

.cgal_l dd{ width:100%; height:96px; position:absolute; left:0; bottom:0; background:#fff;text-align:center;color:#333333; font-size:16px; text-align:center;transition: all 0.5s ease; line-height:96px;}

.cgal_l dd span{ color:#fe5700; font-size:24px;}

.cgal_l dl:hover dd{ height:100%; background:rgba(254,87,0,0.82); color:#fff; padding-top:300px;}

.cgal_l dl:hover dd span{ color:#fff;}

.cgal_r{ float:right; width:57%; height:auto; overflow:hidden;} 

.cgal_rt{ height:auto; overflow:hidden; width:100%; margin-bottom:24px;}

.cgal_rt dl{ float:left; width:48%; height:auto; overflow:hidden; position:relative;}

.cgal_rt dt{ width:100%; height:auto; overflow:hidden;}

.cgal_rt dt img{ display:block; width:100%;}

.cgal_rt dd{ width:100%; height:70px; position:absolute; left:0; bottom:0; background:#fff;text-align:center; line-height:24px;color:#333333; font-size:16px; padding:11px 0px 0px 0px;transition: all 0.5s ease;}

.cgal_rt dd span{ color:#fe5700; font-size:24px; display:inline-block;}

.cgal_rt dl:hover dd{ height:100%; background:rgba(254,87,0,0.82); color:#fff; padding-top:120px;}

.cgal_rt dl:hover dd span{ color:#fff;}

.cgal_rt dl.qcbj{ float:right;}

.cgal_rb{ clear:both; height:auto; overflow:hidden;}

.cgal_rb dl{ float:left; width:100%; height:auto; overflow:hidden; position:relative;}

.cgal_rb dt{ width:100%; height:auto; overflow:hidden;}

.cgal_rb dt img{ display:block; width:100%;}

.cgal_rb dd{ width:100%; height:70px; position:absolute; left:0; bottom:0; background:#fff;text-align:center; line-height:24px;color:#333333; font-size:16px; padding:11px 0px 0px 0px;transition: all 0.5s ease;}

.cgal_rb dd span{ color:#fe5700; font-size:24px; display:inline-block;}

.cgal_rb dl:hover dd{ height:100%; background:rgba(254,87,0,0.82); color:#fff; padding-top:120px;}

.cgal_rb dl:hover dd span{ color:#fff;}

@media(max-width:1024px){

.cgal_l{ width:100%; margin-bottom:20px;}

.cgal_r{ width:100%;}	

.cgal_rt dl:hover dd{ padding-top:170px;}

.cgal_rb dl:hover dd{ padding-top:170px;}

.cgal_l dl dd{ line-height:45px;}

.cgal_l dl:hover dd{ padding-top:150px; line-height:45px;}

}

@media(max-width:768px){

.cgal_rt dl:hover dd{ padding-top:120px;}

.cgal_rb dl:hover dd{ padding-top:140px;}	

}

@media(max-width:414px){

.cgal_rt{ margin-bottom:0px;}

.cgal_rt dl{ width:100%; margin-bottom:20px;}

.cgal_rb dl{ width:100%; margin-bottom:0px;}

.cgal_rt dl:hover dd{ padding-top:120px;}

.cgal_rb dl:hover dd{ padding-top:50px;}	

.cgal_l dd span{ color:#fe5700; font-size:14px;}

.cgal_rb dd span,.cgal_rt dd span{ font-size:14px;}

.cgal_l dd,.cgal_rb dd,.cgal_rt dd { font-size:14px;}



}

.box7{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 0 30px 0; position:relative;}

.box7:after{ content:''; position:absolute; left:0; top:100px; background:#001f45; width:16%; height:54px;}

@media(max-width:1680px){

.box7:after{ width:11%;}	

}

@media(max-width:1600px){

.box7:after{ width:9%;}	

}

@media(max-width:1440px){

.box7:after{ width:4%;}	

}

@media(max-width:1366px){

.box7:after{ width:6%;}	

}

@media(max-width:1280px){

.box7:after{ width:4%;}	

}

@media(max-width:1024px){

.box7:after{ width:4%; display:none;}	

.box7{ padding:40px 0 10px 0;}

}

.xubo{ clear:both; height:auto; overflow:hidden;}

.xubo li{ float:left; width:47%; height:auto; overflow:hidden; margin-bottom:70px;}

.xubo li span{ display:block; float:left; width:90px; height:70px; background:#001f45; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; padding-top:16px;transition: all 0.5s ease;}

.xubo li span i{ display:block; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:20px;}

.xubo li font{ display:block; float:left; width:85%; background:#f5f5f5; padding:30px 20px 20px 20px;}

.xubo li h2{ color:#333333; font-size:18px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:20px;transition: all 0.5s ease;}

.xubo li p{ line-height:24px; color:#666666; font-size:14px; overflow:hidden; height:48px;transition: all 0.5s ease;}

.xubo li.qcbj{ float:right;}

.xubo li:hover span{ background:#fe5700;}

.xubo li:hover h2,.xubo li:hover p{ color:#fe5700;}

@media(max-width:1366px){

.xubo li font{ width:83%}	

}

@media(max-width:1280px){

.xubo li font{ width:82%;}



}

@media(max-width:1024px){

.xubo li{ margin-bottom:30px;}	

.xubo li font{ width:80%;}

.xubo li h2{ font-size:16px;}

}

@media(max-width:768px){

.xubo li{ margin-bottom:30px; width:100%;}	

.xubo li font{ width:87%;}

}

@media(max-width:414px){

.xubo li{ margin-bottom:30px; width:100%;}	

.xubo li font{ width:100%; padding:20px;}

.xubo li h2{ margin-bottom:10px;}

}

/*main end*/



/*关于我们 begin*/

.gy_box{ clear:both; width:100%; height:auto; margin-top:92px; padding:220px 0 175px 0; text-align:center;}

.gy_box h2{ color:#ffffff; font-size:42px;  line-height:42px; margin-bottom:20px;}

.gy_box h2 i{ display:inline-block; width:24px; height:6px; background:#fe5700; vertical-align:middle; margin-right:20px;}

.gy_box h2 em{ display:inline-block; width:24px; height:6px; background:#fe5700; vertical-align:middle; margin-left:20px;}

.gy_box p{ color:rgba(255,255,255,0.2); font-size:60px; font-family: "SOURCEHANSANSCN-NORMAL"; text-transform:uppercase;}

@media(max-width:1440px){

.gy_box{ padding-top:170px;}	

}

@media(max-width:1024px){

.gy_box{ padding:120px 0;}	

.gy_box h2{ font-size:32px;}

.gy_box p{ font-size:40px; line-height:40px;}

}

@media(max-width:414px){

.gy_box{ padding:80px 0;}	

.gy_box h2{ font-size:32px;}

.gy_box p{ font-size:40px; line-height:40px;}

}

.gy_box1{ clear:both; width:100%; height:auto; position:relative; border-bottom:2px solid #e6e6e6; min-height:60px !important; text-align:center;}

.gy_box1 ul{ font-size:0;}

.gy_box1 li{ display:inline-block; min-height:60px !important; line-height:58px; position:relative;}

.gy_box1 li a{ display:block; padding:0 36px; color:#333333; font-size:16px;}

.gy_box1 li a:hover{ color:#fe5700;}

.gy_box1 li:after{ content:''; position:absolute; left:0; bottom:-2px; width:0px; height:2px; background:#001f45;transition: all 0.5s ease;}

.gy_box1 li:hover:after{ width:100%; background:#fe5700;}

.gy_box1 li:hover a{ color:#fe5700;}

.gy_box1 li.ego:after{ width:100%;}

.gy_box1 li.ego a{ color:#001f45}

.gy_box1 li.ego:after{ background:#001f45;}

@media(max-width:414px){

.gy_box1 li{ width:25%; padding:0;}	

.gy_box1 li a{ padding:0 ; font-size:15px;}

}

.gy_box2{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 0 ;}

.bauo{ width:38%; height:auto; overflow:hidden; border:1px solid #fe5700; padding:20px; margin:0 auto; margin-bottom:50px;}

.baup{ width:100%; height:auto; overflow:hidden; border:1px solid #fe5700;}

.baup_t{ text-align:center; color:#fe5700; font-size:28px; line-height:34px; font-family: "CALIST"; padding:30px 24px;}

.baup_b{ width:100%; height:auto; overflow:hidden; background:#001f45; padding:11px 0; position:relative;}

.baup_b img{ display:block; margin:0 auto; max-width:100%;animation: whirl 50s linear infinite;}

.baup_b span{ display:block; width:242px; height:52px; border-bottom:1px solid #fe5700; position:absolute; left:0; right:0; margin:0 auto; top:58px; color:#ffffff; font-size:32px; text-align:center;}

.borg{ width:86%; height:auto; margin:0 auto; margin-bottom:90px;}

/*.borg p{ text-align:center; color:#333333; font-size:18px; line-height:30px;}*/

.brego{ width:100%; height:auto; overflow:hidden; margin-bottom:50px;}

.brego li{ clear:both; width:100%; height:auto; overflow:hidden; padding:50px 70px; background:#f7f8fa; position:relative;}

.brego li span{ float:left; display:block; width:37px; height:auto; position:relative; z-index:11;}

.brego li span img{ display:block; max-width:100%;}

.brego li font{ display:block; float:right; width:94%; color:#333333; font-size:14px; line-height:24px; position:relative; z-index:11;transition: all 0.5s ease;}

.brego li:after{ content:''; position:absolute; left:0; top:0; width:0%; height:100%; background:#001f45;transition: all 0.5s ease;}

.brego li:hover:after{ width:100%;}

.brego li:hover font{ color:#fff;}

.zaj{ width:58%; height:auto; margin:0 auto;}

.zaj p{ text-align:center; color:#333333; font-size:18px; line-height:30px;}

@media(max-width:1280px){

.bauo{ width:41%;}

.borg{ width:96%;}

.zaj{ width:64%;}	

}

@media(max-width:1024px){

.gy_box2{ padding:40px 0;}	

.bauo{ width:51%; margin-bottom:30px;}

.borg{ width:100%; margin-bottom:30px;}

.brego{ margin-bottom:30px;}

.zaj{ width:78%;}

.brego li{ padding:20px 30px;}

}

@media(max-width:768px){

.gy_box2{ padding:40px 0;}	

.bauo{ width:81%; margin-bottom:30px;}

.borg{ width:100%; margin-bottom:30px;}

.brego{ margin-bottom:30px;}

.zaj{ width:100%;}

.brego li{ padding:20px 30px;}

.brego li font{ width:92%;}

}

@media(max-width:414px){

.gy_box2{ padding:40px 0;}	

.bauo{ width:100%; margin-bottom:30px;}

.borg{ width:100%; margin-bottom:30px;}

.brego{ margin-bottom:30px;}

.zaj{ width:100%;}

.brego li{ padding:20px 30px;}

.brego li font{ width:100%; padding-top:10px;}

.baup_t{  font-size:20px; line-height:28px; font-family: "CALIST"; padding:20px 20px;}

.borg p{  font-size:16px; line-height:30px;}

.zaj p{ font-size:16px;}

}

.gy_box3{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg8.jpg) no-repeat center bottom #f7f7f7; padding:100px 0 0 0;}

.gy_box3 li{ float:left; width:23%; height:auto; min-height:244px !important; background:#fff; box-shadow:3px 3px 10px rgba(143,142,142,0.17); margin-bottom:100px; padding-top:40px; margin-right:2.6%;transition: all 0.5s ease;}

.gy_box3 li h2{ text-align:center; margin-bottom:20px; font-size:18px; line-height:30px; color:#333333; transition: all 0.5s ease;}

.gy_box3 li span{ display:block; position:relative; width:70px; height:70px; overflow:hidden; margin:0 auto; margin-bottom:20px;}

.gy_box3 li span img{ display:block; max-width:100%;}

.gy_box3 li span i{ display:block; position:absolute; left:0; top:0;transition: all 0.5s ease;}

.gy_box3 li span em{ display:block; position:absolute; left:0; top:0; opacity:0;transition: all 0.5s ease;}

.gy_box3 li p{ text-align:center; line-height:24px; color:#333333; font-size:14px;transition: all 0.5s ease;}

.gy_box3 li.qcbj{ margin-right:0;}

.gy_box3 li:hover span i{ opacity:0;}

.gy_box3 li:hover span em{ opacity:1;}

.gy_box3 li:hover{ background:#001f45;}

.gy_box3 li:hover h2,.gy_box3 li:hover p{ color:#fff;}

@media(max-width:1024px){

.gy_box3{ padding:40px 0 0 0;}	

.gy_box3 li{ width:48%; margin-right:0%; margin-bottom:40px; padding-top:30px;}

.gy_box3 li:nth-child(even){ float:right;}

}

@media(max-width:414px){

.gy_box3{ padding:40px 0 0 0;}	

.gy_box3 li{ width:100%; margin-right:0%; margin-bottom:40px; padding-top:30px;}

.gy_box3 li:nth-child(even){ float:right;}

}



.gy_box4{ width:100%; height:auto; overflow:hidden; background:url(../images/bg9.jpg) repeat fixed; padding:100px 0;}

.zzry{ height:auto;display: flex;flex-wrap: wrap;}

.zzry dl{ float:left; width:25%; height:auto; overflow:hidden; margin-bottom:100px;}

.zzry dt{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.zzry dt img{ display:block; margin:0 auto; max-width:100%;}

.zzry dd{ text-align:center; color:#474747; font-size:14px; line-height:24px;}

.zzry dd p{ font-size:14px; line-height:24px; color:#474747;}

@media(max-width:1366px){

.zzry dl{ padding:0 1%;}

}

@media(max-width:1024px){

.gy_box4{ padding:40px 0;}	

.zzry dl{ float:left; width:25%; height:auto; overflow:hidden; margin-bottom:40px;}

.zzry dt{ margin-bottom:20px;}

}

@media(max-width:414px){

.gy_box4{ padding:40px 0;}	

.zzry dl{ float:left; width:50%; height:auto; overflow:hidden; margin-bottom:40px;}

.zzry dt{ margin-bottom:20px;}

}



.gy_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:130px 0 100px 0;}

.fzli{ width:84%; height:auto; margin:0 auto; overflow:hidden;}

.nife{ clear:both; width:100%; height:auto; overflow:hidden;}

.nife_l{ float:left; width:19%; height:auto; text-align:center; color:#001f45; font-size:50px; line-height:50px; font-family: "ALTER32";}

.nife_r{ float:left; width:81%; height:auto; overflow:hidden;}

.nife_r li{ width:100%; min-height:168px; background:url(../images/bg10.jpg) no-repeat left 0px; padding-left:175px; color:#333333; font-size:20px; line-height:30px;font-family:"Microsoft YaHei";transition: all 0.5s ease;}

.nife_r li:hover{ background:url(../images/bg11.jpg) no-repeat left 0px; color:#fe5700;}

.nife_r li.boo{ background:url(../images/bg12.jpg) no-repeat left top;}

.nife_r li.boo:hover{ background:url(../images/bg13.jpg) no-repeat left top; color:#fe5700;}

@media(max-width:1280px){

.fzli{ width:90%; height:auto; margin:0 auto; overflow:hidden;}

}

@media(max-width:1024px){

.gy_box5{ padding:40px 0;}

.fzli{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

.nife_l{ font-size:30px; line-height:30px;}

.nife_r li{ min-height:100px !important; font-size:16px;}

}

@media(max-width:414px){

.nife_r li{ padding-left:155px; font-size:14px;}	

}

/*关于我们 end*/



/*服务领域 begin*/

.fwli{ width:100%; height:auto; text-align:left; line-height:60px; color:#666666; font-size:16px;}

.fwli a{ color:#666666; font-size:16px;}

.fwli a.avor{ color:#001f45;}

.fw_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f0efef; padding:40px 0 100px 0;}

.sbyw{ width:100%; height:auto; overflow:hidden; background:#ffffff;}

.sbyw_l{ float:left; width:16%; height:auto;}

.sbyw_l li{ line-height:60px; min-height:60px !important; text-align:center;transition: all 0.5s ease; overflow:hidden;}

.sbyw_l li span{ display:inline-block; width:0px; height:32px; margin-top:0px; vertical-align:middle;transition: all 0.5s ease; font-size:0;}

.sbyw_l li em{ display:inline-block; padding:0 8px; color:#333333; font-size:16px; line-height:59px;border-bottom:1px solid #e6e6e6;transition: all 0.5s ease;}

.sbyw_l li:hover{ background:#001f45;}

.sbyw_l li:hover span{ width:32px;}

.sbyw_l li:hover em{ color:#fff; border-bottom:none;}

.sbyw_l li.qfo{ background:#001f45}

.sbyw_l li.qfo span{ width:32px;}

.sbyw_l li.qfo em{ color:#fff; border:none;}

.sbyw_r{ float:right; width:84%; height:auto; overflow:hidden; padding:50px 70px 70px 110px}

.sbyw_r ul{ float:left; width:45%; height:auto;}

.sbyw_r h3{ color:#001f45; font-size:18px; line-height:26px;  margin-bottom:10px;}

.sbyw_r li{ line-height:36px;}

.sbyw_r li a{ display:block; background:url(../images/bg14.jpg) no-repeat left 16px; padding-left:17px; color:#666666; font-size:16px; cursor:pointer;}

.sbyw_r li a:hover{ background:url(../images/bg15.jpg) no-repeat left 16px; color:#fe5700;}

@media(max-width:1024px){

.fw_box{ padding:40px 0;}

.sbyw_l{ width:25%;}	

.sbyw_r{ width:75%; padding:30px 30px;}

.sbyw_r li a{ font-size:14px;}

}

@media(max-width:768px){

.sbyw_l{ width:100%;}

.sbyw_l li{ float:left; width:33.33%; min-height:45px !important; overflow:hidden; line-height:42px;}

.sbyw_l li em{ line-height:43px;}	

.sbyw_r{ width:100%; padding:30px 30px;}

.sbyw_r ul{ width:100%; clear:both; margin-bottom:20px;}

.sbyw_r li{ float:left; width:50%; padding-right:1%;}

.sbyw_r ul:last-child{ margin-bottom:0px;}

}

@media(max-width:414px){

.sbyw_r li{ float:left; width:100%; padding-right:0%;}	

.sbyw_l li em{ line-height:44px; font-size:14px;}	

.sbyw_l li i{ height:22px;}

.sbyw_l li.qfo span{ width:22px;}

.sbyw_l li span{ margin-top:8px;}

.sbyw_l li:hover span{ width:22px;}

}



.fw_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 0; background:#f5f5f5;}

.fwlo{ width:78%; height:auto; margin:0 auto;}

.fwlo_t{ border-bottom:2px solid #d9d9d9; padding-bottom:35px; margin-bottom:50px;}

.fwlo_t h2{ text-align:center; color:#333333; font-size:20px; line-height:20px; margin-bottom:25px;}

/*.fwlo_t span{ text-align:center; color:#666666; font-size:14px;  display:block; margin-bottom:45px;}*/

/*.fwlo_t p{ line-height:30px; color:#333333; font-size:14px; text-align:justify;

    display: block}*/

.fwlo_t h3{ color:#333333; font-size:14px; font-weight:bold; margin-bottom:8px;}

.fwlo_b{ height:auto; overflow:hidden;}

.fwlo_bl{ float:left; width:300px; height:auto;}

.fwlo_bl a{ display:block; float:left; width:115px; color:#666666; font-size:14px; height:32px;}

.fwlo_bl a.shui{ float:left; border-bottom:1px solid #666666; text-align:right; background:url(../images/bg16.jpg) no-repeat left 6px;}

.fwlo_bl a.shue{ float:right; border-bottom:1px solid #666666; text-align:left; background:url(../images/bg17.jpg) no-repeat right 6px;}

.fwlo_bl a.shui:hover{ background:url(../images/bg16_1.jpg) no-repeat left 6px;}

.fwlo_bl a.shue:hover{ background:url(../images/bg17_1.jpg) no-repeat right 6px;}

.fwlo_bl a:hover{ color:#fe5700; border-bottom:1px solid #fe5700;}

.fwlo_br{ float:right; width:145px; height:32px; border-bottom:1px solid #fe5700; color:#fe5700; font-size:14px; background:url(../images/bg17_1.jpg) no-repeat right 6px;}

.fwlo_br a{ display:block; color:#fe5700; font-size:14px;}

@media(max-width:1024px){

.fw_box1{ padding:40px 0;}	

.fwlo{ width:100%;}

.fwlo_t h2{ line-height:30px;}

.fwlo_t{padding-bottom:25px; margin-bottom:30px;}

.fwlo_t span{  margin-bottom:30px;}

}

@media(max-width:414px){

.fw_box1{ padding:40px 0;}	

.fwlo{ width:100%;}

.fwlo_t h2{ line-height:30px;}

.fwlo_t{padding-bottom:25px; margin-bottom:30px;}

.fwlo_t span{  margin-bottom:30px;}

.fwlo_br{ float:left; width:115px; height:32px; border-bottom:1px solid #fe5700; color:#fe5700; font-size:14px; background:url(../images/bg17_1.jpg) no-repeat right 6px;}

.fwlo_bl{ float:left; width:100%; height:auto; margin-bottom:20px; overflow:hidden;}

}

/*服务领域 end*/



/*合作客户 begin*/

.hz_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 0;}

.zhoe{ width:100%; overflow:hidden;}

.zhoe dl{ float:left; width:22%; height:auto; overflow:hidden; position:relative; margin-bottom:40px; margin-right:4%;}

.zhoe dt{ width:100%; height:auto; overflow:hidden; border:1px solid #d2d2d2;}

.zhoe dd{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fe5700; padding:8px 15px; opacity:0;transition: all 0.5s ease;}

.bobj{ width:100%; height:100%; border:1px solid #fff;text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}

.bobj span{ display:inline-block; border-bottom:1px solid #fff; min-height:24px !important; font-size:14px;  color:#fff;}

.zhoe dl:hover dd{ opacity:1;}

.zhoe dl.qcbj{ margin-right:0;}

@media(max-width:1024px){

.hz_box{ padding:40px 0;}	

}

@media(max-width:414px){

.zhoe dl{ width:48%; margin-right:0; margin-bottom:25px;}	

.zhoe dl:nth-child(even){ float:right;}

}

/*合作客户 end*/



/*专业团队 begin*/

.zy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:100px 0;}

.zytd{ width:100%; height:auto; overflow:hidden;}

.zytd dl{ width:23%; float:left; height:auto; position:relative; margin-right:2.6%; margin-bottom:100px;}

.zytd dl:hover{ box-shadow:0px 0px 5px rgba(241,217,204,0.91);}

.zytd dt{ width:100%; height:auto; overflow:hidden;}

.zytd dt img{ display:block; width:100%;transition: all 0.5s ease;}

.zytd dd{ position:absolute; left:0; bottom:0; width:100%; height:60px; background:rgba(255,255,255,0.7); overflow:hidden;transition: all 0.5s ease;}

.zytd dd h2{ line-height:60px; text-align:center; color:#333333; font-size:18px;}

.zytd dd p{ text-align:center; color:#333333; font-size:14px; line-height:28px;}

.zytd dl:hover dd{ height:auto; padding-bottom:20px; border-bottom:4px solid #fe5700;}

.zytd dl.qcbj{ margin-right:0px;}

@media(max-width:1024px){

.zy_box{ padding:40px 0;}

.zytd dl{ margin-bottom:40px;}

}

@media(max-width:768px){

.zy_box{ padding:40px 0;}

.zytd dl{ width:47%; margin-right:0%; margin-bottom:40px;}

.zytd dl:nth-child(even){ float:right;}

}

@media(max-width:414px){

.zy_box{ padding:40px 0;}

.zytd dl{ width:100%; margin-right:0%; margin-bottom:40px;}

.zytd dl:nth-child(even){ float:right;}

}

.zybh{ width:100%; height:auto; overflow:hidden; position:relative; padding:0 60px; margin-bottom:42px;}

.zybh:after{ content:''; position:absolute; left:0; top:120px; background:#f8f8f8; width:100%; height:100%;}

.zybh_l{ float:left; width:26%; height:auto; overflow:hidden; position:relative; z-index:1;}

.zybh_l img{ display:block; width:100%; margin:0 auto;}

.zybh_r{ float:right; width:70%; height:auto; padding-top:48px; position:relative; z-index:11}

.zybh_rt{ height:auto; overflow:hidden; margin-bottom:70px;}

.zybh_rt h2{ color:#001f45; font-size:18px; font-weight:bold; line-height:28px;}

.zybh_rt h2 span{ color:#001f45; font-size:14px;  margin-left:40px;}

.zybh_rt p{ line-height:28px; color:#333333; font-size:14px;}

.zybh_rt p span{  color:#333333; font-size:14px; margin-right:20px;}

.zybh_rt p span:last-child{ margin-right:0px;}

.zybh_rb{ clear:both; height:auto; overflow:hidden;}

.zybh_rb h6{ color:#333333; font-size:16px; font-weight:bold; line-height:30px;}

.zybh_rb p{ line-height:30px; color:#666666; font-size:14px; /*margin-bottom:30px;*/}

.fwlo_brs{ float:right; margin:0 auto;}

.fwlo_ble{ width:298px; height:auto; padding-top:0px; position:absolute; left:60; top:50%; z-index:11; display: none}

.fwlo_ble a{ display:block; float:left; width:115px; color:#666666; font-size:14px; height:32px;}

.fwlo_ble a.shui{ float:left; border-bottom:1px solid #666666; text-align:right; background:url(../images/bg16.jpg) no-repeat left 6px;}

.fwlo_ble a.shue{ float:right; border-bottom:1px solid #666666; text-align:left; background:url(../images/bg17.jpg) no-repeat right 6px;}

.fwlo_ble a.shui:hover{ background:url(../images/bg16_1.jpg) no-repeat left 6px;}

.fwlo_ble a.shue:hover{ background:url(../images/bg17_1.jpg) no-repeat right 6px;}

.fwlo_ble a:hover{ color:#fe5700; border-bottom:1px solid #fe5700;}




.fwlo_ble1{ width:298px; height:auto; padding-top:30px; z-index:11}

.fwlo_ble1 a{ display:block; float:left; width:115px; color:#666666; font-size:14px; height:32px;}

.fwlo_ble1 a.shui{ float:left; border-bottom:1px solid #666666; text-align:right; background:url(../images/bg16.jpg) no-repeat left 6px;}

.fwlo_ble1 a.shue{ float:right; border-bottom:1px solid #666666; text-align:left; background:url(../images/bg17.jpg) no-repeat right 6px;}

.fwlo_ble1 a.shui:hover{ background:url(../images/bg16_1.jpg) no-repeat left 6px;}

.fwlo_ble1 a.shue:hover{ background:url(../images/bg17_1.jpg) no-repeat right 6px;}

.fwlo_ble1 a:hover{ color:#fe5700; border-bottom:1px solid #fe5700;}

@media(max-width:1280px){

.fwlo_ble1{ width:270px;}

}

@media(max-width:1024px){

.zybh{ padding:0 30px;}	

.zybh_l{}
.fwlo_ble1{ width:298px; height:auto; padding-top:30px; position:inherit; left:0px; top:0%; z-index:11; clear:both; margin-bottom:40px; overflow:hidden; display: none}
.fwlo_ble{ width:298px; height:auto; padding-top:30px; position:inherit; left:0px; top:0%; z-index:11; clear:both; margin-bottom:40px; overflow:hidden; display: block}

.zybh_rt{ margin-bottom:40px;}

}

@media(max-width:414px){

.zybh{ padding:0 30px;}	

.zybh_l{}
.fwlo_ble1{ width:298px; height:auto; padding-top:30px; position:inherit; left:0px; top:0%; z-index:11; clear:both; margin-bottom:40px; overflow:hidden; display: none}


.fwlo_ble{ width:100%; height:auto; padding-top:30px; position:inherit; left:0px; top:0%; z-index:11; clear:both; margin-bottom:40px; overflow:hidden;display: block}

.zybh_rt{ margin-bottom:20px;}

.zybh_l{ width:100%;}

.zybh_r{ width:100%; padding-top:30px;}

.zybh_rt p span{ display:block; width:100%; margin-right:0;}

.zybh_rb p{ margin-bottom:20px;}

}

/*专业团队 end*/



/*成功案例 begin*/

.cg_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:100px 0;}

.cg_box ul{ padding:5px;}

.cg_box li{ clear:both;transition: all 0.5s ease; height:auto; overflow:hidden; background:#fff; padding:0 70px 40px 70px; margin-bottom:60px;}

.cg_box li span{ display:block; width:80px; height:80px; background:#001f45; text-align:center; color:#fff; text-align:center; font-size:42px;}

.cg_box li span i{ display:block; color:#fff;font-family:"Microsoft YaHei"; font-size:14px; line-height:14px;}

.cg_box li h2{transition: all 0.5s ease; line-height:68px; border-bottom:2px solid #f5f5f5;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px; color:#333333; font-size:20px;}

.cg_box li p{ transition: all 0.5s ease;line-height:30px; color:#666666; font-size:16px;}

.cg_box li em{ transition: all 0.5s ease;display:block; float:right; width:144px; height:32px; border-bottom:1px solid #666666; color:#666666; font-size:12px; background:url(../images/bg6_1.png) no-repeat right top;}

.cg_box li:hover em{ background:url(../images/bg6.png) no-repeat right top; color:#fe5700; border-bottom:1px solid #fe5700;}

.cg_box li:hover h2,.cg_box li:hover p{ color:#fe5700;}

.cg_box li:hover{ box-shadow:0px 0px 20px rgba(241,217,204,0.75);}

@media(max-width:1024px){

.cg_box{ padding:40px 0;}	

.cg_box li{ padding:0 30px 30px 30px; margin-bottom:30px;}

.cg_box li h2{ font-size:16px; line-height:45px;}

.cg_box li p{ font-size:14px;}

}

/*成功案例 end*/



/*知产论谈 begin*/

.zc_box{ clear:both; width:100%; height:auto; background:#f5f5f5; padding:100px 0; overflow:hidden;}

.zc_box li{ float:left; width:31%; height:auto; min-height:490px !important; background:#fff; padding:40px 24px 0 24px;transition: all 0.5s ease; margin-right:3.5%; margin-bottom:48px;}

.zc_box li span{ display:block; color:#999999; font-size:14px; line-height:22px; background:url(../tu/tu33.jpg) no-repeat left center; padding-left:42px;font-family:"Microsoft YaHei"; margin-bottom:30px;transition: all 0.5s ease;}

.zc_box li h2{ color:#333333; font-size:20px; line-height:36px; height:72px; overflow:hidden; margin-bottom:15px;transition: all 0.5s ease;}

.zc_box li p{ line-height:24px; color:#4c4c4c; font-size:14px; padding-bottom:20px; border-bottom:2px solid #e6e6e6; margin-bottom:30px;transition: all 0.5s ease; min-height: 210px !important;}

.zc_box li em{ display:block; margin:0 auto; width:144px; height:30px; border-bottom:1px solid #666666; color:#666666; font-size:12px;  background:url(../images/bg6_1.png) no-repeat right top; line-height:12px;transition: all 0.5s ease;}

.zc_box li:hover{ box-shadow:0px 0px 10px rgba(241,217,204,073);}

.zc_box li:hover span{ background:url(../tu/tu34.jpg) no-repeat left center; color:#001f45;}

.zc_box li:hover h2,.zc_box li:hover p{ color:#fe5700;}

.zc_box li:hover em{ color:#fe5700; border-bottom:1px solid #fe5700; background:url(../images/bg6.png) no-repeat right top;}

.zc_box li.qcbj{ margin-right:0;}

@media(max-width:1024px){

.zc_box{ padding:40px 0;}

.zc_box li span{ margin-bottom:20px;}

.zc_box li h2{ font-size:18px; line-height:24px; height:48px; padding-bottom:20px;}	

}

@media(max-width:768px){

.zc_box{ padding:40px 0;}

.zc_box li span{ margin-bottom:20px;}

.zc_box li h2{ font-size:18px; line-height:24px; height:48px; padding-bottom:20px;}	

.zc_box li{ width:48%; margin-right:0; margin-bottom:40px; min-height: 510px !important;}

.zc_box li:nth-child(even){ float:right;}

}
@media(max-width:540px){
	.zc_box li p{min-height: 265px !important;}
	 
	}


@media(max-width:450px){

.zc_box{ padding:40px 0;}

.zc_box li span{ margin-bottom:20px;}

.zc_box li h2{ font-size:18px; line-height:24px; height:48px; padding-bottom:20px;}	

.zc_box li{ width:100%; margin-right:0; min-height:auto !important; padding:30px;}

.zc_box li:nth-child(even){ float:right;}
.zc_box li p{min-height: auto !important;}
	
	 

}


/*知产论谈 end*/



/*新闻动态 begin*/

.gy_box1_1{ height:auto; }

@media(max-width:414px){

.gy_box1_1 li{ width:50%;}	

}

.xw_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:100px 0;}

.xuon{ border-top:2px solid #cccccc; overflow:hidden; margin-bottom:50px;}

.xuon dl{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #ccc; padding:24px 0; clear:both;}

.xuon dt{ float:left; width:28%; height:auto; overflow:hidden;}

.xuon dt img{ display:block; width:100%;transition: all 0.5s ease;}

.xuon dd{ float:right; width:67%; height:auto; padding:55px 0 0 0;}

.brhp{ float:left; width:73%; height:auto;}

.brhp h2{ color:#333333; font-size:20px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:30px;transition: all 0.5s ease;}

.brhp p{ line-height:24px; color:#666666; font-size:14px;transition: all 0.5s ease;}

.brho{ float:right; width:19%; height:auto; overflow:hidden;}

.brho span{ display:block; text-align:right; color:#666666; font-size:24px; line-height:24px; margin-bottom:55px;transition: all 0.5s ease;}

.brho em{ display:block; width:100%; height:32px; border-bottom:1px solid #666666; background:url(../images/bg6_1.png) no-repeat right top; color:#666666;  font-size:12px; line-height:12px;transition: all 0.5s ease;}

.xuon dl:hover dt img{transform: scale(1.1);}

.xuon dl:hover .brhp h2,.xuon dl:hover .brhp p{ color:#fe5700;}

.xuon dl:hover .brho span{ color:#001f45;}

.xuon dl:hover .brho em{ color:#fe5700; border-bottom:1px solid #fe5700; background:url(../images/bg6.png) no-repeat right top;}

@media(max-width:1280px){

.xuon dd{ padding-top:40px;}	

}

@media(max-width:1024px){

.xw_box{ padding:40px 0;}

.xuon dd{ padding-top:0px;}	

.brhp h2{ font-size:18px; margin-bottom:15px;}

.brho span{ font-size:18px; margin-bottom:30px;}

.xuon{ margin-bottom:30px;}

}

@media(max-width:768px){

.xw_box{ padding:40px 0;}

.xuon dd{ padding-top:0px; width:100%; padding-top:20px;}	

.brhp h2{ font-size:18px; margin-bottom:15px;}

.brho span{ font-size:18px; margin-bottom:30px;}

}

@media(max-width:414px){

.xuon dt{ width:100%;}	

.brhp{ width:100%;}

.brho{ float:left; width:150px;}

.brho span{ text-align:left; margin-bottom:10px; margin-top:15px;}

}

/*新闻动态 end*/



/*联系我们 begin*/

.lx_box{ width:100%; height:auto; overflow:hidden; background:#fff; padding:100px 0 0 0;}

.begij{ height:auto; overflow:hidden; margin-bottom:100px;}

.begj_t{ text-align:center; color:#333333; font-size:30px; line-height:30px; margin-bottom:35px; }

.begj_c{ text-align:center; overflow:hidden; margin-bottom:60px;}

.begj_c span{ color:#333333; font-size:24px; line-height:40px; margin-right:78px;}

.begj_c span em{ color:#fe5700; font-size:24px; }

.begj_c span img{ vertical-align:middle; margin-right:30px; margin-top:-5px;}

.begj_c span.qcbj{ margin-right:0px;}

.befj_b{ height:auto; overflow:hidden;}

.befj_b img{ display:block; max-width:100%;}

@media(max-width:1024px){

.lx_box{ padding:40px 0 0 0;}

.begij{ margin-bottom:40px;}	

.begj_t{ margin-bottom:20px; line-height:24px; font-size:24px;}

.begj_c{ margin-bottom:20px;}

.begj_c span,.begj_c span em{ font-size:18px;}

.begj_c span{ margin-right:20px;}

.begj_c span img{ margin-right:10px;}

}

@media(width:414px){

.begj_c { text-align:left;}

.begj_c span{ width:100%; display:block; margin-right:0px; margin-bottom:10px;}	

.begj_c span:last-child{ margin-bottom:0px}

}



.lx_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg18.jpg) no-repeat center center fixed; background-size:cover; padding:100px 0;}

.rcli{ width:100%; height:auto; text-align:center; color:#333333; font-size:30px; line-height:30px; margin-bottom:35px;}

.rclo{ text-align:center; color:#666666; font-size:20px; line-height:24px; margin-bottom:50px;}

.rclp{ width:100%; height:auto; overflow:hidden; border:1px solid #164073; border-bottom:none}

.rclp li{ float:left; width:33.33%; height:auto; min-height:238px !important; background:#fff; border-bottom:1px solid #164073; border-right:1px solid #164073; padding:40px 0 0 40px; position:relative;transition: all 0.5s ease;}

.rclp li span{ display:block; float:left; width:76%; height:auto; overflow:hidden;}

.rclp li h2{ color:#333333; font-size:24px; line-height:24px; margin-bottom:25px;transition: all 0.5s ease;}

.rclp li p{ color:#666666; font-size:16px; line-height:30px;transition: all 0.5s ease;}

.tubo{ width:50px; height:47px; position:absolute; right:15px; bottom:40px;}

.tubo img{ display:block; max-width:100%; margin:0 auto;}

.tubo em{ display:block; position:absolute; left:0; top:0;transition: all 0.5s ease;}

.tubo i{ display:block; position:absolute; left:0; top:0; opacity:0;transition: all 0.5s ease;}

.rclp li:hover{ background:url(../images/bg19.jpg) no-repeat center center; background-size:cover;}

.rclp li:hover .tubo em{ opacity:0;}

.rclp li:hover .tubo i{ opacity:1;}

.rclp li:hover h2,.rclp li:hover p{ color:#fff;}

.rclp li.qcbj{ border-right:none;}

@media(max-width:1366px){

.rclp li{ padding:40px 0 0 30px;}

.rclp li span{ width:82%;}	

}

@media(max-width:1280px){

.rclp li p{ font-size:14px;}	

}

@media(max-width:1024px){

.lx_box1{ padding:40px 0;}

.rcli{ font-size:24px; margin-bottom:20px;}

.rclo{ font-size:18px; margin-bottom:20px;}

.rclp li{ width:50%; padding:20px 0 0 20px;}

.rclp li p{ font-size:14px;}	

.rclp li h2{ font-size:20px;}

.rclp li.qcbj{ border-right:1px solid #164073}

.rclp li:nth-child(even){ border-right:none;}

}

@media(max-width:414px){

.rclp li{ width:100%; padding:20px 0 0 20px; border-right:none;}	

}

.lx_box2{ clear:both; width:100%; height:auto; margin:0 auto; background:#f5f5f5; overflow:hidden; padding:100px 0;}

.zubo{ text-align:center; color:#333333; font-size:30px; line-height:30px; margin-bottom:40px;}

.zube{ height:auto;}

.zube li{transition: all 0.5s ease; width:100%; height:auto; overflow:hidden; background:#ffffff; padding:45px 70px; margin-bottom:40px;}

.zube li h2{ border-bottom:2px solid #f5f5f5; padding-bottom:15px; line-height:24px; clear:both; overflow:hidden; margin-bottom:20px;}

.zube li h2 span{transition: all 0.5s ease; background:url(../tu/tu49.jpg) no-repeat left center; padding-left:33px; display:block; float:left; color:#333333; font-size:20px;}

.zube li h2 em{transition: all 0.5s ease; display:block; float:right; color:#666666; font-size:12px; background:url(../images/bg6_1.png) no-repeat right center; padding-right:33px; margin-top:5px;}

.zube li p{ clear:both; height:auto; overflow:hidden; line-height:30px;}

.zube li p span{transition: all 0.5s ease; display:block; float:left; color:#666666; font-size:16px;}

.zube li p span.xuli1{ width:22%;}

.zube li p span.xuli2{ width:17%;}

.zube li p span.xuli3{ width:30%;}

.zube li p span.xuli4{ width:16%;}

.zube li p span.xuli5{ float:right}

.zube li:hover{ box-shadow:0px 0px 10px rgba(241,217,204,0.73);}

.zube li:hover h2 span{ background:url(../tu/tu50.jpg) no-repeat left center; color:#001f45;}

.zube li:hover h2 em{ background:url(../images/bg6.png) no-repeat right center; color:#fe5700;}

.zube li:hover p span{ color:#fe5700;}

@media(max-width:1366px){

.zube li p span.xuli4{ width:15%;}	

}

@media(max-width:1280px){

.zube li p span.xuli3{ width:28%;}

}

@media(max-width:1024px){

.lx_box2{ padding:40px 0;}	

.zubo{ font-size:24px; margin-bottom:30px;}

.zube li{ padding:20px 30px;}

.zube li p span{ font-size:14px;}

.zube li p span.xuli1{ width:33.33%;}

.zube li p span.xuli2{ width:33.33%;}

.zube li p span.xuli3{width:33.33%;}

.zube li p span.xuli4{ width:33.33%;}

.zube li p span.xuli5{ width:33.33%; float:left;}

}

@media(max-width:768px){

.lx_box2{ padding:40px 0;}	

.zubo{ font-size:24px; margin-bottom:30px;}

.zube li{ padding:20px 30px;}

.zube li p span{ font-size:14px;}

.zube li p span.xuli1{ width:50%;}

.zube li p span.xuli2{ width:50%;}

.zube li p span.xuli3{width:50%;}

.zube li p span.xuli4{ width:50%;}

.zube li p span.xuli5{ width:50%; float:left;}

.zube li h2 span{ font-size:16px;}

}

@media(max-width:414px){

.lx_box2{ padding:40px 0;}	

.zubo{ font-size:24px; margin-bottom:30px;}

.zube li{ padding:20px 30px;}

.zube li p span{ font-size:14px;}

.zube li p span.xuli1{ width:100%;}

.zube li p span.xuli2{ width:100%;}

.zube li p span.xuli3{width:100%;}

.zube li p span.xuli4{ width:100%;}

.zube li p span.xuli5{ width:100%; float:left;}

}

.boor{ width:100%; height:auto; overflow:hidden; background:#fff; padding:50px 70px; margin-bottom:40px;}

.boor_t{ height:auto; overflow:hidden; border-bottom:2px solid #f5f5f5; padding-bottom:10px; color:#001f45; font-size:20px; margin-bottom:15px;}

.boor_t img{ vertical-align:middle; margin-right:20px;}

.boor_b{ height:auto; overflow:hidden;}

.boor_b h6{ color:#333333; font-size:16px; line-height:30px; font-family:"M";}

.boor_b p{ line-height:30px; color:#666666; font-size:16px;}

@media(max-width:1024px){

.boor{ padding:30px;}	

}
*{-moz-box-sizing:border-box;box-sizing:border-box;}

#wrapper{ height:100%;}

html,body{ position:relative; height:100%;-webkit-tap-highlight-color: transparent;}

body{padding:0px ;margin:0; font-size:12px; background:#ffffff; position:relative; overflow-x:hidden;  font-family:"Microsoft YaHei";font-weight:normal;}

a,p,dl,dt,dd,ul,li,h2,h1,h3,h4,h5,h6,table,tr,td,form,iframe,font,em,i{/*font-family:"Microsoft YaHei";*/font-size:16px; font-weight:normal;word-break: normal;word-wrap: break-word;  font-style:normal; padding:0px ;margin:0;text-decoration:none;outline:none;-moz-outline:none;}

a:focus{outline-style:none; -moz-outline-style: none;}

a:hover{ text-decoration:none;}

p{word-break: normal;word-wrap: break-word; }

img{ border:none;max-width:100%;}

li{ list-style:none; text-decoration:none;}

input {outline: none;text-decoration:none;-ms-outline:none; }

textarea {outline: none;text-decoration:none;}

select{outline: none;text-decoration:none;}

/*input:focus{ border:1px solid #9c9f58;}*/

select:focus{ border:none;}

.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.clearfix {zoom:1;}	

a{text-decoration:none;}

button {

	margin:0;

	padding:0;

	color:inherit;

	font-family:inherit;

	font-size:inherit;

	background:0 0;

	border:none;

	border-radius:none;

	box-shadow:none;

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	outline:0;

	cursor:pointer

}



html::-webkit-scrollbar-track{background-color: #000;}

html::-webkit-scrollbar{width: 5px;background-color:#000;}

html::-webkit-scrollbar-thumb{background-color: #030b23;border: 2px solid #030b23;}



.container{ width:1282px; height:auto; margin:0 auto;!important;}

@media(max-width:1366px){

.container{ width:100%; padding:0 100px; height:auto; margin:0 auto;}	

}



@media(max-width:1024px){

.container{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	

}

@media(max-width:414px){

.container{ width:100%; padding:0 15px; height:auto; margin:0 auto;}	

}






a:hover,a:focus,a:link,a:visited,a:active { text-decoration: none;}





.wbk::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 

color: #999999; 

} 

.wbk:-moz-placeholder, textarea:-moz-placeholder { 

color: #999999; 

} 

.wbk::-moz-placeholder, textarea::-moz-placeholder { 

color: #999999; 

} 

.wbk:-ms-input-placeholder, textarea:-ms-input-placeholder { 

color: #999999; 

} 







@keyframes shake1 {

  0%, 100% {

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

  }



  10%, 30%, 50%, 70%, 90% {

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px);

  }



  20%, 40%, 60%, 80% {

    -webkit-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

  }

}



@-webkit-keyframes spin {

                from {

                    -webkit-transform: rotate(0deg);

                }

                to {

                    -webkit-transform: rotate(360deg);

                }

            }

            

            @keyframes spin {

                from {

                    transform: rotate(0deg);

                }

                to {

                    transform: rotate(360deg);

                }

            }



 @keyframes whirl {

            from {

                transform: rotate(0deg);

            }

            to {

                transform: rotate(360deg);

            }

        }

.fanye {margin: 15px 0;width: 100%;line-height: 34px;text-align: center;color: #fff;}
.fanye a {color: #fff;padding: 0 11px;margin: 0 5px;font-weight: bold;background:#939393;margin-top:10px; font-size:14px;}
.fanye a.fcur {background:#001f45;box-shadow: 0px 0px 9px #999;}
.fanye * {display: inline-block;_display: inline;vertical-align: middle;line-height: 28px;/*height: 28px;*/padding-bottom: 1px;}
.fanye a:hover {display: inline-block;color: #fff;background: #001f45;box-shadow: 0px 0px 9px #999;}