body {
  font-family: "Arial", Open Sans, Helvetica, sans-serif;
}
.dabt{font-size: 28px !important;text-align: center;color: #333 !important;border-bottom: 1px solid #e7e7e7;margin-bottom: 15px;}
#c_portalResComplaintPage_detail-1585711486657{
  left:50% !important;
}
@media only screen and (min-width: 769px) {
  /*大屏*/
  /*logo*/
  .lgo{
    float:left;
    padding-left: 1%;
    margin-top: 1%;
  }
  .lgo2{
    display:none;
  }

  .p_categoryBox .p_linkBox.click {
    background-color: #2094dd !important;
    color: #ffffff;
  }
  .p_categoryBox .p_linkBox.click .color_assist,
  .p_categoryBox .p_linkBox.click a {
    color: #ffffff !important;
  }
  /*首屏*/
  .sye {
    text-align: center;
    margin-top:22%}
  .sye .t1 {
    animation-name: fadeInDown;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    display:block;
    margin:0px auto;
  }
  .sye .t2 {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
    display:block;
    margin:0px auto;
  }
    .sye .t3 {
    margin:10px auto;
     animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
    display:block;

  }
    .sye .t4 {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 2s;
    animation-fill-mode: both;
      display:block;
    margin:0px auto;
  }

  /*二屏*/


.qi1{animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.2s;
}
.qi2{animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.4s;
}
.qi3{animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.2s;
}
  .qy li{
    float:left;
    display:block;
    padding-top: 126px;
    width: 165px;
    height: 165px;
    position: relative;
    border: 1px solid #88dbff;
    margin: 0px 0px;

  }
  .qy li:hover{
    background:#88dbff;
  }
  .qy .qi2{
    margin-top:164px;
  }
  .qy li:hover div > .ti2{
    display:inline;
  }
  .qy li:hover h5{
    color:#fff;
  }
  .qy .ts{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 20px;
  }
  .qy .ti1{
    position:absolute;
  }
  .qy .ti2{
    display:none;
    position: relative;
  }
  .qy li h5{
    text-align:center;
    color:#88dbff;
    font-size: 16px;
    font-weight: normal;
  }


  /*三屏*/
  .eone{
    text-align: center;
    margin-top: 15%;
    padding-bottom:30px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .eones{
    text-align: center;
    margin-top:30px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .newSwiperBox{
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .eones a{
    background:#ce8b44;
    padding:14px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 50px;
  }
  .eones a:hover{
    background:#e4ac71;
    padding:14px;
    border-radius: 50%;
  }
  /*四屏*/
.about{
    display:flex;
    flex-wrap:wrap;
  }

  .you .a1{
    width: 36%;
    height: 340px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy001.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1s;
  }
  .you .a1 p{ color:#88dbff;}
  .you .a1:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity:0;width: 100%;position: absolute;z-index: 1;}
  .you .a1:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity:0;}
  .you .a1:hover:after{opacity:1;}
  .you .a1:hover:before{opacity:1;}
  .you .a1:hover  h2{opacity:1;}
  .you .a1:hover  a{opacity:1;}

  .you .a2{
    width: 36%;
    height: 340px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy002.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.2s;
  }
  .you .a2 p{ color:#88dbff;}
  .you .a2:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity:0;width: 100%;position: absolute;z-index: 1;}
  .you .a2:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity:0;}
  .you .a2:hover:after{opacity:1;}
  .you .a2:hover:before{opacity:1;}
  .you .a2:hover  h2{opacity:1;}
  .you .a2:hover  a{opacity:1;}




  .you .a3{
    width: 22%;
    text-align: left;
    padding: 0% 4%;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.6%;
    margin-bottom: 0.6%;
    animation-name: fadeInRight;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.3s;
  }
  .you .a3 img{width:100%;}
  .you .a3 a{opacity:1;}
  .you .a3 h4{color: #88dbff;font-size:26px;font-weight:bold;margin-top:20px;}


  .you .a4{
    margin-top:1%;
    margin-left:23%;
    width: 25%;
    max-width: 375px;
    height: 265px;
    float:left;
    text-align:center;
    background: url(/img/cy003.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: center;
    position: relative;
    animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.3s;
  }
  .you .a4 p{ color:#88dbff;}
  .you .a4:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity:0;width: 100%;position: absolute;z-index: 1;}
  .you .a4:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity:0;}
  .you .a4:hover:after{opacity:1;}
  .you .a4:hover:before{opacity:1;}
  .you .a4:hover  h2{opacity:1;}
  .you .a4:hover  a{opacity:1;}



  .you .a5{
    margin-top:1%;
    width: 25%;
    max-width: 375px;
    height: 265px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy004.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.5s;
  }
  .you .a5 p{ color:#88dbff;}
  .you .a5:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity:0;width: 100%;position: absolute;z-index: 1;}
  .you .a5:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity:0;}
  .you .a5:hover:after{opacity:1;}
  .you .a5:hover:before{opacity:1;}
  .you .a5:hover  h2{opacity:1;}
  .you .a5:hover  a{opacity:1;}


  .you .a6{
    margin-top:1%;
    width: 25%;
    max-width: 375px;
    height: 265px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy005.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.6s;
  }
  .you .a6 p{ color:#88dbff;}
  .you .a6:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity:0;width: 100%;position: absolute;z-index: 1;}
  .you .a6:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity:0;}
  .you .a6:hover:after{opacity:1;}
  .you .a6:hover:before{opacity:1;}
  .you .a6:hover  h2{opacity:1;}
  .you .a6:hover  a{opacity:1;}



  .you{
    width: 100%;
    text-align:center;
    background-size: auto;
    font-size: 32px;
    display: flex;
    color: #fff;
    flex-wrap: wrap;
  }
  .about h2{
    font-size:38px;
    line-height: 38px;
    text-transform:Uppercase;
    font-weight:bold;
    color: #00b2ff;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    z-index: 10;
    opacity: 0;
  }
  .zuo .a2 a, .zuo .a3 a, .you a, .zuo a{
    font-size:16px;
    text-transform:Uppercase;
    font-weight:bold;
    color:#fff !important;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding-bottom:5px;
    margin: 0px auto;
    position: relative;
    z-index: 10;
  }
  .zuo .a2 a:hover, .zuo .a3 a:hover, .you a:hover{
    color:#c9eafb !important;

  }

/*图册内容*/
  
  
#container{
		height: 100%;
		margin: 0px!important;
		font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
	}
	.info-title{
		color: white;
		font-size: 14px;
		background-color: rgba(0,155,255,0.8);
		line-height: 26px;
		padding: 0px 0 0 6px!important;
		font-weight: lighter;
		letter-spacing: 1px
	}
	.info-content{
		padding: 4px!important;
		color: #666666;
		line-height: 23px;
	}
	.info-content img{
		float: left;
		margin: 3px!important;
	}
      .amap-info-sharp{margin: auto !Important;}
      .amap-info-content{margin:0px !important;}
      .amap-maps div{margin:0px auto !important;}
      .amap-maps{margin:0px auto !Important;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /*五屏*/
  #w_grid-1576839639536{    border: 5px solid #0d4b6e;
    border-radius: 50%;}
  .wone {
    text-align: center;
    margin-top: 25%;
  }
  .sdf{
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .wan{
    margin-top:20px;
  }
  .wan li:nth-child(1) {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .wan li:nth-child(2) {
    animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
  }
  .wan li:nth-child(3) {
    animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
  }
  .wan li:nth-child(4) {
    animation-name: fadeInUp;
    animation-duration: 1.8s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
  }
  .wan li{
    width: 22%;
    border-radius: 32px;
    float:left;
    margin: 0px 15px;
  }
  .wan li:hover{
    margin-top:20px;
  }
  .wan li:hover .w{
    background:#c17320;
  }
  .wan .t{
    overflow:hidden;
    border-radius: 10px 10px 0px 0px;
  }
  .wan .t img{
    width:100%;
  }
  .wan .w{
    text-align:left;
    color:#fff;
    background:#ce8b44;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
  }
  .wan .w p{
    text-align:left;
    font-size: 24px;
  }
  .wam .w span{
    font-size:12px;
    font-weight:normal;
  }
  /*六屏*/
  .lx{
    float:left;
    color:#fff;
    margin-top:2%;
    animation-name:fadeInUp;
    animation-duration:1s;
    animation-delay:1.4s;
    animation-fill-mode:both;
  }
  .lx a{
    color:#fff;
  }
  .lx h1{
    font-size:28px;
    line-height:1.8;
    font-weight:bold;
  }
  .lx p{
    font-size:18px;
    line-height:28px;
  }
  .lxy p{
    color:#fff;
  }
  .lxy{
    color:#fff;
    float:right;
    animation-name:fadeInUp;
    animation-duration:1s;
    animation-delay:1.6s;
    animation-fill-mode:both;
    text-align:center;
  }
  .eone{
    margin-bottom: 17px !important;
  }

  .you1{
    margin-top:20px;
    overflow: hidden;
    padding-bottom: 20px !important;
  }
  .you1 li{
    width: 30%;
    float:left;
    margin: 0px 15px;
  }
  .you1 li:hover{
  }
  .you1 li:nth-child(1) {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .you1 li:nth-child(2) {
    animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
  }
  .you1 li:nth-child(3) {
    animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
  }
  .you1 .t{
    overflow:hidden;
    padding: 6px;
    background: rgba(255, 255, 255, 0.5);
  }
  .you1 .t:after{
    content: "url(/img/cllgo.png) ";
    opacity:0;
    filter:alpha(opacity=0);
    display: block;
    width: 100%;
    height: 230px;
    text-align: center;
    position:relative;
    margin-top: -230px;
    background:rgba(206, 139, 68, 0.6);
    display:block;
  }
  .you1 li:hover .t:after{
    content: url(/img/cllgo.png);
    opacity:1;
    filter:alpha(opacity=1);
    padding-top:20%;
    background:rgba(206, 139, 68, 0.6);
  }
  .you1 .t img{
    width:100%;
  }
  .you1 .w{
    text-align:left;
    color:#fff;
    background: linear-gradient(135deg, #a65403 0%, #ce8b44 100%);
    padding: 5px 15px;
  }
  .you1 .w a{
    color:#fff;
  }
  .you1 .w p{
    text-align:center;
    font-size: 16px;
  }
  /*底部*/
  .foot{
    display:flex;
    padding:0px 20px 20px 20px;
  }
  .fz{
    width:100%;
    color: #3e7cb4;
    margin-bottom: 20px !important;
  }
    .fz a{
      color: #3e7cb4;
  }
  .fy{
    width:50%;
    text-align:right;
    color:#fff;
  }
  .fy a{
    color:#fff;
  }
  /*内页导航*/
  .foosd{
    padding:2% 0px;
  }
  .m-ex{
    padding-bottom: 0px;
    min-height: 190px;
    padding-right:10%;
    float: left;
    margin-top: 10px !important;
  }
  .m-ex .hd{
    position: relative;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
  }
  .m-ex .hd H2{
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
  }
  .m-ex .nr{
    padding-bottom: 5px;
    line-height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
  }
  .m-ex .nr li{
    list-style:none;
  }
  .m-ex .nr A{
    text-align: left;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
  }
  .m-r{
    width: 388px;
    float: right;
  }
  .m-ri{
    width: 200px;
    float: right;
    padding-top: 10px;
  }
  #c_portalResGroupBreadcrumb_nav-15686991831734921{
    border-bottom:1px solid #ccc;
  }
}
@media only screen and (max-width:768px) {
  #w_fimgbox-1585711486337{display:none;} 



  #w_common_text-1597729339868 p{text-align:center;}
  #w_common_text-1576845680367 p{    text-align: center !important;}
  
   .screen_0 .p_bgBox{background-image: url(/img/cdsr.jpg) !important; background-size: cover !important;}



  /*小屏*/
  /*logo*/
  .lgo2{
    float:left;
    padding-top: 2%;
    padding-left: 1%;
  }
  .lgo{
    display:none;
  }


.ted{ width:50%;}
.ted img{width: 101%;}
.menu-wen{display:none;}
.nav-btn{
    position: fixed;
    z-index: 101;
    right: 7px;
    width: 24px !important;
    height: 36px;
    background: transparent;
    padding: 0px;
    margin: 0px;
    border: none;
    appearance: none;
    outline: 0px;
    cursor: pointer;
    }
  /*首屏*/
  .sye {
    text-align: center;
    margin-top: 70%;
  }
  .sye h1{
    color: rgba(255, 255, 255, 0.5);
    font-family: times new roman,times,serif;
    letter-spacing: 14px;
    font-size: 12px;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
  }
  .sye h2{
    color: rgba(255, 255, 255);
    margin-bottom:2%;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    font-size: 19px;
    font-weight: normal;
  }
  .sye {
    text-align: center;
    margin-top:22%}
  .sye .t1 {
    animation-name: fadeInDown;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    display:block;
    margin:0px auto;
  }
  .sye .t2 {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
    display:block;
    margin:0px auto;
  }
    .sye .t3 {
    margin:10px auto;
     animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
       display:block;

  }
    .sye .t4 {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 2s;
    animation-fill-mode: both;
       display:block;
    margin:0px auto;
  }

  .sye img {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    width: 100%;
  }
  /*er*/
  .qy{display:none;}
  .fone {
    text-align: center;
    margin-top: 35%;
  }
  .fone .cde{
    width:50%;
  }
  .fone img{
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
  }
  .fone p{
    color:#fff;
    line-height:24px;
    margin: 30px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .fone a{
    background:#ce8b44;
    padding:14px;
    border-radius: 50%;
    font-size: 20px;
    animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
  }
  .fone a:hover{
    background:#e4ac71;
    padding:14px;
    border-radius: 50%;
  }
  /*三屏*/
  .eone{
    text-align: center;
    margin-top: 25%;
    padding-bottom: 0px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .eone img{
    width: 50%;
  }
  .eones{
    text-align: center;
    margin-top:30px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .newSwiperBox{
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .eones a{
    background:#ce8b44;
    padding:14px;
    border-radius: 50%;
    font-size: 20px;
  }
  .eones a:hover{
    background:#e4ac71;
    padding:14px;
    border-radius: 50%;
  }
#content_box-1578279922188-0{display:none;}
#w_grid-1576839639536{min-height:auto !important;}

#content_box-1578046420632-1{display:none;}
  /*四屏*/
  .sone {
    text-align: center;
    margin-top: 45%;
  }
  .sone .sdf{
    width: 50%;
  }
  .sone p{
    color:#fff;
    line-height:24px;
    margin: 30px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .sone img{
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .sone a{
    background:#ce8b44;
    padding:14px;
    border-radius: 50%;
    font-size: 20px;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .sone a:hover{
    background:#e4ac71;
    padding:14px;
    border-radius: 50%;
  }
  /*五屏*/
  .wone {
    text-align: center;
    margin-top: 25%;
  }
  .wone img{
    width: 50%;
  }
  .sdf{
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .wan{
    margin-top:20px;
  }
  .wan li:nth-child(1) {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
  }
  .wan li:nth-child(2) {
    animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
  }
  .wan li:nth-child(3) {
    animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
  }
  .wan li:nth-child(4) {
    animation-name: fadeInUp;
    animation-duration: 1.8s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
  }
  .wan li{
    width: 43%;
    border-radius: 32px;
    float:left;
    margin: 10px 10px;
  }
  .wan li:hover{
    margin-top:20px;
  }
  .wan li:hover .w{
    background:#c17320;
  }
  .wan .t{
    overflow:hidden;
    border-radius: 10px 10px 0px 0px;
  }
  .wan .t img{
    width:100%;
  }
  .wan .w{
    text-align:left;
    color:#fff;
    background:#ce8b44;
    padding: 15px;
    border-radius: 0px 0px 10px 10px;
  }
  .wan .w p{
    text-align:left;
    font-size: 24px;
  }
  .w span{
    display:none;
  }
  /*六屏*/
.about{
    display:flex;
    flex-wrap:wrap;
  }

  .you .a1{
    width: 30%;
    height: 140px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy001.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1s;
  }
  .you .a1 p{color:#88dbff;display: none;}
  .you .a1:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity: 1;width: 100%;position: absolute;z-index: 1;}
  .you .a1:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity: 1;}
  .you .a1:hover:after{opacity:1;}
  .you .a1:hover:before{opacity:1;}
  .you .a1:hover  h2{opacity:1;}
  .you .a1:hover  a{opacity:1;}

  .you .a2{
    width: 30%;
    height: 140px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy002.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.2s;
  }
  .you .a2 p{color:#88dbff;display: none;}
  .you .a2:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity: 1;width: 100%;position: absolute;z-index: 1;}
  .you .a2:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity: 1;}
  .you .a2:hover:after{opacity:1;}
  .you .a2:hover:before{opacity:1;}
  .you .a2:hover  h2{opacity:1;}
  .you .a2:hover  a{opacity:1;}




  .you .a3{
    width: 30%;
    text-align: left;
    padding: 0% 2%;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.6%;
    margin-bottom: 0.6%;
    animation-name: fadeInRight;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.3s;
  }

  .you .a3 a{opacity:1;}
  .you .a3 h4{color: #88dbff;font-size: 19px;font-weight:bold;margin-top: 7px;}
  .you .a3 h4:after{content:"";height: 3px;width: 48px;background: #88dbff;padding-bottom: 1px;left: 0px;top: 63px;position: absolute;}

  .you .a4{
    margin-top:1%;
    width: 30%;
    max-width: 375px;
    height: 140px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy003.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.3s;
  }
  .you .a4 p{color:#88dbff;display: none;}
  .you .a4:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity: 1;width: 100%;position: absolute;z-index: 1;}
  .you .a4:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity: 1;}
  .you .a4:hover:after{opacity:1;}
  .you .a4:hover:before{opacity:1;}
  .you .a4:hover  h2{opacity:1;}
  .you .a4:hover  a{opacity:1;}



  .you .a5{
    margin-top:1%;
    width: 30%;
    max-width: 375px;
    height: 140px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy004.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.5s;
  }
  .you .a5 p{color:#88dbff;display: none;}
  .you .a5:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity: 1;width: 100%;position: absolute;z-index: 1;}
  .you .a5:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity: 1;}
  .you .a5:hover:after{opacity:1;}
  .you .a5:hover:before{opacity:1;}
  .you .a5:hover  h2{opacity:1;}
  .you .a5:hover  a{opacity:1;}


  .you .a6{
    margin-top:1%;
    width: 30%;
    max-width: 375px;
    height: 140px;
    float:left;
    background:#ccc;
    text-align:center;
    background: url(/img/cy005.jpg) no-repeat center top;
    background-size: cover;
    margin-right: 0.6%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.6s;
  }
  .you .a6 p{color:#88dbff;display: none;}
  .you .a6:after{content:"";background: rgba(0, 32, 63, 0.58);height:100%;opacity: 1;width: 100%;position: absolute;z-index: 1;}
  .you .a6:before{content:"";border: 5px solid rgba(255, 255, 255, 0.21);height: 90%;position: absolute;z-index: 1;position: absolute;z-index: 2;width: 90%;left: 5%;top: 5%;opacity: 1;}
  .you .a6:hover:after{opacity:1;}
  .you .a6:hover:before{opacity:1;}
  .you .a6:hover  h2{opacity:1;}
  .you .a6:hover  a{opacity:1;}



  .you{
    width: 100%;
    text-align:center;
    background-size: auto;
    font-size: 32px;
    display: flex;
    color: #fff;
    flex-wrap: wrap;
  }
  .about h2{
    font-size: 20px;
    line-height: 140px;
    text-transform:Uppercase;
    font-weight:bold;
    color: #00b2ff;
    width: 100%;
    position: relative;
    z-index: 10;
    opacity: 1;
  }
  .zuo .a2 a, .zuo .a3 a, .you a, .zuo a{
    font-size:16px;
    text-transform:Uppercase;
    font-weight:bold;
    color:#fff !important;
    opacity: 1;
    padding-bottom:5px;
    margin: 0px auto;
    position: relative;
    z-index: 10;
  }
  .zuo .a2 a:hover, .zuo .a3 a:hover, .you a:hover{
    color:#c9eafb !important;

  }




  .lx {
    float: left;
    color: #fff;
    margin-top: 2%;
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
  }
  .lx h1 {
    font-size: 19px;
    line-height: 1.8;
    font-weight: bold;
    color: #fff;
  }
  .lx p {
    color:#fff;
    line-height: 1.7;
  }
  .lx p a{
    color:#fff}
  .you {
    text-align: center;
    margin-top: 18%;
  }
  .lxy{
    display:none;
  }
  .you img{
    width: 111%;
    }
  .you1{
    margin-top:20px;
  }
  .you1 li{
    width: 50%;
    float:left;
    list-style: none;
    margin: 10px 0px;
  }
  .you1 li:hover{
  }
  .da img{
    width:50%;
    margin-bottom:20px}
  .you1 li:nth-child(1) {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    width: 100%;
  }
  .you1 li:nth-child(2) {
    width:48%;
    margin-right:2%;
    animation-name: fadeInUp;
    animation-duration: 1.4s;
    animation-delay: 1.4s;
    animation-fill-mode: both;
  }
  .you1 li:nth-child(3) {
    width:48%;
    animation-name: fadeInUp;
    animation-duration: 1.6s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
  }
  .you1 .t{
    overflow:hidden;
    padding: 6px;
    background: rgba(255, 255, 255, 0.5);
  }
  .you1 .t:after{
    content: "url(/img/cllgo.png) ";
    opacity:0;
    filter:alpha(opacity=0);
    display: block;
    width: 100%;
    height: 218px;
    position:relative;
    margin-top:-218px;
    background:rgba(206, 139, 68, 0.6);
    display:block;
  }
  .you1 li:hover .t:after{
    content: url(/img/cllgo.png);
    opacity:1;
    filter:alpha(opacity=1);
    padding-top:20%;
    background:rgba(206, 139, 68, 0.6);
  }
  .you1 .t img{
    width:100%;
  }
  .you1 .w{
    text-align:left;
    color:#fff;
    background: linear-gradient(135deg, #a65403 0%, #ce8b44 100%);
    padding: 5px 15px;
  }
  .you1 .w p{
    text-align:center;
    font-size: 16px;
    color: #fff;
  }
  .you1 .w p a{
    text-align:center;
    font-size: 14px;
    color: #fff;
  }
  /*底部*/
  .fz{
    display:none;
  }
  .fy{
    width:100%;
    text-align: center;
    color:#fff;
    padding-right:20px;
  }
  .fy a{
    color:#fff;
  }
  /*内页导航*/
  .m-ex{
    padding-bottom: 0px;
    min-height: 190px;
    width: 41%;
    float: left;
    margin-top: 10px !important;
  }
  .m-ex .hd{
    position: relative;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
  }
  .m-ex .hd H2{
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
  }
  .m-ex .nr{
    padding-bottom: 5px;
    line-height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
  }
  .m-ex .nr li{
    list-style:none;
  }
  .m-ex .nr A{
    text-align: left;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    font-family: Arial;
  }
  .m-r{
    width: 388px;
    float: right;
  }
  .m-ri{
    width: 200px;
    float: right;
    padding-top: 10px;
  }

  #w_grid-1568689084088{
    display:none;
  }
  .btn-primary {
    color: #fff;
    background-color: #2b8bc8;
    border-color: #2b8bc8;
    width: 100%;
    line-height: 32px;
  }
  #c_portalResGroupBreadcrumb_nav-15686991831734921 {
    border-bottom: 1px solid #ccc;
  }
  .c_portalResGroupIntro_detail-01001 .summary-mo{
    display:none;
  }
  #w_grid-1568683937679,
  #w_grid-1568693504852,
  #w_grid-1568708272402,
  #w_grid-1568711275951,
  #w_grid-1568711644647,
  #w_grid-1568706276376{
    min-height:300px !important;
  }
}
@media only screen and (max-width: 1024px){

  .lgo{
    display:none;
  }
  .lgo2{
    display: inline-block;
    margin-top: 1% !Important;
    margin-left:10px;
  }
  .lgo2 img{
    width:150px;
  }
  .denglu{
    display:none;
  }
}
@media only screen and (max-width:480px){
}

@media only screen and (max-width:780px){
  #w_grid-1585711486367{margin-top: 40%;}
  #content_box-1585711486447-1{display:none;}
}