@charset "utf-8";
/* CSS Document */
.heard{box-shadow: 0 2px 2px 0 rgba(0,0,0,.04); position:fixed; top:0; width:100%; z-index:10; background-color:#FFF; transition:all .6s; -webkit-transition:all .6s;       -moz-transition:all .6s; -o-transition:all .6s; -ms-transition:all .6s;}
.heard-auto{width: 1200px; margin: 0 auto;}
.h-lf{ width:170px; float:left;margin-top: 10px;}
.h-lf img{ width:100%;}
.h-rg{ float:right; width:50%;}
.rg-list ul li{ float:left; width:16%; text-align:center; line-height:81px;}
.rg-list ul li a{ font-size:16px;}
.rg-list ul li a:hover{color:#073a82;}
 /*手机端导航go*/
.sj-head{ width:26px; display:inline-block; display:none;}
.sj-head li{ height:3px; background-color:#000; margin:3px;}

.sj-nr{ width:165px; height:100%; position:fixed; right:-280px; top:0; background-color:#FFF;padding:56.64px 20px 20px 20px; box-shadow:0 1px 15px #ccc; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s; -ms-transition:all .6s;}
.sj-nr li{height:40px;line-height:40px;padding-left:20px; text-align:left; font-size:16px;}
.search2{width:115px; margin-bottom:9px; position:relative; overflow:hidden; cursor:pointer;padding-left:20px;}
.search2-wz{ float:left; width:70%; }
.search2-wz input{ width:100%; font-size:12px; border-bottom:1px solid #c6010b;padding-left:8px;padding-bottom:5px;}
.search2-img{ float:right; width:30%;}
.search2-img img{ width:70%;}
.search2:hover .search-wz input{ margin-left:0; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s; -ms-transition:all .6s;}
  /*手机端导航end*/


.main{ position:relative; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s; -ms-transition:all .6s;}
.content1{ height:390px; position:relative;}
.c1-font{ width:50%; float:left;}
.c1-img{ width:45%; float:right; }
.c1-font1{ font-size:46px; line-height:70px; font-weight:400; letter-spacing:1.2px;}
.c1-font1 span{ color: #0b489e; font-size: 46px;font-weight: bold;}
.red{color:#cf2e35 !important; font-weight:bold;}
.c1-font2{margin-top:40px;font-size:20px;color:#333333;letter-spacing:1.2px;text-indent:4px;font-weight:400;}
.c1-font2 span{ color:#e2352f;}
.c1-font2 img{ display:none; margin:10px auto; width:10%;}

/*鼠标动画开始*/
.shu_ico{z-index:2;position: absolute;bottom:-80px;left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -o-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  /*animation: bounce 2s infinite;*/
  cursor: pointer;
}
.shu_ico span{position: relative;display: block;width: 26px;height: 70px;}
.shu_ico span img{position: absolute;}
.shu_ico span img:first-child{
  -webkit-animation: bounceY 2s infinite;
  -moz-animation: bounceY 2s infinite;
  -o-animation: bounceY 2s infinite;
  -ms-animation: bounceY 2s infinite;
  animation: bounceY 2s infinite;
}
.shu_ico span img:first-child+img{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
  left: 10px;top: 50px;
  -webkit-animation: ico_opa_B 2s infinite;
  -moz-animation: ico_opa_B 2s infinite;
  -o-animation: ico_opa_B 2s infinite;
  -ms-animation: ico_opa_B 2s infinite;
  animation: ico_opa_B 2s infinite;
}
.shu_ico span img:first-child+img+img{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
  left: 9px;top: 53px;
  -webkit-animation: ico_opa_B 2s infinite 1s;
  -moz-animation: ico_opa_B 2s infinite 1s;
  -o-animation: ico_opa_B 2s infinite 1s;
  -ms-animation: ico_opa_B 2s infinite 1s;
  animation: ico_opa_B 2s infinite 1s;}
  
  
@-webkit-keyframes bounceY {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounceY {
  0%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounceY {
  0%, 100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes ico_opa_B{
  0%,100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
/*鼠标动画结束*/






.footer{ background-color:#0b489e; margin-top:20px;padding: 25px 0;}
.footer .wrap{ position:relative; width: 60%;}
.ft-lf{/*width:50%;*/float:left; position:relative;}
.ft-rg{width:120px; float:right;margin-top: 10px;}
/*.ft-font{ position:absolute; top:50px; left:100px;}*/
.ft-font>div{padding: 8px 0;}
.ft-font1{ /*font-size:16px;*/ color:#FFF;  /*margin-bottom:20px;*/}
.ft-img{ width:120px; /*margin:25px 20%;*/}
.ft-img img{ width:100%;}
/*.ft-link{/!* position:absolute;*!/ bottom:10px; width:1024px; left:calc(50% - 512px); left:-webkit-calc(50% - 512px); left:-o-calc(50% - 512px);
         left:-moz-calc(50% - 512px); left:-ms-calc(50% - 512px);}*/
/*.link-lf{  float:left;}*/
.link-rg{ /*float:left;*//*font-size:12px; */color:#FFF;/* margin-left:50px;*/}
.link-lf ul li:nth-child(1){ border-left:none; color:#FFF;padding-left: 0;}
.link-lf ul li{ display: inline-block; padding:0 6px;border-left: 1px solid #fff;line-height: 0.8;}
.link-lf ul li a{/*font-size:12px;*/ color:#FFF;/*vertical-align: top;*/}
.ft-tj{ font-size:12px; color:#FFF; text-align:center; margin:5px 0;}

.ft-font1{color:#FFF;}
.swiper-pagination-bullet-active{height:9px; width:18px; border-radius:10px; background:#007aff;}
.dhaa{ width:68%;transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); -moz-transform:scale(0.5,0.5); -ms-transform:scale(0.5,0.5); -o-transform:scale(0.5,0.5);}
@keyframes border{
  from{width:0;}
  to{width:100%;}
}
@keyframes height{
  from{height:0;top:50%;}
  to{height:300px;top:0;}	
}
@-webkit-keyframes height{
  from{height:0;top:50%;}
  to{height:300px;top:0;}	
}
@-ms-keyframes height{
  from{height:0;top:50%;}
  to{height:300px;top:0;}	
}
@-moz-keyframes height{
  from{height:0;top:50%;}
  to{height:300px;top:0;}	
}
@-o-keyframes height{
  from{height:0;top:50%;}
  to{height:300px;top:0;}	
}

@keyframes height2{
  from{height:300px;top:0;}
  to{height:0px;top:50%;}	
}

@-webkit-keyframes height2{
  from{height:300px;top:0;}
  to{height:0px;top:50%;}	
}

@-moz-keyframes height2{
  from{height:300px;top:0;}
  to{height:0px;top:50%;}	
}

@-o-keyframes height2{
  from{height:300px;top:0;}
  to{height:0px;top:50%;}	
}

@-ms-keyframes height2{
  from{height:300px;top:0;}
  to{height:0px;top:50%;}	
}


@keyframes height3{
  from{height:0;top:50%;}
  to{height:auto;top:0;}	
}

@-webkit-keyframes height3{
  from{height:0;top:50%;}
  to{height:auto;top:0;}	
}
@-ms-keyframes height3{
  from{height:0;top:50%;}
  to{height:auto;top:0;}	
}
@-moz-keyframes height3{
  from{height:0;top:50%;}
  to{height:auto;top:0;}	
}
@-o-keyframes height3{
  from{height:0;top:50%;}
  to{height:auto;top:0;}	
}

@keyframes height4{
  from{height:auto;top:0;}
  to{height:0px;top:50%;}	
}
@-webkit-keyframes height4{
  from{height:auto;top:0;}
  to{height:0px;top:50%;}	
}
@-o-keyframes height4{
  from{height:auto;top:0;}
  to{height:0px;top:50%;}	
}
@-moz-keyframes height4{
  from{height:auto;top:0;}
  to{height:0px;top:50%;}	
}
@-ms-keyframes height4{
  from{height:auto;top:0;}
  to{height:0px;top:50%;}	
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
@-ms-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}


.f-zx{width:60px; height:60px; border-radius:6px; position:fixed; left:0; bottom:20%; background-color:#FFF; display:none;}
.f-zx img{width:65%; display:block; margin:10px auto;}

/*动画css*/
.height{animation:height .5s forwards; -webkit-animation:height .5s forwards; -o-animation:height .5s forwards;-ms-animation:height .5s forwards; -moz-animation:        height .5s forwards;}

.height2{animation:height2 .5s forwards; -webkit-animation:height2 .5s forwards; -o-animation:height2 .5s forwards;-ms-animation:height2 .5s forwards; -moz-animation         : height2 .5s forwards;}

.height3{animation:height3 .5s forwards; -webkit-animation:height3 .5s forwards; -o-animation:height3 .5s forwards;-ms-animation:height3 .5s forwards; -moz-animation         : height3 .5s forwards;}

.height4{animation:height4 .5s forwards; -webkit-animation:height4 .5s forwards; -o-animation:height4 .5s forwards;-ms-animation:height4 .5s forwards; -moz-animation         : height4 .5s forwards;}

@keyframes wzdh{
   from{margin-top:0;}
  60%{margin-top:-34px;}
   100%{margin-top:0;}
}


@media screen and (max-width:1219px){
  .wrap{width:91%;}
  .heard-auto{width:1024px; margin:0 auto;}
  .c1-font1{ font-size:26px; line-height:45px;}
  .c1-font2{ font-size:18px; line-height:30px;}
  .content2{ margin-top:61px;}
  .c2-lf-title{ font-size:26px;}
  .c3-title{ font-size:26px;}
  .content3{ margin-top:80px;}
  .c4-title{ font-size:26px;}
  .c5-title{ font-size:26px;}
  .c5-font1{ font-size:20px;}
  .c7-title{ font-size:26px;}
  .c7-font1{ font-size:18px;}
  .c1-font1 span{font-size:28px;}
  .shu_ico{bottom:-35px;}
  .c4-list ul li{width:28%;}
}

 

@media screen and (max-width:1024px){
  .h-rg{ display:none;}
  .heard-auto{ position:relative; width:100%;}
  .sj-head{ display:block; position:absolute; right:45px; top:22px;}
  .h-lf{ float:none; margin:0 auto; width:120px;}
  .main{ margin-top:50px;}
  .shu_ico{ bottom:0;}
  .ft-link{ left:12%;}
  .c6-nr{ position:initial;  margin:30px auto;}
  .c6-lf{ float:none; border-right:none; width:100%; border-bottom: 1px solid #ccc;}
  .c6-rg{ float:none; width:100%;}
  .conten6{ width:85%;}
  .c6-close{ top:1%; right:1%;}
  .c7-font2{ margin-top:0;}

  .ft-rg {  width: 60%;  height: auto;  margin: 0 auto;  position: initial;}
  .c2-lf{float:none; width:100%; text-align:center;}
  .c2-rg{float:none; width:90%; margin:0 auto;}
  .c2-nr-lf{float:none; display:block; margin:30px auto;}
  .c2-nr-rg{float:none; width:100%;}
  .sj-head{top: 14px;}

}
@media screen and (max-width:768px){
	.c1-font{ float:none; width:100%;}
    .c1-font1{font-size:18px; line-height:26px;} 
	.c1-font1 span{ font-size:18px;}
    .c1-font2{ font-size:14px; position: absolute; bottom:-25px; width:83%; left:8.5%; color:#5a5b5c;}
	/* .main{ margin-top:50px;} */
	.c1-img{ margin-top:50px;float:none; width:62%; margin:0 auto;}
	.c1-img img{width:80%; margin:0 auto;}
	.c2-lf{ float:none; width:100%; margin-bottom:45px; text-align:center;}
	.c2-lf-title{font-size:20px; line-height:32px;}
	.c2-rg{ float:none; width:100%;}
	.c2-rg-nr ul li{ width:100%; float:none; margin-bottom:20px;}
	.c2-rg-font1{ padding-bottom:5px;}
	.content3{ margin-top:35px; padding:55px 0;}
	.c3-title{ font-size:20px; line-height:26px;}
	.shu_ico{ display:none;}
	.sj-head{ right:17px;}
	.content2{ padding:35px 0;}
	.content1{ padding-top:20px;height:502px;}
	.c1-img{ margin-top:50px;}
	.c1-font2{ margin-top:20px;}
	.c3-list{ display:none;}
	.c3-img{ display:none;}
	.c3-sj{ display:block;}
	.c3-list-font1{ display:block; font-size:18px; margin-bottom:0px;}
	.c3-list-font2{ font-size:14px;}
	.c3-sj-font{ margin-bottom:35px;}
	.content4{ margin-top:35px;padding-bottom:30px;}
	.c4-title{ font-size:20px; line-height:30px;}
	.c4-list{ margin-top:35px;}
	.c4-list ul li{ width:66%; margin:0 auto; box-sizing:border-box; float:none; margin-bottom:20px;}
	.content5{ margin-top:35px;}
	.c5-title{ font-size:20px;}
	.c5-btn{margin: 10px auto 38px;font-size:18px;}
	.c5-font1{line-height:10px; margin-bottom:25px; font-size:16px;}
	.content7{ margin-top:35px;}
	.c7-title{ font-size:20px; margin-bottom:25px;}
	.c7-title span{ width:5px; height:5px; top:-4px;}
	.c7-lf{ width:95%; float:none; margin:0 auto;}
	.c7-rg{ width:95%; float:none; margin:0 auto; padding-top:20px;}
	.c7-rg-title{ padding-left:0;margin-bottom: 0px;}
	.c7-font1{ padding-left:0; font-size:14px; margin-bottom:0px;}
	.c7-rg-title{ font-size:20px; }
	.c7-font2 a{ padding-left:0;}
	.c6-font1{ font-size:12px;}
	.c6-lf-btn{ font-size:12px;width:96px;height:35px; line-height:35px;}
	.c6-rg-btn{ font-size:12px;width:96px;height:35px; line-height:35px;}
	.input1{ height:35px;}
	.c6-nr{margin:57px auto;}
	.c6-lf-bd{ font-size:12px;}
	.conten6{ left:7.5%;}
	.footer{ height:auto;}
	.ft-lf{width:95%;  float:none; margin: 0 auto; position:initial;}
	.ft-font{ position:inherit; width:100%; text-align:center; padding-top:15px;}
	.ft-font1{ line-height:35px;}
	.ft-font>.ft-font1:first-child{ line-height:21px;}
	.ft-rg{width:95%; height:auto; float:none; margin: 0 auto; position:initial;}
	.ft-font1{ font-size:12px; margin-bottom:0;}
	.ft-link{ position:initial; width:100%;}
	.ft-img{ margin:10px auto;}
	.link-lf{ float:none; text-align:center;}
	.link-lf ul{ float:none; text-align:center; display:inline-block;}
	.link-lf ul li{ padding:0 3px;}
	.link-rg{ float:none; text-align:center; margin-left:0px;}
	.content2{ margin-top:35px;}
	.c1-font2 img{ display:block;}
	.c2-rg-nr ul li{ overflow:inherit;}
	.c4-font1{float:none; width:100%; text-align:center; background:none; padding-top:0; font-size:18px;}
	.c4-box{ background:none;}
}
@media screen and (max-width:500px){
	.c1-img{ margin-top:30px; float:none; width:100%; height:468px; transform:none;}
	.c1-img img{width:80%; margin:0 auto;}
	.c4-list ul li{ width:95%; margin:0 auto; float:none; margin-bottom:20px;}
	.c1-font2{ bottom:0;}
	.c3-zj{ margin:65px 0;}
	.c3-zj li .zj-title{ font-size:18px;}
	.c3-zj li{ width:50%; margin-bottom:25px;}
	.zj-font{ font-size:12px;}
	.footer .wrap{ width:91%;}
	.link-rg{ font-size:12px;}
	.link-lf ul li{ font-size:12px;}
	.c5-title{ font-size:18px; letter-spacing:1px;}
	.c7-font2{text-align:left;}
	.c7-font2:nth-child(4){margin-top:20px;}
	.c7-font2 a{ font-size:16px; font-weight:bold;}
	.c7-title{font-size:24px; font-weight:bold; text-align:center; line-height:35px;}
	.c7-rg-title{ font-size:18px;}
	.c4-title{  font-size:24px; font-weight:bold; text-align:center; line-height:35px;}
	.c3-title{ font-size:24px; font-weight:bold; text-align:center; line-height:35px;}
	.c2-lf-title{ font-size:24px; font-weight:bold; text-align:center;}
	.c2-rg-font1{ font-weight:400;}
	.c1-font1{ font-size:24px; text-align:center; font-weight:bold; margin:25px auto; line-height:35px;}
	.c1-font1 span{ font-size:24px;}
	.c7-lf{ padding:5px;}
	.c1-img img{width:100%;}
	.c4-title2{font-size:18px;}
	.c4-box{margin:18px auto; width:100%;}
	.c4-box-wz1{font-size:12px;}
	.f-zx{display:block; z-index:9;}
	.c2-rg-nr ul li{height:180px;}
}



@media screen and (max-width:400px){
	
}

@media screen and (max-width:320px){
	.c7-title{font-size:20px; font-weight:bold; text-align:center; line-height:35px;}
	.c1-font1{ font-size:20px; text-align:center; font-weight:bold; margin:25px auto; line-height:35px;}
	.c4-title{  font-size:20px; font-weight:bold; text-align:center; line-height:35px;}
	.c3-title{ font-size:20px; font-weight:bold; text-align:center; line-height:35px;}
	.c2-lf-title{ font-size:20px; font-weight:bold; text-align:center;}
}