/*引用阿里图标开始*/
@font-face{font-family:'阿里巴巴普惠体';src:url('../font/iconfont.eot');src:url('../font/iconfont.eot?#iefix')format('embedded-opentype'),url('../font/iconfont.woff2')format('woff2'),url('../font/iconfont.woff')format('woff'),url('../font/iconfont.ttf')format('truetype'),url('../font/iconfont.svg#iconfont')format('svg');}
  .icoMove{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoMove:before{content:"\e600";}/*手机小图标*/
  .icoWeixi{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoWeixi:before{content:"\e631";}/*微信小图标*/
  .icoCall{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoCall:before{content:"\e680";}/*留言小图标*/
  .icoTelep{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoTelep:before{content:"\e618";}/*电话A小图标*/
  .icoTelepB{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoTelepB:before{content:"\e648";}/*电话B小图标*/
  .icoServe{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoServe:before{content:"\e642";}/*客服小图标*/
  .icoMail{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoMail:before{content:"\e640";}/*邮件小图标*/
  .icoBut{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoBut:before{content:"\e684";}/*按钮小图标*/
  .icoBut{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoBut:before{content:"\e684";}/*按钮小图标*/
  .icoArrLeft{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoArrLeft:before{content:"\e61c";}/*向左箭头小图标*/
  .icoArrRight{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoArrRight:before{content:"\e698";}/*向右箭头小图标*/
  .icoArrTop{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoArrTop:before{content:"\e697";}/*向上箭头小图标*/
  .icoArrBottom{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoArrBottom:before{content:"\e61d"}/*向下箭头小图标*/
  .icoFineRight{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoFineRight:before{content:"\e72c"}/*细长箭头向右小图标*/
  .icoMap{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoMap:before{content:"\e68b";}/*地图小图标*/
  .icoShop{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoShop:before{content:"\e602";}/*购物车小图标*/
  .icoHome{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoHome:before{content:"\e627";}/*房子小图标*/
  .icoHornLeft{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoHornLeft:before{content:"\e625"}/*实心向右小三角小图标*/
  .icoHornRight{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoHornRight:before{content:"\e615"}/*实心向右小三角小图标*/
  .icoHornTop{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoHornTop:before{content:"\e634"}/*实心向右小三角小图标*/
  .icoHornBottom{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoHornBottom:before{content:"\e62b";}/*实心向下小三角小图标*/
  .icoRec{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoRec:before{content:"\e6fa";}/*产品推荐小图标*/
  .icoNews{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNews:before{content:"\e643";}/*新闻推荐小图标*/
  .icoNewsB{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNewsB:before{content:"\e643";}/*新闻推荐小图标*/
  .icoSkill{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoSkill:before{content:"\e60b";}/*技术支持小图标*/
  .icoCase{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoCase:before{content:"\e60e";}/*工程案例小图标*/
  .icoAsk{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoAsk:before{content:"\e8cd";}/*问小图标*/
  .icoAns{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoAns:before{content:"\e889";}/*答小图标*/
  .icoAli{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoAli:before{content:"\e714";}/*阿里巴巴小图标*/
  .icoList{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoList:before{content:"\e684";}/*列表小图标*/
  .icoListB{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoListB:before{content:"\e61e";}/*列表粗图标*/
  .icoSet{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoSet:before{content:"\e619";}/*定制图标*/
  .icoNet{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNet:before{content:"\e62e";}/*球形网小图标*/
  .icoLocation{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoLocation:before{content:"\e65f";}/*定位当前小图标*/
  .icoCensus{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoCensus:before{content:"\e611";}/*流量统计小图标*/
  .icoOff{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoOff:before{content:"\e6a0";}/*版权小图标*/
  .icoCopy{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoCopy:before{content:"\e620";}/*版权小图标*/
  .icoJoin{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoJoin:before{content:"\e617";}/*友情链接小图标*/
  .icoPlus{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoPlus:before{content:"\e621";}/*火的小图标*/
  .icoHeat{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoHeat:before{content:"\e63b";}/*背景的小图标*/
  .icoPriceBackground{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoPriceBackground:before{content:"\e637";}/*背景的小图标*/
  .icoFacebook{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoFacebook:before{content:"\e732";}/*Facebook的小图标*/
  .icoTwitter{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoTwitter:before{content:"\e63e";}/*推特的小图标*/
  .icoWeixin{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoWeixin:before{content:"\e63d";}/*微信的小图标*/
  .icoEmail{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoEmail:before{content:"\e7aa";}/*微信的小图标*/
  .iconShuXian{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .iconShuXian:before{content:"\e740";}/*竖线的小图标*/
  .icoDownload{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoDownload:before{content:"\e646";}/*下载的小图标*/
  .icoDis{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoDis:before{content:"\e6aa";}/*经消商的小图标*/
  .icoInst{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoInst:before{content:"\e68c";}/*说明书的小图标*/
  .icoAfter{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoAfter:before{content:"\e647";}/*售后的小图标*/
  .icoCust{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoCust:before{content:"\e619";}/*定制的小图标*/
  .icoFaq{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoFaq:before{content:"\e64d";}/*常见问题的小图标*/
  .icoNet{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNet:before{content:"\e649";}/*网络技术的小图标*/
  .icoUser{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoUser:before{content:"\e64e";}/*多用户的小图标*/
  .icoDrill{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoDrill:before{content:"\e650";}/*电钻的小图标*/
  .icoCurve{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoCurve:before{content:"\e669";}/*上升曲线的小图标*/
  .icoTesting{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoTesting:before{content:"\e651";}/*检测的小图标*/
  .icoWorker{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoWorker:before{content:"\e656";}/*工人的小图标*/
  .icoDoor{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoDoor:before{content:"\e6a5";}/*上门勘察的小图标*/
  .icoDesign{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoDesign:before{content:"\e6a8";}/*设计方案的小图标*/
  .icoOffer{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoOffer:before{content:"\e662";}/*工程报价的小图标*/
  .icoWorker{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoWorker:before{content:"\e65b";}/*签约合同的小图标*/
  .icoApproach{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoApproach:before{content:"\e7bf";}/*设备进场的小图标*/
  .icoCons{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoCons:before{content:"\e668";}/*现场施工的小图标*/
  .icoCheck{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoCheck:before{content:"\e659";}/*验收调试的小图标*/
  .icoNumber1{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber1:before{content:"\e666";}/*圆圈数字1的小图标*/
  .icoNumber2{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber2:before{content:"\e667";}/*圆圈数字2的小图标*/
  .icoNumber3{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber3:before{content:"\e8a4";}/*圆圈数字3的小图标*/
  .icoNumber4{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber4:before{content:"\e693";}/*圆圈数字4的小图标*/
  .icoNumber5{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber5:before{content:"\e66a";}/*圆圈数字5的小图标*/
  .icoNumber6{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber6:before{content:"\e66d";}/*圆圈数字6的小图标*/
  .icoNumber7{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber7:before{content:"\e66c";}/*圆圈数字7的小图标*/
  .icoNumber8{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber8:before{content:"\e66b";}/*圆圈数字8的小图标*/
  .icoNumber9{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoNumber9:before{content:"\e699";}/*圆圈数字9的小图标*/
  .icoSkype{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoSkype:before{content:"\e8ae";}/*kype小图标*/
  .icoInstagram{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoInstagram:before{content:"\e87f";}/*nstagram小图标*/
  .icoLinkedin{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoLinkedin:before{content:"\e978";}/*领英小图标*/
  .icoIcp{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoIcp:before{content:"\e713";}/*工信部备案小图标*/
  .icoAdmin{font-family:"阿里巴巴普惠体";cursor:pointer;text-align:center; flex-shrink:0;}
  .icoAdmin:before{content:"\e6c2";}/*管理员小图标*/
/*引用阿里图标结束*/

/*共公配置样式开始*/
  body{
    font-size:16px;
    font-family:"阿里巴巴普惠体";
    color:#4D4D4D;
    position:relative;
    padding:0;
    margin:0;
  }
  li{
    list-style:none;
  }
  a{
    text-decoration:none!important;
  }
  h1,h2,h3,h4,h5,h6,p,ul{
    padding:0;
    margin:0;
  }
  b,strong{
    /*font-weight:100;*/
  }
  i{
    font-style:normal
  }
  img{
    width:100%;
    height:auto;
  }
  td, th {
    border: 1px solid;
  }
/*共共配置样式结束*/


/*组件配置样式开始*/
  .border{
    border:0!important;
  }
  .border_color_a8{
    border:1px solid #A8A8A8;
  }
  .background_color_f3{
    background:#F5F9FC;
  }
  .background_color_fff{
    background:#FFF;
  }
  .box-shadow{
    border-radius: 5px;
  }
  .flex{
    display: -webkit-box;   /*苹果内核*/
    display: -moz-box;    /*火狐内核*/
    display: -ms-flexbox; /*IE10内核*/
    display: -weblit-flex;  /*谷哥内核*/
    display: flex;
  }
  .overflow_auto{
    overflow:auto;
  }
  .adm_li{
    margin-left:0!important;
    margin-right:0!important;
  }
  .img_adm{
    width:100%;
  }
  .act {
    background: #FF0D02;
  }
  .acts{
    background: #FFF!important;
    color: #333!important;
  }
  .img_adm>table{
    margin:0 auto;
    text-align:center;

  }
  .img_adm video{
    width:80%;
  }
/*组件配置样式结束*/

/*框架组件样式开始*/
  .frame{
    margin:0 auto;
  }
  .frame_left{
    width:50%;
  }
  .frame_right{
    width:50%;
  }
  .frame_sm_l{
    width:300px;
  }
   .frame_lg_l{
    width:74%;
    margin-right:40px;
  }
  .frame_sm_r{
    width:350px;
  }
  .frame_lg_r{
    width:79%;
    margin-left:40px;
  }
   .width_70{
    width:70%;
  }
  .frame_l_680{
    width:680px;
  }
  .frame_r_78{
    width:78%;
  }
/*框架组件样式结束*/

/*Tab产品切换选项卡组件开始*/
  .tab_view{
    width:100%;
  }
  .tab_nav{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -weblit-flex;
    display: flex;
    margin: 10px 0px;
    border-bottom: 2px solid #007DEB;
  }
  .tab_nav li{
    width:100%;
    margin:0 3px;
    background:#0668CB;
    overflow:hidden;
    cursor:pointer;
    border-radius:3px;
    margin-bottom:3px;
  }
  .tab_nav li:first-child{
    margin-left:0;
  }
  .tab_nav li:last-child{
    margin-right:0;
  }
  .tab_nav li a{
    display:block;
    height:40px;
    line-height:40px;
    color:#FFF;
    overflow:hidden;
    /*margin:0 10px;*/
    text-align:center;
    text-indent:0;
  }
  .tab_nav li.active{
    background-color:#FF0D02;
  }
  .content_wrap{
    width:100%;
    padding:20px;
    border-radius:5px;
    /*border:1px solid #818181;*/
  }
  .content_item{
    width:100%;
    display:none;
  }
  .content_item_adm{
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
  }
  .current{
    display:block;
  }
  .current>p{
    padding:10px 15px;
  }
  .content_wrap_left{
    width:350px;
    height:100%;
    position:relative;
  }
  .content_wrap_left:hover .content_wrap_left_text{
    height:100%;
  }
  .content_wrap_left_img{
    position:relative;
    overflow:hidden;
    border:1px solid #F5F9FC;
  }
  .content_wrap_left_img>img{
    transition:all 0.7s;
    -webkit-transition:all 0.7s;
    -moz-transition:all 0.7s;
    -o-transition:all 0.7s;
  }
  .content_wrap_left_img:hover img{
    -ms-transform:scale(1.05);
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
  }
  .content_wrap_left_text{
    background:rgba(0, 0, 0, 0.75);
    width:100%;
    height:0%;
    color:#000;
    position:absolute;
    bottom:0;
    left:0;
    transition:height 1s;
    -moz-transition:height 1s;
    -webkit-transition:height 1s;
    -o-transition:height 1s;
    overflow:hidden;
  }
  .content_wrap_left_text>p{
    width:100%;
    height:60%;
    display:block;
    color:#FFF;
    padding:30px;
    text-indent:20px;
    text-align:left;
    overflow:hidden;
  }
  .content_wrap_left_text>a{
    width:100%;
    height:40%;
    display:block;
    text-align:center;
  }
  .content_wrap_left_text>a>span{
    width:200px;
    height:50px;
    line-height:50px;
    background:#FF0D02;
    position:absolute;
    bottom:20%; 
    left:50%;
    margin-left:-100px;
    margin-bottom:-20%;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
  }
  .content_wrap_left_text>a>b{
    width:200px;
    height:0;
    line-height:50px;
    position:absolute;
    bottom:20%; 
    left:50%;
    margin-left:-100px;
    margin-bottom:-20%;
    overflow:hidden;
    background:#0668CB;
    color:#FFF;
    transition:height 0.5s;
    -moz-transition:height 0.5s;
    -webkit-transition:height 0.5s;
    -o-transition:height 0.5s;
    font-size:16px;
    font-weight:bold;
  }
  .content_wrap_left_text>a:hover b{
    height:50px;
    background:#0668CB;
    color:#FFF;
  }
  .content_wrap_right{
    width:79%;
    height:100%;
    padding-left:30px;
  }
/*Tab产品切换选项卡组件结束*/

/*图文遮罩层组件开始*/
  .cover{
    position:relative;
    overflow:hidden;
  }
  .cover_hover{
    width: 100%;
    height: 0px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    padding: 0;
    color: #fff;
    transition: height 1s;
    -moz-transition: height 1s;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
    text-align:center;
  }
  .cover:hover .cover_hover{
    height:100%;
  }
  
  .cover:hover .cover_hover_40{
    height:40%;
  }
  .cover_hover>a{
    width:100%;
    display:inline-block;
    color:#FFF;
    padding:15px 10px;
    font-size:14px;
    font-weight:bold;
  }
  .cover_hover>p{
    padding:15px 10px;
    text-align:left;
    text-indent:18px;
    line-height:20px;

  }
  .pro_list{
    width:100%;
    margin-left:15px;
  }
  .pro_list>li{
    margin:10px 0px;
  }
  .public_pro_list_box{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    border:1px solid #DEDDE1;
  }   
  .public_pro_list_box>a{
    display:block;
    padding:1px;
  }
  .public_pro_list_box>a>span{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    overflow:hidden;
  }
  .public_pro_img{
    position:relative;
    overflow:hidden;
  }
  .public_pro_img>img{
    width:100%;
    height:auto;
    transition:all 0.7s;
    -webkit-transition:all 0.7s;
    -moz-transition:all 0.7s;
    -o-transition:all 0.7s;
  }
  .public_pro_title{
    background:rgba(0, 0, 0, 0.75);
    width:100%;
    height:0%;
    color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    transition:height 0.5s;
    -moz-transition:height 0.5s;
    -webkit-transition:height 0.5s;
    -o-transition:height 0.5s;
  }
  .public_pro_title>a{
    width: 100%;
    height: 40px;
    display: block;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding:0px 5px;
  }
  .public_pro_title>p{
    height: 60%;
    padding: 10px;
    text-indent: 18px;
    font-size: 14px;
  }
  .public_pro_title>h3{
    width:100%;
    height:30%;
    text-align:center;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .public_pro_title>h3>a{
    background:#0668CB;
    display:inline-block;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    height:35px;
    line-height:35px;
    padding:0px 15px 0px 15px;
    border-radius:3px;
  }
  .public_pro_title>h3>a:last-child{
    background:#FF0D02;
  }
  .public_pro_list_box:hover img{
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
  }
  .public_pro_list_box:hover .public_pro_title{
    height:100%;
  }
/*图文遮罩层组件结束*/

/*ul li组件样式开始*/
  .public_ul_box{
    width:100%;
    padding:10px;
    background:#FFF;
    border: 2px solid #007DEB;
  }
  .public_ul_box>li{
    border:1px solid #ddd;
    margin:5px 0px 5px 0px;
  }
  .public_ul_box>li>a{
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
    height:30px;
    line-height:30px;
  }
  .public_ul_box>li:hover{
    border:1px solid #0668CB;
  }
  .public_ul_box>li>a:hover{
    color:#FFF;
    background:#0668CB;
  }
  .public_ul_box>li>a:hover i{
    color:#FFF;
  }
  .public_ul_box>li>a:hover b{
    color:#FFF;
  }
  .public_ul_box>li>a>i{
    width:30px;
  }
  .public_ul_box>li>a>b{
    width:30px;
  }
  .public_ul_box>li>a>span{
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
  }
/*ul li组件样式结束*/

/*推荐列表组件样式开始*/
  .public_list{
    width:100%;
    padding:20px 0px;
  }
  .public_list_admin{
    width:70%;
    margin:0 auto;
  }
  .public_list_top{
    width:100%;
    height:40px;
    margin:15px 0px;
    border-bottom:1px solid #0668CB
  }
  .public_list_top>a{
    border-bottom:3px solid #0668CB;
    padding:6px 15px;
    font-size:20px;
    font-weight:bold;
  }
  .public_list_box{
    width:100%;
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
  }
  .public_list_box>li{
    width:100%;
    background:#FFF;
    box-shadow:0px 2px 6px #d2d2de;
    padding:25px;
    border:1px solid #F5F9FC;
    margin:0px 15px;
  }
  .public_list_box>li:first-child{
    margin-left:0px;
  }
  .public_list_box>li:last-child{
    margin-right:0px;
  }
/*推荐列表组件样式结束*/

/*推荐图片组件样式开始*/
  .public_img_title{
    width:100%;
  }
  .public_img_title>h2{
    width:100%;
    border-bottom:3px solid #007DEB;
    font-size:20px;
    font-weight:bold;
    padding:20px;
  }
  .public_img_title>h2>span{
    display:inline-block;
    border-left:3px solid #007DEB;
    text-indent:16px;
  }
  .public_img_con{
    margin:20px 0px 20px 0px;
  }
/*推荐图片组件样式结束*/

/*友情连接组件样式开始*/
  .links{
    width:100%;
    padding:20px 0px;
  }
  .links_adm{
    width:70%;
    margin:0 auto;
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
  }
  .links_adm>h4{
    border-right:1px solid #007DEB;
    padding-right:30px;
    color:#007DEB;
    line-height:50px;
    font-weight:bold;
  }
  .links_adm>h4>i{
    color:#FF0D02;
    font-size:20px;
  }
  .links_list{
    width:90%;
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-weblit-flex;
    display:flex;
    padding-left:10px;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  .links_list>li{
    width:10%;
    height:24px;
    line-height:24px;
    padding:0px 10px 0px 10px;
    overflow:hidden;
  }
/*友情连接组件样式结束*/

/*返回顶部组件开始*/
  .totop{
    width: 40px;
    height: 40px;
    text-align: center; 
    background: #FF0D02; 
    position: fixed;
    bottom: 50px; 
    right: 30px; 
    cursor: pointer;
    border-radius: 5px; 
    display: none;
    color:#fff;
  }
  .totop>span{
    display: block;
    line-height: 15px;
    font-size: 12px;
    color:#fff;
  }
/*返回顶部组件结束*/


/*手机组件样式开始*/
  .mobile{
    width:100%;
    display:none;
  }
  .occupy{
    width:100%;
    height:52px;
    background:#ddd;
  }
  .m_header{
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
    box-shadow:1px 1px 1px #ddd;
    background:#FFF;
    position:fixed;
    top:0;
    left:0;
    z-index:444;
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
  }
  .m_header>h2{
    width:90%;
    height:40px;
    line-height:40px;
    font-size:16px;
    overflow:hidden;
  }
  .m_header>p{
    width:100%;
  }
  .returns{
    width:40px;
    height:40px;
    line-height:40px;
    font-size:20px;
  }
  .m_logo{
    width:80px;
    height:50px;
    line-height:50px;
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
    padding:0px 5px 0px 5px;
  }
  .m_logoImg{
    width:60px;
    height:40px;
  }
  .m_logoImg>img{
    border:0;
    margin-top:-4px;
  }
  .m_logo>h3{
    height:40px;
    line-height:40px;
    text-align:center;
    float:right;
    font-size:12px;
    padding:0px 5px 0px 5px;
    overflow:hidden;
  }
  .m_button{
    width:80px;
    height:50px;
    font-size:20px;
    float:right;
    color:#FF6A05;
  }
  .m_button:hover{
    color:#317EF3;
  }
  .m_Background{
    width:100%;
    height:100%;
    background:#000;
    position:fixed;
    top:0;
    left:0;
    opacity:0.5;
    z-index:999;
    display:none;
  }
  .m_footer{
    width:100%;
    height:40px;
    margin:0 auto;
    position:fixed;
    bottom:0;
    left:0;
    z-index:444;
    background:#317EF3;
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
  }
  .m_footer>a{
    width:100%;
    font-size:12px;
    text-align:center;
    line-height:40px;
    color:#FFF;
    border-right:1px solid #307bf2;
  }
  .m_footer>a>i{
    font-size:14px;
  }
  .m_nav{
    width:50%;
    height:100%;
    background:#EFEFEF;
    position:fixed;
    z-index:999;
    right:0;
    bottom:40px;
    display:none;
  }
  .m_nav_botton{
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
    line-height:40px;
    font-size:16px;
  }
  .m_nav_botton>i{
    width:40px;
    height:40px;
    display:block;
    font-size:22px;
    text-align:right;
  }
  .m_nav_botton>b{
    width:80%;
    height:40px;
    display:block;
    text-indent:10px;
    overflow:hidden;
  }
  .m_nav_list{

  }
  .m_nav_list>li{
    height:40px;
    padding:0px 10px 0px 0px;
    border-bottom:1px solid #ddd;
  }
  .m_nav_list>li>a{
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
    line-height:40px;
    font-size:16px;
    color:#333;
  }
  .m_nav_list>li>a>b{
    width:80%;
    height:40px;
    display:block;
    text-indent:10px;
    overflow:hidden;
  }
  .m_nav_list>li>a>i{
    width:40px;
    height:40px;
    display:block;
    font-size:18px;
    text-align:right;
  }
/*手机组件样式结束*/

/*PC端导航模型组件样式开始*/
  .header_nav{
    width:100%;
    height:45px;
    background:#007DEB;
    line-height:45px;
    text-align:center;
    z-index:777;
    position:relative;
  }
  .header_nav ul{
    width:70%;
    height:100%;
    margin:0 auto;
    display:-webkit-box;  /*苹果内核*/ 
    display:-moz-box;  /*火狐内核*/ 
    display:-ms-flexbox; /*IE10内核*/ 
    display:-weblit-flex; /*谷哥内核*/ 
    display:flex;
  }
  .header_nav ul li{
    width:100%;
    height:100%;
    position:relative;
  }
  .header_nav ul li a{
    width:100%;
    height:100%;
    display:block;
    font-size:18px;
  }
  .header_nav ul li a p{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:4444;
  }
  .header_nav ul li a strong{
    width:0%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    transition:width 1s;
    -moz-transition:width 1s;
    -webkit-transition:width 1s;
    -o-transition:width 1s;
    overflow:hidden;
    z-index:3333;
  }
  .header_nav ul li:hover strong{
    width:100%;
    background:#FF0D02;
  }
  .header_nav ul li a{
    color:#FFF;
    display:block;
    width:100%;
    font-width:bold;
  }
  .header_nav ul li:hover .header_nav_list{
    height:100%;
    overflow:visible;
  }
  .header_nav .header_nav_list{
    width:140%;
    height:0%;
    display:block;
    position:absolute;
    top:45px;
    left:0;
    transition:height 0.5s;
    -moz-transition:height 0.5s;
    -webkit-transition:height 0.5s;
    -o-transition:height 0.5s;
    z-index:6666;
    overflow:hidden;
  }

  .header_nav .header_nav_list li{
    width:100%;
    height:100%;
    background:#007DEB;
    border-top:1px solid #FFF;
    position:relative;
  }
  .header_nav .header_nav_list li a{
    width:100%;
    color:#FFF;
    position:absolute;
    top:0;
    left:0;
    z-index:4444;
  }
  .header_nav .header_nav_list li span{
    width:0%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    transition:width 0.5s;
    -moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
    overflow:hidden;
    z-index:3333;
  }
  .header_nav .header_nav_list li:hover span{
    width:100%;
    background:#FF0D02;
  }
/*PC端导航组件样式结束*/

/*面包屑导航组件开始*/
  .crumbs{
    width: 100%;
    padding:20px 0px 20px 0px;
  }
  .crumbs_adm{
    width:100%;
    margin:0 auto;
    border-bottom: 1px solid #A8A8A8;
    padding:5px 0px 5px 0px;
    line-height:30px;
  }
  .crumbs_adm>a{
    display:inline-block;
    height:30px;
    line-height:30px;
    font-size:14px;
    vertical-align:top;
    padding:0px 1px;
    color:#4d4d4d;
  }
  .crumbs_adm>a>i{
    display:inline-block;
    height:30px;
    line-height:30px;
    font-size:20px;
    vertical-align:top;
  }
  .crumbs_adm>a>b{
    display:inline-block;
    height:30px;
    line-height:30px;
    font-size:16px;
    font-weight:bold;
    vertical-align:top;
  }
  .crumbs_adm>i{
    display:inline-block;
    height:30px;
    line-height:30px;
    font-size:20px;
    vertical-align:top;
  }
  .crumbs_adm>a:hover{
    color:#007DEB;
  }
  .crumbs_adm>a:hover i{
    color:#007DEB;
  }
  .crumbs_adm>a>span{
    display:inline-block;
    height:30px;
    font-size:14px;
    vertical-align:top;
  }
  .crumbs_adm>a>i{
    display:inline-block;
    width:20px;
    height:30px;
    font-size:18px;
    vertical-align:top;
  }
/*面包屑导航组件结束*/

/*分页组件样式开始*/
  .public_page{
    width:100%;
    padding: 10px 0px 10px 0px;
    text-align:center;
    position:relative;
    z-index:777;
  }
  .public_page>div>a{
    display:inline-block;
    width:40px;
    height:30px;
    line-height:30px;
    background:#0668CB;
    font-size:14px;
    margin:0px 2px 0px 2px;
    padding: 0px 5px;
    color:#FFF;
    overflow:hidden;
  }
  .public_page>div>span{
    display:inline-block;
    width:45px;
    height:30px;
    line-height:30px;
    background:#FF0D02;
    font-size:14px;
    margin:0px 2px 0px 2px;
    padding: 0px 5px;
    color:#FFF;
    overflow:hidden;
  }
/*分页组件样式结束*/

/*上下篇组件样式开始*/
  .public_up_down{
    width:100%;
    display: -webkit-box;  /*苹果内核*/ 
    display: -moz-box;  /*火狐内核*/ 
    display: -ms-flexbox; /*IE10内核*/ 
    display: -weblit-flex; /*谷哥内核*/ 
    display: flex;
    margin:30px 0px 30px 0px;
    background:#007DEB;
  }
  .public_up_down>h5{
    width:40%;
    display: -webkit-box;  /*苹果内核*/ 
    display: -moz-box;  /*火狐内核*/ 
    display: -ms-flexbox; /*IE10内核*/ 
    display: -weblit-flex; /*谷哥内核*/ 
    display: flex;
  }
  .public_up_down>h4{
    width:20%;
  }
  .public_up_down>h5:first-child{
    text-align:left;
  }
  .public_up_down>h5:last-child{
    text-align:right;
  }
  .public_up_down>h5>i{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#FFF;
  }
  .public_up_down>h5>a{
    width:100%; 
    display:inline-block;
    height:40px;
    line-height:40px;
    overflow:hidden;
    color:#FFF;
  }
/*上下篇组件样式结束*/

/*右侧推荐组件开始*/
  .side{
    width:100%;
  }
  .public_side_box{
    border:5px solid #007DEB;
    margin-bottom:20px;
  }
  .public_side_box>h2{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    background:#007DEB;
    color:#FFF;
  }
  .public_side_box>h2>a{
    display:block;
    width:100%;
    color:#FFF;
  }
  .public_side_list{
    padding:10px;
    background:#FFF;
  }
  .public_side_list>li{
    border:1px solid #ddd;
    margin:5px 0px 5px 0px;
  }
  .public_side_list>li>a{
    display: -webkit-box;  /*苹果内核*/ 
    display: -moz-box;  /*火狐内核*/ 
    display: -ms-flexbox; /*IE10内核*/ 
    display: -weblit-flex; /*谷哥内核*/ 
    display: flex;
    height:30px;
    line-height:30px;
  }
  .public_side_list>li>a:hover{
    color:#FFF;
    background:#007DEB;
  }
  .public_side_list>li>a:hover i{
    color:#FFF;
  }
  .public_side_list>li>a:hover b{
    color:#FFF;
  }
  .public_side_list>li>a>i{
    width:30px;
  }
  .public_side_list>li>a>b{
    width:30px;
  }
  .public_side_list>li>a>span{
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
  }
/*右侧推荐组件结束*/

/*缩略图轮播组件样式开始*/
  .pic{
    width:100%;
  }
  .pic_max{
    width:100%;
  }
  .pic_max>ul{

  }
  .pic_max>ul>li{
     display:none;
  }
  .pic_max>ul>li>img{
     border:1px solid #A8A8A8;
  }
  .pic_min{
    width:100%;
    position:relative;
    border:1px solid #A8A8A8;
    margin:10px 0px;
    background:#FFF;
  }
  .pic_min_box>i{
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -20px;
  }
  .pic_min_box>i:last-child{
    right: 0;
  }
  .pic_min_box>i:first-child{
    left: ;eft: 0;
  }
  .pic_min_box>ul{
    width:80%;
    margin:0 auto;
    display: -webkit-box;  /*苹果内核*/ 
    display: -moz-box;  /*火狐内核*/ 
    display: -ms-flexbox; /*IE10内核*/ 
    display: -weblit-flex; /*谷哥内核*/ 
    display: flex;
  }
  .pic_min_box>ul>li{
    width: 25%;
    display: inline-block;
    padding: 5px;
  }
  .pic_min_img{
    width: 100%;
    height: 100%;
    position: relative;
    /*padding: 10px;*/
    /*background: #FFF;*/
    border:1px solid #A8A8A8;
  }
  .pic_min_img>p{
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.65);
    transition: height 0.5s;
    -moz-transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -o-transition: height 0.5s;
    }
  .opacity{
      width:100%;
      height: 100%!important;
      position: absolute;
      bottom: 0;
      left: 0;
      overflow: hidden;
      background: rgba(0, 0, 0, 0.65);
      transition: height 0.5s;
      -moz-transition: height 0.5s;
      -webkit-transition: height 0.5s;
      -o-transition: height 0.5s;
    }
/*缩略图轮播组件样式结束*/

/*编辑器组件样式开始*/
  .public_edit_con{
    padding:10px 25px;
    /*text-indent:28px;*/
  }
  .public_edit_con>p{
    padding:10px;
  }
/*编辑器组件样式结束*/

/*底部组件样式开始*/
  .footer{
    width:100%;
    background:#0c88f5;
    padding:60px 0px;

  }
  .footer_adm{
    width:70%;
    margin:0 auto;
    display: -webkit-box;  /*苹果内核*/ 
    display: -moz-box;  /*火狐内核*/ 
    display: -ms-flexbox; /*IE10内核*/ 
    display: -weblit-flex; /*谷哥内核*/ 
    display: flex;
  }
  .footer_left{
    width:50%;
    height:100%;
    padding-right:10px;
  }
  .footer_right{
    width:50%;
    height:100%;
    padding-left:10px;
  }
  .footer_left>ul{
    display: -webkit-box;  /*苹果内核*/ 
    display: -moz-box;  /*火狐内核*/ 
    display: -ms-flexbox; /*IE10内核*/ 
    display: -weblit-flex; /*谷哥内核*/ 
    display: flex;
  }
  .footer_left>ul>li{
    width:100%;
    text-align:center;
    height:60px;
    line-height:60px;
  }
  .footer_left>ul>li>a{
    width:100%;
    display:block;
    background:#0c88f5;
    color:#FFF;
  }
  .footer_right>ul{
    display: -webkit-box;  /*苹果内核*/ 
    display: -moz-box;  /*火狐内核*/ 
    display: -ms-flexbox; /*IE10内核*/ 
    display: -weblit-flex; /*谷哥内核*/ 
    display: flex;
  }
  .footer_right>ul>li{
    /*width:100%;*/
    height:60px;
    line-height:60px;
  }
  .footer_right>ul>li>a{
    display:block;
    color:#FFF;
    display: -webkit-box;  /*苹果内核*/ 
    display: -moz-box;  /*火狐内核*/ 
    display: -ms-flexbox; /*IE10内核*/ 
    display: -weblit-flex; /*谷哥内核*/ 
    display: flex;
  }
  .footer_right>ul>li>a>i{
    width:60px;
    height:60px;
    line-height:60px;
    font-size:28px;
    display:block;
  }
  .footer_right>ul>li>a>span{
    width:100%;
    height:60px;
    font-size:16px;
    display:block;
    overflow:hidden;
  }
  .footer_copy{
    width:100%;
    height:40px;
    line-height:40px;
    color:#FFF;
    background:#007DEB;
    text-align:center;
  }
/*底部组件样式结束*/

/*定制流程组件开始*/
  .proure{
    width:100%;
    padding:70px 0px;
    background:#F5F9FC;
  }
  .proure_adm{
    width:70%;
    margin:0 auto;
  }
  .proure_title{
    width:100%;
    padding:25px 0px;
  }
  .proure_title>p{
    display:inline-block;
    font-size:28px;
    font-weight: normal;
  }
  .proure_title>span{
    display:inline-block;
    font-size:14px;
    color:#999;
  }
  .proure_title>span>b{
    display:inline-block;
    padding:0px 6px;
  }
  .proure_con{
    margin-top:40px;
  }
  .proure_con>ul{
    overflow:hidden;
  }
  .proure_con>ul>li{
    width:100%;
    position:relative;
    text-align:center;
  }
  .proure_con>ul>li:last-child{
    margin-right: -60px;
  }
  .proure_con>ul>li:first-child{
    margin-left: -62px;
  }
  .proure_con>ul>li>span{
    padding:5px 0px;
    display:block;
    width:100%;
  }
  .proure_con>ul>li:first-child span{
    text-indent:30px;
  }
  .proure_con>ul>li:last-child span{
    text-indent:-32px;
  }
  .proure_con>ul>li:first-child p{
    text-indent:62px;
  }
  .proure_con>ul>li:last-child p{
    text-align:right;
    background:red;
  }
  .proure_con>ul>li:last-child:hover p{
    width:300%;
    display:block;
    background:#277DC0;
    margin-left:-240%;
    text-align:right;
    color:#FFF;
  }
  .proure_con>ul>li>p{
    display:none;
    width:265%;
    text-align:left;
    padding:5px;
    margin-top:15px;
  }
  .proure_con>ul>li:hover p{
    width:300%;
    display:block;
    background:#277DC0;
    color:#FFF;
    text-align:left;
  }
  .proure_con>ul>li:hover .p{
    display:none;
  }
  .proure_con>ul>li:last-child:hover p{
    width:265%;
    display:block;
    background:#277DC0;
    margin-left:-210%;
  }
  .proure_ico{
    width:100%;
    height:44px;
    position:relative;
  }
  .proure_ico>i{
    width:50px;
    height:44px;
    display:block;
    line-height:45px;
    font-size: 40px;
    text-align:center;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-25px;
    z-index:3;
  }
  .proure_ico>b{
    width:44px;
    height:44px;
    display:block;
    line-height:45px;
    font-size: 30px;
    text-align:center;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-22px;
    z-index:3;
    background:#F5F9FC;
  }
  .proure_ico>p{

  }
  .line{
    width:50%;
    height:2px;
    background:#8C8C8C;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-1px;
    z-index:2;
  }
  .lines{
    width:50%;
    height:2px;
    background:#8C8C8C;
    position:absolute;
    top:50%;
    right:0;
    margin-top:-1px;
    z-index:2;
  }
  .em_dis{
    background:#F5F9FC;
  }
  .p{
    width:100%;
    height:40px;
    padding:5px 0px;
    margin-top:15px;
  }
/*定制流程组件结束*/



/*当前主题配置样式开始*/
  .height{
    height:470px;
    overflow:auto;
  }
/*当前主题配置样式结束*/

/*当前主题样式开始*/
    
  /*PC端头部开始*/
    .header{
      width:100%;
    }
    .header_top{
      width:70%;
      margin:0 auto;
    }
    .header_top>span{
      font-size:12px;
      color:#8C8C8C;
    }
    .header_con{
      width:70%;
      margin:0 auto;
      display:-webkit-box;  /*苹果内核*/ 
      display:-moz-box;  /*火狐内核*/ 
      display:-ms-flexbox; /*IE10内核*/ 
      display:-weblit-flex; /*谷哥内核*/ 
      display:flex;
      /*padding:15px 0px;*/
      position:relative;
    }
    .header_con_weixin{
      width:120px;
      height:140px;
      background:red;
      position:absolute;
      top:0px;
      left:50%;
      margin-left:-60px;
      border:1px solid #007DEB;
      display:none;
    }
    .header_con_weixin>i{
      width:100%;
      height:20px;
      line-height:20px;
      display:block;
      background:#007DEB;
      text-align:right;
      font-size:20px;
      color:#FFF;
    }
    .header_con_weixin_img{
      width:100%;
      height:100%;
    }
    .header_con_left{
      width:20%;
      display:-webkit-box;  /*苹果内核*/ 
      display:-moz-box;  /*火狐内核*/ 
      display:-ms-flexbox; /*IE10内核*/ 
      display:-weblit-flex; /*谷哥内核*/ 
      display:flex;
    }
    .header_con_logo{
      width: 70%;
      height: 100px;
      line-height: 100px;
    }
    .header_con_right{
      width:50%;
    }
    .icoPriceBackground{
      color:#007DEB;
      font-size:65px;
      position:relative;
      margin:0 auto;
    }
    .icoPriceBackground>a{
      width:100%;
      height:30px;
      line-height:30px;
      position:absolute;
      top:24px;
      left:0;
      font-size:16px;
      font-weight:bold;
    }
    .icoPriceBackground>a>b{
      color:#FFF;
      height:18px;
      line-height:18px;
    }
    .icoPriceBackground>a>i{
      color:#FFF;
      height:18px;
      line-height:18px;
    }
    .header_con_right_list{
      width:100%;
      text-align:center;
    }
    .header_con_right_list>li{
      width:40px;
      height:40px;
      display:inline-block;
    }
    .header_con_right_list>li>a{
      width:100%;
      height:100%;
      display:block;
      text-align:center;
      line-height:40px;
      font-size:30px;
      background:#007DEB;
      color:#FFF;
    }
  /*PC端头部结束*/

  /*PC端头部二开始*/
    .header_box{
      width:80%;
      position:relative;
    }
    .headerServeBox{
      width:100%;
      height:60px;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      position:absolute;
      top:50%;
      margin-top:-30px;

    }
    .headerServeIco{
      width: 62%;
      border-radius: 10px;
      text-align:right;
    }
    .headerServeIco>span {
      color: #FFF;
      background: #FF0D02;
      font-size: 45px;
    }
    .headerServe{
      width:38%;
      margin-left: 15px;
      text-align:left;
    }
    .headerServe>p {
      height: 30px;
      line-height: 30px;
      text-align: left;
      color: #FF0D02;
      margin-left: 15px;
    }
    .headerServe>span {
      height: 28px;
      line-height: 28px;
      font-size: 24px;
      font-weight: bold;
      color: #FF0D02;
      margin-left: 15px;
    }

  /*PC端头部二结束*/

  /*底部组件开始*/

  /*底部组件结束*/

  /*产品展示样式开始*/
    .index_pro{
      width:100%;
      padding:40px 0px;
    }
  /*产品展示样式结束*/

 /*首页公司简介样式开始*/
    .synopsis{
      width:100%;
      background:#F5F9FC;
      padding:40px 0px;
    }
    .synopsis_adm{
      width:100%;
      margin:0 auto;
    }
    .synopsis_top{
      display:-webkit-box;  /*苹果内核*/ 
      display:-moz-box;  /*火狐内核*/ 
      display:-ms-flexbox; /*IE10内核*/ 
      display:-weblit-flex; /*谷哥内核*/ 
      display:flex;
    }
    .synopsis_top>h2{
      width:50%;
      height:50px;
      line-height:50px;
      border-bottom:3px solid #1E469E;
    }
    .synopsis_top>h2>i{
      display:inline-block;
      height:100%;
      font-size:26px;
      vertical-align:top;
      color:#1E469E;
    }
    .synopsis_top>h2>span{
      display:inline-block;
      height:100%;
      font-size:18px;
      font-weight:bold;
      vertical-align:top;
    }
    .synopsis_top>a{
      width:50%;
      height:50px;
      display:block;
      line-height:50px;
      border-bottom:3px solid #1E469E;
      text-align:right;
      font-size:14px;
    }
    .synopsis_box{
      width:100%;
      display:-webkit-box;  /*苹果内核*/ 
      display:-moz-box;  /*火狐内核*/ 
      display:-ms-flexbox; /*IE10内核*/ 
      display:-weblit-flex; /*谷哥内核*/ 
      display:flex;
      padding:20px 0px 0px 0px;
    }
    .synopsis_img{
      width:40%;
    }
    .synopsis_video{
      width:40%;
    }
    .synopsis_con{
      width: 60%;
      /*margin: 0px 0px 0px 30px;*/
      padding:0px 0px 0px 30px;
      position: relative;
    }

    .synopsis_con_top{
      height:40%;
      padding-bottom:15px;
      text-indent:22px;
      overflow:hidden;
    }
    .synopsis_con_bottom{
      width:100%;
      height:60%;
    }
    .synopsis_con_bottom>ul{
      display:-webkit-box;  /*苹果内核*/ 
      display:-moz-box;  /*火狐内核*/ 
      display:-ms-flexbox; /*IE10内核*/ 
      display:-weblit-flex; /*谷哥内核*/ 
      display:flex;
    }
    .synopsis_con_bottom>ul>li{
      width:100%;
      height:100%;
      padding:10px;
    }
    .synopsis_con_bottom>ul>li:last-child{
      padding-right:0;
    }
    .synopsis_con_bottom>ul>li:first-child{
      padding-left:0;
    }
  /*首页公司简介样式开始*/

  /*首页工程案例开始*/
    .index_case{
      width:100%;
      padding:20px 0px;
    }
    .public_case_wrap{
      border:0!important;
      padding:0!important;
    }
    .public_case_left{
      width:39%;
      position:relative;
      overflow:hidden;
    }
    .public_case_left>a{
      width:100%;
      height:100%;
      display:block;
    }
    .public_case_left>a>img{
      transition:all 0.7s;
      -webkit-transition:all 0.7s;
      -moz-transition:all 0.7s;
      -o-transition:all 0.7s;
    }
    .public_case_left_title{
      width:100%;
      height:0px;
      font-size:13px;
      position:absolute;
      bottom:0;
      background:rgba(0, 0, 0, 0.75);
      padding:0;
      color:#fff;
      transition:height 1s;
      -moz-transition:height 1s;
      -webkit-transition:height 1s;
      -o-transition:height 1s;
    }
    .public_case_left_title>a{
      color:#FFF;
      font-size:0px;
      text-align:center;
      width:100%;
    }
    .public_case_left_title>a>span{
      display:inline-block;
      width:50%;
      height:40px;
      line-height:40px;
      overflow:hidden;
      font-size:16px;
      font-weight:bold;
      padding:0px 15px 0px 15px;
    }
    .public_case_left_title>p{
      font-size:16px;
      padding:15px;
    }
    .public_case_left:hover img{
      -ms-transform:scale(1.2);
      transform:scale(1.2);
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -o-transform:scale(1.2);
    }
    .public_case_left:hover .public_case_left_title{
      height:100px;
    }
    .public_case_right{
      width:61%;
      margin-left:20px;
    }
    .public_case_list{
      margin-right: 0px;
    }
    .public_case_list>li{
      padding-right:0px;
      margin-bottom:6px;
      margin-top:6px;
      overflow:hidden;
    }
    .public_case_list_box{
      border:0;
    }
    .public_case_main_list_adm{
      width:100%;
      height:100%;
      position:relative;
    }
    .public_case_main_list_adm>a{
      width:100%;
      height:100%;
      display:block;
      position:relative;
      overflow:hidden;
    }
    .public_case_main_list_adm>a>img{
      transition:all 0.7s;
      -webkit-transition:all 0.7s;
      -moz-transition:all 0.7s;
      -o-transition:all 0.7s;
    }
    .public_case_main_list_adm>h2{
      width:100%;
      height:0%;
      font-size:16px;
      margin-left:-15px;
      position:absolute;
      right:0;
      bottom:0;
      background:rgb(0,0,0,0.75);
      color:#FFF;
      transition:height 1s;
      -moz-transition:height 1s;
      -webkit-transition:height 1s;
      -o-transition:height 1s;
      padding:0px 20px 0px 20px;
    }
    .public_case_main_list_adm>h2>a{
      width:100%;
      height:60px;
      display:block;
      line-height:60px;
      overflow:hidden;
      text-align:center;
      font-size:18px;
      font-weight:bold;
      color:#FFF;
    }
    .public_case_main_list_adm>h2>p{
      height:60%;
      line-height:26px;
      font-size:16px;
      text-indent:18px;
    }
    .public_case_list>li:hover img{
      -ms-transform:scale(1.3);
      transform:scale(1.3);
      -webkit-transform:scale(1.3);
      -moz-transform:scale(1.3);
      -o-transform:scale(1.3);
    }
    .public_case_list>li:hover .public_case_main_list_adm>h2{
      height:100%;
    }
    .public_case_main_list_adm>li:hover img{
      -ms-transform:scale(1.3);
      transform:scale(1.3);
      -webkit-transform:scale(1.3);
      -moz-transform:scale(1.3);
      -o-transform:scale(1.3);
    }
  /*首页工程案例样式结束*/

  /*首页推荐列表样式开始*/
    .index_rec_list{
      width:100%;
      background:#F5F9FC;
      padding:20px 0px;
    }
  /*首页推荐列表样式结束*/


  /*产品列表样式开始*/
    .list_pro{
      background:#F5F9FC;
      padding:20px 0px;
    }
    .list_pro_adm{
      width:70%;
      margin:0 auto;
    }
    .pro_nav{
      height:100%;
      background: #007DEB;
      border-radius: 5px 0px 0px 5px;
    }
    .pro_nav>h1{
      padding:30px 20px;
      text-align:center;
      color:#FFF;
      font-size:20px;
      font-weight:bold;
      border-bottom:2px solid #FFF;
    }
    .pro_nav_list{

    }
    .pro_nav_list>li{
      padding:8px 0px 8px 15px;
      text-align:center;
    }
    .pro_nav_list>li:first-child{
      padding-top:16px;
    }
     .pro_nav_list>li:last-child{
      padding-bottom:16px;
    }
    .pro_nav_list>li>a{
      width:100%;
      display:block;
      padding:10px;
      background:#51a8f5;
      color:#FFF;
      border-radius:8px 0px 0px 8px;
      cursor:pointer;
    }
    .pro_list_box{
      padding:0px 10px;
      overflow:hidden;
    }
  /*产品列表样式结束*/


    /*产品推荐样式开始*/
      .rec_list{
        background:#FFF;
        padding:40px 0px;
      }
    /*产品推荐样式结束*/
   /*工程流程组件开始*/
      .process{
        width:100%;
        padding:40px 0px;
        background: #F5F9FC;
      }
      .process_adm{
        width:70%;
        margin:0 auto;
      }
      .process_box{

      }
      .process_box>li{
        width:25%;
        height:222px;
        margin:0px 10px;
        background:#FFF;
        position:relative;
        box-shadow: 0px 0px 6px #d2d2de;
        -moz-box-shadow: 0px 0px 6px #d2d2de;
        -webkit-box-shadow: 0px 0px 6px #d2d2de;
        -o-box-shadow: 0px 0px 6px #d2d2de;
      }
      .process_box>li:last-child{
        margin-right:0;
      }
      .process_box>li:first-child{
        margin-left:0;
      }
      .process_box>li:hover .process_list{
        height:105%;
        background:#FFF;
        box-shadow: 0px 0px 10px #d2d2de;
        -moz-box-shadow: 0px 0px 10px #d2d2de;
        -webkit-box-shadow: 0px 0px 10px #d2d2de;
        -o-box-shadow: 0px 0px 10px #d2d2de;
      }
      .process_list{
        width:100%;
        display:block;
        position:absolute;
        bottom:0;
        transition:height 0.01s;
        -moz-transition:height 0.01s;
        -webkit-transition:height 0.01s;
        -o-transition:height 0.01s;
      }
      .process_list>i{
        width:100%;
        display:block;
        font-size:60px;
      }
      .process_list>span{
        width:100%;
        display:block;
        padding:10px 0px;
        font-size:16px;
        font-weight:bold;
        text-align:center;
      }
      .process_list>p{
        width:100%;
        padding:10px 15px;
      }
  /*工程流程组件结束*/ 
  /*产品内页样式开始*/
    .public_adm {
        width:100%;
        margin:0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -weblit-flex;
        display: flex;
    }
    .public_left {
      width:81%;
      padding-right:100px;
      position:relative;
      z-index:333;
    }
    .public_right {
      width:300px;
      height:100%;
    }
    .public_left_color {
      width: 100%;
      background: #FFF;
      box-shadow: 5px 5px 3px #90908E;
      border-radius: 5px;
    }
    .pro_det_right_adm {
      width:100%;
      margin-top:-11px;
      padding-left:40px;
    }
    .pro_det_right_top {
    }
    .pro_det_right_top>h1 {
      width: 100%;
      height: 40px;
      line-height: 40px;
      font-size: 18px;
      font-weight: bold;
      overflow: hidden;
      border-bottom: 1px solid #606060;
      padding: 0 10px;
      margin-top: 10px;
    }
    .pro_det_right_top>p {
      font-size: 16px;
      text-indent: 18px;
      padding: 10px;
    }
    .pro_class {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -weblit-flex;
      display: flex;
      padding-left: 10px;
    }
    .pro_class>h2 {
      width: 85px;
      line-height: 30px;
      font-size: 16px;
    }
    .pro_class>p {
      line-height: 30px;
      padding: 0px 6px 0px 6px;
      display: inline-block;
      font-size: 14px;
      vertical-align: top;
    }
    .pro_det_right_top>h3 {
      width: 100%;
      padding: 20px 0px 20px 0px;
      text-align: center;
    }
    .pro_det_right_top>h3>a {
      padding: 10px 20px 10px 20px;
      background: #007DEB;
      color: #FFF;
      font-size: 16px;
      font-weight: bold;
    }
  /*产品内页样式结束*/

  /*新闻列表样式开始*/
    .news{
      width:100%;
      background:#F5F9FC;
      padding:20px 0px;
      /*background:url(./img/bk.png)  no-repeat center top;*/
    }
    .news_amd{
      width:70%;
      margin:0 auto;
    }
    .news_list{
      width:100%;
    }
    .news_list{
    }
    .news_list>li{
      width:100%;
      display: -webkit-box;  /*苹果内核*/ 
      display: -moz-box;  /*火狐内核*/ 
      display: -ms-flexbox; /*IE10内核*/ 
      display: -weblit-flex; /*谷哥内核*/ 
      display: flex;
      margin:0px 0px 20px 0px;
      padding: 10px 0px 10px 0px;
      background:#FFF;
      box-shadow: 0px 0px 10px #d2d2de;
      -moz-box-shadow: 0px 0px 10px #d2d2de;
      -webkit-box-shadow: 0px 0px 10px #d2d2de;
      -o-box-shadow: 0px 0px 10px #d2d2de;
    }
    .news_list_img{
      width:30%;
    }
    .news_list_text{
      width:70%;
      margin-left:20px;
      position:relative;
    }
    .news_list_text>h2{
      width:100%;
      height:40px;
      line-height:40px;
      font-size:18px;
      font-weight:bold;
      overflow:hidden;
      padding-right:10px;
    }
    .news_list_text>h2>a{
      display:block;
      width:100%;
    }
    .news_list_ketch{

    }
    .news_list_ketch>p{
      font-size:16px;
      padding:10px;
    }
    .news_list_ketch_label{
      width:100%;
      text-align:center;
    }
    .news_list_ketch_label>span{
      padding:0px 20px 0px 20px;
    }
  /*新闻列表页样式结束*/

  /*新闻详情样式开始*/
    .news_top{
      padding:20px 0px ;
    }
    .news_top>h1 {
      font-size: 20px;
      font-weight: bold;
      width: 100%;
      text-align: center;
      padding: 10px 5px 10px 5px;
    }
    .news_top>h3 {
      font-size: 14px;
      color: #8C8C8C;
      text-align: center;
    }
    .news_top>h3>span:first-child {
      margin-right: 15px;
    }
    .news_top>h3>span:last-child {
      margin-left: 15px;
    }
    .con_adm{
      padding:30px 40px;
      box-shadow: 0 0px 6px #d2d2de;
      -moz-box-shadow: 0 0px 6px #d2d2de;
      -webkit-box-shadow: 0 0px 6px #d2d2de;
      -o-box-shadow: 0 0px 6px #d2d2de;
      background:#FFF;
    }
  /*新闻详情样式结束*/

  /*工程列表样式开始*/
    .case{
      width:100%;
    }
    .case_adm{
      width:70%;
      margin:0 auto;
    }
    .case_nav{
      display:none!important;
    }
    .case_list{
      margin-right: 0px;
    }
    .case_list>li{
      padding-right:0px;
      margin-bottom:6px;
      margin-top:6px;
      overflow:hidden;
    }
    .case_main_list_adm{
      width:100%;
      height:100%;
      position:relative;
    }
    .case_main_list_adm>a{
      width:100%;
      height:100%;
      display:block;
      position:relative;
      overflow:hidden;
    }
    .case_main_list_adm>a>img{
      transition:all 0.7s;
      -webkit-transition:all 0.7s;
      -moz-transition:all 0.7s;
      -o-transition:all 0.7s;
    }
    .case_main_list_adm>h2{
      width:100%;
      height:0%;
      font-size:16px;
      margin-left:-15px;
      position:absolute;
      right:0;
      bottom:0;
      background:rgb(0,0,0,0.75);
      color:#FFF;
      transition:height 1s;
      -moz-transition:height 1s;
      -webkit-transition:height 1s;
      -o-transition:height 1s;
      padding:0px 20px 0px 20px;
    }
    .case_main_list_adm>h2>a{
      width:100%;
      height:60px;
      display:block;
      line-height:60px;
      overflow:hidden;
      text-align:center;
      font-size:18px;
      font-weight:bold;
      color:#FFF;
    }
    .case_main_list_adm>h2>p{
      height:60%;
      line-height:26px;
      font-size:16px;
      text-indent:18px;
    }
    .case_list>li:hover img{
      -ms-transform:scale(1.3);
      transform:scale(1.3);
      -webkit-transform:scale(1.3);
      -moz-transform:scale(1.3);
      -o-transform:scale(1.3);
    }
    .case_list>li:hover .public_case_main_list_adm>h2{
      height:100%;
    }
    .case_main_list_adm>li:hover img{
      -ms-transform:scale(1.3);
      transform:scale(1.3);
      -webkit-transform:scale(1.3);
      -moz-transform:scale(1.3);
      -o-transform:scale(1.3);
    }
  /*工程列表样式结束*/

  /*工程详情页样式开始*/
    .case_det{
      padding:20px 100px;
    }
    .case_det_amd{
    }
  /*工程详情页样式结束*/

  /*联系我们单页样式开始*/
    .contact{
      width:100%;
    }
    .contact_adm{
      margin-bottom:40px;
    }
    .contact_list{
      width:100%;
      margin-left:0;
    }
    .contact_list>li{
      height: 50px;
      line-height: 50px;
      margin: 20px 0px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -weblit-flex;
      display: flex;
    }
    .contact_list_adm{
      width:100%;
      border: 1px solid #A8A8A8;
      height:50px;
      line-height: 50px;
    }
    .contact_list_adm>span {
      width: 48px;
      font-size: 26px;
      display: inline-block;
      vertical-align:inherit;
    }
    .contact_list_adm>h3 {
      width: 90%;
      font-size: 18px;
      display: inline-block;
      overflow: hidden;
    }
    .content{
      padding:20px;
    }
  /*联系我们单页样式结束*/

/*当前主题样式结束*/

/*媒体查询断点样式开始*/

  /*>=768的设备*/
  @media screen and (max-width:768px){

    /*移动端组件样式开始*/
      .mobile{
        width:100%;
        display:block;
      }
    /*移动端组件样式结束*/
    
    /*组件配置样式开始*/
      .width_70{
        width:98%;
      }
      .flex{
        display:block;
      }
      .frame_left{
        width:100%;
      }
      .frame_right{
        width:100%;
      }
      .con_adm{
        padding:0;
      }
      .m_none{
        display:none;
      } 
    /*组件配置样式结束*/

    /*框架组件样式开始*/
      .frame_lg_r{
        width:98%;
        margin:0 auto;
      }
      .frame_l_680{
        width:100%;
      }
      .frame_r_70{
        width:100%;
      }
      .frame_r_78 {
        width:100%;
      }
      .frame_lg_l{
        width:98%;
        margin:0 auto;
      }
      .frame_sm_r{
          width: 98%;
          margin: 0 auto;
      }
    /*框架组件样式结束*/

    /*产品Tab切换组件开始*/
      .index_pro{
        padding:20px 0px;
      }
      .content_item_adm{
        display:block;
      }
      .content_wrap{
        padding:0;
      }
      .content_wrap_left {
        width:100%;
      }
      .content_wrap_right{
        width:100%;
        padding:0;
      }
      .pro_list{
        margin-left:0;
      }
    /*产品Tab切换组件结束*/

    /*底部推荐列表组件开始*/
      .public_list_admin{
        width:98%;
      }
      .public_list_box{
        display:block;
      }
      .public_list_box>li{
        margin-top:10px;
        /*box-shadow: 0px 0px 6px #d2d2de;*/
      }
    
    /*底部推荐列表组件结束*/

    /*右侧推荐组件开始*/
      .public_list_box>li{
        padding:10px;
        margin:15px 0px;
      }
      .public_list_box>li:last-child {
        margin-left: 0px;
        margin-right: 0px;
      }
    /*右侧推荐组件结束*/

    /*编辑器组件开始*/
      .content>p>iframe{
        width:100%;
        margin:0 auto;
      }
    /*编辑器组件结束*/
    
    /*工程案例Tab切换组件开始*/
      .public_case_left{
        width:100%;
      }
      .public_case_right{
        width:100%;
        margin:0;
      }
    /*工程安全Tab切换组件结束*/


    /*底部列表推荐组件开始*/
      .rec_list{
        padding:10px 0px;
        display:none;
      }

    /*底部列表明推荐组件结束*/

    /*友情连接组件开始*/
      .links{
        padding:15px 0px;
      }
      .links_adm{
        width:98%;
        display:block;
        padding:0;
      }
      .links_adm>h4{
        border-right:0;
        border-bottom:1px solid #007DEB;
      }
      .links_list{
        width:100%;
        margin:10px 0px;
      }
      .links_list>li{
        width: 50%;
        text-align:center;
        margin:10px 0px;
      }
    /*友情连接组件结束*/

    /*当前主题样式开始*/

      /*当前主题配置开始*/
        .height{
          height:300px;
        }
      /*当前主题配置结束*/

      /*头部样式开始*/
        .header{
          display:none;
        }
      /*头部样式结束*/

      /*首页简介样式开始*/
        .synopsis_box{
          display:block;
        }
        .synopsis_img{
          width:100%;
        }
        .synopsis_video{
          width:100%;
        }
        .synopsis_con{
          width:100%;
          margin:0px;
          padding:30px;
          box-shadow: 0px;
        }
        .synopsis_con>p{
          width:100%;
          position:relative;
          top:0;
          left:0;
          margin:0;
          box-shadow: 0px;
        }
      /*首页简介样式结束*/

      /*产品列表样式开始*/
        .list_pro_adm{
          width:98%;
        }
        .pro_nav{
          margin-bottom:10px;
        }
        .pro_nav_list{
          display: -webkit-box;  /*苹果内核*/ 
          display: -moz-box;  /*火狐内核*/ 
          display: -ms-flexbox; /*IE10内核*/ 
          display: -weblit-flex; /*谷哥内核*/ 
          display: flex;
          flex-wrap:wrap;
        }
        .pro_nav_list>li{
          width:50%;
          padding:8px;
        }
        .pro_nav_list>li:first-child {
            padding-top: 8px;
        }
        .pro_nav_list>li:last-child {
          padding-bottom: 8px;
        }
      /*产品列表样式结束*/

      /*产品详情样式开始*/
      .pro_det_right_top {
        padding:20px 0px;
      }
        .pro_det_right_adm{
          padding:0;
        }

      /*产品详情样式结束*/

      /*新闻列表样式开始*/
        .news_amd{
          width:98%;
        }
        .news_list>li{
          display:block;
        }
        .news_list_img{
          width:100%;
        }
        .news_list_text{
          width:100%;
          margin:0;
        }
        .news_list_text>h2>a {
           text-align:center;
        }
        .news_list_ketch_label>span {
          padding: 0px;
        }
      /*新闻列表样式结束*/

      /*工程案例列表开始*/
        .case_adm{
          width:98%;
        }
        .case_nav{
        display:block!important;
      }
      /*工程案例列表结束*/

      /*工程案例详情开始*/
        .case_det{
          padding:0;
        }
      /*工程案例详情结束*/


      /*首页联系我们开始*/
        .index_contact_adm{
          width:98%;
        }
      /*首页联系我们结束*/

      /*联系我们详情页开始*/
        .contact_list_adm>h3{
          width: 80%;
          font-size: 14px;
        }
      /*联系我们详情页结束*/

    /*当前主题样式结束*/
    
    /*工程流程组件开始*/
      .proure{
        display:none;
      }
    /*工程流程组件结束*/

    /*工程详情页样式开始*/
      .case_det{
        padding:10px;
      }
    /*工程详情页样式结束*/ 
      .side{
        display:none;
      }
      /*服务流程组件开始*/
      .process_adm{
        width:90%;
      }
      .process_box>li{
        width: 90%;
        margin: 15px auto;
      }
      .process_box>li:first-child {
        margin-left:15px;
      }
      .process_box>li:last-child{
         margin-right:15px;
      }
      /*服务流程组件结束*/

      /*上下篇文章组件开始*/
      .public_up_down>h4{
        width:0;
      }
      .public_up_down>h5{
        width:50%;
      }
      /*上下篇文章组件结束*/
      /*共公底部组件开始*/
      .footer_adm{
        width:100%;
        display:block;
      }
      .footer_left{
        width:100%;
        padding:0;
      }
      .footer_right{
        width:100%;
        padding:0;
      }
      .footer_right>ul{
        display:block;
      }
      /*共公底部组件结束*/
  }

  /*>=769的设备*/
  @media screen and (min-width:769px){
    /*移动端组件样式开始*/
      .mobile{
        width:100%;
        display:block;
      }
    /*移动端组件样式结束*/
    
    /*组件配置样式开始*/
      .width_70{
        width:98%;
      }
      .flex{
        display:block;
      }
      .frame_left{
        width:100%;
      }
      .frame_right{
        width:100%;
      }
      .con_adm{
        padding:0;
      }
      .m_none{
        display:none;
      } 
    /*组件配置样式结束*/

    /*面包屑导航组件开始*/
      .crumbs_adm{
        width:98%;
      }
    /*面包屑导航组件结束*/

    /*框架组件样式开始*/
      .frame_lg_r{
        width:98%;
        margin:0 auto;
      }
      .frame_l_680{
        width:100%;
      }
      .frame_r_70{
        width:100%;
      }
      .frame_r_78 {
        width:100%;
      }
      .frame_lg_l{
        width:98%;
        margin:0 auto;
      }
      .frame_sm_r{
          width: 98%;
          margin: 0 auto;
      }
    /*框架组件样式结束*/

    /*产品Tab切换组件开始*/
      .index_pro{
        padding:20px 0px;
      }
      .content_item_adm{
        display:block;
      }
      .content_wrap{
        padding:0;
      }
      .content_wrap_left {
        width:100%;
      }
      .content_wrap_right{
        width:100%;
        padding:0;
      }
      .pro_list{
        margin-left:0;
      }
    /*产品Tab切换组件结束*/

    /*底部推荐列表组件开始*/
      .public_list_admin{
        width:98%;
      }
      .public_list_box{
        display:block;
      }
     /* .public_list_box>li{
        margin-top:10px;
        box-shadow: 0px 0px 0px #A8A8A8;
      }
      .public_list_box>li:last-child {
        margin-left: 0px;
        margin-right: 0px;
      }*/
    /*底部推荐列表组件结束*/

    /*右侧推荐组件开始*/
      .public_list_box>li{
        padding:10px;
      }
    /*右侧推荐组件结束*/

    
    /*工程案例Tab切换组件开始*/
      .public_case_left{
        width:100%;
      }
      .public_case_right{
        width:100%;
        margin:0;
      }
    /*工程安全Tab切换组件结束*/


    /*底部列表推荐组件开始*/
      .rec_list{
        padding:10px 0px;
      }
    /*底部列表明推荐组件结束*/

    /*友情连接组件开始*/
      .links{
        padding:15px 0px;
      }
      .links_adm{
        width:98%;
        display:flex;
        padding:0;
      }
      .links_adm>h4{
        border-right:0;
        border-bottom:1px solid #007DEB;
      }
      .links_list{
        width:100%;
        margin:10px 0px;
      }
      .links_list>li{
        width: 50%;
        text-align:center;
        margin:10px 0px;
      }
    /*友情连接组件结束*/

    /*当前主题样式开始*/

      /*当前主题配置开始*/
        .height{
          height:470px;
        }
      /*当前主题配置结束*/

      /*头部样式开始*/
        .header{
          display:none;
        }
      /*头部样式结束*/

      /*首页简介样式开始*/
        .synopsis{
          padding:0; 
        }
        .synopsis_box{
          display:block;
        }
        .synopsis_img{
          width:100%;
        }
        .synopsis_video{
          width:100%;
        }
        .synopsis_con{
          width:100%;
          margin:0px;
        }
      /*首页简介样式结束*/

      /*产品列表样式开始*/
        .list_pro_adm{
          width:98%;
        }
        .pro_nav{
          display:none;
        }
      /*产品列表样式结束*/

      /*产品详情样式开始*/
      .pro_det_right_top {
        padding:20px 0px;
      }
        .pro_det_right_adm{
          padding:0;
        }

      /*产品详情样式结束*/

      /*新闻列表样式开始*/
        .news_amd{
          width:98%;
        }
        .news_list>li{
          display:block;
        }
        .news_list_img{
          width:100%;
        }
        .news_list_text{
          width:100%;
          margin:0;
        }
        .news_list_text>h2>a {
           text-align:center;
        }
        .news_list_ketch_label>span {
          padding: 0px;
        }
      /*新闻列表样式结束*/

      /*工程案例列表开始*/
        .case_adm{
          width:98%;
        }
      /*工程案例列表结束*/

      /*工程案例详情开始*/
        .case_det{
          padding:0;
        }
      /*工程案例详情结束*/

      /*底部样式开始*/
        .footer_nav{
          display:none;
        }
      /*底部样式结束*/

      /*首页联系我们开始*/
        .index_contact_adm{
          width:98%;
        }
      /*首页联系我们结束*/

      /*联系我们详情页开始*/
        .contact_list_adm>h3{
          width: 80%;
          font-size: 14px;
        }
      /*联系我们详情页结束*/

    /*当前主题样式结束*/
    
    /*工程流程组件开始*/
      .proure{
        display:none;
      }
    /*工程流程组件结束*/
    .process{
      display:none;
    } 
    /*公共底部组件开始*/
    .footer_adm{
      width:100%;
    }
    /*公共底部组件结束*/
  }

  /*>=1024的设备*/
  @media screen and (min-width:1024px){
    /*移动端组件样式开始*/
      .mobile{
        width:100%;
        display:none;
      }
      .occupy{
        display:none;
      }
    /*移动端组件样式结束*/

    /*导航组件样式开始*/
      .header_nav>ul{
        width:100%;
      }
    /*导航组件样式结束*/
    
    /*组件配置样式开始*/
      .width_70{
        width:98%;
      }
      .flex{
        display:flex;
      }
      .con_adm{
        padding:0;
      }
    /*组件配置样式结束*/

     /*面包屑导航组件开始*/
      .crumbs_adm{
        width:98%;
      }
    /*面包屑导航组件结束*/

    /*框架组件样式开始*/
      .m_none{
        display:block;
      } 
      .frame_left{
        width:50%;
      }
      .frame_right{
        width:50%;
      }
      .frame_lg_r{
        width:98%;
         margin-left:20px;
      }
      .frame_l_680{
        width:528px;
      }
      .frame_r_78{
        width:80%;
      }
      .frame_lg_l{
        width: 74%;
        margin-right: 40px;
      }
      .frame_sm_r{
        width:350px;
      }
      .frame_pro{
        padding:20px;
        display:block;
      }
      .frame_pro_left{
        width:100%;
      }
      .frame_pro_right{
        width:100%;
      }
    /*框架组件样式结束*/

    /*产品Tab切换组件开始*/
      .index_pro{
        padding:20px 0px;
      }
      .content_item_adm{
        display:block;
      }
      .content_wrap{
        /*padding:20px;*/
      }
      .content_wrap_left {
        width:100%;
      }
      .content_wrap_right{
        width:100%;
        padding:0;
      }
      .pro_list{
        margin-left:15px;
      }
      .tab_nav li{
          width:auto;
      }
      .tab_nav>li>a{
        margin:0 10px;
      }
    /*产品Tab切换组件结束*/

    /*底部推荐列表组件开始*/
      .public_list_admin{
        width:98%;
      }
      .public_list_box{
        display:flex;
      }
    /*底部推荐列表组件结束*/

    /*右侧推荐组件开始*/
      .public_list_box>li{
        padding:10px;
      }
    /*右侧推荐组件结束*/
    
    /*工程案例Tab切换组件开始*/
      .public_case_left{
        width:100%;
      }
      .public_case_right{
        width:100%;
        margin:0;
      }
    /*工程安全Tab切换组件结束*/


    /*底部列表推荐组件开始*/
      .rec_list{
        padding:10px 0px;
      }
    /*底部列表明推荐组件结束*/

    /*友情连接组件开始*/
      .links{
        width: 100%;
        padding: 20px 0px;
      }
      .links_adm{
        width: 98%;
        margin: 0 auto;
        display: flex;
      }
      .links_adm>h4{
        border-right: 1px solid #007DEB;
        border-bottom:0px;
        padding-right: 30px;
        color: #007DEB;
        line-height: 50px;
        font-weight: bold;
      }
      .links_list {
        width: 85%;
        margin: 0;
      }
      .links_list>li{
        width:10%;
      }
    /*友情连接组件结束*/

    /*底部图片推荐开始*/
      .public_list_admin{
        width:98%;
      }
    /*底部图片推荐结束*/

    /*当前主题样式开始*/

      /*当前主题配置开始*/
        .height{
          height:470px;
        }
      /*当前主题配置结束*/

      /*头部样式开始*/
        .header{
          display:block;
        }
        .header_top{
          width:98%;
        }
        .header_con{
          width:98%;
        }
        .headerServeIco{
          width:120%;
        }
        .headerServe{
          width:45%;
        }
      /*头部样式结束*/

      /*首页简介样式开始*/
      .synopsis{
        padding:40px 0px;
      }
      .synopsis_box{
        display:-webkit-box;  /*苹果内核*/ 
        display:-moz-box;  /*火狐内核*/ 
        display:-ms-flexbox; /*IE10内核*/ 
        display:-weblit-flex; /*谷哥内核*/ 
        display:flex;
      }
      .synopsis_img{
        width:39%;
      }
      .synopsis_video{
        width:43%;
      }
      .synopsis_con{
        width:58%;
      }
      .synopsis_con_top {
        line-height: 22px;
        padding:5px 0px;
      }
      /*首页简介样式结束*/

      /*产品列表样式开始*/
        .list_pro_adm{
          width:98%;
        }
        .pro_nav{
          display:block;
        }
      /*产品列表样式结束*/

      /*产品详情样式开始*/
      .pro_det_right_top {
        padding:0px 15px;
      }
        .pro_det_right_adm{
          padding:0;
        }

      /*产品详情样式结束*/

      /*新闻列表样式开始*/
        .news_amd{
          width:98%;
        }
        .news_list>li{
          display:flex;
        }
        .news_list_img{
          width:45%;
        }
        .news_list_text{
          width:100%;
          margin:0;
        }
        .news_list_text>h2>a {
           text-align:left;
           text-indent:28px;
        }
        .news_list_ketch_label>span{
          padding: 0px 20px 0px 20px;
        }
        .news_list_ketch>p{
          text-indent:18px;
        }
      /*新闻列表样式结束*/

      /*工程案例列表开始*/
        .case_adm{
          width:98%;
        }
      /*工程案例列表结束*/

      /*工程案例详情开始*/
        .case_det{
          padding:10px 5px;
        }
      /*工程案例详情结束*/


      /*底部样式开始*/
        .footer_nav{
          display:block;
        }
      /*底部样式结束*/

      /*首页联系我们开始*/
        .index_contact_adm{
          width:98%;
        }
      /*首页联系我们结束*/

      /*联系我们详情页开始*/
        .contact_list_adm>h3{
          width: 80%;
          font-size: 14px;
        }
      /*联系我们详情页结束*/


    /*当前主题样式结束*/

    /*工程流程组件开始*/
      .proure{
        display:block;
      }
      .proure_adm{
        width:98%;
      }
      .proure_con>ul>li:first-child{
        margin-left: -44px;
      }
      .proure_con>ul>li:last-child{
       margin-right: -46px;
      }
    /*工程流程组件结束*/
      .process{
        display:block;
      } 
      .process_adm{
        width:98%;
      } 
      .process_box>li{
        height:230px;
      }
      .process_list>span{
        overflow:hidden;
        height:40px;
        line-height:40px;
      }
      .process_list>p{
        height:100px;
        overflow:hidden;
      }
      .side{
        display:block;
      }
      /*工程详情页样式开始*/
      .case_det{
        padding:20px 30px;
      }
    /*工程详情页样式结束*/ 

     /*公共底部组件开始*/
    .footer_adm{
      width:98%;
    }
    /*公共底部组件结束*/
    
  }

  /*>=1100的设备*/
  @media screen and (min-width:1100px) {

    /*组件配置样式开始*/
      .width_70{
        width:95%;
      }
    /*组件配置样式结束*/

    /*框架组件样式开始*/
      .frame_lg_r{
        width:98%;
        margin-left:20px;
      }
      .frame_l_680{
        width:546px;
      }
      .frame_r_78{
        width:80%;
      }
      .frame_lg_l{
        width: 74%;
        margin-right: 40px;
      }
      .frame_sm_r{
        width:350px;
      }
      .frame_sm_l{
        width:316px;
      }
    /*框架组件样式结束*/

     /*面包屑导航组件开始*/
      .crumbs_adm{
        width:95%;
      }
    /*面包屑导航组件结束*/
    
    /*头部组件开始*/
      .header_top{
        width:95%;
      }
      .header_con{
        width:95%;
      }
    /*头部组件结束*/

    /*导航组件开始*/
      .header_nav>ul{
        width:95%;
      }
    /*导航组件结束*/

    /*友情连接组件开始*/
      .links_adm{
        width:95%;
      }
    /*友情连接组件结束*/

     /*底部联系我们*/
      .index_contact_adm{
        width:95%;
      }
    /*底部联系我们*/

    /*产品列表开始*/
      .list_pro_adm{
        width:95%;
      }
    /*产品列表结束*/

    /*底部图片推荐开始*/
      .public_list_admin{
        width:95%;
      }
    /*底部图片推荐结束*/

    /*新闻列表样式开始*/
      .news_amd{
        width:95%;
      }
      .news_list_img{
        width:55%;
      }
    /*新闻列表样式结束*/

    /*工程案例列表开始*/
      .case_adm{
        width:95%;
      }
    /*工程案例列表结束*/

    /*工程流程组件开始*/
      .proure_adm{
        width:95%;
      }
      .proure_con>ul>li:first-child{
        margin-left: -46px;
      }
      .proure_con>ul>li:last-child{
       margin-right: -46px;
      }
    /*工程流程组件结束*/
    .process_adm{
      width:95%;
    } 
    /*工程详情页样式开始*/
      .case_det{
        padding:20px 50px;
      }
    /*工程详情页样式结束*/ 

    /*首页公司简介开始*/
    .synopsis_img{
      width:39%;
    }
    .synopsis_video{
      width:42%;
    }
    .synopsis_con{
      width:56%;
    }
    /*首页公司简介结束*/

      /*公共底部组件开始*/
    .footer_adm{
      width:95%;
    }
    /*公共底部组件结束*/
  }

  /*>=1280的设备*/
  @media screen and (min-width:1280px) {

    /*组件配置样式开始*/
      .width_70{
        width:90%;
      }
      .frame_sm_l{
        width: 333px;
      }
      .frame_l_680 {
        width: 606px;
      }
      .frame_r_78{
        width:80%;
      }
    /*组件配置样式结束*/

    /*框架组件开始*/
      .frame_pro{
        display:flex;
      }
      .frame_pro_left{
        width:52%;
      }
      .frame_pro_right{
        width:48%;
      }
    /*框架组件结束*/

     /*面包屑导航组件开始*/
      .crumbs_adm{
        width:90%;
      }
    /*面包屑导航组件结束*/
    
    /*头部组件开始*/
      .header_top{
        width:90%;
      }
      .header_con{
        width:90%;
      }
    /*头部组件结束*/

    /*导航组件开始*/
    .header_nav>ul{
      width:90%;
    }
    /*导航组件结束*/

    /*首页公司简介开始*/
    .synopsis_img{
      width:36%;
    }
    .synopsis_video{
      width:41%;
    }
    .synopsis_con{
      width:59%;
    }
    .synopsis_con_top{
      line-height:23px;
    }
    /*首页公司简介结束*/

    /*友情连接组件开始*/
      .links_adm{
        width:90%;
      }
    /*友情连接组件结束*/

     /*底部联系我们*/
      .index_contact_adm{
        width:90%;
      }
    /*底部联系我们*/

     /*产品列表开始*/
      .list_pro_adm{
        width:90%;
      }
    /*产品列表结束*/

    /*底部图片推荐开始*/
      .public_list_admin{
        width:90%;
      }
    /*底部图片推荐结束*/

    /*新闻列表样式开始*/
      .news_amd{
        width:90%;
      }
      .news_list_img{
        width:48%;
      }
    /*新闻列表样式结束*/

    /*工程案例列表开始*/
      .case_adm{
        width:90%;
      }
    /*工程案例列表结束*/

    /*工程流程组件开始*/
      .proure_adm{
        width:90%;
      }
      .proure_con>ul>li:first-child{
        margin-left: -53px;
      }
      .proure_con>ul>li:last-child{
       margin-right: -55px;
      }
    /*工程流程组件结束*/
      .process_adm{
        width:90%;
      } 
      /*工程详情页样式开始*/
      .case_det{
        padding:20px 100px;
      }
    /*工程详情页样式结束*/ 

      /*公共底部组件开始*/
    .footer_adm{
      width:90%;
    }
    /*公共底部组件结束*/

  }

    /*>=1366的设备*/
  @media screen and (min-width:1366px) {

    /*组件配置样式开始*/
      .width_70{
        width:85%;
      }
      .frame_sm_l{
        width: 336px;
      }
      .frame_l_680 {
        width: 612px;
      }
      .frame_r_78{
        width:80%;
      }
    /*组件配置样式结束*/

    /*框架组件开始*/
      .frame_pro{
        display:flex;
      }
      .frame_pro_left{
        width:52%;
      }
      .frame_pro_right{
        width:48%;
      }
    /*框架组件结束*/

    /*面包屑导航组件开始*/
      .crumbs_adm{
        width:85%;
      }
    /*面包屑导航组件结束*/

    /*头部组件开始*/
      .header_top{
        width:85%;
      }
      .header_con{
        width:85%;
      }
    /*头部组件结束*/

    /*导航组件开始*/
      .header_nav>ul{
        width:85%;
      }
    /*导航组件结束*/

    /*友情连接组件开始*/
      .links_adm{
        width:85%;
      }
    /*友情连接组件结束*/

     /*底部联系我们*/
      .index_contact_adm{
        width:85%;
      }
    /*底部联系我们*/

     /*产品列表开始*/
      .list_pro_adm{
        width:85%;
      }
    /*产品列表结束*/

    /*底部图片推荐开始*/
      .public_list_admin{
        width:85%;
      }
    /*底部图片推荐结束*/

    /*新闻列表样式开始*/
      .news_amd{
        width:85%;
      }
      .news_list_img{
        width:48%;
      }
    /*新闻列表样式结束*/

    /*工程案例列表开始*/
      .case_adm{
        width:85%;
      }
    /*工程案例列表结束*/

    /*工程流程组件开始*/
      .proure_adm{
        width:85%;
      }
      .proure_con>ul>li:first-child{
        margin-left: -53px;
      }
      .proure_con>ul>li:last-child{
       margin-right: -55px;
      }
    /*工程流程组件结束*/
      .process_adm{
         width:85%;
      } 
      /*工程详情页样式开始*/
      .case_det{
        padding:20px 100px;
      }
    /*工程详情页样式结束*/
    /*首页简介样式开始*/
      .synopsis_img{
        width:37%;
      }
      .synopsis_video{
        width:41%;
      }
      .synopsis_con{
        width:59%;
      }
    /*首页简介样式结束*/

      /*公共底部组件开始*/
    .footer_adm{
      width:85%;
    }
    /*公共底部组件结束*/

  }

   /*>=1440的设备*/
  @media screen and (min-width:1440px){

    /*组件配置样式开始*/
      .width_70{
        width:80%;
      }
      .frame_sm_l{
        width: 335px;
      }
      .frame_l_680 {
        width: 606px;
      }
      .frame_r_78{
        width:80%;
      }
    /*组件配置样式结束*/

    /*框架组件开始*/
      .frame_pro{
        display:flex;
      }
      .frame_pro_left{
        width:52%;
      }
      .frame_pro_right{
        width:48%;
      }
    /*框架组件结束*/

    /*面包屑导航组件开始*/
      .crumbs_adm{
        width:80%;
      }
    /*面包屑导航组件结束*/

    /*头部组件开始*/
      .header_top{
        width:80%;
      }
      .header_con{
        width:80%;
      }
    /*头部组件结束*/

    /*导航组件开始*/
      .header_nav>ul{
        width:80%;
      }
    /*导航组件结束*/

    /*友情连接组件开始*/
      .links_adm{
        width:80%;
      }
    /*友情连接组件结束*/

    /*底部联系我们*/
      .index_contact_adm{
        width:80%;
      }
    /*底部联系我们*/

     /*产品列表开始*/
      .list_pro_adm{
        width:80%;
      }
    /*产品列表结束*/

    /*底部图片推荐开始*/
      .public_list_admin{
        width:80%;
      }
    /*底部图片推荐结束*/

    /*新闻列表样式开始*/
      .news_amd{
        width:80%;
      }
      .news_list_img{
        width:48%;
      }
    /*新闻列表样式结束*/

    /*工程案例列表开始*/
      .case_adm{
        width:80%;
      }
    /*工程案例列表结束*/

    /*工程流程组件开始*/
      .proure_adm{
        width:80%;
      }
      .proure_con>ul>li:first-child{
        margin-left: -53px;
      }
      .proure_con>ul>li:last-child{
       margin-right: -55px;
      }
    /*工程流程组件结束*/
      .process_adm{
        width:80%;
      }
      /*工程详情页样式开始*/
      .case_det{
        padding:20px 100px;
      }
    /*工程详情页样式结束*/ 

    /*公共底部组件开始*/
      .footer_adm{
        width:80%;
      }
    /*公共底部组件结束*/
  }

   /*>=1680的设备*/
  @media screen and (min-width:1680px) {
    /*组件配置样式开始*/
      .width_70{
        width:75%;
      }
      .frame_sm_l{
        width: 360px;
      }
      .frame_l_680 {
        width: 662px;
      }
      .frame_r_78{
        width:80%;
      }
    /*组件配置样式结束*/

    /*框架组件开始*/
      .frame_pro{
        display:flex;
      }
      .frame_pro_left{
        width:55%;
      }
      .frame_pro_right{
        width:45%;
      }
    /*框架组件结束*/

     /*面包屑导航组件开始*/
      .crumbs_adm{
        width:75%;
      }
    /*面包屑导航组件结束*/

    /*头部组件开始*/
      .header_top{
        width:75%;
      }
      .header_con{
        width:75%;
      }
    /*头部组件结束*/

    /*导航组件开始*/
      .header_nav>ul{
        width:75%;
      }
    /*导航组件结束*/

    /*友情连接组件开始*/
      .links_adm{
        width:75%;
      }
    /*友情连接组件结束*/

    /*底部联系我们*/
      .index_contact_adm{
        width:75%;
      }
    /*底部联系我们*/

     /*产品列表开始*/
      .list_pro_adm{
        width:75%;
      }
    /*产品列表结束*/

    /*底部图片推荐开始*/
      .public_list_admin{
        width:75%;
      }
    /*底部图片推荐结束*/

    /*新闻列表样式开始*/
      .news_amd{
        width:75%;
      }
      .news_list_img{
        width:50%;
      }
    /*新闻列表样式结束*/

    /*工程案例列表开始*/
      .case_adm{
        width:75%;
      }
    /*工程案例列表结束*/
    
    /*工程流程组件开始*/
      .proure_adm{
        width:75%;
      }
      .proure_con>ul>li:first-child{
        margin-left: -53px;
      }
      .proure_con>ul>li:last-child{
       margin-right: -55px;
      }
      .proure_con>ul>li:first-child span{
        text-indent:30px;
      }
      .proure_con>ul>li:last-child span{
        text-indent:-32px;
      }

      .proure_con>ul>li:first-child p{
        text-indent:62px;
      }
      .proure_con>ul>li:last-child p{
        text-align:right;
        background:red;
      }
      .proure_con>ul>li:last-child:hover p{
        width:300%;
        display:block;
        background:#277DC0;
        margin-left:-240%;
        text-align:right;
        color:#FFF;
    }
  /*工程流程组件结束*/
   .process_adm{
      width:75%;
    }
    /*工程详情页样式开始*/
      .case_det{
        padding:20px 100px;
      }
    /*工程详情页样式结束*/ 

    /*首页简介样式开始*/
      .synopsis_img{
        width:36%;
      }
      .synopsis_video{
        width:41%;
      }
      .synopsis_con{
        width:60%;
      }
      .synopsis_con_top {
        line-height: 22px;
      }
    /*首页简介样式结束*/

    /*公共底部组件开始*/
      .footer_adm{
        width:75%;
      }
    /*公共底部组件结束*/

  }

  /*>=1920的设备*/
  @media screen and (min-width:1920px) {

    /*组件配置样式开始*/
      .width_70{
        width:70%;
      }
      .frame_sm_l{
        width: 375px;
      }
      .frame_l_680 {
        width: 702px;
      }
      .frame_r_78{
        width:80%;
      }
    /*组件配置样式结束*/

    /*框架组件开始*/
      .frame_pro{
        display:flex;
      }
      .frame_pro_left{
        width:42%;
      }
      .frame_pro_right{
        width:58%;
      }
    /*框架组件结束*/

    /*面包屑导航组件开始*/
      .crumbs_adm{
        width:100%;
      }
      .crumbs_adm{
        width:70%;
      }
    /*面包屑导航组件结束*/

    /*头部组件开始*/
      .header_top{
        width:70%;
      }
      .header_con{
        width:70%;
      }
    /*头部组件结束*/

    /*导航组件开始*/
      .header_nav>ul{
       width:70%;
      }
    /*导航组件结束*/

    /*友情连接组件开始*/
      .links_adm{
        width:70%;
      }
    /*友情连接组件结束*/

    /*底部联系我们*/
      .index_contact_adm{
      width:75%;
    }
    /*底部联系我们*/

    /*首页简介样式开始*/
      .synopsis_img{
        width:40%;
      }
      .synopsis_video{
        width:40%;
      }
      .synopsis_con{
        width:61%;
        padding:0px 0px 0px 30px;
      }
    /*首页简介样式结束*/
    
     /*产品列表开始*/
      .list_pro_adm{
        width:70%;
      }
    /*产品列表结束*/

    /*底部图片推荐开始*/
      .public_list_admin{
        width:70%;
      }
    /*底部图片推荐结束*/


    /*新闻列表样式开始*/
      .news_amd{
        width:75%;
      }
      .news_list_img{
        width:35%;
      }
    /*新闻列表样式结束*/

    /*工程案例列表开始*/
      .case_adm{
        width:70%;
      }
    /*工程案例列表结束*/
    
    /*工程流程组件开始*/
      .proure_adm{
        width:70%;
      }
      .proure_con>ul>li:first-child{
        margin-left: -64px;
      }
      .proure_con>ul>li:last-child{
        margin-right: -60px;
      }
      .proure_con>ul>li:first-child span{
        text-indent:30px;
      }
      .proure_con>ul>li:last-child span{
        text-indent:-32px;
      }
      .proure_con>ul>li:first-child p{
       text-indent:62px;
      }
      .proure_con>ul>li:last-child p{
        text-align:right;
        background:red;
      }
      .proure_con>ul>li:last-child:hover p{
        width:300%;
        display:block;
        background:#277DC0;
        margin-left:-240%;
        text-align:right;
        color:#FFF;
      }
    /*工程流程组件结束*/ 
     .process_adm{
      width:70%;
    } 
    /*工程详情页样式开始*/
      .case_det{
        padding:20px 100px;
      }
      .case_det_amd{
        width:100%;
      }
  /*工程详情页样式结束*/ 

  /*底部列表推荐组件开始*/
    .rec_list{
      padding:70px 0px;
    }
  /*底部列表明推荐组件结束*/ 
  /*公共底部组件开始*/
    .footer_adm{
      width:70%;
    }
  /*公共底部组件结束*/
  }

/*媒体查询断点样式结束*/