body {font-family: "Arial", Open Sans, Helvetica, sans-serif;}

.ping_2 #w_fimgbox-1576834257070 >.w_imgbox > img{
  animation-name:scaleBigToSmall;
animation-duration:1.5s;
animation-delay:0.5s;
animation-fill-mode:both;
  opacity: 1;
    transform: scale(1) translateY(0);
    transition-delay: 1s;
}



#w_sfbox-1576833546481 .ping_2>.w_fimgbox-001:nth-child(1)>.w_imgbox > .p_contentbox{

}



#move{display:none;}







#w_sfbox-1568273405854 .p_SwipPanelBox{
  left:auto;
  right:0px;
  top:50%;
  bottom:auto;
  transform:translate(0,-50%);
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  z-index:9999999 !important;
  position:fixed;

}
#w_sfbox-1568273405854 div div div .shape{
 
    width:10px;
    height:10px;
    border-radius:50%;
    border:1px solid #fff;
    margin-bottom:10px;
    position:relative;
     background:#fff;
    right:10px;

}
#w_sfbox-1568273405854 div div div .active .shape{
 
    width:10px;
    height:10px;
    border-radius:50%;
    border:1px solid #ce8b44;
    margin-bottom:10px;
    position:relative;
     background:#ce8b44;
    right:10px;

}

@media only screen and (min-width: 769px) {/*大屏*/
/*logo*/
  .lgo{float:left;padding-left: 1%;     margin-top: 1%;}
   
  .lgo2{display:none;}

/* 分类组件回显选中样式设置 start */
.p_categoryBox .p_linkBox.click {background-color:#003d8d !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 h1{ color: rgba(255, 255, 255, 0.5);  font-family: times new roman,times,serif; letter-spacing:20px; font-size:65px;     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;
     font-size: 29px;
     font-weight: normal;
     animation-duration: 1.2s;
     animation-delay: 1.2s;
     animation-fill-mode: both;
     }
.sye img {  animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;}

/*二屏*/
.fone {text-align: center;margin-top: 15%;}
.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%;}

/*三屏*/
#c_portalResProduct_category-15773346627601746{
animation-name:fadeInDown;
animation-duration:1s;
animation-delay:1.2s;
animation-fill-mode:both;
}

/*四屏*/
#w_grid-1577340091727{
animation-name:fadeInRight;
animation-duration:1s;
animation-delay:1.2s;
animation-fill-mode:both;
}

/*五屏*/
.sc{
animation-name:fadeInUp;
animation-duration:1s;
animation-delay:1.2s;
animation-fill-mode:both;
}
#w_grid-1577342226991{
animation-name:fadeInUp;
animation-duration:1s;
animation-delay:1.4s;
animation-fill-mode:both;
}


/*六屏*/

.da{
animation-name:fadeInUp;
animation-duration:1s;
animation-delay:1.2s;
animation-fill-mode:both;
}

  .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: 14px;line-height: 38px;}
  .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;}
.you {text-align: center;margin-top: 18%;}
.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:50%; height:200px; }
.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) {/*小屏*/

  








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

/*首屏*/
.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 img {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
    width: 71%;
    }


/*二屏*/
.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%;}

/*四屏*/
.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%;}


/*五屏*/





/*六屏*/
 .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:40%}
.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:#003d8d;
    border-color:#003d8d;
    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){/*中评logo*/




.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){


}