.header{ height:.88rem; line-height: .88rem; padding: 5px 10px;background:url(../images/headbg.gif);  display: flex; justify-content: space-between; position:relative; }
.header a{ display: block; max-width: 2rem; display:flex; justify-content:center; align-items:center;}
.header p{font-size: .3rem; color: #fff;}

.pubbtn{ padding: .18rem 0; border-radius: 5px; display: block; margin: 0 auto; width: 97%; text-align: center; color: #fff; position: relative;}
.pubbtn .ico{ position: absolute; right: 10%; bottom: -.01rem; width: .3rem; height: .46rem;
  animation: twinkling 1s infinite linear;
  -ms-animation: twinkling 1s infinite linear;
  -moz-animation: twinkling 1s infinite linear;
  -webkit-animation: twinkling 1s infinite linear;
  -o-animation: twinkling 1s infinite linear;
}   
.longmore span{line-height: .4rem; display: block}


@-webkit-keyframes twinkling{ 
  0%{
    transform: scale(.9);
    -ms-transform:scale(.9); 	/* IE 9 */
    -moz-transform:scale(.9); 	/* Firefox */
    -webkit-transform:scale(.9); /* Safari 和 Chrome */
    -o-transform:scale(.9); 	/* Opera */
     opacity: .5;
   }
   50%{
    transform: scale(1);
    -ms-transform:scale(1); 	/* IE 9 */
    -moz-transform:scale(1); 	/* Firefox */
    -webkit-transform:scale(1); /* Safari 和 Chrome */
    -o-transform:scale(1); 	/* Opera */
      opacity: 1;
   }
  100%{
    transform: scale(.9);
    -ms-transform:scale(.9); 	/* IE 9 */
    -moz-transform:scale(.9); 	/* Firefox */
    -webkit-transform:scale(.9); /* Safari 和 Chrome */
    -o-transform:scale(.9); 	/* Opera */
     opacity: .5;
  }
}

.page1 h2{ font-size: .4rem; text-align: center; padding: .5rem 0 .2rem; line-height: 1em;}
.page1 h2 p{ font-size: .32rem; padding-top: .2rem;}
.page1 .grid{ margin-bottom: .2rem; display: flex; justify-content: space-between; align-items:center;position: relative;}
.page1 .grid .title{ padding:.1rem .3rem; width: .3rem; line-height: .3rem; font-size: .28rem; background: #2b89ff; color: #fff; position: relative;     min-height: 2.4rem;   display: flex; align-items:center;} 
.page1 .grid .title::before{ content: ""; position: absolute; right:-.32rem; top: .14rem;    
  width:0;
  height:0;
  border-right:.24rem solid transparent;
  border-left:.24rem solid transparent;
  border-top:.24rem solid #0050b8; 
  transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);}
  .page1 .grid .title::after{ content: ""; position: absolute; right:-.32rem; bottom: .14rem;    
    width:0;
    height:0;
    border-right:.24rem solid transparent;
    border-left:.24rem solid transparent;
    border-top:.24rem solid #0050b8; 
    transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -o-transform:rotate(135deg);
  }
.page1 .grid .content{ background: #e2f0ff; padding-bottom:.24rem;  width: 100%;}
.page1 .grid .content a{ float: left; width: 33.33%; text-align: center}
.page1 .grid .content span{ display: block; margin:.24rem .1rem 0; color: #2b89ff; padding: .1rem 0; background: #fff; border: 1px solid #2b89ff; border-radius: 20px;}
.page1 .grid-right .title{ background: #ff7602;}
.page1 .grid-right .title::before{ left:-.32rem; transform:rotate(-45deg);border-top-color:#b45200;}
.page1 .grid-right .title::after{ left:-.32rem;  transform:rotate(-135deg); border-top-color:#b45200; }
.page1 .grid-right .content{background: #fff0d3;}
.page1 .grid-right .content span{ border-color:#ff7602; color: #ff7602;}
.page1 .txt{ text-align: center; padding: 0 0 .2rem; line-height: .4rem;}

.page2{ padding: .3rem 0}

.page3{padding-bottom: 1.5rem;}
.page3 h2{ text-align: center; padding: .3rem 0; color: #fa0922; }
.page3 h2 .t1{font-size: .4rem; }
.page3 h2 .t2{ font-size: .34rem; padding-top: .1rem;}
.page3 h2 .t3{ font-size: .28rem; padding-top: .2rem;color: #3e3e3e; line-height: .44rem;}
.page3 .pic{ padding: 0 1.2rem; }

.page4{ background: #f3f4f9; position: relative;}
.page4 .pic{ position: absolute; width: 2.62rem; height: 3.05rem; left: 50%; margin-left: -1.31rem; top:-1.2rem; border-bottom: 1px solid #b45200; padding-bottom: 10px;;}
.page4 p{ text-align: center;  padding: 2.2rem 0 .4rem; line-height: 1.8em;}


.page5{ background: linear-gradient(#ff9610,#ff7200)}
.page5 h2{ text-align: center; color: #fff; line-height: .7rem; padding: .3rem 0 .5rem; margin: .6rem 0 0}
.page5 h2 p:nth-child(1){ font-size: .38rem;}
.page5 h2 p:nth-child(2){ font-size: .34rem; color: #fff717;}
.page5 h2 p:nth-child(3){ font-size: .45rem;}
.page5 .zlpic{ position: relative; overflow: hidden; height: 3.58rem;}
.page5 .zlpic .zlbig{ width: 2.61rem; float: left;}
.page5 .zlpic .b1{ margin-left: .53rem;}
.page5 .zlpic .b2{ margin-left: .18rem;}
.zlbgbot{ width: 100%; height:.89rem; background: url(../images/zlbgbot.jpg) no-repeat; background-size: 100%; position: relative;}
.zlbgbot .txt{ position: absolute; width: 100%; text-align: center;  font-weight: bold; top: .2rem;opacity: .6;}
/* .page5 .handico{ position: absolute; left: 50%; margin-left: -0.3rem; bottom: 10%; background: url(../images/handico.png) no-repeat; background-size:contain; width: 1rem; height: 1rem;} */

/* .fix-zlpic{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .85); z-index: 9999; display: flex}
.fix-zlpic div{align-self: center; margin: 0 auto;}
.fix-zlpic img{  max-width: 93%;}
.zlclose{ width: .4rem; height: .4rem; position: absolute; right: .2rem; top: .3rem;} */


.page6{ background: url(../images/p6-bg.jpg) no-repeat; background-size: 100%; padding: .7rem 0 .49rem; position: relative;}
.page6 .in{ height: 3.2rem; overflow: hidden;}
.page6 .infobox{margin-top: .1rem;}
.page6 .xlxt-tabcon{ display: flex; justify-content: space-between; padding: .46rem .2rem; background: #fff; width: 94%; margin: 0 auto; box-sizing: border-box; border-radius: 10px; border: 1px solid #ff041d; position: relative;}
.page6 .xlxt-tabcon h3{ position: absolute; left: 0; top: -.1rem; background: url(../images/p6tit.png) no-repeat; background-size: 2.66rem auto; color: #fff; font-size: .2rem; width: 2.66rem; text-align: center}
.page6 .xlxt-tabcon::after{  content: ""; position: absolute; left:48%; bottom:-.2rem; 
  width:0;
  height:0;
  border-right:.24rem solid transparent;
  border-left:.24rem solid transparent;
  border-top:.24rem solid #fff; 
}
.page6 .xlxt-tabcon:nth-child(1)::after{ left:18.75%; }
.page6 .xlxt-tabcon:nth-child(2)::after{ left:40.6%; }
.page6 .xlxt-tabcon:nth-child(3)::after{ left:62.5%; }
.page6 .xlxt-tabcon:nth-child(4)::after{ left:88%; }

.page6 .xlxt-tabcon .pic{ width: 40%;}
.page6 .xlxt-tabcon .txt{ width: 60%; box-sizing: border-box; padding-left: .2rem; text-align: justify;}
.page6 .xlxt-tabcon .txt p:nth-child(1){ text-align: center; color: #fa0922; font-size: .32rem; padding-bottom: .15rem; position: relative;}
.page6 .xlxt-tabcon .txt p:nth-child(1)::before{ display: block; content: ''; border: 1px solid red; border-right:none;border-bottom:none; height: .15rem; width:.15rem; position: absolute; left: 0; top: -.05rem}
.page6 .xlxt-tabcon .txt p:nth-child(1)::after{ display: block; content: ''; border: 1px solid red; border-left:none;border-top:none; height: .15rem; width:.15rem; position: absolute; right: 0; bottom:0.15rem}
.page6 .xlxt-tabcon .txt p:nth-child(2){}
.page6 .xlxt-tabtit{ width: 100%; height:3.7rem; display: flex; justify-content: flex-start;}
.page6 .xlxt-tabtit li{ width: .9rem; height: 2.4rem; margin-top: .4rem;}
.page6 .xlxt-tabtit li:nth-child(1){ margin-left: 1rem;}
.page6 .xlxt-tabtit li:nth-child(2){ margin-left: .4rem;}
.page6 .xlxt-tabtit li:nth-child(3){ margin-left: .42rem;}
.page6 .xlxt-tabtit li:nth-child(4){ margin-left: .5rem;}

.page7{ background: url(../images/nb-bg.jpg) repeat-x; background-size: cover; overflow: hidden;}


.page8{ background: #fefeff; }
.page8 h2{ text-align: center; line-height:2.5em; padding-top: .4rem;}
.page8 h2 p:nth-child(1){ font-size: .32rem;}
.page8 h2 p:nth-child(2){ font-size: .45rem;}
.page8 .wx{margin: .4rem auto 0}


.page9{ margin: 0 .14rem; padding: .3rem .2rem; box-sizing: border-box; overflow: hidden;
  background:url(../images/line-top.gif) top center no-repeat,
  url(../images/line-right.gif) right center no-repeat,
  url(../images/line-bot.gif) bottom center no-repeat,
  url(../images/line-left.gif) left center no-repeat; background-size: contain}
.page9 h2{ color: #ff7602; font-size: .32rem; position: relative; font-weight: bold}
.page9 h2::before{ content: '“';font-size: .45rem;}
.page9 h2::after{ content: '”'; position: absolute; top:.2rem; font-size: .45rem;}
.page9 .txt{ text-align: justify;}
.page9 .txt p:nth-child(1){ color: #000; padding-top: .2rem;}
.page9 .txt p:nth-child(2){ padding-top: .2rem}
.page9 .txt p:nth-child(3){ float: right; padding-top: .2rem;}



.footer{background: #363636; }
.fotnav{ border-bottom: 1px solid #fff; color: #fff;}
.fotnav a{ display: inline-block; width: 22%; text-align: center;color: #fff; font-size: .28rem; line-height: 1rem;}
.fotlogo{ padding: .2rem 0;}
.fotlogo{ display: flex; justify-content: center; }
.fotlogo p{ color: #d3d3d3; font-weight: bolder; font-size: .28rem; align-self: center; margin-left: .1rem; padding-left: .1rem; border-left: 1px solid #ccc;}
.fotlogo img{max-width: 2rem;}
.footer .bq{ text-align: center; color: #d3d3d3; line-height: .5rem; padding-bottom: 1.5rem;}













/*手机超小屏幕下的单独样式*/
@media (max-width: 349px){
}    
  

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

}  


@media (min-width: 415px) and (max-width: 561px){ 

}  


@media (min-width: 562px){ 
    
}