@charset "utf-8";
/* CSS Document */
/*切图：lf*/
*{ font-family: 'HYTieXianHei-35J_1';}

@font-face {
  font-family: 'Acronym Light';
  src: url('fonts/Acronym Light.otf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url('fonts/SourceHanSansCN-Regular.otf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: 'SourceHanSansCN-Normal_0';
  src: url('fonts/SourceHanSansCN-Normal_0.otf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: 'SourceHanSansCN-ExtraLight';
  src: url('fonts/SourceHanSansCN-ExtraLight.otf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: 'SourceHanSansCN-Heavy';
  src: url('fonts/SourceHanSansCN-Heavy.otf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: 'SourceHanSansCN-Medium';
  src: url('fonts/SourceHanSansCN-Medium.otf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: "HYTieXianHei-35J_1";
  src: url('fonts/HYTieXianHei-35J_1.ttf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: 'HYTieXianHei-45J_1';
  src: url('fonts/HYTieXianHei-45J_1.ttf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: 'HYTieXianHei-55J_1';
  src: url('fonts/HYTieXianHei-55J_1.ttf');
  font-weight:normal;
  font-style: normal;

}
@font-face {
  font-family: 'HYTieXianHei-65J_1';
  src: url('fonts/HYTieXianHei-65J_1.ttf');
  font-weight:normal;
  font-style: normal;

}
body{color:#181818;font-family: 'HYTieXianHei-35J_1';}
a{color:#181818; font-family: 'HYTieXianHei-35J_1';}
a:active,
a:hover {color:#fe0000; font-family: 'HYTieXianHei-35J_1';}
@media (min-width: 1630px) {
  .container{ width: 1470px; }
}
@media (min-width: 1920px) {
  .container{ width: 1470px; }
}
.containera{
  padding-right:15px;
  padding-left:15px;
  margin-right: auto;
  margin-left: auto;}
@media (min-width: 768px) {
  .containera{
    width: 768px;
  }
}
@media (min-width: 992px) {
  .containera{
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .containera{
    width: 1200px;
  }
}
@media (min-width: 1630px){
    .containera{
        width: 1565px;
    }
}
@media (min-width:1920px){
    .containera{
        width: 1565px;
    }
}
/*导航弹出层*/
#RGB549 .nav_tc{width: 100%;position:fixed; height: 100%; display: flex;align-items: center;justify-content: center; z-index:9; top:0; left:0;}
/* #RGB549 .nav_tc{filter:alpha(opacity=00);opacity:0;}
 #RGB549 .nav_tc.active{filter:alpha(opacity=100);opacity:1;}*/
#RGB549 .logo_a{position:absolute; left:70px; top:65px; width:246px;}
#RGB549 .tc_ul{border-top:7px solid #252323; width:88%; display:block; display:flex; align-items: center;justify-content: center;}
#RGB549 .tc_ul .li_x{padding:0 85px; line-height:90px; }
#RGB549 .tc_ul .li_x a{colro:#252525; font-size:40px; display:block;  font-family: 'HYTieXianHei-45J_1'; 
}
#RGB549 .tc_ul .li_x:hover a{color:#ffffff;}
#RGB549 .tc_ul .li_x.active a{color:#ffffff;}
#RGB549 .d_b{position:absolute; bottom:90px; left:50%; margin-left:-65px; width:131px; }
/*pc版头部*/
#RGB549 .top_width{float:left; width:100%; position:relative; left: 0; top: 0;  z-index:999999;}
#RGB549 .top1{ width: 100%; position:fixed; left: 0; top: 0;  z-index:999999;  }
#RGB549 .top1.active{background:rgba(0,0,0,0.4);}
#RGB549 .top1.active .logo .img01{filter:alpha(opacity=00);opacity:0;}
#RGB549 .top1.active .logo .img02{filter:alpha(opacity=100);opacity:1;}
#RGB549 .menu{float: right; height:60px; padding-right: 20px; margin-top:17px; filter:alpha(opacity=00);opacity:0;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
#RGB549 .logo{width:246px; float:left; margin:28px 0 20px 28px;position: relative; z-index:999999;}
#RGB549 .logo.visible-lg{display:block!important;}
#RGB549 .logo img,
#RGB549 .logo a{float: left; width: 100%; display: block;}
#RGB549 .logo .img02{position: absolute; left: 0; top: 0;width: 100%; filter:alpha(opacity=00);opacity:0;}

#RGB549 .logo.active .img01{filter:alpha(opacity=00);opacity:0;}
#RGB549 .logo.active .img02{filter:alpha(opacity=100);opacity:1;}
/*#RGB549 .top1.on{box-shadow:0 4px 15px rgba(0,0,0,0.1); background:rgba(0,0,0,0.5);}*/
/* @media screen and (max-width:767px){
   #RGB549 .logo{margin:20px 0 0 15px;}
 }*/

#RGB549 .nav_a{float:right; margin:15px 15px 0 0; position:relative; z-index:9999999;}
#RGB549 .nav_a .img02{position: absolute; left: 0; top: 0;width: 100%; filter:alpha(opacity=00);opacity:0;}
#RGB549 .nav_a.active > a .img01{filter:alpha(opacity=00); opacity:0;}
#RGB549 .nav_a.active > a .img02{ filter:alpha(opacity=100);opacity:1;}

/*phone版头部*/
#RGB549 .top2{ position:fixed; display:none; left:0; top:0; width:100%; height:80px; z-index:99999;}
#RGB549 .top2.active{background:rgba(0,0,0,0.4);}
#RGB549 .top2.active .logo2 .img01{filter:alpha(opacity=00);opacity:0;}
#RGB549 .top2.active .logo2 .img02{filter:alpha(opacity=100);opacity:1;}
#RGB549 .top2.on{background:rgba(0,0,0,0.5);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.7);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,.7);
     -o-box-shadow: 0 2px 6px rgba(0,0,0,.7);
        box-shadow: 0 2px 6px rgba(0,0,0,.7);}
#RGB549 .top2 .logo2{float:left; width:104px; margin:20px 0 0 -60px; position: relative; z-index:9999;}
#RGB549 .logo2 .img02{position: absolute; left: 0; top: 0;width: 100%; filter:alpha(opacity=00);opacity:0;}

#RGB549 .logo2.active .img01{filter:alpha(opacity=00);opacity:0;}
#RGB549 .logo2.active .img02{filter:alpha(opacity=100);opacity:1;}


/*下拉*/
.menuph{ float:right; margin:5px 0 0 0; position:relative;
 cursor: pointer; width: 40px; height: 40px;text-align: center; z-index:9999;}
.menuph .point{ display: inline-block; width: 28px; height: 22px; margin-top: 10px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{width: 28px;}
.menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px;
  -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #ffffff;
}
.menuph .navbtn::after,
.menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: '';
   -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #ffffff;
}
.menuph .navbtn::after{top: -11px;}
.menuph .navbtn::before{ top: 10px;}
.menuph .point.active .navbtn{ background: transparent;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px; background: #ffffff;
}
.menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background: #ffffff;
}

#RGB549 .phonemeng{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:196; display:none;}
@media screen and  (max-width:1629px){
#RGB549 .tc_ul .li_x{padding:0 70px;}
  #RGB549 .tc_ul .li_x a{font-size:30px;}
}
@media screen and  (max-width:1199px){
#RGB549 .tc_ul{border-top:6px solid #252323;}
  #RGB549 .tc_ul .li_x{padding:0 40px; line-height:70px;}
  #RGB549 .tc_ul .li_x a{font-size:24px;}
}
@media screen and  (max-width:991px){
#RGB549 .tc_ul{border-top:4px solid #252323;}
  #RGB549 .tc_ul .li_x{padding:0 30px; line-height:50px;}
  #RGB549 .tc_ul .li_x a{font-size:20px;}
  #RGB549 .top2{ display:block;}
  #RGB549 .top1{ display:none;}
}
@media screen and  (max-width:767px){
#RGB549 .tc_ul{border-top:3px solid #252323; display:block; text-align:center;}
  #RGB549 .tc_ul .li_x{padding:0 30px; line-height:50px;}
  #RGB549 .tc_ul .li_x a{font-size:20px;}
  #RGB549 .logo_a{width:160px; left:15px; top:20px;}
  #RGB549 .d_b{width:80px; bottom:20px; margin-left:-40px;}
  #RGB549 .top2{height:50px;}
  #RGB549 .top2 .logo2{width:70px; margin:14px 0 0 0;}  

}
/*banner*/
#RGB550 .pz_banner{clear: both; position:relative; width:100%; overflow:hidden; float:left;}
#RGB550 .pz_banner img{display: block;}
#RGB550 .pz_banner a{display:block; width:100%;}
#RGB550 .pz_banner .slide1 .list{line-height:0; position: relative;}
#RGB550 .pz_banner .slide1 .slick-dots{width:100%; bottom:40px; font-size:0;}
#RGB550 .pz_banner .slide1 .slick-dots li{width:98px; height:2px;margin: 0 4px; 
 background:#575357; 
}
#RGB550 .pz_banner .slide1 .slick-dots li.slick-active{ background-color: #eb1210; }
#RGB550 .pz_banner .slide1 .slick-dots li button:before,
#RGB550 .pz_banner .slide1 .slick-dots li button{display:none;}
#RGB550 .pz_banner .slick-prev,
#RGB550 .pz_banner .slick-next{color:#ffffff; font-size:16px;letter-spacing:4px;font-family: 'SourceHanSansCN-Normal_0';
text-transform: uppercase; bottom:40px; width:auto; top:auto; height:auto; background:none!important;}
#RGB550 .pz_banner .slick-prev{left:30%;}
#RGB550 .pz_banner .slick-next{right:33%;}
#RGB550 .pz_banner .banner_number{position:absolute; left:75px; top:40%; color:#000000; 
  font-size:16px; text-align:center; font-family: 'SourceHanSansCN-Regular';}
#RGB550 .pz_banner .banner_number::after{position: absolute; left:0; width:100%; height:2px; background:#575357; top:62%; content:"";}
#RGB550 .pz_banner .banner_number font{font-size:16px; color:#000000;padding:0 3px;
 font-family: "sy_light"; display:block; line-height:30px;}
#RGB550 .pz_banner .banner_number font:first-child{ font-size:32px;line-height:54px; }
@media screen and  (max-width:1629px){
#RGB550 .pz_banner .slide1 .slick-dots li{width:70px;}
  #RGB550 .pz_banner .slick-prev{left:28%;}
  #RGB550 .pz_banner .slick-next{right:32%;}
}
@media screen and  (max-width:1199px){
 #RGB550 .pz_banner .slide1 .slick-dots li{width:60px;}
  #RGB550 .pz_banner .slick-prev{left:24%;}
  #RGB550 .pz_banner .slick-next{right:29%;}
}
@media screen and  (max-width:991px){
#RGB550 .pz_banner .slide1 .slick-dots li{width:50px;}
  #RGB550 .pz_banner .slick-prev{left:22%;}
  #RGB550 .pz_banner .slick-next{right:28%;}
  #RGB550 .pz_banner .banner_number{display:none;}
}
@media screen and  (max-width:767px){
#RGB550 .pz_banner .slide1 .slick-dots li{width:30px;}
  #RGB550 .pz_banner .slide1 .slick-dots{bottom:20px;}
  #RGB550 .pz_banner .slick-prev, #RGB550 .pz_banner .slick-next{font-size:14px; letter-spacing:2px; bottom:20px; 
    display:none!important;}
}

/*main*/
#RGB551 .case_index01{padding:100px 0; display:block; width:100%; float:left;}
#RGB551 .case_index01 .index01_top{width:100%; display:block; padding-bottom:110px;}
#RGB551 .case_index01 .h3_title{font-size:28px; color:#4f4f4f; float:left;  font-family: "HYTieXianHei-35J_1"; line-height:34px;}
#RGB551 .case_index01 .h3_title .span_a{float:left; padding-right:30px;margin-top:-2px;font-size:30px; color:#4f4f4f;  line-height:34px;
  font-family: "sy_light";}
#RGB551 .case_index01 .top_x{float:right;}
#RGB551 .case_index01 .top_x .li_a{float:left; padding-left:40px;}
#RGB551 .case_index01 .top_x .li_a a{font-size:24px; color:#181818; font-family: 'HYTieXianHei-45J_1'; display:block; padding-bottom:18px;  position:relative;}
#RGB551 .case_index01 .top_x .li_a a::after{position:absolute; left:0; bottom:0; width:100%; height:1px; 
  background:#fe0000; content:""; opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
}
#RGB551 .case_index01 .top_x .li_a:hover a,
#RGB551 .case_index01 .top_x .li_a.on a{color:#fe0000;}
#RGB551 .case_index01 .top_x .li_a:hover a::after,
#RGB551 .case_index01 .top_x .li_a.on a::after{opacity: 1;}
#RGB551 .case_index01 .index01_ul{display:block;}
#RGB551 .case_index01 .li_img{width:32.8%; margin:0 0.8% 0.8% 0; float:left; overflow:hidden;}
#RGB551 .case_index01 .li_img:nth-child(3n){margin-right:0;}
#RGB551 .case_index01 .li_img a{color:#ffffff; display:block; width:100%; position:relative;}
#RGB551 .case_index01 .li_img .pic_img{width:100%; display:block;}
#RGB551 .case_index01 .li_img img{display:block;}
#RGB551 .case_index01 .li_img .title{position:absolute; left:3%; right:3%; width:94%; background:#ffffff; bottom:-100%; height:60px;
-webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
}
#RGB551 .case_index01 .li_img .p{width:69%; float:left; background:#fe0000; padding:13px 0;}
#RGB551 .case_index01 .li_img .h4_a{width:50%; float:left; padding:0 12px; font-size:23px; line-height:30px;
font-family: 'HYTieXianHei-35J_1';
}
#RGB551 .case_index01 .li_img .span_a{font-size:14px; float:left; font-size:14px; line-height: 16px; width:50%; height:34px;
   overflow : hidden;text-overflow: ellipsis;display: -webkit-box;font-family: "";
-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
#RGB551 .case_index01 .li_img:hover .title{ bottom:6%;}
#RGB551 .case_index01 .more{float:right; position:relative; margin-top:110px;}
#RGB551 .case_index01 .more a{color:#fe0000; font-size:18px; line-height:30px;  letter-spacing: 5px;font-family: 'HYTieXianHei-35J_1';}
#RGB551 .case_index01 .more::before{position:absolute; left:-290px; top:50%;  content:""; 
width:0; height:3px; background:#fe0000; z-index:3;
-webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
}
#RGB551 .case_index01 .more::after{position:absolute; left:-290px; top:50%;  content:""; 
width:280px; height:3px; background:#c6c6c6;}
#RGB551 .case_index01 .more:hover::before{width:280px;}
@media screen and  (max-width:1629px){
#RGB551 .case_index01{padding:80px 0;}
  #RGB551 .case_index01 .index01_top{padding-bottom:90px;}
  #RGB551 .case_index01 .more{margin-top:90px;}
}
@media screen and  (max-width:1199px){
#RGB551 .case_index01{padding:60px 0;}
  #RGB551 .case_index01 .index01_top{padding-bottom:70px;}
  #RGB551 .case_index01 .li_img .title{height:48px;}
  #RGB551 .case_index01 .li_img .p{padding:7px 0;}
  #RGB551 .case_index01 .li_img .h4_a{font-size:18px;}
  #RGB551 .case_index01 .li_img .span_a{font-size:12px;}
  #RGB551 .case_index01 .index01_ul .container{padding:0; width:100%;}
  #RGB551 .case_index01 .more{margin-top:70px;}
}
@media screen and  (max-width:991px){
#RGB551 .case_index01{padding:40px 0;}
  #RGB551 .case_index01 .index01_top{padding-bottom:30px;}
  #RGB551 .case_index01 .top_x{display:block; width:100%; display:flex;align-items: center;
    justify-content: center;}
  #RGB551 .case_index01 .h3_title{width:100%; display:block; padding-bottom:20px;}
  #RGB551 .case_index01 .top_x .li_a{padding:0 10px;}
  #RGB551 .case_index01 .top_x .li_a a{padding-bottom:8px; font-size:22px;}
  #RGB551 .case_index01 .li_img{width:49.6%; float:left;}
  #RGB551 .case_index01 .li_img:nth-child(3n){margin-right:0.8%;}
  #RGB551 .case_index01 .li_img:nth-child(2n){margin-right:0;}
  #RGB551 .case_index01 .li_img .title{height:48px;}
  #RGB551 .case_index01 .li_img .p{padding:7px 0;}
  #RGB551 .case_index01 .li_img .h4_a{font-size:18px;}
  #RGB551 .case_index01 .li_img .span_a{font-size:12px;}
  #RGB551 .case_index01 .more{margin-top:50px;}
  #RGB551 .case_index01 .more::after{left:-270px; width:260px;}
  #RGB551 .case_index01 .more::before{left:-270px;}
  #RGB551 .case_index01 .more:hover::before{width:260px;}
}
@media screen and  (max-width:767px){
#RGB551 .case_index01 .index01_ul{padding:0 0.8%;}
  #RGB551 .case_index01 .index01_top{padding-bottom:0;}
  #RGB551 .case_index01{padding:30px 0;}
  #RGB551 .case_index01 .h3_title{font-size:20px;  line-height:24px;}
  #RGB551 .case_index01 .h3_title .span_a{padding-right:10px; font-size:22px;  line-height:24px; display:inline-block; float:none; margin-top:0;}
  #RGB551 .case_index01 .top_x{display:none;}
  #RGB551 .case_index01 .top_x .li_a{padding:0 2px;}
  #RGB551 .case_index01 .top_x .li_a a{font-size:16px;}
  #RGB551 .case_index01 .li_img .title{bottom:-100%; height:44px;}
  #RGB551 .case_index01 .li_img .p{width:90%;}
  #RGB551 .case_index01 .li_img .h4_a{font-size:14px;}
  #RGB551 .case_index01 .li_img .span_a{line-height:14px; height:25px; font-size:12px;}
  #RGB551 .case_index01 .index01_ul .container{padding:0;}
  #RGB551 .case_index01 .more{margin-top:40px;}
  #RGB551 .case_index01 .more::after{left:-140px; width:130px;}
  #RGB551 .case_index01 .more::before{left:-140px;}
  #RGB551 .case_index01 .more:hover::before{width:130px;}
  #RGB551 .case_index01 .more a{font-size:14px;}
}

#RGB552 .about_index02{padding:185px 0 62px; display:block; width:100%; float:left;}
#RGB552 .about_index02 .h3_title{font-size:28px; color:#4f4f4f; float:left; font-family: 'HYTieXianHei-35J_1'; line-height:34px;}
#RGB552 .about_index02 .h3_title .span_a{float:left; padding-right:30px;margin-top:-2px;font-size:30px; color:#4f4f4f;  line-height:34px;
  font-family: 'HYTieXianHei-45J_1';
}
#RGB552 .about_index02 .ab_right{width:54%; float:right;}
#RGB552 .about_index02 .p_text{line-height:44px; color:#3e3e3e; font-size:24px;width:100%; font-family: 'HYTieXianHei-45J_1';min-height:352px;
  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:8;-webkit-box-orient: vertical;
}
#RGB552 .about_index02 .more{margin-top:80px;float:right; position:relative; }
#RGB552 .about_index02 .more a{color:#fe0000; font-size:18px; line-height:30px;  font-family: 'HYTieXianHei-35J_1'; letter-spacing: 5px;}
#RGB552 .about_index02 .more::after{position:absolute; left:-290px; top:50%;  content:""; 
width:280px; height:3px; background:#c6c6c6;}
#RGB552 .about_index02 .more::before{position:absolute; left:-290px; top:50%;  content:""; 
width:0; height:3px; background:#fe0000; z-index:3;
-webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
}
#RGB552 .about_index02 .more:hover::before{width:280px;}
@media screen and  (max-width:1629px){
#RGB552 .about_index02{padding:120px 0 50px;}
}
@media screen and  (max-width:1199px){
#RGB552 .about_index02{padding:90px 0 40px;}
  #RGB552 .about_index02 .p_text{line-height:36px; font-size:22px;min-height: 360px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
  }
}
@media screen and  (max-width:991px){
#RGB552 .about_index02{padding:60px 0 30px;}
  #RGB552 .about_index02 .h3_title{display:block; width:100%; padding-bottom:20px;}
  #RGB552 .about_index02 .ab_right{width:100%; display:block;}
  #RGB552 .about_index02 .p_text{line-height:28px; font-size:20px; min-height:196px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
  }
  #RGB552 .about_index02 .more{margin-top:30px;}
  #RGB552 .about_index02 .more::after{left:-270px; width:260px;}
  #RGB552 .about_index02 .more::before{left:-270px;}
  #RGB552 .about_index02 .more:hover::before{width:260px;}
}
@media screen and  (max-width:767px){
#RGB552 .about_index02{padding:40px 0 20px;}
  #RGB552 .about_index02 .h3_title { font-size: 20px; line-height:24px;}
  #RGB552 .about_index02 .h3_title .span_a {padding-right: 10px; font-size: 22px; line-height:24px; display:inline-block; float:none; margin-top:0;}
  #RGB552 .about_index02 .p_text{font-size:14px; line-height:22px; height:auto;
     overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-heihgt:242px;
    -webkit-line-clamp:11;
    -webkit-box-orient: vertical;
  }
  #RGB552 .about_index02 .more{margin-top:20px;}
  #RGB552 .about_index02 .more a{font-size:14px;}
  #RGB552 .about_index02 .more::after{left: -140px;width: 130px;}
  #RGB552 .about_index02 .more::before{left:-140px;}
  #RGB552 .about_index02 .more:hover::before{width:130px;}
}

#RGB553 .news_index03{display:block; width:100%; float:left;}
#RGB553 .news_index03 .xw_ula{width:100%; display:block; position:relative; float:left;}
#RGB553 .news_index03 .xw_ula::after{position: absolute; left:50%; top:0; background:#191919; 
  width:1px; margin-left:-0.5px; height:100%; content:"";}
#RGB553 .news_index03 .li_a{float:left; width:43%; position:relative;padding:126px 6% 126px 0;}
#RGB553 .news_index03 .li_a:nth-child(2n){float:right;}
#RGB553 .news_index03 .li_a a{display:block; width:100%; height:100%; color:#4f4f4f; font-size:28px; }
#RGB553 .news_index03 .li_a .num{float:left; font-size:105px; font-weight:normal; color:#4f4f4f; 
    font-family:'HYTieXianHei-45J_1';
   position:relative;display: inline-block; line-height: 1;}
#RGB553 .news_index03 .li_a .num::before{ position: absolute; top: 0; left: 0; display: block; height: 50%; 
  overflow: hidden; content:attr(data-content); color: #fe0000;
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#RGB553 .news_index03 .li_a .num::after{width:10px; height:4px; background:#585858; position:absolute; 
  left:10px; top:200px; content:""; display:block;
}
#RGB553 .news_index03 .li_a .h4_title{float:left; padding-left:10%; font-family: 'HYTieXianHei-35J_1';width:76%;
font-size:28px; color:#4f4f4f;line-height:40px;
}
#RGB553 .news_index03 .li_a .h4_title .p_d,
#RGB553 .news_index03 .li_a .h4_title .span_d{line-height:40px; font-size:28px; color:#4f4f4f;
 width:100%; display:block;font-family:'HYTieXianHei-35J_1';}
#RGB553 .news_index03 .li_a .time{position:absolute; right:0; bottom:0; line-height:34px; float:right;
 font-size:28px; color:#4f4f4f;font-family:'HYTieXianHei-65J_1';text-align:center;
}
#RGB553 .news_index03 .li_a:hover .num::before{height:100%;}
#RGB553 .news_index03 .li_a:hover .num::after{background:#fe0000;}
#RGB553 .news_index03 .li_a:hover .p_d,
#RGB553 .news_index03 .li_a:hover .span_d,
#RGB553 .news_index03 .li_a:hover .h4_title{color:#fe0000;}
#RGB553 .news_index03 .more{margin-top:70px;float:right; position:relative; }
#RGB553 .news_index03 .more a{color:#fe0000; font-size:18px; line-height:30px; font-family: 'HYTieXianHei-35J_1'; letter-spacing: 5px;}
#RGB553 .news_index03 .more::after{position:absolute; left:-290px; top:50%;  content:""; 
width:280px; height:3px; background:#c6c6c6;
}
#RGB553 .news_index03 .more::before{position:absolute; left:-290px; top:50%;  content:""; 
width:0; height:3px; background:#fe0000; z-index:3;
-webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
}
#RGB553 .news_index03 .more:hover::before{width:280px;}
@media screen and  (max-width:1629px){
#RGB553 .news_index03 .li_a .num{font-size:80px;}
  #RGB553 .news_index03 .li_a{padding:110px 6% 110px 0;}
  #RGB553 .news_index03 .li_a .h4_title,
  #RGB553 .news_index03 .li_a .h4_title .p_d,
  #RGB553 .news_index03 .li_a .h4_title .span_d{font-size:24px; line-height:36px;}
  #RGB553 .news_index03 .li_a .time{font-size:24px;}
}
@media screen and  (max-width:1199px){
#RGB553 .news_index03 .li_a .num{font-size:70px;}
  #RGB553 .news_index03 .li_a{padding:70px 6% 70px 0;}
  #RGB553 .news_index03 .li_a .h4_title,
  #RGB553 .news_index03 .li_a .h4_title .p_d,
  #RGB553 .news_index03 .li_a .h4_title .span_d{font-size:20px; line-height:30px;}
  #RGB553 .news_index03 .li_a .time{font-size:20px; line-height:24px;}
  #RGB553 .news_index03 .li_a .num::after{top:120px;}
}
@media screen and  (max-width:991px){
#RGB553 .news_index03 .li_a .num{font-size:70px;}
  #RGB553 .news_index03 .li_a{padding:70px 6% 70px 0; width:100%; display:block;}
  #RGB553 .news_index03 .li_a::after{position: absolute; left:0; bottom:-16px; background:#191919; 
  width:100%; height:1px; content:"";}
  #RGB553 .news_index03 .li_a:last-child::after{display:none;}
  #RGB553 .news_index03 .li_a .h4_title,
  #RGB553 .news_index03 .li_a .h4_title .p_d,
  #RGB553 .news_index03 .li_a .h4_title .span_d{font-size:20px; line-height:30px;}
  #RGB553 .news_index03 .li_a .time{font-size:20px; line-height:24px; top:40%;}
  #RGB553 .news_index03 .li_a .num::after{top:120px;}
  #RGB553 .news_index03 .xw_ula::after{display:none;}
  #RGB553 .news_index03 .more{margin-top:30px;}
  #RGB553 .news_index03 .more::after{left:-270px; width:260px;}
  #RGB553 .news_index03 .more::before{left:-270px;}
  #RGB553 .news_index03 .more:hover::before{width:260px;}
}
@media screen and  (max-width:767px){
#RGB553 .news_index03 .li_a{padding:40px 6% 40px 0; display:flex;}
  #RGB553 .news_index03 .li_a .num{font-size:45px;}
  #RGB553 .news_index03 .li_a .h4_title, 
  #RGB553 .news_index03 .li_a .h4_title .p_d, 
  #RGB553 .news_index03 .li_a .h4_title .span_d{font-size:16px; line-height:22px;}
  #RGB553 .news_index03 .li_a .time{bottom:0; top:auto; font-size:14px; line-height:18px;}
  #RGB553 .news_index03 .li_a .num::after{top:68px;}
  #RGB553 .news_index03 .more{margin-top:20px;}
  #RGB553 .news_index03 .more a{font-size:14px;}
  #RGB553 .news_index03 .more::after{left: -140px;width: 130px;}
  #RGB553 .news_index03 .more::before{left:-140px;}
  #RGB553 .news_index03 .more:hover::before{width:130px;}
}

/*底部*/
#RGB554 .bottom_width{width:100%; display:block; float:left;}
#RGB554 .m-footer { height: 100%; overflow: hidden;}
#RGB554 .footer{ display:block; width:100%; position:relative;
height:100%; max-height: 608px;
background: -webkit-linear-gradient(left, #C3CDD0, #fff); background: -o-linear-gradient(right, #C3CDD0, #fff); background: -moz-linear-gradient(right, #C3CDD0, #fff); background: linear-gradient(to right, #C3CDD0, #fff);
}
#RGB554 .footer .m-text { float: left; width: 48%; padding: 60px 0 0 10%;}
#RGB554 .footer .bottom_d { float: left; position:relative; z-index:2;}
#RGB554 .footer .img_right{ float: right; width:52%; max-width: 1034px; max-height: 608px;}
#RGB554 .footer .m-line { position: absolute; top: 162px; left: 5%; width: 90%; height:1px; line-height: 1px; background:#313133; overflow: hidden;}
#RGB554 .footer .m-line .u-line { position: absolute; top: 0; left: 0; width: 50%; height: 1px; line-height: 1px; background: #fe0000; overflow: hidden;}

#RGB554 .footer .top_d{position:relative; padding:30px 0; display:block; width:100%; margin-bottom:10px;}
#RGB554 .footer .top_d .logo_d{float:left; width:128px;}
#RGB554 .footer .top_d .logo_d img { display: block;}
#RGB554 .footer .h5_d,
#RGB554 .footer .i_d{line-height:32px; font-size:20px; color:#181818; display: block;font-family: 'HYTieXianHei-65J_1';}
#RGB554 .footer .i_d{font-family: 'HYTieXianHei-35J_1';line-height:20px; margin-bottom:28px;}
#RGB554 .footer .p_d{line-height:36px; color:#181818; font-size:20px; display:block;font-family: 'HYTieXianHei-35J_1';}
#RGB554 .footer .ul_ew{padding:15px 0; display:block;}
#RGB554 .footer .ul_ew .li_a{float:left; position:relative; margin-right:30px; width:43px; height:40px;}
#RGB554 .footer .ul_ew a{width:43px; height:40px; display:block;}
#RGB554 .footer .ul_ew .weixin{background:url(images/554_index_im_53.png)no-repeat; background-size: 100% 100%;}
#RGB554 .footer .ul_ew .qq{background:url(images/554_index_im_50.png)no-repeat; background-size: 100% 100%;}
#RGB554 .footer .ul_ew .li_a .wx_bx_1{ position:absolute; left:50%; top:-90px;width:0; height:0; overflow:hidden;
    -oz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
    -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
            transform:translateX(-50%);
       -moz-transform:translateX(-50%);
         -o-transform:translateX(-50%);
}
#RGB554 .footer .ul_ew .li_a:hover .wx_bx_1{width:80px; height:80px; padding:6px; background:#ffffff;}
#RGB554 .pf_down{display:none;}


@media screen and  (max-width:1600px){
    #RGB554 .footer .m-text { padding: 40px 0 0 10%;}
    #RGB554 .footer .m-line { top: 142px;}
}
@media screen and  (max-width:1500px){
    #RGB554 .footer .m-text { padding: 20px 0 0 10%;}
    #RGB554 .footer .m-line { top: 102px;}
    #RGB554 .footer .top_d { padding: 20px 0}
}
@media screen and  (max-width:1350px){
    #RGB554 .footer .m-text { padding: 20px 0 0 5%;}
    #RGB554 .footer .top_d .logo_d img { height: 30px;}
    #RGB554 .footer .m-line { top: 90px;}
    #RGB554 .footer .ul_ew { padding: 10px 0 0 0;}
    #RGB554 .footer .ul_ew a { width: 30px; height: 28px;}
    #RGB554 .footer .ul_ew .li_a { height: 28px;}
    #RGB554 .footer .m-line { left: 1%; width: 98%;}
}
@media screen and  (max-width:1250px){
    #RGB554 .footer .i_d { margin-bottom: 18px;}
    #RGB554 .footer .p_d { line-height: 30px;}
}
@media screen and  (max-width:1199px){
/*#RGB554 .footer{padding:90px 0 50px;}*/
}
@media screen and  (max-width:1150px){
    #RGB554 .footer .m-text { padding: 10px 0 0 5%;}
    #RGB554 .footer .top_d { padding: 10px 0}
    #RGB554 .footer .m-line { top: 60px;}
    #RGB554 .footer .h5_d, #RGB554 .footer .i_d, #RGB554 .footer .p_d { font-size: 18px;}
}
@media screen and  (max-width:1020px){
    #RGB554 .footer .h5_d, #RGB554 .footer .i_d, #RGB554 .footer .p_d { font-size: 15px;}
    #RGB554 .footer .p_d { line-height: 24px;}
}
@media screen and  (max-width:991px){
/*#RGB554 .footer{padding:70px 0 30px;}
  #RGB554 .footer .top_d{padding:20px 0;}*/
}
@media screen and  (max-width:950px){
    #RGB554 .footer .m-text { padding: 10px 0 0 3%;}
    #RGB554 .footer .i_d { margin-bottom: 5px;}
    #RGB554 .footer .h5_d,
    #RGB554 .footer .i_d,
    #RGB554 .footer .p_d { line-height: 24px;}
    #RGB554 .footer .ul_ew { padding: 5px 0 0 0;}
}
@media screen and  (max-width:900px){
    #RGB554 .footer .h5_d, #RGB554 .footer .i_d, #RGB554 .footer .p_d { line-height: 20px;}
}
@media screen and  (max-width:800px){
    #RGB554 .footer .m-text { padding: 10px 0 0 2%;}
    #RGB554 .footer .top_d .logo_d img { height: 20px;}
    #RGB554 .footer .m-line { top: 50px;}
    #RGB554 .footer .ul_ew a { width: 24px; height: 22px;}
    #RGB554 .footer .ul_ew .li_a { height: 22px;}
}
@media screen and  (max-width:767px){
    #RGB554 .footer .ul_ew { display: none;}
    #RGB554 .footer .m-text { padding: 5px 0 0 1%;}
    #RGB554 .footer .top_d { padding: 5px 0}
    #RGB554 .footer .m-line { top: 35px;}
    #RGB554 .footer .h5_d, 
    #RGB554 .footer .i_d, 
    #RGB554 .footer .p_d { font-size: 13px;}
/*#RGB554 .footer{padding:30px 0 20px;}
  #RGB554 .footer .top_d{padding:10px 0;}
  #RGB554 .footer .top_d .logo_d{width:90px;}
  #RGB554 .footer .h5_d, 
  #RGB554 .footer .i_d{font-size:18px; line-height:24px;}
  #RGB554 .footer .i_d{font-size:16px; line-height:20px; margin-bottom:16px;}
  #RGB554 .footer .p_d{font-size:14px; line-height:24px;}
  #RGB554 .footer .ul_ew{display:none;}*/
  /*phone底部导航*/
  #RGB554 .q_d_m{float:left; width:100%; height:50px;}
  #RGB554 .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background-color: #ffffff; border-top: solid 1px #dddddd; z-index:999; box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
  #RGB554 .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 5px 0;}
  #RGB554 .pf_down li .ico7{ width:100%; float:left; height:20px;}
  #RGB554 .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#1e1e1e; line-height:14px; text-transform:uppercase;}
  #RGB554 .pf_down li.l1 .ico7{ background:url(images/554_btn15.png) no-repeat center; background-size:20px 20px;}
  #RGB554 .pf_down li.l2 .ico7{ background:url(images/554_btn16.png) no-repeat center; background-size:20px 20px;}
  #RGB554 .pf_down li.l3 .ico7{ background:url(images/554_btn17.png) no-repeat center; background-size:20px 20px;}
  #RGB554 .pf_down li.l4 .ico7{ background:url(images/554_btn18.png) no-repeat center; background-size:20px 20px;}
  #RGB554 .pf_down li:hover .d_name,
  #RGB554 .pf_down li.on .d_name{ color:#fe0000;}
  #RGB554 .pf_down .l1:hover .ico7,
  #RGB554 .pf_down .l1.on .ico7{ background:url(images/554_btn15_1.png) no-repeat center; background-size:20px 20px;}
  #RGB554 .pf_down .l2:hover .ico7,
  #RGB554 .pf_down .l2.on .ico7{ background:url(images/554_btn16_1.png) no-repeat center; background-size:20px 20px;}
  #RGB554 .pf_down .l3:hover .ico7,
  #RGB554 .pf_down .l3.on .ico7{ background:url(images/554_btn17_1.png) no-repeat center; background-size:20px 20px;}
  #RGB554 .pf_down .l4:hover .ico7,
  #RGB554 .pf_down .l4.on .ico7{ background:url(images/554_btn18_1.png) no-repeat center; background-size:20px 20px;}
}
/* @media screen and  (max-width:665px){
    #RGB554 .footer .ul_ew { display: none;}
 }
 @media screen and  (max-width:600px){
     #RGB554 .footer .h5_d, #RGB554 .footer .i_d { display: none;}
 }*/
@media screen and  (max-width:500px){
    #RGB554 .footer .m-text { width: 100%; padding: 5px 0 0 5%;}
    #RGB554 .footer .img_right { position:absolute; right:0; height:100%;}
}
@media screen and  (max-width:1629px){

}
@media screen and  (max-width:1199px){
/*#RGB554 .footer{padding:90px 0 50px;}*/
}
@media screen and  (max-width:991px){

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

}
/* 右侧栏 */
#RGB555 .yc_pf{display: none; position: fixed; width:61px; top: 53%; right:10px; z-index: 99; 
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
#RGB555 .yc_pf ul{float: left; width: 100%; }
#RGB555 .yc_pf ul li{float: left; width:100%; height:60px; }
#RGB555 .yc_pf ul li a{float: left; display: block; width:61px; height: 60px;background: #ffffff;}
#RGB555 .yc_pf ul li a span{float: left; display: block; width:100%; height:60px; position: relative; left: 0; top: 0;
 background: #ffffff;  border:1px solid #aaaaaa;overflow: hidden;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
#RGB555 .yc_pf ul li a .span_1{overflow:visible;;}
#RGB555 .yc_pf ul li a img{float: left; display: block; position:relative; z-index:2;}
#RGB555 .yc_pf ul li a .img_02{position: absolute; left:0; top:0; width:61px; z-index:1;}
#RGB555 .yc_pf ul li a span h4{float: left;  height:60px; line-height:60px; color: #fff; font-size: 16px; opacity: 0;}
#RGB555 .yc_pf ul li a span i{display: block;position: absolute;left: 16px;top:64px;width:0;height: 0;
  overflow: hidden; z-index:-1; opacity: 1;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
       box-shadow: 1px 1px 10px rgba(0,0,0,.2);
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
#RGB555 .yc_pf ul li a:hover {background:#fe0000; }
#RGB555 .yc_pf ul li a:hover .img_01{opacity: 0;}
#RGB555 .yc_pf ul li a:hover .img_02{z-index:3;}
#RGB555 .yc_pf ul li a:hover span{background: #fe0000; left: -140px; width:200px; border:1px solid #fe0000;}
#RGB555 .yc_pf ul li a:hover span i{height: 100px; opacity: 1; width:100px;}
#RGB555 .yc_pf ul li a:hover h4{opacity: 1;}
@media screen and  (max-width:1629px){

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

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

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

}

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

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

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

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

}
/*关于我们*/
#RGB557 .about_pic{width:100%; display:block;float:left;}
#RGB557 .about_pic .about_1{width:100%; display:block;float:left;}
#RGB557 .about_pic .about_1 .title{ position:relative; left:0; top:0;margin-bottom:30px; width:338px;
font-size:26px; color:#4f4f4f; float:left; font-family: 'HYTieXianHei-35J_1';
}
#RGB557 .about_pic .about_1 .span_a{float:left; padding-right:13px;margin-top:-2px;font-size:30px; color:#4f4f4f; 
  font-family: "sy_light";}
#RGB557 .about_pic .about_1 .title::after{position:absolute; left:0; bottom:-45px; width:35px; height:3px; background:#fe0000; content:"";}
#RGB557 .about_pic .about_1 .right{float:right;font-size: 22px; color: #3e3e3e;  font-family: 'HYTieXianHei-45J_1';
    line-height: 46px; display: block; width:100%; position:relative; right:0;
    padding-left:307px;
}
#RGB557 .about_pic .about_1 .about_top1{position: relative; width:100%; display:block;float:left; padding-bottom:80px;}
@media screen and  (max-width:1629px){

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

}
@media screen and  (max-width:991px){
#RGB557 .about_pic .about_1 .right{padding:20px 0 0 0; float:left;
        font-size: 20px;line-height: 30px;
  }
  #RGB557 .about_pic .about_1 .title::after{bottom:-20px;}
  #RGB557 .about_pic .about_1 .about_top1{padding-bottom:30px;}
  #RGB557 .about_pic .about_1 .span_a{font-size:24px;}
  #RGB557 .about_pic .about_1 .title{font-size:22px;}
  #RGB557 .about_pic .about_1 .right{font-size:18px;}
}
@media screen and  (max-width:767px){
#RGB557 .about_pic .about_1 .title{font-size:18px; margin-bottom:20px; width:auto;}
  #RGB557 .about_pic .about_1 .span_a{padding-right: 10px;font-size: 20px; letter-spacing:0px;}
  #RGB557 .about_pic .about_1 .title::after{bottom:-10px;}
  #RGB557 .about_pic .about_1 .right{padding:15px 0 0 0; line-height: 22px;font-size: 14px;}
}

#RGB558 .about_pic{width:100%; display:block;float:left;}
#RGB558 .about_pic .about_2{width:100%; display:block;float:left;}
#RGB558 .about_pic .about_2 .ab_width{border-top:1px solid #434343; padding:110px 0; border-bottom:1px solid #434343; display:block; width:100%;}
#RGB558 .about_pic .about_2 .ab_left{float:left;width:40%;}
#RGB558 .about_pic .about_2 .li_a{ padding-bottom:45px; display:block; width:100%;}
#RGB558 .about_pic .about_2 .title{ position:relative; left:0; top:0;margin-bottom:30px;
font-size:26px; color:#4f4f4f; float:left;  font-family: 'HYTieXianHei-35J_1'; 
}
#RGB558 .about_pic .about_2 .span_a{float:left; padding-right:30px;margin-top:-2px;font-size:30px; color:#4f4f4f; 
  font-family: 'HYTieXianHei-45J_1';letter-spacing:2px; width:153px;}
#RGB558 .about_pic .about_2 .tetx{width:100%; float:left; padding-left:155px; font-size: 22px; color: #3e3e3e; font-family: 'HYTieXianHei-45J_1';  line-height: 46px; display: block; position:relative; right:0; margin-top:-10px;}
#RGB558 .about_pic .about_2 .title::after{position:absolute; left:0; bottom:-40px; width:35px; height:3px; background:#fe0000; content:"";}
#RGB558 .about_pic .about_2 .ab_right{width:56%; float:right;}
@media screen and  (max-width:1629px){
#RGB558 .about_pic .about_2 .tetx{font-size:22px; line-height:40px;}
  #RGB558 .about_pic .about_2 .ab_width{padding:80px 0;}
}
@media screen and  (max-width:1199px){
#RGB558 .about_pic .about_2 .ab_width{padding:60px 0;}
  #RGB558 .about_pic .about_2 .ab_left{width:100%;}
  #RGB558 .about_pic .about_2 .li_a{width:49%; float:left; height: 182px;}
  #RGB558 .about_pic .about_2 .li_a:nth-child(2n){float:right;}
  #RGB558 .about_pic .about_2 .ab_right{margin:0 auto; float:none; text-align:center; width:82%;}
}
@media screen and  (max-width:991px){
#RGB558 .about_pic .about_2 .ab_width{padding:40px 0;}
  #RGB558 .about_pic .about_2 .title::after{bottom:-20px;}
  #RGB558 .about_pic .about_2 .title{font-size:22px; }
  #RGB558 .about_pic .about_2 .span_a{font-size:24px; width:110px;}
  #RGB558 .about_pic .about_2 .tetx{line-height:30px; font-size:18px; padding-left:109px;}
  #RGB558 .about_pic .about_2 .li_a{height:128px; padding-bottom:22px;}
  #RGB558 .about_pic .about_2 .ab_right{width:100%;}
}
@media screen and  (max-width:767px){
#RGB558 .about_pic .about_2 .ab_width{padding:30px 0;}
  #RGB558 .about_pic .about_2 .title::after{bottom:-10px;}
  #RGB558 .about_pic .about_2 .title{font-size:18px; }
  #RGB558 .about_pic .about_2 .span_a{font-size:20px; width:87px; letter-spacing:0px; padding-right:10px;}
  #RGB558 .about_pic .about_2 .tetx{line-height: 22px; font-size: 14px; padding-left: 86px; margin-top: -28px;}
  #RGB558 .about_pic .about_2 .li_a{height:auto; padding-bottom:22px; width:100%;}
  #RGB558 .about_pic .about_2 .ab_right{width:100%;}
}

#RGB559 .about_pic{width:100%; display:block;float:left;}
#RGB559 .about_pic .about_3{width:100%; display:block;float:left;}
#RGB559 .about_pic .about_3 .ab_left{float:left;width:40%;}
#RGB559 .about_pic .about_3 .li_a{ padding-bottom:45px; display:block; width:100%;}
#RGB559 .about_pic .about_3 .title{ position:relative; left:0; top:0;margin-bottom:30px;
font-size:26px; color:#4f4f4f; float:left; font-family: 'HYTieXianHei-35J_1';
}
#RGB559 .about_pic .about_3 .span_a{float:left; padding-right:30px;margin-top:-2px;font-size:30px; color:#4f4f4f; 
   font-family: 'HYTieXianHei-45J_1';letter-spacing:2px; width:214px;}
#RGB559 .about_pic .about_3 .title::after{position:absolute; left:0; bottom:-40px; width:35px; height:3px; background:#fe0000; content:"";}
#RGB559 .about_pic .about_3 .li_ab{width:40%; float:left;}
#RGB559 .about_pic .about_3 .li_ab:last-child{float:right;}
#RGB559 .about_pic .about_3 .text_ab{float:left; width:100%; padding-left:178px; position:relative; right:0; margin-top:-10px;}
#RGB559 .about_pic .about_3 .text_ab .b_a{font-size: 22px; color: #3e3e3e; 
  font-family: 'HYTieXianHei-45J_1'; line-height: 46px; display: block; font-weight:bold;}
#RGB559 .about_pic .about_3 .text_ab .p_a{font-size: 22px; color: #3e3e3e; 
  font-family: 'HYTieXianHei-45J_1'; line-height: 46px; display: block;}
#RGB559 .about_pic .about_3 .b_a:hover,
#RGB559 .about_pic .about_3 .p_a:hover{color:#fe0000;}
@media screen and  (max-width:1629px){
#RGB559 .about_pic .about_3 .text_ab .b_a,
  #RGB559 .about_pic .about_3 .text_ab .p_a{line-height:40px; font-size:22px;}
  #RGB559 .about_pic .about_3 .li_ab{width:47%;}
}
@media screen and  (max-width:1199px){
#RGB559 .about_pic .about_3 .title::after{bottom:-25px;}
  #RGB559 .about_pic .about_3 .text_ab{padding:30px 0 0 0;}
}
@media screen and  (max-width:991px){
#RGB559 .about_pic .about_3 .title{font-size: 22px;}
  #RGB559 .about_pic .about_3 .span_a{font-size: 24px;width:auto;}
  #RGB559 .about_pic .about_3 .title::after{bottom:-20px;}
  #RGB559 .about_pic .about_3 .text_ab{padding:30px 0 0 0;}
   #RGB559 .about_pic .about_3 .text_ab .b_a,
  #RGB559 .about_pic .about_3 .text_ab .p_a{line-height:30px; font-size:18px;}
}
@media screen and  (max-width:767px){
#RGB559 .about_pic .about_3 .li_ab{width:100%;}
  #RGB559 .about_pic .about_3 .title{font-size: 18px; margin-bottom: 20px;}
  #RGB559 .about_pic .about_3 .span_a{font-size: 20px; letter-spacing: 0px; padding-right: 10px; width:auto;}
  #RGB559 .about_pic .about_3 .title::after{bottom:-10px;}
  #RGB559 .about_pic .about_3 .text_ab{padding:10px 0 15px 0;}
  #RGB559 .about_pic .about_3 .text_ab .b_a,
  #RGB559 .about_pic .about_3 .text_ab .p_a{line-height: 22px;font-size: 14px;}
}

/*服务*/
#RGB568 .ser_pic{width:100%; display:block; float:left;}
#RGB568 .ser_pic .title{padding-bottom:45px; margin-bottom:80px; display:block; width:100%; position:relative;
font-size:28px; color:#4f4f4f; float:left; font-family: 'HYTieXianHei-35J_1';
}
#RGB568 .ser_pic .span_a{float:left; padding-right:30px;margin-top:-2px;font-size:30px; color:#4f4f4f; 
  font-family: 'HYTieXianHei-45J_1';}
#RGB568 .ser_pic .title::after{position:absolute; left:0; bottom:0; width:35px; height:3px; background:#fe0000; content:"";}
#RGB568 .ser_pic .w_1200{width:1200px; margin:0 auto; display:block;}
#RGB568 .ser_pic .top{width:100%; display:block; padding-bottom:50px;}
#RGB568 .ser_pic .left{width:313px; float:left;}
#RGB568 .ser_pic .left_a{width:313px; float:left; height:157px; display:flex;align-items: center; justify-content: center;
font-family: 'HYTieXianHei-45J_1'; font-size:30px; color:#ffffff; background:url(images/568_fw.jpg)no-repeat;
letter-spacing:20px;
}
#RGB568 .ser_pic .right{width:733px; float:right; position:relative;}
#RGB568 .ser_pic .right .li_a{position:relative; width:41%; float:left; padding-left:12px;}

#RGB568 .ser_pic .right .li_a a{font-size:24px; color:#3e3e3e;font-family: 'HYTieXianHei-45J_1'; line-height:46px; display:block; width:100%;}
#RGB568 .ser_pic .right .li_a::after{position: absolute; left:0; top:50%; margin-top:-1.5px; width:3px; height:3px; 
  background:#3e3e3e; content:"";
}
#RGB568 .ser_pic .right .li_a:hover a{color:#fe0000;}
#RGB568 .ser_pic .right .li_a:hover::after{background:#fe0000;}
#RGB568 .ser_pic .bottom_ul{margin-bottom:48px; diplay:block; width:100%; float:left;}
#RGB568 .ser_pic .bottom_ul .left{font-size:24px; color:#3e3e3e; text-align:right; padding-right:30px;font-family: 'HYTieXianHei-45J_1';}
#RGB568 .ser_pic .bottom_ul .right::after{width:2px; height:100%; background:#2c2c2c; left:-156px; top:0; content:""; position:absolute;}
#RGB568 .ser_pic .bottom_ul .li_2{display:block; float:none; width:100%;}
@media  screen and (max-width:321px){
  #RGB568 .ser_pic .right .li_a a{font-size:12px!important; line-height:20px!important;}
}
@media screen and  (max-width:1629px){
#RGB568 .ser_pic .w_1200{width:1000px;}
  #RGB568 .ser_pic .right{width:590px;}
  #RGB568 .ser_pic .right .li_a{width:47%;}
  #RGB568 .ser_pic .title{margin-bottom:70px; padding-bottom:30px;}
  #RGB568 .ser_pic .bottom_ul .right::after{left:-100px;}
}
@media screen and  (max-width:1199px){
#RGB568 .ser_pic .w_1200{width:900px;}
  #RGB568 .ser_pic .right{width:486px;}
  #RGB568 .ser_pic .right .li_a{width:50%;}
  #RGB568 .ser_pic .right .li_a a{font-size:22px; line-height:40px;}
  #RGB568 .ser_pic .title{margin-bottom:50px; padding-bottom:20px;}
  #RGB568 .ser_pic .bottom_ul .right::after{left:-100px;}
}
@media screen and  (max-width:991px){
#RGB568 .ser_pic .w_1200{width:700px;}
  #RGB568 .ser_pic .left{width:100%; padding-bottom:15px;}
  #RGB568 .ser_pic .left_a{margin:10px 0; width:313px; float:none;}
  #RGB568 .ser_pic .right{width:100%;}
  #RGB568 .ser_pic .right .li_a{width:50%;}
  #RGB568 .ser_pic .right .li_a a{font-size:20px; line-height:30px;}
  #RGB568 .ser_pic .title{margin-bottom:50px; padding-bottom:20px;}
  #RGB568 .ser_pic .bottom_ul .right::after{left:-100px; display:none;}
  #RGB568 .ser_pic .bottom_ul .left{text-align:left;}
  #RGB568 .ser_pic .top{padding-bottom:30px;}
  #RGB568 .ser_pic .bottom_ul{margin-bottom:30px;}
  #RGB568 .ser_pic .bottom_ul .left{font-size:22px;}
}
@media screen and  (max-width:767px){
#RGB568 .ser_pic .w_1200{width:100%; padding:0 8%;}
  #RGB568 .ser_pic .title{width:100%;display:block; margin-bottom:30px; padding-bottom:10px; font-size:20px;}
  #RGB568 .ser_pic .title .span_a{padding-right: 10px;font-size: 22px;}
  #RGB568 .ser_pic .left{width:100%; padding-bottom:15px;}
  #RGB568 .ser_pic .left_a{background:none; text-align:left; color: #3e3e3e; height:auto; width:100%; display:block;
    font-size:18px; margin:0;letter-spacing:0px;
  }
  #RGB568 .ser_pic .right{width:100%;}
  #RGB568 .ser_pic .right .li_a{width:50%;}
  #RGB568 .ser_pic .right .li_a a{font-size:14px; line-height:24px;}
  #RGB568 .ser_pic .bottom_ul .right::after{left:-100px;}
  #RGB568 .ser_pic .bottom_ul .left{text-align:left;}
  #RGB568 .ser_pic .top{padding-bottom:20px;}
  #RGB568 .ser_pic .bottom_ul{margin-bottom:20px;}
  #RGB568 .ser_pic .bottom_ul .left{font-size:18px;}
}

/*动态*/
#RGB569 .pz_main{width:100%; display:block; float:left;}
#RGB569 .news_list{width:100%; display:block; float:left;}
#RGB569 .news_list .new_title{font-size:28px; color:#3e3e3e; float:left; font-family: 'HYTieXianHei-35J_1';}
#RGB569 .news_list .new_title .span_a{float:left; padding-right:30px;margin-top:-2px;font-size:30px; color:#3e3e3e; 
  font-family: 'HYTieXianHei-45J_1';}
#RGB569 .news_list .xw_ul{float:right; width:70%;}
#RGB569 .news_list .li_x{display:block; margin-bottom:140px;  position:relative;}
#RGB569 .news_list a{display:block; width:100%;}
#RGB569 .news_list .h3_a,
#RGB569 .news_list .left,
#RGB569 .news_list .p_a{line-height: 40px;font-size: 28px;color: #3e3e3e; width: 100%; 
font-family: 'HYTieXianHei-35J_1';}
#RGB569 .news_list .time{    position: absolute;left: 0; bottom: 0; line-height: 34px;
    float: left;font-size: 28px; color: #3e3e3e; font-family: 'HYTieXianHei-65J_1'; text-align: center;}
#RGB569 .news_list .left{width:40%; float:left;}
#RGB569 .news_list .right{width:59.822%; float:right; padding-right:24px; position:relative; }
#RGB569 .news_list .right::after{width:11px; height:24px; right:0; top:0; position:absolute; content:""; background:#fe0000;
-webkit-transition: all 0.2s ease-out 0s;
   -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;
}
#RGB569 .news_list .li_x:hover .h3_a,
#RGB569 .news_list .li_x:hover .left,
#RGB569 .news_list .li_x:hover .p_a{color:#fe0000;}
#RGB569 .news_list .li_x:hover .right::after{height:100%;}
@media screen and  (max-width:1629px){

}
@media screen and  (max-width:1199px){
#RGB569 .news_list .h3_a, 
  #RGB569 .news_list .left,
  #RGB569 .news_list .p_a{ font-size: 24px; line-height: 36px;}
  #RGB569 .news_list .time{font-size:22px; line-height:30px;}
  #RGB569 .news_list .li_x{margin-bottom:100px;}
}
@media screen and  (max-width:991px){
#RGB569 .news_list .li_x{margin-bottom:70px;}
  #RGB569 .news_list .new_title{width:100%;display:block; padding-bottom:40px;}
  #RGB569 .news_list .xw_ul{width:100%; display:block;}
  #RGB569 .news_list .h3_a, 
  #RGB569 .news_list .left,
  #RGB569 .news_list .p_a{ font-size: 22px; line-height: 32px;}
  #RGB569 .news_list .time{font-size:20px; line-height:26px;}
}
@media screen and  (max-width:767px){
 #RGB569 .news_list .li_x{margin-bottom:30px;}
  #RGB569 .news_list .new_title{width:100%;display:block; padding-bottom:30px; font-size:20px;}
  #RGB569 .news_list .new_title .span_a{padding-right: 10px;font-size: 22px;}
  #RGB569 .news_list .xw_ul{width:100%; display:block;}
  #RGB569 .news_list .h3_a, 
  #RGB569 .news_list .left,
  #RGB569 .news_list .p_a{ font-size: 16px;line-height: 22px;}
  #RGB569 .news_list .time{font-size: 14px; line-height: 18px; right:0; top:26%; left:auto;}
  #RGB569 .news_list .left{width:100%; padding-right:10%;position: relative;}
  #RGB569 .news_list .right{width:100%; display:block; margin-top:10px;}
}
/*分页*/
#RGB574 .wack1{ float:left; width:100%; text-align:center;}
#RGB574 .pz_fy{ display:inline-block; *display:inline; *zoom:1;}
#RGB574 .pz_fy a { float:left; width:38px; height:38px; line-height:38px;  border-radius:38px; -moz-border-radius:38px;
   -webkit-border-radius:38px; border: #e2e2e2 1px solid; color:#272727; font-size:14px;  margin:0 5px;}
#RGB574 .pz_fy a:hover,
#RGB574 .pz_fy a.on{color:#fff; border:1px solid #fe0000; background-color:#fe0000;}
#RGB574 .pz_fy .l_fy{ background:url(images/574_prve_fy.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
#RGB574 .pz_fy .r_fy{ background:url(images/574_next_fy.png) center no-repeat; width:100px; display:inline-block; *display:inline; *zoom:1;}
#RGB574 .pz_fy .l_fy:hover{ background:url(images/574_prve_fy_h.png) center no-repeat #fe0000;}
#RGB574 .pz_fy .r_fy:hover{ background:url(images/574_next_fy_h.png) center no-repeat #fe0000;}
@media  screen and (max-width:1023px){
  #RGB574 .fy_pc{ text-align:center!important; font-size:14px!important; color:#272727!important; padding:5px 0!important;}
  #RGB574 .fy_pc a{ padding:5px 25px!important; color:#fff!important; border:solid 1px #ff0000!important; background:#ff0000!important; border-radius:16px!important; overflow:hidden!important;}
  #RGB574 .fy_pc span{ padding:5px 20px!important; color:#272727!important;}
}
@media screen and  (max-width:1629px){

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

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

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

}

/*新闻详情*/
#RGB575 .news_pic{width:100%; display:block; }
#RGB575 .news_pic .xw_title{margin-bottom:75px; display:block; width:100%; position:relative; float:left;}
#RGB575 .news_pic .xw_title::after{width:108px; background:#fe0000; height:2px; position:absolute; content:"";
bottom:0; left:50%; margin-left:-54px;
}
#RGB575 .news_pic .left{float:left; width:70%; text-align:left;}
#RGB575 .news_pic .h3{line-height:36px; color:#4f4f4f; font-size:36px; display:block;font-family: "SourceHanSansCN-Normal_0";  font-weight:bold;}
#RGB575 .news_pic .p{line-height:50px; font-size:26px; color:#4f4f4f; font-family: 'HYTieXianHei-35J_1';}
#RGB575 .news_pic .right{float:right; }
#RGB575 .news_pic .p_a,
#RGB575 .news_pic .span_a{line-height:40px; font-size:28px; color:#4f4f4f; font-family: 'HYTieXianHei-35J_1';}
#RGB575 .news_pic .zw_text{width:100%; float:left; display:block; line-height:42px; color:#3e3e3e; font-size:24px; font-family: 'HYTieXianHei-35J_1';}
#RGB575 .news_pic .zw_text .img_a{text-align:center; display:block; width:97%; margin:0 auto;}
#RGB575 .news_pic .zz_a{position:relative; width:100%; float:left; margin:100px 0 30px; text-align:center; color:#4f4f4f; font-size:32px; padding:14px 0;font-family: 'HYTieXianHei-45J_1';}
#RGB575 .news_pic .zz_a::after{width:108px; background:#fe0000; height:2px; position:absolute; content:"";
top:0; left:50%; margin-left:-54px;}
#RGB575 .news_pic .fy_bottom{width:100%; display:block; float:left;}
#RGB575 .news_pic .fy_bottom a{font-size:22px; color:#4f4f4f; font-family: 'HYTieXianHei-35J_1'; line-height:30px; display:block;
 width:100%;}
#RGB575 .news_pic .fy_bottom a:hover{color:#fe0000;}
@media screen and  (max-width:1629px){

}
@media screen and  (max-width:1199px){
#RGB575 .news_pic .h3{font-size:28px; line-height:28px;}
  #RGB575 .news_pic .p{font-size:22px; line-height:40px;}
  #RGB575 .news_pic .p_a,
  #RGB575 .news_pic .span_a{font-size:22px; line-height:36px;}
  #RGB575 .news_pic .xw_title::after,
  #RGB575 .news_pic .zz_a::after{width:80px; margin-left:-40px;}
  #RGB575 .news_pic .zw_text{line-height:36px; font-size:22px;}
  #RGB575 .news_pic .zz_a{margin:80px 0 20px; font-size:26px;}
  #RGB575 .news_pic .fy_bottom a{font-size:20px;}
  #RGB575 .news_pic .xw_title{margin-bottom:60px;}
}
@media screen and  (max-width:991px){
#RGB575 .news_pic .h3{font-size:24px; line-height:24px;}
  #RGB575 .news_pic .p{font-size:18px; line-height:34px;}
  #RGB575 .news_pic .p_a,
  #RGB575 .news_pic .span_a{font-size:20px; line-height:26px;}
  #RGB575 .news_pic .xw_title::after,
  #RGB575 .news_pic .zz_a::after{width:60px; margin-left:-30px;}
  #RGB575 .news_pic .zw_text{line-height:30px; font-size:18px;}
  #RGB575 .news_pic .zz_a{margin:50px 0 10px; font-size:22px; padding:10px 0;}
  #RGB575 .news_pic .fy_bottom a{font-size:18px;}
  #RGB575 .news_pic .xw_title{margin-bottom:40px;}
}
@media screen and  (max-width:767px){
#RGB575 .news_pic .xw_title{text-align:center; margin-bottom:20px;}
  #RGB575 .news_pic .left{text-align:center; width:100%; display:block;}
  #RGB575 .news_pic .right{width:100%; display:block; padding-bottom:10px;}
  #RGB575 .news_pic .h3{font-size:20px; line-height:22px;}
  #RGB575 .news_pic .p{font-size:16px; line-height:30px;}
  #RGB575 .news_pic .p_a,
  #RGB575 .news_pic .span_a{font-size:14px; line-height:20px;}
  #RGB575 .news_pic .zw_text{line-height:22px; font-size:14px;}
  #RGB575 .news_pic .zz_a{margin:30px 0 10px; font-size:16px; padding:5px 0;}
  #RGB575 .news_pic .fy_bottom a{font-size:14px;}
}

/*作品展示-瀑布流*/
#RGB576 .case_list{display:block; width:100%; float:left;}
#RGB576 .case_list .ca_top{display:block; width:100%; padding-bottom:100px;}
#RGB576 .case_list .h3_title{font-size:28px; color:#4f4f4f; float:left; font-family: 'HYTieXianHei-35J_1'; line-height:34px;}
#RGB576 .case_list .h3_title .span_a{float:left; padding-right:30px;margin-top:-2px;font-size:30px; color:#4f4f4f;  line-height:34px;
  font-family: 'HYTieXianHei-45J_1';}
#RGB576 .case_list .top_x{float:right;}
#RGB576 .case_list .top_x .li_a{float:left; padding-left:40px;}
#RGB576 .case_list .top_x .li_a a{font-size:24px; color:#181818; font-family: 'HYTieXianHei-45J_1'; display:block; padding-bottom:18px;  position:relative;}
#RGB576 .case_list .top_x .li_a a::after{position:absolute; left:0; bottom:0; width:100%; height:1px; 
  background:#fe0000; content:""; opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
}
#RGB576 .case_list .top_x .li_a:hover a,
#RGB576 .case_list .top_x .li_a.on a{color:#fe0000;}
#RGB576 .case_list .top_x .li_a:hover a::after,
#RGB576 .case_list .top_x .li_a.on a::after{opacity: 1;}
/* wrapper css */
#RGB576 .case_list .ca_width{ margin:0 -24px 0 0; display:block; }
#RGB576 .case_list .ca_width hgroup{text-align:center;}
#RGB576 .case_list .pbl_ul{ position:relative;margin:0 auto 25px; padding-bottom: 10px;}
#RGB576 .case_list .grid{ width:33.33%; min-height:100px;
  padding:0 24px 24px 0; font-size:12px; float:left;
  -webkit-transition: top 1s ease, left 1s ease;
  -moz-transition: top 1s ease, left 1s ease;
  -o-transition: top 1s ease, left 1s ease;
  -ms-transition: top 1s ease, left 1s ease;
}
#RGB576 .case_list .grid .meta{ text-align:right;font-style:italic;}
#RGB576 .case_list .grid .imgholder{position:relative; display:block;}
#RGB576 .case_list .grid .imgholder img{ max-width:100%;display:block;cursor: pointer;}
#RGB576 .case_list .title{position: absolute; left:0; top:0; width:100%; padding:16px 5%;
 height:100%; background:rgba(254,0,0,0.6); 
-webkit-transform: scale(0);
   -moz-transform: scale(0);
     -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;
}
#RGB576 .case_list .title .h3_a,
#RGB576 .case_list .title .i_a{color:#ffffff; font-size:32px; width:100%; line-height:40px; display:block; 
  position:relative; z-index:9;font-family: 'HYTieXianHei-45J_1';}
#RGB576 .case_list .title .span_a{padding:6px 0; display:block; width:100%; line-height:22px; font-size:20px; color:#ffffff;
position:relative; z-index:9;font-family: 'HYTieXianHei-35J_1';
}
#RGB576 .case_list .title .p_a{display:block; position:absolute; z-index:9; bottom:16px; width:90%; color:#ffffff;}
#RGB576 .case_list .title .i_b{float:left; width:50%; color:#ffffff; line-height:14px; font-size:12px;font-family: 'HYTieXianHei-45J_1';
position:absolute; z-index:9; left:0; bottom:0;
}
#RGB576 .case_list .title .span_b{float:right; width:50%; color:#ffffff; line-height: 32px; font-size:20px;}
#RGB576 .case_list .title .b_1,
#RGB576 .case_list .title .b_2{color:#ffffff;width:100%; display:block; line-height:22px; font-size:20px; font-weight:normal;font-family: 'HYTieXianHei-35J_1';text-align:right;}
#RGB576 .case_list .title .b_2{font-family: 'HYTieXianHei-55J_1'; padding-top:5px;}
#RGB576 .case_list .grid:hover .title{
  -webkit-transform: scale(1);
   -moz-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}
@media screen and  (max-width:1629px){
#RGB576 .case_list .ca_top{padding-bottom:70px;}
}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#RGB576 .case_list .top_x{width: 100%;display: flex; align-items: center; justify-content: center;}
  #RGB576 .case_list .ca_top{padding-bottom:40px;}
  #RGB576 .case_list .h3_title{width:100%; display:block; padding-bottom:20px;}
  #RGB576 .case_list .top_x .li_a{padding:0 10px;}
  #RGB576 .case_list .top_x .li_a a{padding-bottom:8px; font-size:22px;}
  #RGB576 .case_list .title{display:none !important;}
  #RGB576 .case_list .title .h3_a,
  #RGB576 .case_list .title .i_a{font-size:24px; line-height:30px;}
  #RGB576 .case_list .title .span_a{font-size:16px;}
  #RGB576 .case_list .title .b_1, 
  #RGB576 .case_list .title .b_2{font-size:16px;}
}
@media screen and  (max-width:767px){
#RGB576 .case_list .ca_top{padding:0 15px 10px;}
#RGB576 .case_list .grid{padding:0 0 0 0; width:100%!important;}
#RGB576 .case_list .container{padding:0 0.8%;}
  #RGB576 .case_list .h3_title{font-size:20px; padding-bottom:0; line-height:24px;}
  #RGB576 .case_list .h3_title .span_a{padding-right:10px; font-size:22px;  line-height:24px; display:inline-block; float:none; margin-top:0;}
  #RGB576 .case_list .top_x{display:none;}
  #RGB576 .case_list .top_x .li_a{padding:0 2px;}
  #RGB576 .case_list .top_x .li_a a{font-size:16px;}
  #RGB576 .case_list .title .h3_a,
  #RGB576 .case_list .title .i_a{font-size:20px; line-height:24px;}
  #RGB576 .case_list .title .span_a{font-size:15px;}
  #RGB576 .case_list .title .b_1, 
  #RGB576 .case_list .title .b_2{font-size:12px; line-height:16px;}
  #RGB576 .case_list .ca_width{margin:0;}
}

/*作品详情页*/
#RGB580 .case_pic{width:100%; display:block; float:left;}
#RGB580 .case_pic .ca_pictop{width:100%; display:block; float:left;}
#RGB580 .case_pic .top_a .h3_a{font-size:36px; color:#4f4f4f; display:block; font-weight:bold;
 line-height:36px; font-family: 'HYTieXianHei-45J_1';}
#RGB580 .case_pic .top_a{border-bottom:1px solid #535353; display:block; width:100%; padding-bottom:22px;}
#RGB580 .case_pic .top_a .p_a{width:100%; display:block; padding-top:16px;}
#RGB580 .case_pic .top_a .i_a{float:left; line-height:22px; color:#4f4f4f; font-size:20px; font-family: '';} 
#RGB580 .case_pic .top_a .span_a{float:right; line-height:22px; margin-top:16px; color:#4f4f4f; font-size:20px; 
  font-family: 'HYTieXianHei-65J_1';}
#RGB580 .case_pic .bottom_a{width:100%; display:block; float:left; padding-top:66px;}
#RGB580 .case_pic .bottom_a .li_a{padding-bottom:80px; display:block; width:100%;}
#RGB580 .case_pic .bottom_a .left{width:20%; float:left;}
#RGB580 .case_pic .bottom_a .left .h4_a,
#RGB580 .case_pic .bottom_a .left .span_a{line-height:32px; display: block; color:#4f4f4f; font-size:28px; 
  font-family: 'HYTieXianHei-35J_1';}
#RGB580 .case_pic .bottom_a .right{width:71%; float:right; line-height:44px; color:#3e3e3e; font-size:22px;
font-family: 'HYTieXianHei-45J_1'; position:relative; padding-left:24px;
}
#RGB580 .case_pic .bottom_a .right::after{width:3px; height:25px; top:0; left:0; position:absolute; content:"";
 background:#fe0000; margin-top:10px;
}
#RGB580 .ca_pic_bottom{width:100%; display:block; float:left; position:relative;}
#RGB580 .ca_picimg{position:relative; top:-10px; width:85%; left:7.5%; display:block;}
#RGB580 .ca_picimg img{display:block; text-align:center;}
#RGB580 .ca_pic_d{width:100%; display:block; float:left;}
#RGB580 .ca_pic_d .dba{padding:92px 0; border-bottom:1px solid #535353; display:block; width:100%; 
  text-align:center; color:#4f4f4f; font-size:32px;font-family: "sy_light";}
#RGB580 .ca_pic_d .pic_tj{padding:62px 0 0 0; font-family: 'HYTieXianHei-45J_1';}
#RGB580 .ca_pic_d .li_a{position:relative; float:left; width:23.87%; margin-right:1.5%;}
#RGB580 .ca_pic_d .li_a:last-child{margin-right:0;}
#RGB580 .ca_pic_d .li_a a{width:100%; display:block; }
#RGB580 .ca_pic_d .li_a img{display:block;}
#RGB580 .ca_pic_d .title{position: absolute; left:0; top:0; width:100%; padding:16px 5%;
 height:100%; background:rgba(254,0,0,0.6); 
-webkit-transform: scale(0);
   -moz-transform: scale(0);
     -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
     -o-transition: all 0.3s ease-out 0s; 
        transition: all 0.3s ease-out 0s;
}
#RGB580 .ca_pic_d .title .h3_a,
#RGB580 .ca_pic_d .title .i_a{color:#ffffff; font-size:22px; width:100%; line-height:26px; display:block; 
  position:relative; z-index:9;font-family: 'HYTieXianHei-45J_1';}
#RGB580 .ca_pic_d .title .span_a{padding:10px 0; display:block; width:100%; line-height:18px; font-size:14px; color:#ffffff;
position:relative; z-index:9;font-family: 'HYTieXianHei-35J_1';
}
#RGB580 .ca_pic_d .title .p_a{display:block; position:absolute; z-index:9; bottom:16px; width:90%; color:#ffffff;}
#RGB580 .ca_pic_d .title .i_b{float:left; width:50%; color:#ffffff; line-height:14px; font-size:12px;font-family: '';
position:absolute; z-index:9; left:0; bottom:0;
}
#RGB580 .ca_pic_d .title .span_b{float:right; width:50%; color:#ffffff; line-height:20px; }
#RGB580 .ca_pic_d .title .b_1,
#RGB580 .ca_pic_d .title .b_2{color:#ffffff;width:100%; display:block; line-height:18px; font-size:15px; font-weight:normal;font-family: 'HYTieXianHei-35J_1'; text-align:right;}
#RGB580 .ca_pic_d .title .b_2{font-family: 'HYTieXianHei-55J_1'; padding-top:5px;}

#RGB580 .ca_pic_d .li_a:hover .title{
  -webkit-transform: scale(1);
   -moz-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}
@media screen and  (max-width:1629px){

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

}
@media screen and  (max-width:991px){
#RGB580 .case_pic .top_a .h3_a{font-size:24px; line-height:26px;}
  #RGB580 .case_pic .top_a .i_a{line-height:20px; font-size:18px;}
  #RGB580 .case_pic .top_a .span_a{font-size:18px; line-height:20px;}
  #RGB580 .case_pic .top_a{padding-bottom:14px;}
  #RGB580 .ca_pic_d .dba{padding:60px 0;}
  #RGB580 .ca_pic_d .li_a{width:49.25%; margin:0 1.5% 1.5% 0;}
  #RGB580 .ca_pic_d .li_a:nth-child(2n){margin-right:0;}
  #RGB580 .ca_pic_d .pic_tj{padding:40px 0 0 0;}
  #RGB580 .case_pic .bottom_a{padding-top:40px;}
  #RGB580 .case_pic .bottom_a .li_a{padding-bottom:50px;}
}
@media screen and  (max-width:767px){
#RGB580 .case_pic .top_a .h3_a{font-size:20px; line-height:22px; text-align:center;}
  #RGB580 .case_pic .top_a .p_a{display:block; text-align:center; padding-top:10px;}
  #RGB580 .case_pic .top_a .i_a{font-size:14px; line-height:20px; display:block; width:100%;}
  #RGB580 .case_pic .top_a .span_a{margin:0;font-size:14px; line-height:20px; display:block; width:100%;}
  #RGB580 .case_pic .bottom_a{padding-top:30px;}
  #RGB580 .case_pic .bottom_a .li_a{padding-bottom:30px;}
  #RGB580 .case_pic .bottom_a .left{width:100%; display:block;}
  #RGB580 .case_pic .bottom_a .right{width:100%; float:left; display:block; margin-top:20px; line-height:22px; font-size:14px;
padding-left:15px;
  }
  #RGB580 .case_pic .bottom_a .right::after{height:15px; margin-top:4px;}
  #RGB580 .case_pic .bottom_a .left .h4_a,
  #RGB580 .case_pic .bottom_a .left .span_a{font-size:20px; line-height:22px;}
  #RGB580 .ca_pic_d .dba{padding:25px 0; font-size:16px;}
  #RGB580 .ca_pic_d .pic_tj{padding:20px 0 0 0;}
  #RGB580 .ca_pic_d .li_a{width:100%; margin:0 0 1.5% 0; float:left;}
  #RGB580 .ca_pic_d .title .h3_a,
  #RGB580 .ca_pic_d .title .i_a{font-size:18px; line-height:22px;}
  #RGB580 .ca_pic_d .title .b_1,
  #RGB580 .ca_pic_d .title .b_2{font-size:12px;}

  #RGB580 .ca_picimg{position:relative; top:-10px; width:100%; left:0%; display:block;}


}

/*底部*/
/*详情页底部*/
#RGB582 .bottom_w{position:relative;}
#RGB582 .ul_dw{position:absolute; right:15px; top:0;}
#RGB582 .bottom_width{width:100%; display:block; float:left;}
#RGB582 .footer{padding:0; display:block; width:100%;}
#RGB582 .footer .top_d{position:relative; padding:0 0 30px 0; display:block; width:100%; margin-bottom:10px;}
#RGB582 .footer .top_d::after{position:absolute; left:5%; bottom:0; height:1px; background:#313133; width:90%;content:"";}
#RGB582 .footer .top_d .logo_d{float:left; width:128px;}
#RGB582 .footer .top_d::before{position:absolute; left:5%; bottom:0; height:1px; background:#fe0000; width:40%;content:"";
z-index:2;
}
#RGB582 .footer .h5_d,
#RGB582 .footer .i_d{line-height:32px; font-size:20px; color:#181818; display: block;font-family: "黑体";}
#RGB582 .footer .i_d{font-family:"宋体"; line-height:20px; margin-bottom:28px;}
#RGB582 .footer .p_d{line-height:36px; color:#181818; font-size:20px; display:block;font-family:"宋体";}
#RGB582 .footer .ul_ew{padding:15px 0; display:block;}
#RGB582 .footer .ul_ew .li_a{float:left; position:relative; margin-right:30px; width:43px; height:40px;}
#RGB582 .footer .ul_ew a{width:43px; height:40px; display:block;}
#RGB582 .footer .ul_ew .weixin{background:url(images/582_index_im_53.png)no-repeat; }
#RGB582 .footer .ul_ew .qq{background:url(images/582_index_im_50.png)no-repeat;}
#RGB582 .footer .ul_ew .li_a .wx_bx_1{ position:absolute; left:50%; top:-90px;width:0; height:0; overflow:hidden;
    -oz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
    -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
            transform:translateX(-50%);
       -moz-transform:translateX(-50%);
         -o-transform:translateX(-50%);
}
#RGB582 .footer .ul_ew .li_a:hover .wx_bx_1{width:80px; height:80px; padding:6px; background:#ffffff;}
#RGB582 .pf_down{display:none;}
@media screen and  (max-width:1629px){

}
@media screen and  (max-width:1199px){
#RGB582 .footer{padding:0;}
}
@media screen and  (max-width:991px){
#RGB582 .footer{padding:0;}
  #RGB582 .footer .top_d{padding:20px 0 0;}
}
@media screen and  (max-width:767px){
#RGB582 .footer{padding:0;}
  #RGB582 .footer .top_d{padding:10px 0 0;}
  #RGB582 .footer .top_d .logo_d{width:90px;}
  #RGB582 .footer .h5_d, 
  #RGB582 .footer .i_d{font-size:18px; line-height:24px;}
  #RGB582 .footer .i_d{font-size:16px; line-height:20px; margin-bottom:16px;}
  #RGB582 .footer .p_d{font-size:14px; line-height:24px;}
  #RGB582 .footer .ul_ew{display:none;}
  /*phone底部导航*/
  #RGB582 .q_d_m{float:left; width:100%; height:50px;}
  #RGB582 .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background-color: #ffffff; border-top: solid 1px #dddddd; z-index:999; box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
  #RGB582 .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 5px 0;}
  #RGB582 .pf_down li .ico7{ width:100%; float:left; height:20px;}
  #RGB582 .pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#1e1e1e; line-height:14px; text-transform:uppercase;}
  #RGB582 .pf_down li.l1 .ico7{ background:url(images/582_btn15.png) no-repeat center; background-size:20px 20px;}
  #RGB582 .pf_down li.l2 .ico7{ background:url(images/582_btn16.png) no-repeat center; background-size:20px 20px;}
  #RGB582 .pf_down li.l3 .ico7{ background:url(images/582_btn17.png) no-repeat center; background-size:20px 20px;}
  #RGB582 .pf_down li.l4 .ico7{ background:url(images/582_btn18.png) no-repeat center; background-size:20px 20px;}
  #RGB582 .pf_down li:hover .d_name,
  #RGB582 .pf_down li.on .d_name{ color:#fe0000;}
  #RGB582 .pf_down .l1:hover .ico7,
  #RGB582 .pf_down .l1.on .ico7{ background:url(images/582_btn15_1.png) no-repeat center; background-size:20px 20px;}
  #RGB582 .pf_down .l2:hover .ico7,
  #RGB582 .pf_down .l2.on .ico7{ background:url(images/582_btn16_1.png) no-repeat center; background-size:20px 20px;}
  #RGB582 .pf_down .l3:hover .ico7,
  #RGB582 .pf_down .l3.on .ico7{ background:url(images/582_btn17_1.png) no-repeat center; background-size:20px 20px;}
  #RGB582 .pf_down .l4:hover .ico7,
  #RGB582 .pf_down .l4.on .ico7{ background:url(images/582_btn18_1.png) no-repeat center; background-size:20px 20px;}
}

.page{ float:left; width:100%; margin:60px 0; color:#333; font-size:14px; line-height:30px;text-align:justify;}
.containerBox { padding:60px 0; font-size:18px; line-height:32px; width:100%; float:left;}
@media screen and (max-width:1199px) {
.containerBox { font-size:16px; line-height:30px;}
}
@media screen and (max-width:991px) {
.containerBox { padding:40px 0; font-size:14px; line-height:26px;}
}
@media screen and (max-width:767px) {
.containerBox { padding:20px 10px; font-size:12px; line-height:22px;}
}