.slideBox {
    width:100%;
    min-width: 1200px;
    height: 499px;
     overflow:hidden;
     position:relative;
     margin-top: 75px;
    
 }
 .slideBox .hd {
     height:15px;
     overflow:hidden;
     position: absolute;
     left: 49.1%;
     bottom:20px;
     z-index:1;
 }
 .slideBox .hd ul {
     overflow:hidden;
     zoom:1;
 
 }
 .slideBox .hd ul li {
     float:left;
     margin-right:5px;
     width:10px;
     height:10px;
     line-height:10px;
     text-align:center;
     background:#fff;
       opacity: 0.68;
     cursor:pointer;
     border-radius: 50%;
 }
 .slideBox .hd ul li.on {
     background:#f00;
     color:#fff;
       opacity:1
 }
 .slideBox .bd {
     position:relative;
     height:100%;
     z-index:0;
     min-width: 1200px;
 }
 .slideBox .bd li {
     zoom:1;
     vertical-align:middle;
 }
 .slideBox .bd img {
     width:100%;
    height: 499px;
     display:block;
 }
 /* 下面是前/后按钮代码，如果不需要删除即可 */
 .slideBox .prev {
     position:absolute;
     left:3%;
     top:50%;
     margin-top:-25px;
     display:block;
     width:35px;
     height:35px;
     filter:alpha(opacity=0); /* IE */
 -moz-opacity:0; /* 老版Mozilla */
 -khtml-opacity:0; /* 老版Safari */
 opacity: 0; /* 支持opacity的浏览器*/
     background:url(../images/left.png) no-repeat center;
     
 }
 .slideBox .next {
     position:absolute;
     right:3%;
     top:50%;
     margin-top:-25px;
     display:block;
     width:35px;
     height:35px;
     filter:alpha(opacity=0); /* IE */
     -moz-opacity:0; /* 老版Mozilla */
     -khtml-opacity:0; /* 老版Safari */
     opacity: 0; /* 支持opacity的浏览器*/
     background:url(../images/right.png) no-repeat center;
     
 }
 .slideBox:hover .next{
      filter:alpha(opacity=100); /* IE */
     -moz-opacity:1; /* 老版Mozilla */
     -khtml-opacity:1; /* 老版Safari */
     opacity: 1; /* 支持opacity的浏览器*/
     transition: all 0.5s;
 }
 .slideBox:hover .prev{
      filter:alpha(opacity=100); /* IE */
     -moz-opacity:1; /* 老版Mozilla */
     -khtml-opacity:1; /* 老版Safari */
     opacity: 1; /* 支持opacity的浏览器*/
     transition: all 0.5s;
 }
 .slidebox-bnt{
     position: absolute;
     height: 35px;
     left: 0px;
     right: 0px;
     top: 48.5%;
 }
 
 .groupNews{
     width:502px;
     float: left;
 }
 .title{
     width:100%;
     height: 42px;
     line-height: 42px;
     border-bottom: 1px solid #ededed;
 }
 .title span{
     padding: 0 15px;
     color: #e50112;
     height: 40px;
     line-height: 40px;
     display: inline-block;
     font-size: 20px;
     font-weight: 600;
     border-bottom: 2px solid #e50112;
 }
 .title1 span{
     font-size: 16px;
 }
 .title a{
     float: right;
     width: 11px;
     height: 40px;
     display: block;
     background: url(../images/jiantou.png) no-repeat center;
 }
 .title a:hover{
      color: #e50112;
 }
 .groupNews-list a{
     display: block;
     margin-top: 20px;
 }
 .groupNews-list a img{
     width: 170px;
     height: 118px;
    -webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;
     transition: opacity .4s ease-in,transform .6s linear;
 }
 .groupNews-list a .img{
      width: 170px;
     height: 118px;
     overflow: hidden;
     float: left;
 }
 .groupNews-list a:hover .img  img{
     transform: scale(1.1,1.1);
     -webkit-transform: scale(1.1,1.1);
     -moz-: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
     -ms-transform: scale(1.1,1.1);
 }
 .groupNews-list a .xq{
     float: right;
     width: 310px;
 }
 .groupNews-list a .xq h1{
     font-size: 16px;
     font-weight: normal;
     font-stretch: normal;
     letter-spacing: 0px;
     color: #272525;
     font-weight: normal;
     line-height: 30px;
 }
 .groupNews-list a .xq span{
 
     letter-spacing: 0px;
     color: #272525;
     opacity: 0.51;
     font-size: 12px;
      line-height: 25px;
 }
 .groupNews-list a .xq p{
     font-size: 13px;
     font-weight: normal;
     font-stretch: normal;
     line-height: 22px;
     letter-spacing: 0px;
     color: #272525;
     opacity: 0.68;
     margin-top: 5px;
     position: relative;
 }
 .groupNews-list a .xq p i{
     font-size: 12px;
     font-weight: normal;
     letter-spacing: 0px;
     color: #8a8787;
     font-style: normal;
     position: absolute;
     right: 0px;
     bottom: 0px;
 }
 .groupNews-list a:hover .xq h1{
     color: #e50112;
 }
 .xmdt{
    width: 426px;
    float: left;
 }
 .spzx{
     width: 210px;
     float: right;
 }
 .video{
     margin-top: 20px;
 }
 /**/
 .list a{
     display: block;
     background: url(../images/d.png) no-repeat center left;
     height: 33px;
     line-height: 33px;
     letter-spacing: 0px;
     color: #272525;
     text-indent: 15px;
 }
 .list a i{
     font-size: 14px;
     font-weight: normal;
     letter-spacing: 0px;
     color: #5a5959;
     font-style: normal;
 }
 .list a:hover{
     color: #e50112;
      background: url(../images/d1.png) no-repeat center left;
 }
 .list a:hover i{
       color: #e50112;
 }
 .video h3{
     font-size: 14px;
     line-height: 31px;
     letter-spacing: 0px;
     color: #e50112;
 }
 
 .center{
     width: 100%;
 
     background-color: #f2f2f3;
 }
 .center1{
     width: 100%;
     background-color: #fff;
     padding-bottom: 25px;
 }
 
 
 /* 本例子css */
  .picScroll-left {
     width:1300px;
      min-width: 1200px;
     height: 230px;
     overflow:hidden;
     position:relative;
     margin:20px auto;
 }
 .picScroll-left .hd {
     overflow:hidden;
     height:30px;
     padding:0 10px;
 
 }
 .picScroll-left .hd .prev{
     display:block;
     width:35px;
     height:35px;
     float:right;
     margin-right:5px;
     margin-top:10px;
     overflow:hidden;
     cursor:pointer;
     position: absolute;
     left: 0px;
     top: 35%;
     background:url("../images/left2.png") no-repeat center;
 }
 
 .picScroll-left .hd .next {
     display:block;
     width:35px;
     height:35px;
     float:right;
     margin-right:5px;
     margin-top:10px;
     overflow:hidden;
     cursor:pointer;
     position: absolute;
     right: 0px;
     top: 35%;
     background:url("../images/right2.png") no-repeat center;
 }
 .picScroll-left:hover .hd .prev{
      background:url("../images/left2_hover.png") no-repeat center;
 }
 .picScroll-left:hover .hd .next{
      background:url("../images/right2_hover.png") no-repeat center;
 }
 .picScroll-left .hd ul {
    
     overflow:hidden;
     zoom:1;
     position: absolute;
     left: 47.7%;
     
     bottom: 0px;
     margin: 0 auto;
 }
 .picScroll-left .hd ul li {
     float:left;
     width:10px;
     height:10px;
     overflow:hidden;
     margin-right:5px;
     cursor:pointer;
     background-color: #ababab;
     color: #ababab;
     border-radius: 50%;
 }
 .picScroll-left .hd ul li.on {
      background-color: #e50112;
     color: #e50112;
 }
 .picScroll-left .bd {
   margin: 0 auto;
     width: 1200px;
     overflow: hidden;
 }
 .picScroll-left .bd ul {
     overflow:hidden;
     zoom:1;
 }
 .picScroll-left .bd ul li {
     margin-right:30px;
     float:left;
     _display:inline;
     overflow:hidden;
     text-align:center;
     width: 280px;
     height: 191px;
     position: relative;
 }
 .picScroll-left .bd ul li .pic {
     text-align:center;
 
 }
 .picScroll-left .bd ul li .pic img {
     width: 280px;
     height: 191px;
     display:block;
         -webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;
     transition: opacity .4s ease-in,transform .6s linear;
    
 }
 
 .picScroll-left .bd ul li .tit {
     width: 244px;
     height: 63px;
     line-height: 63px;
     background: rgba(255,255,255,0.8);
     position: absolute;
     bottom: 0px;
     left: 0px;
     right: 0px;
     margin: 0 auto;
 }
 .picScroll-left .bd ul li .tit i{
     margin-left: 60px;
 }
 .picScroll-left .bd ul li .tit .icon1{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/icon1.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon1{
      transition: all 0.5s;
     background: url(../images/icon1-a.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit .icon2{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/icon2.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon2{
      transition: all 0.5s;
     background: url(../images/icon2-a.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit .icon3{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/icon3.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon3{
      transition: all 0.5s;
     background: url(../images/icon3-a.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit .icon4{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/icon4.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon4{
      transition: all 0.5s;
     background: url(../images/icon4-a.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit .icon5{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/01.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon5{
      transition: all 0.5s;
     background: url(../images/01_1.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit .icon6{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/02.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon6{
      transition: all 0.5s;
     background: url(../images/02_2.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit .icon7{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/03.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon7{
      transition: all 0.5s;
     background: url(../images/03_03.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit .icon8{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/04.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon8{
      transition: all 0.5s;
     background: url(../images/04_2.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit .icon9{
     width: 40px;
     height: 40px;
     margin-top: 15px;
     display: inline-block;
     float: left;
     background: url(../images/05.png) no-repeat center;
 }
 .picScroll-left .bd ul li:hover .tit .icon9{
      transition: all 0.5s;
     background: url(../images/05_5.png) no-repeat center;
 }
 .picScroll-left .bd ul li .tit span{
     height:63px;
     line-height: 63px;
     display: inline-block;
     float: left;
     color: #696767;
     padding: 0 20px;
 }
 
 .picScroll-left .bd ul li:hover .pic img {
     transform: scale(1.1,1.1);
     -webkit-transform: scale(1.1,1.1);
     -moz-: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
     -ms-transform: scale(1.1,1.1);
 }
 .picScroll-left .bd ul li:hover .tit{
      background: rgba(229,1,18,0.95);
      transition: all 0.5s;
 }
 .picScroll-left .bd ul li:hover .tit span{
     color: #fff;
 }
 /**/
 .name{
     margin: 0 auto;
     width: 164px;
     height: 41px;
      line-height: 41px;
 }
 .name i{
     height: 1px;
     width: 34px;
     display:inline-block;
     float: left;
     background-color: #e0e0e0;
     margin: 19px 8px;
 }
 .name span{
     font-size: 16px;
     font-weight: 600;
     font-stretch: normal;
     line-height: 41px;
     letter-spacing: 0px;
     color: #e50112;
     display:inline-block;
     float: left;
 }
 
 
 .content{
     min-height: 680px;
     padding-bottom: 30px;
 }
 
 .location{
     color: #6d6969;
     font-size: 14px;
     margin-top: 75px;
     padding: 20px 0;
 }
 .location a{
         color: #6d6969;
 }
 .location a:hover{
     color: #e50112;
 }
 .content .left{
     width: 235px;
     float: left;
 }
 .content .right{
     width: 930px;
     float: right;
 }
 .content .left h3{
     width: 100%;
     height: 100px;
     line-height: 100px;
     color: #fff;
     background-color: #ce0413;
     text-align: center;
     font-size: 22px;
 }
 .content .left .list-t a{
     display: block;
     height: 55px;
     width: 100%;
     line-height: 55px;
     background-color: #edecec;
     margin-top: 1px;
 }
 .content .left .list-t a:hover{
      background-color: #e50112;
 }
 .content .left .list-t a:hover span{
      color: #fff;
       background: url(../images/jt2.png) no-repeat 40px center;
 }
 .content .left .list-t a span{
     display: block;
     padding-left: 70px;
         line-height: 55px;
     color: #000;
     background: url(../images/jt1.png) no-repeat 40px center;
 }
 .content .left .list-t a.on{
     background-color: #e50112;
   
 }
 .content .left .list-t a.on span{
     color: #fff;
       background: url(../images/jt2.png) no-repeat 40px center;
 }
 .content .right .con h3{
     text-align: center;
     color: #272525;
     font-size: 18px;
 }
 
 .content .right .con p{
     line-height: 30px;
     text-indent: 30px;
     color: #272525;
     /* opacity: 0.8; */
 }
 .content .right .ewm{
     margin-top: 20px;
 }
 .content .right .ewm img{
     margin-left: 50px;
 }
 .content .right  .time {
     text-align: center;
     font-size: 14px;
     width: 100%;
     height: 50px;
     background-color: #f0f0f0;
     line-height: 50px;
     margin: 20px auto;
     display: block;
     color: #272525;
     opacity: 0.8;
 }
 .right .list-b{
     /*margin-top: 15px;*/
     display: block;
     padding: 10px 0 10px 0;
 }
 .right .news-list{
     margin-top: 20px;
     display: block;
     padding: 10px 0 10px 0;
 }
 .right .list-b h1{
     color: #272525;
     font-size: 18px;
     font-weight: normal;
     line-height: 40px;
     margin-left: 20px;
 }
 .right .list-b p{
     line-height: 25px;
     color: #272525;
     opacity: 0.6;
     width: 96%;
     margin-left: 20px;
     font-size: 14px;
     text-align: justify;
 }
 .right .list-b .ly{
     height: 40px;
     line-height: 40px;
 }
 .right .list-b .ly .c{
     display: block;
     float: left;
     color: #272525;
     opacity: 0.6;
     font-size: 13px;
      margin-left: 20px;
 }
 .right .list-b .ly .t{
     display: block;
     float: right;
     padding-left: 20px;
     color: #AFAFAF;
     font-size: 13px;
      margin-right: 10px;
     background: url(../images/time.png) no-repeat center left;
 
 }
 .right .list-b:hover{
    background-color: #f1f0f0;
    transition: all 0.3s;
    border-radius: 5px;
 }
 .right .list-b:hover h1{
     color: #e50112;
 }
 .right .list-b img{
     height: 116px;
     width: 170px;
     float: left;
 }
 .right .list-b {
     min-height: 116px;
     width: 100%;
 }
 .right .list-b .list-c{
     float: left;
     width: 750px;
 }
 
 .fcjs{
     height: auto;
     width: 100%;
     background-color: #f1f0f0;
     padding:3%;
 
 }
 .fcjs p{
    
     text-indent: 30px;
     line-height: 30px;
     font-size: 14px;
     color: #787676;
     letter-spacing: 1px;
 }
 
 .picScroll-left1{
     background-color: #f1f0f0;
     height: 480px;
     width: 100%;
     position: relative;
 }
 
 .picScroll-left1 .bd{
     width: 815px;
     margin: 0 auto;
 }
 .picScroll-left1 .bd li{
     width: 255px;
     float: left;
     background-color: #ffffff;
     height: 407px;
     margin-top: 40px;
     margin: 40px 10px;
 }
 .picScroll-left1 .bd li img{
     width: 255px;
     height: 174px;
 }
 .picScroll-left1 .bd li span{
     color: #ce0413;
     font-size: 16px;
     text-align: center;
     display: block;
     padding: 10px 0;
 }
 .picScroll-left1 .bd li p{
     color: #272525;
     font-size: 14px;
     opacity: 0.6;
     line-height: 22px;
     padding: 0 20px;
     height: 110px;
     text-overflow: -o-ellipsis-lastline;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     line-clamp: 5;
     -webkit-box-orient: vertical;
 }
 .picScroll-left1 .bd li i{
     display: block;
     width: 87px;
     height: 28px;
     border: 1px solid  #ce0413;
     border-radius: 5px;
     text-align: center;
     line-height: 28px;
     color:  #ce0413;
     font-style: normal;
     font-size: 14px;
     margin: 15px auto;
 }
 .name1{
     height: 50px;
     line-height: 50px;
     width: 100%;
     margin: 20px 0;
 }
 
 .picScroll-left1 .hd .next{
     width: 28px;
     height: 28px;
     display: block;
     position: absolute;
     left: 15px;
     top: 50%;
     background: url(../images/left3.png) no-repeat center;
 }
 .picScroll-left1:hover .hd .next{
     background: url(../images/left3_3.png) no-repeat center;
 }
 .picScroll-left1 .hd .prev{
     width: 28px;
     height: 28px;
     display: block;
     position: absolute;
     right: 15px;
     top: 50%;
     background: url(../images/right3.png) no-repeat center;
 }
 .picScroll-left1:hover .hd .prev{
     background: url(../images/right3_3.png) no-repeat center;
 }
 .picScroll-left1 .bd li:hover i{
     background-color: #ce0413;
     color: #ffffff;
 }
 .picScroll-left1 .bd li:hover{
     box-shadow: 0 0 15px #cdcdcd;
     transition: all 0.3s;
 }
 .map{
     width: 100%;
     position: relative;
 }
 .map .map-box{
     position: absolute;
     right: 0px;
     top:79px;
     bottom: 30px;
     background: url(../images/map-bg.png) no-repeat center;
     width: 427px;
     height: 637px;
 }
 .map .map-box .box{
     margin: 40px 20px 0 20px;
 }
 .map .map-box .box .lxfs{
     margin-top: 20px;
 }
 .map .map-box .box .lxfs span{
     color: #ffffff;
     text-indent: 40px;
     display: block;
     font-size: 16px;
     line-height:30px;
     height: 30px;
 }
 .map .map-box .box h1{
     font-size: 20px;
     color: #fff;
     font-weight: 400;
     line-height: 50px;
 }
 .map .map-box .box .dh span{
    
     background: url(../images/icon11111.png) no-repeat left 5px;
     
 }
 .map .map-box .box .cz span{
    
     background: url(../images/icon11111.png) no-repeat left -80px;
     
 }
 .map .map-box .box .dz span{
    
     background: url(../images/icon11111.png) no-repeat left -165px;
     
 }
 .map .map-box .box .wx span{
    
     background: url(../images/icon11111.png) no-repeat left -253px;
     
 }
 .map .map-box .box .wx img{
     width: 96px;
     height: 95px;
     margin-left: 40px;
     margin-top: 15px;
 }
 .map .map-box .box .lxfs p{
     color: #ffffff;
     padding-left:40px;
     font-size: 16px;
     line-height: 30px;
 }
 .kfdh{
     width: 100%;
     height: 70px;
     line-height: 70px;
     color: #ffffff;
     font-size: 20px;
      text-indent: 40px;
 
 }
 @media only screen and (max-width: 1200px), only screen and (max-device-width: max-width: 1200px){
     .picScroll-left{
         width: 1200px;
     }
 }
 
 
 .dc-box {
     width: 98%;
     /* background-color: #fff; */
     margin:0% auto;
 }
 .dc-box .case3 {
     width: 100%;
     background-color: #fff;
     border-radius: 3px;
     margin: 15px 0;
     height: 40px;
    
    
 }
 .dc-box .tit {
     font-size: 16px;
     color: #000;
     font-weight: normal;
     width: 13%;
     display: block;
     float: left;
      line-height: 40px;
     text-align: right;
     font-size: 14px;
 }
 .dc-box .text {
     width: 84%;
     margin-left: 10px;
 
     float: left;
 }
 .dc-box .text .text-box {
    height: 40px;
     width: 93%;
     display: block;
     text-indent: 20px;
     border: 1px solid #d9d9d9;
 
     transition: all .3s;
     float: left;
 }
 .dc-box .text textarea{
     float: left;
     border: 1px solid #d9d9d9;
 
      color: #989a9a;
     font-size: 14px;
     outline:none;
 }
 .dc-box .text i{
     display: inline-block;
     float: right;
     color: red;
     height: 40px;
     line-height: 40px;
 }
 .dc-box .text input:focus {
     border: 1px solid #E92626;
     box-shadow: 0 0 0 2px rgba(233,38,38,.2);
 }
 .dc-box .text .label{
     display: block;
     float: left;
 }
 
 .radio{
     display: block;
     width: 30%;
     margin-left: 10px;
          margin-top: 2px; 
 }
 .radio label{
   display:inline-block;
     float: left;
   position: relative;
 }
 .radio input{
     
     display:inline-block;
     width:17px;
     height:17px;
     vertical-align: bottom;
     /*margin-right:.1rem;*/
     opacity: 0;
 }
 input[type=checkbox], input[type=radio] {
     margin: 2px 0 0;
     margin-top: 1px\9;
     line-height: normal;
 }
 .case4 .case3{
     float: left;
     width: 50%;
 }
 .case3 .radio .spot{
     display:inline-block;
     width:20px;
     height:20px;
     background: url(../images/dx1.png) no-repeat center left;
     background-size:100%;
     position: absolute;
     top: 5px;
     left: 0;
     z-index:5;
     text-indent: 30px;
     font-style: normal;
     color: #000;
     font-size: 14px;
     font-weight: normal;
 }
 .case3 .radio  input:checked + .spot{
     background:url("../images/dx.png") no-repeat center left;
      background-size:100%;
 }
 .sctp{
     background: url('../images/sctp.png') no-repeat center left;
     position: absolute;
     margin-left: 128px;
     cursor: pointer;
     height: 40px;
     overflow: hidden;
     border: 1px solid #cccccc;
     width: 255px;
 }
 .msbr input {
     width: 200px;
     height: 40px;
     border: 1px solid #cccccc;
     /* border-radius: 5px; */
     text-indent: 10px;
     float: left;
 }
 .fileInput {
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     opacity: 0;
 }
 .case4 .case3 .tit{
     width: 26%;
 }
 
 .bnt {
     width: 280px;
     margin: 30px auto;
 }
 
 .bnt span {
     display: block;
     padding: 5px 40px;
     float: left;
     color: #fff;
     background-color: #e92626;
     border-radius: 4px;
     margin: 0 10px;
     cursor: pointer;
     font-size: 18px;
 }
 .bnt span:hover{
     background-color: #e92626;
 }
 .case4 .case3 .text{
     width: 60%;
 }