*{padding: 0;margin: 0;list-style-type: none;font-family: 'Microsoft YaHei' ! important;}

body a:link,body a:visited{text-decoration: none;font-size:14px;font-family: 'Microsoft YaHei' ! important;}
body img{
	border: none;
}




html{width: 100%;font-family:'Microsoft YaHei'}
.clearfix:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.container.nav{box-shadow:0px 0px 5px rgba(0,0,0,.7)}
.none{display: none;}
.navbar-default{
        background:#fff;
    }

 /*分页*/
.webdiyerCss{clear:left;padding: 10px;text-align:center;width:100%;}
.webdiyerCss a,.webdiyerCss a:link,.webdiyerCss .redcss {cursor:pointer;display:inline-block; padding:4px 12px; font-size:14px}
.webdiyerCss input{ height: 22px;margin: 0 2px 0 -10px;padding: 4px 2px;text-align: center; *margin-left:1px;}
.webdiyerCss .page_go{display:inline-block;padding:5px 12px;height:30px;margin-left:5px;*height:32px;}
.webdiyerCss input,.webdiyerCss a,.webdiyerCss a:link{color:#000;background:#fff; border: 1px solid #ddd; }
.webdiyerCss .redcss,.webdiyerCss .page_go {font-weight: bold;   background: #e68719; border:1px solid #e68719; color: #fff;}
.webdiyerCss a:hover,.webdiyerCss .page_go:hover {text-decoration:none; background:#e68719;border:1px solid #eee;color:#fff;}
.webdiyerCss a{*margin-bottom:10px; _margin-bottom:10px;}
@media screen and (max-width:768px){
    .webdiyerCss a,.webdiyerCss a:link,.webdiyerCss .redcss{font-size:12px; padding:4px 6px;}
}

/*详情*/
.hd {  
    display: block;
    width: auto;
    height:auto;
    text-align:center;
    margin: 10px 0 10px 0;
    background: url("images/pageimg/hd_bg.jpg") repeat-x scroll 0px 0px
}
.hd .container{padding:10px 15px;text-align:left;font-size:14px;line-height:24px;}
.hd h3{
	/*float: left;*/
    padding:7px 10px;
    font-weight:800; font-size:16px;
    /*border-bottom:2px solid #cc0000;*/
}
.hd h3,.hd h3:hover,.hd h3 a,.hd h3 a:hover{color:#333;}
.hd .r{float:right; padding-right:10px; color:#c6c6c6;}
.hd .r a.more{ display:block; margin-top:10px; color:#666;}
.hd .r a.more:hover{color:#cc0000;}
.side .hd {background:#f8f8f8; margin:0;padding: 4px 0; border-bottom:1px solid #ededed;}
.side .hd h3{ border:0;}
.bd{ padding:5px 10px; text-align:justify;line-height:22px;}





  .tit{
         padding:70px 0 48px;text-align:center; 
     }
    .tit h1{
        font-size:24px;
        color:#4c4c4c;
        text-transform:capitalize;
    }
    .tit p{
        font-size:14px;
        color:#666;
         text-transform:uppercase;
    }

    .foot{
        background:#262626;
    }
    .foot_btm{
         background:#000;
    }
    .foot .row .col-md-6 a{
        display:block;
        font-size:14px;
        width:66px;
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
        color:#cccccc;
        line-height:24px;
        
    }
     .foot .row .col-md-6 a:hover{
         color:#fff;
     }
     .foot .row .col-md-6  ul li{
         text-align:left;
     }
    .foot .row .col-md-6 h1{
        font-size:14px;
        font-weight:bold;
        color:#e5e5e5;
        text-transform:uppercase;
        white-space:nowrap;
        text-align:left;
        margin-bottom:10px;
    }



    .foot .row .col-md-9 a{
        display:block;
        font-size:14px;
      
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
        color:#cccccc;
        line-height:24px;
        
    }
     .foot .row .col-md-9 a:hover{
         color:#fff;
     }
     .foot .row .col-md-9  ul li{
         text-align:left;
     }
    .foot .row .col-md-9 h1{
        font-size:14px;
        font-weight:bold;
        color:#e5e5e5;
        text-transform:uppercase;
        white-space:nowrap;
        text-align:left;
        margin-bottom:10px;
    }

    .foot .row .lt{
  border-right:1px solid #535353;
      }
     .pro_con  .row .col-md-3>div{cursor:pointer;position:relative;background:rgba(0,0,0,.5)}
    .pro_con .row .mask{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        opacity:0;
        z-index:9;
        display:block!important;
        background:rgba(0,87,220,.7);
        box-sizing:border-box;
        transition:opacity .3s;
    }
     .pro_con  .col-md-3 .in{height:100%;padding-top:80px;background:rgba(204,204,204,.8);}
      .pro_con .row .col-md-3>div{padding:0!important}
       .pro_con  .row .col-md-3:hover .mask{opacity:1!important}
         .pro_con  .row .col-md-3:hover .in{display:none}

/*----屏宽大于1200--*/

@media only screen and (min-width:1200px){
    /*---------页头导航------*/
    .container.nav nav{
        width:1200px;
        margin:0 auto;
        padding:20px 0;
        box-sizing:border-box;
    }
    
     .container.nav{
       height: 100px;
        width: 100%;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        box-shadow:0px 0px 5px rgba(0,0,0,.3)
     }
     .navbar-nav li a{
         font-size:18px;
         color:#fff;
     }
     .navbar-header .logo img{width:260px;}
     .clear_fixed{margin-top:100px;}
    .banner .item{
        height:620px;
    }
    .container{width:1200px;padding:0}

      /*---------页尾------*/

    .foot{
        padding:50px 0 40px
    }
    .foot .md {
        color:#ccc;
        font-size:12px;
    }
      .foot .md .text{
          margin-top:25px
      }
     .foot .rt ul li{
         font-size:16px;
         color:#b2b2b2;
         font-weight:bold;
         text-align:left;
         margin-bottom:22px;
     }
      .foot .rt ul li a{
  color:#b2b2b2;
      }
     .foot .rt ul li img{
         margin:-4px 7px 0 0
     }
     .foot .lt .col-md-2{ 
         height:145px;
     }
     .foot .col-md-2.line03,
     .foot .container>.row .md{
         border-right:1px solid #535353;
     }
     .foot .container>.row>div{height:145px;}
     .foot .col-md-3.rt{
         padding-left:40px;
     }
/*---------首页产品------*/
    .pro_con .line01{
        display:block;
        width:30px;
        height:5px;
        background:#055add;
        margin:20px auto;
        
    }
     .pro_con  .row .col-md-3{padding:0;text-align:center;}
    .pro_con  .row .col-md-3>div{cursor:pointer;position:relative;height:300px;background:rgba(0,0,0,.5)}
    .pro_con .row .mask{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        opacity:0;
        background:rgba(0,87,220,.7);
        padding:20px 45px 0;
        box-sizing:border-box;
    }
    .pro_con .row .mask .detail a{
        display:block;
        width:100px;
        height:30px;
        border:1px solid #efeceb;
        box-sizing:border-box;
        text-align:center;
        line-height:30px;
        color:#efeceb;
        font-size:14px;
        margin:0 auto;
        transition:all .5s
    }
     .pro_con .row .mask .detail a:hover{
         background:#fff;
         color:#055add
     }


    .pro_con .row .mask i{background:#fff}
    .pro_con .row .mask h2,
    .pro_con .row .mask p{color:#fff}
     .pro_con .row .mask p{
         line-height:23px;
         margin:14px 0;
     }
     .pro_con  .col-md-3 .in{height:100%;padding-top:80px;background:rgba(204,204,204,.8);}
    .pro_con h2{
        font-size:18px;
        color:#055add;
    }

    /*-----------新闻中心-----------------*/
    .news_con .row .title>:first-child{width:15%;background:#0057dc;}
    .news_con .row .title>:first-child h1{font-size:30px;color:#fff;font-weight:bold}
    .news_con .row .title>:first-child p{font-size:12px;color:#fff;}
    .news_con .row .title>:nth-child(2){
        width:85%;
        font-size:16px;
            color:#333;
            padding:5px;
            text-align:left;
    }
    .news_con .row .col-md-4>div>p{
            font-size:14px;
        color:#7a7a7a;
        text-align:left;
    }
    .news_con .pic img{width:100%;transition:all .3s}
     .news_con .row .col-md-4  .pic{overflow:hidden;}
     .news_con .row .col-md-4:hover img{transform:scale(1.05)}
     .news_con .row .col-md-4>divssss{background-size:110% 110%;}
     .news_con .row .col-md-4 .detail a{float:left;color:#f1b21c;font-size:14px}  
    .news_con .row .col-md-4 :hover .tl{color:#0057dc;}
     .news_con .more {margin-top:45px}
    .news_con .more a{
        display:block;
        width:100px;
        height:30px;
        text-align:center;
        line-height:30px;
        font-size:14px;
        color:#0057dc;
        margin:0 auto;
        border:1px solid #0057dc;
        box-sizing:border-box;
        transition:all .3s;

    }
    .news_con .more a:hover{background:#0057dc;color:#fff;}
    /*-----------解决方案-----------------*/
    .solu_con .row .col-md-3{padding:0 10px;}
    .solu_con .row{margin:0}
    .solu_con .col-md-3 img{width:100%}
    .solu_con .row .col-md-3>h1{
        font-size:18px;
        font-weight:bold;
        color:#0057dc;
        margin-bottom:13px;
    }
    .solu_con .row .col-md-3>div{
        transition:all .3s;
    }
    .solu_con .row .col-md-3 .text{
        padding:15px;
    }
    .solu_con .row .col-md-3 >div:hover{
    
        box-shadow:0px 0px 10px rgba(0,87,220,.7);
    }
    .solu_con .col-md-3 .text p{
        font-size:14px;
        color:#666666;
            height: 41px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .solu_con  .col-md-3 .detail a {
        display: block;
        width: 100px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #0057dc;
        margin: 0 auto;
        border: 1px solid #0057dc;
        box-sizing: border-box;
        transition: all .3s;

    }
    .news_con{ padding-bottom:70px;}
    .solu_con{
        padding-bottom:70px;
        background:url(../images/case_ibg.png) no-repeat center center;
        background-size:cover;
    }

    .solu_con  .col-md-3 .detail {margin-top:10px;}


 /*-----------公司简介-----------------*/
     .intro_con video{
         width:100%;
         height:375px;
     }
     .intro_con {
         padding-bottom:90px;
     }
     .intro_con  .row{display:flex;justify-content:center;flex-direction:row;align-items:center;}
   
     .intro_con .row>:first-child>div{
         /*padding:0 25px 20px 0;*/
         width:625px;
         box-sizing:border-box;
         /*background:url(../images/v_bg01.png) no-repeat right 25px,url(../images/v_bg02.png) no-repeat 25px bottom;*/
         background-size:auto 100% , 100% auto;
     }
     .intro_con .text{
         font-size:16px;
         color:#666;
         text-align:left;
        
         line-height:24px;
         padding:45px 24px 0 79px;
     }
     .intro_con .text p{ text-indent:30px;margin-bottom:10px}
    
/*-------------------产品---------------*/
.case-con .main-con ul li .pic{
    width:280px;
    height:200px;
    border:1px solid #e6e6e6;
    margin-bottom:20px;
}
.case-con .main-con ul li p{
    color:#666;
    font-size:16px;
}
.case-con .main-con ul li {
    margin:0 10px 20px 0
}
.case-con .main-con ul{
    margin-right:-10px;
}
.case-con .main-con ul li:hover img{transform:scale(1.1)}
.case-con .main-con ul li  a{overflow:hidden; }
.case-con .main-con ul li:hover p{color:#0058de}
.case-con .main-con ul li img{transition:all .3s;}

        /*-------新闻中心-------*/
        .news-con  .pic{
            width:530px;
            padding:0
        }
        .news-con .item{margin-bottom:20px}
        .news-con .pic img{width:100%;height:340px}
          .news-con .item>div{float:left;}
           .news-con .item:hover{
               box-shadow:0px 0px 5px #ccc;
           }
        .news-con  .text{
            width:calc(100% - 530px);
            text-align:left;
            border:1px solid #e6e6e6;
            border-left:0;
            height:340px;
            padding:26px 30px;
            box-sizing:border-box;
        }
        .news-con .text .date{
            font-size:12px;
            color:#b2b2b2
        }
        .news-con .text h1{
            font-size:24px;
            color:#4c4c4c;
            white-space:nowrap;
            text-overflow:ellipsis;
            overflow:hidden;
            margin:45px 0 30px

        }
        .news-con .text p{
            font-size:14px;
            color:#999999;
            line-height:23px;
            height:69px;
            margin-bottom:65px;
            overflow:hidden;
            text-overflow: ellipsis;
	      display: -webkit-box; 
	      -webkit-line-clamp: 3; 
	      -webkit-box-orient: vertical; 
        }
        .news-con .more a{
            display:block;
            width:69px;
            height:25px;
            text-align:center;
            line-height:25px;
            background:#e68719;
            border-radius:5px;
            color:#fff;
            font-size:12px;
        }

/*产品详情*/
.cplb.case-con .main-con .csxxk01 ul li{margin-right:40px}
 }




    .solu_con  .col-md-3 .detail a:hover{background:#0057dc;color:#fff}
     .pro_con  .row .col-md-3:hover .mask{opacity:1}
     .pro_con .row .mask{transition:all .3s;}
     .pro_con  .row .col-md-3  img{transition:all .3s}
      .pro_con  .row .col-md-3:hover  img{transform:scale(1.1)}
         .pro_con  .row .col-md-3:hover .in{display:none;}
    .pro_con .con{
        background:#e6e6e6;
    }
    .pro_con .row .mask p,
    .news_con .row .col-md-4>div>p{
        height:43px;
        text-overflow: ellipsis;
	      display: -webkit-box; 
	      -webkit-line-clamp: 2; 
	      -webkit-box-orient: vertical; 
	      overflow: hidden;
    }
    .news_con .row .title>:nth-child(2){
         height:52px;
        text-overflow: ellipsis;
	      display: -webkit-box; 
	      -webkit-line-clamp: 2; 
	      -webkit-box-orient: vertical; 
	      overflow: hidden;
    }

 .navbar-nav li a{text-transform:capitalize;white-space:nowrap;}

 .navbar-nav li.focus a,
     .navbar-nav li a:hover,
 .head .navbar-nav li:hover a{
         color:#0058de
     }
/*---屏宽在992与1200之间----*/
@media only screen and (min-width:992px) and (max-width:1200px){
    nav.nav{
        height:100px;
        padding:20px 15px;
        box-sizing:border-box;
        box-shadow:0px 0px 5px rgba(0,0,0,.3);
    }
    nav.nav ul li a{
        font-size:18px;
         color:#fff;
    }
     .clear_fixed{margin-top:100px;}
    .banner .item{
        height:620px;
    }

/*---------首页产品------*/
    .pro_con .line01{
        display:block;
        width:30px;
        height:5px;
        background:#055add;
        margin:20px auto;
        
    }
     .pro_con  .row .col-md-3{padding:0}
    .pro_con  .row .col-md-3>div{cursor:pointer;position:relative;height:300px;padding-top:80px}
    .pro_con .row .mask{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,87,220,.7);
        display:none;
        padding:20px 45px 0;
        box-sizing:border-box;
    }
    .pro_con .row .mask .detail a{
        display:block;
        width:100px;
        height:30px;
        border:1px solid #efeceb;
        box-sizing:border-box;
        text-align:center;
        line-height:30px;
        color:#efeceb;
        font-size:14px;
        margin:0 auto;
        transition:all .5s
    }
     .pro_con .row .mask .detail a:hover{
         background:#fff;
         color:#055add
     }


    .pro_con .row .mask i{background:#fff}
    .pro_con .row .mask h2,
    .pro_con .row .mask p{color:#fff}
     .pro_con .row .mask p{
         line-height:23px;
         margin:14px 0;
     }
    
    .pro_con h2{
        font-size:18px;
        color:#055add;
    }

   /*-----------新闻中心-----------------*/
    .news_con .row .title>:first-child{width:15%;background:#0057dc;}
    .news_con .row .title>:first-child h1{font-size:30px;color:#fff;font-weight:bold}
    .news_con .row .title>:first-child p{font-size:12px;color:#fff;}
    .news_con .row .title>:nth-child(2){
        width:85%;
        font-size:16px;
            color:#333;
            padding:5px;
            text-align:left;
    }
    .news_con .row .col-md-4>div>p{
            font-size:14px;
        color:#7a7a7a;
        text-align:left;
    }
    .news_con .pic img{width:100%;}
     .news_con .row .col-md-4  .pic{overflow:hidden;}
     .news_con .row .col-md-4:hover img{transform:scale(1.05)}
     .news_con .row .col-md-4 img{transition:all .3s}
     .news_con .row .col-md-4 .detail a{float:left;color:#f1b21c;font-size:14px}  
    .news_con .row .col-md-4 :hover .tl{color:#0057dc;}
     .news_con .more {margin-top:45px}
    .news_con .more a{
        display:block;
        width:100px;
        height:30px;
        text-align:center;
        line-height:30px;
        font-size:14px;
        color:#0057dc;
        margin:0 auto;
        border:1px solid #0057dc;
        box-sizing:border-box;
        transition:all .3s;

    }
    .news_con .more a:hover{background:#0057dc;color:#fff;}


    /*-----------解决方案-----------------*/
    .solu_con .row .col-md-3{padding:0 10px;}
    .solu_con .row{margin:0}
    .solu_con .col-md-3 img{width:100%}
    .solu_con .row .col-md-3>h1{
        font-size:18px;
        font-weight:bold;
        color:#0057dc;
        margin-bottom:13px;
    }
    .solu_con .row .col-md-3>div{
        transition:all .3s;
    }
    .solu_con .row .col-md-3 .text{
        padding:15px;
    }
    .solu_con .row .col-md-3 >div:hover{
    
        box-shadow:0px 0px 10px rgba(0,87,220,.7);
    }
    .solu_con .col-md-3 .text p{
        font-size:14px;
        color:#666666;
            height: 41px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .solu_con  .col-md-3 .detail a {
        display: block;
        width: 100px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #0057dc;
        margin: 0 auto;
        border: 1px solid #0057dc;
        box-sizing: border-box;
        transition: all .3s;

    }
    .news_con{ padding-bottom:70px;}
    .solu_con{
        padding-bottom:70px;
        background:url(../images/case_ibg.png) no-repeat center center;
        background-size:cover;
    }
    .solu_con  .col-md-3 .detail {margin-top:10px;}

 /*-----------公司简介-----------------*/
     .intro_con video{
         width:100%;
     }
     .intro_con .row>:first-child>div{
         width:100%;
         box-sizing:border-box;
     }
     .intro_con .text{
         font-size:16px;
         color:#666;
         line-height:24px;
     }
     .intro_con {
         padding-bottom:70px;
     }
 /*---------页尾------*/

    .foot{
        padding:50px 0 40px
    }
    .foot .md {
        color:#ccc;
        font-size:12px;
    }
      .foot .md .text{
          margin-top:25px
      }
     .foot .rt ul li{
         font-size:16px;
         color:#b2b2b2;
         white-space:nowrap;
         font-weight:bold;
         text-align:left;
         
         margin-bottom:22px;
     }
     .foot .md img{
         width:100%;
     }
     .foot .row .col-md-6 a,
     .foot .row .col-md-6 h1{
         white-space:nowrap;
     }
     .foot .rt ul li img{
         margin:-4px 7px 0 0
     }
     .foot .lt .col-md-2{ 
         height:145px;
     }
     .foot .col-md-2.line03,
     .foot .container>.row .md{
         border-right:1px solid #535353;
     }
     .foot .container>.row>div{height:145px;}
     .foot .col-md-3.rt{
         padding-left:40px;
     }



/*-------------------产品---------------*/
.case-con .main-con ul li .pic{
    width:280px;
    height:200px;
    border:1px solid #e6e6e6;
    margin-bottom:20px;
}
.case-con .main-con ul li p{
    color:#666;
    font-size:16px;
}
.case-con .main-con ul li {
    margin:0 10px 20px 0
}
.case-con .main-con ul{
    margin-right:-10px;
}
.case-con .main-con ul li:hover img{transform:scale(1.1)}
.case-con .main-con ul li  a{overflow:hidden; }
.case-con .main-con ul li:hover p{color:#0058de}
.case-con .main-con ul li img{transition:all .3s;}



   /*-------新闻中心-------*/
        .news-con  .pic{
            width:530px;
        }
        .news-con .item{margin-bottom:20px}
        .news-con .pic img{width:100%}
          .news-con .item>div{float:left;}
           .news-con .item:hover{
               box-shadow:0px 0px 5px #ccc;
           }
        .news-con  .text{
            width:calc(100% - 530px);
            text-align:left;
            border:1px solid #e6e6e6;
            border-left:0;
            height:334px;
            padding:26px 30px;
            box-sizing:border-box;
        }
        .news-con .text .date{
            font-size:12px;
            color:#b2b2b2
        }
        .news-con .text h1{
            font-size:24px;
            color:#4c4c4c;
            white-space:nowrap;
            text-overflow:ellipsis;
            overflow:hidden;
            margin:45px 0 30px

        }
        .news-con .text p{
            font-size:14px;
            color:#999999;
            line-height:23px;
            height:69px;
            margin-bottom:65px;
            overflow:hidden;
            text-overflow: ellipsis;
	      display: -webkit-box; 
	      -webkit-line-clamp: 3; 
	      -webkit-box-orient: vertical; 
        }
        .news-con .more a{
            display:block;
            width:69px;
            height:25px;
            text-align:center;
            line-height:25px;
            background:#e68719;
            border-radius:5px;
            color:#fff;
            font-size:12px;
        }


}


/*---屏宽在768与992之间----*/
@media only screen and (min-width:768px) and (max-width:992px){
    nav.nav{
        padding:15px 15px;
        box-sizing:border-box;
        box-shadow:0px 0px 5px rgba(0,0,0,.3)
    }
    .head .logo img{height:35px;}
    nav.nav ul li a{
        font-size:14px;
         color:#fff;
    }
     .clear_fixed{margin-top:90px;}
    .banner .item{
        height:500px;
    }
/*---------首页产品------*/
    .pro_con .line01{
        display:block;
        width:30px;
        height:5px;
        background:#055add;
        margin:20px auto;
        
    }
     .pro_con  .row .col-md-3{padding:0}
    .pro_con  .row .col-md-3>div{cursor:pointer;position:relative;height:300px;padding-top:80px}
    .pro_con .row .mask{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,87,220,.7);
        display:none;
        padding:20px 45px 0;
        box-sizing:border-box;
    }
    .pro_con .row .mask .detail a{
        display:block;
        width:100px;
        height:30px;
        border:1px solid #efeceb;
        box-sizing:border-box;
        text-align:center;
        line-height:30px;
        color:#efeceb;
        font-size:14px;
        margin:0 auto;
        transition:all .5s
    }
     .pro_con .row .mask .detail a:hover{
         background:#fff;
         color:#055add
     }


    .pro_con .row .mask i{background:#fff}
    .pro_con .row .mask h2,
    .pro_con .row .mask p{color:#fff}
     .pro_con .row .mask p{
         line-height:23px;
         margin:14px 0;
     }
    
    .pro_con h2{
        font-size:18px;
        color:#055add;
    }

   /*-----------新闻中心-----------------*/
    .news_con .row .title>:first-child{width:15%;background:#0057dc;}
    .news_con .row .title>:first-child h1{font-size:30px;color:#fff;font-weight:bold}
    .news_con .row .title>:first-child p{font-size:12px;color:#fff;}
    .news_con .row .title>:nth-child(2){
        width:85%;
        font-size:16px;
            color:#333;
            padding:5px;
            text-align:left;
    }
    .news_con .row .col-md-4>div>p{
            font-size:14px;
        color:#7a7a7a;
        text-align:left;
    }
    .news_con .pic img{width:100%;}
     .news_con .row .col-md-4  .pic{overflow:hidden;}
     .news_con .row .col-md-4:hover img{transform:scale(1.05)}
     .news_con .row .col-md-4 img{transition:all .3s}
     .news_con .row .col-md-4 .detail a{float:left;color:#f1b21c;font-size:14px}  
    .news_con .row .col-md-4 :hover .tl{color:#0057dc;}
     .news_con .more {margin-top:45px}
    .news_con .more a{
        display:block;
        width:100px;
        height:30px;
        text-align:center;
        line-height:30px;
        font-size:14px;
        color:#0057dc;
        margin:0 auto;
        border:1px solid #0057dc;
        box-sizing:border-box;
        transition:all .3s;

    }
    .news_con .more a:hover{background:#0057dc;color:#fff;}

    /*-----------解决方案-----------------*/
    .solu_con .row .col-md-3{padding:0 10px;}
    .solu_con .row{margin:0}
    .solu_con .col-md-3 img{width:100%}
    .solu_con .row .col-md-3>h1{
        font-size:18px;
        font-weight:bold;
        color:#0057dc;
        margin-bottom:13px;
    }
    .solu_con .row .col-md-3>div{
        transition:all .3s;
    }
    .solu_con .row .col-md-3 .text{
        padding:15px;
    }
    .solu_con .row .col-md-3 >div:hover{
    
        box-shadow:0px 0px 10px rgba(0,87,220,.7);
    }
    .solu_con .col-md-3 .text p{
        font-size:14px;
        color:#666666;
            height: 41px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .solu_con  .col-md-3 .detail a {
        display: block;
        width: 100px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        color: #0057dc;
        margin: 0 auto;
        border: 1px solid #0057dc;
        box-sizing: border-box;
        transition: all .3s;

    }
    .news_con{ padding-bottom:70px;}
    .solu_con{
        padding-bottom:70px;
        background:url(../images/case_ibg.png) no-repeat center center;
        background-size:cover;
    }
    .solu_con  .col-md-3 .detail {margin-top:10px;}


 /*-----------公司简介-----------------*/
     
 .intro_con video{
         width:100%;
         height:195px;
     }
     .intro_con .row>:first-child>div{
         box-sizing:border-box;
     }
     .intro_con .text{
         font-size:16px;
         color:#666;
         line-height:24px;
         height:195px;
         overflow:hidden;   
         text-overflow: ellipsis;
	  display: -webkit-box; 
	  -webkit-line-clamp: 8; 
	  -webkit-box-orient: vertical; 
	  overflow: hidden;
     }
     .intro_con{
         padding-bottom:30px;
     }

 /*---------页尾------*/

    .foot{
        padding:50px 0 40px
    }
    .foot .md {
        color:#ccc;
        font-size:12px;
    }
      .foot .md .text{
          margin-top:25px
      }
     .foot .rt ul li{
         font-size:16px;
         color:#b2b2b2;
         font-weight:bold;
         text-align:left;
         margin-bottom:22px;
     }
     .foot .rt ul li img{
         margin:-4px 7px 0 0
     }
     .foot .lt .row{text-align:center;}
     .foot .lt .col-md-2{ 
         height:145px;
         float:none;
         display:inline-block;
         vertical-align:top; 
         text-align:center;
     }
    
     .foot .container>.row>div{height:145px;}
     .foot .col-md-3.rt{
         padding-left:40px;
     }

/*产品*/
.case-con .main-con ul li p{
    color:#666;
    font-size:14px;
    margin-top:10px;
}
.case-con .main-con ul li .pic{border:1px solid #e6e6e6;}
.case-con .main-con .row ul li{
    width:50%;
    float:left;
    color:#666;
    font-size:14px;
    padding:10px;
    box-sizing:border-box;
}

   /*-------新闻中心-------*/
        .news-con .item{margin-bottom:20px}
         .news-con .pic {padding:0}
        .news-con .pic img{width:100%;height:227px}
          .news-con .item>div{float:left;}
           .news-con .item:hover{
               box-shadow:0px 0px 5px #ccc;
           }
        .news-con  .text{
            text-align:left;
            border:1px solid #e6e6e6;
            border-left:0;
            height:227px;
            padding:15px 20px;
            box-sizing:border-box;
        }
        .news-con .text .date{
            font-size:12px;
            color:#b2b2b2
        }
        .news-con .text h1{
            font-size:24px;
            color:#4c4c4c;
            white-space:nowrap;
            text-overflow:ellipsis;
            overflow:hidden;
            margin:20px 0 15px

        }
        .news-con .text p{
            font-size:14px;
            color:#999999;
            line-height:23px;
            height:69px;
            margin-bottom:10px;
            overflow:hidden;
            text-overflow: ellipsis;
	      display: -webkit-box; 
	      -webkit-line-clamp: 3; 
	      -webkit-box-orient: vertical; 
        }
        .news-con .more a{
            display:block;
            width:69px;
            height:25px;
            text-align:center;
            line-height:25px;
            background:#e68719;
            border-radius:5px;
            color:#fff;
            font-size:12px;
        }

}
.case-con .main-con ul li p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;}


@media screen and (min-width:768px){


            /*--导航产品下拉--*/
              .menu-nav{
                    background: #fff;
                    padding: 40px 10px 5px;
                    margin-top: -10px;
                    position: fixed;
                    top: 81px;
                    left: 0px;
                    z-index: 9999;
                    width: 100%;
                    box-shadow:0px 1px 2px #ccc;
                    display: none;
                    text-align:center;
                }

                .menu-item ul li{
                    width: 100%;
                    text-align:center;
                    display:inline-block;
                    vertical-align:top;
                }

                #s2 .menu-item ul li{
                    width: 120px;
                    text-align:center;
                    display:inline-block;
                    vertical-align:top;
                }

                    .menu-item ul li img{
                        width: 100%;
                        height: 120px;
                    }
                    .menu-item ul{
                        margin: 0;
                    }
                 .menu-nav ul li a{display:block;width:100%;height:100%; }
                 .menu-nav ul li .pic{overflow:hidden;}
                 .menu-nav ul li:hover img{transform:scale(1.1)}
                  .menu-nav ul li:hover p{font-weight:bold}
                  .menu-nav ul li img{transition:all .3s;}
                .menu-nav ul li p{
                    font-size: 14px;
                    line-height: 25px;
                    color: #686868;
                    white-space:nowrap;
                    text-overflow:ellipsis;
                    overflow:hidden;
                }

                .menu-nav i{
                    position: absolute;
                    left: 50%;
                    bottom: -15px;
                    cursor: pointer;
                    margin-left: -21px;
                }

            .nav #s2:hover .menu-nav{display:block;}
            .nav .drop:hover  .menu-nav{display:block}
            .nav .drop{position:relative;}
            .nav .drop .menu-nav{position:absolute;width:175px;left:50%;top:60px;padding:7px 10px 0;margin-left:-85px;}
            .nav .drop .menu-nav ul li{padding:3px 0;}
            .nav .drop .menu-nav ul li:hover a{font-weight:bold;}

}










/*----屏宽小于768--*/
@media only screen and (max-width:768px){

    .bd span,.bd p{font-size:14px!important;}
    .bd img{padding:0;width:100%;}
    .banner .owl-nav{display:none}
    .head .logo img{height:30px;}
     nav.nav{
        padding:8px 10px;
        box-sizing:border-box;
        box-shadow:0px 0px 5px rgba(0,0,0,.3)
    }
     .navbar-toggle{
         margin:0 15px 0 0
     }
     nav.nav ul li a{
        font-size:14px;
         color:#fff;
         text-align:left;
    }
      .clear_fixed{margin-top:50px;}
    .banner .item{
        height:190px;
    }

    .tit{
         padding:30px 0 20px 
     }
    .tit h1{
        font-size:18px;
        color:#4c4c4c;
    }
    .tit p{
        font-size:14px;
        color:#666;
        text-transform:uppercase;
    }
    .menu-nav{display:none}
/*---------首页产品------*/
    .pro_con .line01{
        display:block;
        width:30px;
        height:5px;
        background:#055add;
        margin:20px auto;
        
    }
      .pro_con  .row .col-md-3{margin-bottom:15px}
    .pro_con  .row .col-md-3>div{cursor:pointer;position:relative;height:300px;padding-top:80px}
    .pro_con .row .mask{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,87,220,.7);
        padding:20px 45px 0;
        box-sizing:border-box;
        display:none;
    }
     .pro_con .row .in{display:block!important}
     .pro_con .row .mask{display:none!important}
    .pro_con .row .mask .detail a{
        display:block;
        width:100px;
        height:30px;
        border:1px solid #efeceb;
        box-sizing:border-box;
        text-align:center;
        line-height:30px;
        color:#efeceb;
        font-size:14px;
        margin:0 auto;
        transition:all .5s
    }
     .pro_con .row .mask .detail a:hover{
         background:#fff;
         color:#055add
     }

     .tit{
         padding:20px 0 20px 
     }
    .pro_con .row .mask i{background:#fff}
    .pro_con .row .mask h2,
    .pro_con .row .mask p{color:#fff}
     .pro_con .row .mask p{
         line-height:23px;
         margin:14px 0;
     }
    
    .pro_con h2{
        font-size:18px;
        color:#055add;
    }

   /*-----------新闻中心-----------------*/
    .news_con .row .title>:first-child{width:15%;background:#0057dc;}
    .news_con .row .title>:first-child h1{font-size:30px;color:#fff;font-weight:bold}
    .news_con .row .title>:first-child p{font-size:12px;color:#fff;}
    .news_con .row .title>:nth-child(2){
        width:85%;
        font-size:16px;
            color:#333;
            padding:5px;
            text-align:left;
    }
    .news_con .row .col-md-4>div>p{
            font-size:14px;
        color:#7a7a7a;
        text-align:left;
    }
      .news_con .row .col-md-4{
          margin-bottom:15px
      }
     .news_con .row .col-md-4>div{border:1px solid #e3e3e3;padding:10px}
    .news_con .pic img{width:100%;}
     .news_con .row .col-md-4 .detail a{float:left;color:#f1b21c;font-size:14px}  
    .news_con .row .col-md-4 :hover .tl{color:#0057dc;}
     .news_con .more {margin-top:20px}
    .news_con .more a{
        display:block;
        width:100px;
        height:30px;
        text-align:center;
        line-height:30px;
        font-size:14px;
        color:#0057dc;
        margin:0 auto;
        border:1px solid #0057dc;
        box-sizing:border-box;
        transition:all .3s;

    }
    .news_con .more a:hover{background:#0057dc;color:#fff;}

    /*-----------解决方案-----------------*/
    .solu_con .row .col-md-3{padding:0 10px;}
    .solu_con .row{margin:0}
    .solu_con .col-md-3 img{width:100%}
    .solu_con .row .col-md-3>h1{
        font-size:16px;
        font-weight:bold;
        color:#0057dc;
        margin-bottom:13px;
    }
    .solu_con .row .col-md-3>div{
        transition:all .3s;
    }
     .solu_con .row .col-md-3{
         margin-bottom:15px;
     }
    .solu_con .row .col-md-3 .text{
        padding:15px;
    }
    .solu_con .row .col-md-3 >div:hover{
    
        box-shadow:0px 0px 10px rgba(0,87,220,.7);
    }
    .solu_con .col-md-3 .text p{
        font-size:12px;
        color:#666666;
            height: 36px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .solu_con  .col-md-3 .detail a {
        display: block;
        width: 93px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
        color: #0057dc;
        margin: 0 auto;
        border: 1px solid #0057dc;
        box-sizing: border-box;
        transition: all .3s;

    }
    .news_con{ padding-bottom:20px;}
    .solu_con{
        padding-bottom:20px;
        background:url(../images/case_ibg.png) no-repeat center center;
        background-size:cover;
    }
    .solu_con  .col-md-3 .detail {margin-top:10px;}

 /*-----------公司简介-----------------*/
     .intro_con video{
         width:100%;
     }
     .intro_con .row>:first-child>div{
         box-sizing:border-box;
     }
     .intro_con .text{
         font-size: 14px;
    color: #666;
    line-height: 23px;
    /*height: 114px;*/
   text-align:left;
    margin-top:20px;
     }
     .intro_con{
         padding-bottom:20px;
     }

 /*---------页尾------*/

    .foot{
        padding:20px 0 20px
    }
    .foot .md {
        color:#ccc;
        font-size:12px;
    }
      .foot .md .text p{
          white-space:nowrap;
      }
       .foot .md  img{
           width:110px;
           margin-bottom:15px;
       }
     .foot .rt ul li{
         font-size:14px;
         color:#b2b2b2;
         font-weight:bold;
         text-align:left;
        
         white-space:nowrap;
         margin-bottom:22px;
     }
     .foot .rt ul li img{
         margin:-4px 7px 0 0;
         width:17px;
     }
     .foot .lt .col-md-2{ 
         height:145px;
     }
     .foot .rt{
         margin-top:35px;
     }


     .foot_btm{
        padding:8px 0;
    }

    /*产品*/
    .case-con .main-con ul li p{
        color:#666;
        font-size:14px;
        margin-top:5px;
    }
    .case-con .main-con .pic{
        border:1px solid #e6e6e6;
    }
    .case-con .main-con .pic img{width:100%;}
    .case-con .main-con .row ul li{
        width:50%;
        float:left;
        color:#666;
        font-size:14px;
        padding:10px;
        box-sizing:border-box;
    }


       /*-------新闻中心-------*/
        .news-con .item{margin-bottom:20px}
        .news-con .pic img{width:100%}
          .news-con .item>div{float:left;}
           .news-con .item:hover{
               box-shadow:0px 0px 5px #ccc;
           }
           .news-con .item{
               border:1px solid #e6e6e6;
               padding:15px 0 0
           }
        .news-con  .text{
            text-align:left;
            
            border-left:0;
            padding:15px 15px;
            box-sizing:border-box;
        }
        .news-con .text .date{
            font-size:12px;
            color:#b2b2b2
        }
        .news-con .text h1{
            font-size:16px;
            color:#4c4c4c;
            white-space:nowrap;
            text-overflow:ellipsis;
            overflow:hidden;
            margin:10px 0 15px

        }
        .news-con .text p{
            font-size:14px;
            color:#999999;
            line-height:23px;
            height:46px;
            margin-bottom:20px;
            overflow:hidden;
            text-overflow: ellipsis;
	      display: -webkit-box; 
	      -webkit-line-clamp: 3; 
	      -webkit-box-orient: vertical; 
        }
        .news-con .more a{
            display:block;
            width:69px;
            height:25px;
            text-align:center;
            line-height:25px;
            background:#e68719;
            border-radius:5px;
            color:#fff;
            font-size:12px;
        }


/*-----手机二级菜单--------*/
.head #s2:hover .menu-nav,
.head #s6:hover .menu-nav{display:block;}
.menu-nav  li{display:block;}
.menu-nav .pic{display:none}
.head #s6 .menu-nav li,.menu-nav p{color:#777;text-align:left;margin:5px 20px;}
.head #s6 .menu-nav li:hover,.menu-nav p:hover{color:#0058de}
.head #s6 .menu-nav li a{color:#777}




.csxxk .csxxk02{margin:10px 0}

}
.foot_btm a{
    margin:0 3px;
}
.foot_btm a,
.foot_btm{
    font-size:16px;
    color:#fff;
}
.foot_btm{
    padding:13px 0;
}

.intro_con .row>:first-child>div{position:relative;width:100%}
.intro_con .row #poster{
    position:absolute;
    top:0px;
    left:0px;
    width:calc(100% - 25px);
    height:calc(100% - 20px);

    cursor:pointer;
    display:none
}
.intro_con .row iframe{width:100%;height:503px;}
video{cursor:pointer;}
.intro_con .row #poster img{width:100%}



@media screen and (min-width:1100px){


        .case-con .sidelist{
            width:270px;
            padding-right:50px;
            box-sizing:border-box
            
        }
        .product-recommend{margin:30px 0 50px;border:1px solid #e3e3e3;border-top:0; box-sizing:border-box}
        .product-recommend>div{border-bottom:1px solid #e3e3e3;padding:0}
        .product-recommend a{display:block;width:100%;height:100%;}
         .product-recommend>div:hover img{transform:scale(1.1);}
          .product-recommend  img{transition:all .3s;width:100%}
          .product-recommend .pic{overflow:hidden;}
        .product-recommend p{font-size:14px;color:#666;line-height:28px}
         .case-con .sidelist ul li.top a,
         .case-con .product-recommend  .top{
             font-size:18px;
             background:#0058de;
             line-height:50px;
             text-align:left;
             padding-left:15px;
             color:#fff;
             
         }
        .case-con .main-con ul li a p{
	        position: absolute;
	        bottom:0;
	        width: 100%;
	        text-align: center;
	        margin: 0;
	
	        color:#fff;
	        background:#0058de;
        }
        .sidelist ul li{
            background:#e6e6e6;
            font-size:16px;
            color:#4c4c4c;
            padding:5px 0 5px 20px;
            
            margin-bottom:4px;
        }
         .sidelist .toleft img{display:none}
        .sidelist ul li:hover,
        .sidelist ul li.hover{
            background:#e68719;
        }
        .sidelist ul li:hover a,
         .sidelist ul li:hover a:hover,
        .sidelist ul li.hover a{
            border-color:#fff;
            color:#fff;
        }
        .sidelist ul li a{
	        display:block;
	        height: 100%;
            text-align:left;
            border-left:4px solid #aaaaaa;
            padding-left:15px;
	        color:#545454;
	
	        font-size:14px;
        }
        .case-con .main-con{
            width:calc(100% - 312px);
            padding-left:30px;
            box-sizing:border-box;
        }
         .about-con .main-con .ways p{
             font-size:16px;
             color:#b2b2b2;
             text-align:left;
             margin-bottom:18px;
         }
         .about-con .main-con .qrcode p{
             font-size:20px;
             color:#666666;
             margin:10px 0 0; 
         }
         .about-con .main-con .map{
             margin-top:85px;
         }
         .about-con .main-con .map iframe{width:100%;}
         .about-con .main-con .map img{
             width:100%;
         }
        .about-con .main-con .ways p img{
            margin:-3px 8px 0 0 
        }
         .case-con .container,
          .about-con .container{
             margin-bottom:60px;
         }
         .sidelist ul li.top{padding:0;margin-bottom:7px;}
        .sidelist ul li.top a{
            width:100%;
            border:0;
        }

       
        .sidelist ul li a.focus{
	        background: #014097;
	        color:#fff;
        }


        .case-con .main-con ul li{
	        padding: 0;
	        float:left;
	
        }

        .case-con .main-con ul li img{width: 100%;height: 100%;}
        .case-con .main-con ul li a{
	        display: inline-block;
	        width: 100%;
	        height: 100%;
	        position: relative;
        }

}




/*------面包屑-------*/
.bread-crumb{
    padding:25px 0;
}
.bread-crumb a,
.bread-crumb{
    color:#ababab;
    font-size:14px;
    text-align:left;
}
@media screen and (max-width:1100px){
    .about-con .main-con .map iframe{width:100%;}

/*------侧栏-----*/
.sidelist{
		position: fixed;
		left:-202px;
		top:0;
		background: #e3e3e3;
		padding:82px 0 0 0 ;
		z-index:999;
		height: 100%;	
		transition:all .5s;
	}
	.side-active{
		left:0%;
		/*box-shadow:0px 0px 10px rgba(0,0,0,.6);*/
	}
	.sidelist ul li a{
		width:200px;
		height: 40px;
		line-height: 40px;
		background: #e3e3e3;
		font-size:16px;
		border-color:transparent transparent #fff transparent; 
	}

	.sidelist ul{
		width: 202px;
		height:85%;
       
		display: inline-block;
		border:1px solid #e0e0e0
	}
	.sidelist ul li{
		width: 200px;
		border-bottom:1px solid #e0e0e0;
	}
    .sidelist ul li.top,
    .sidelist ul li.top a{
        background:#0058de;
        color:#fff
    }
    .sidelist ul li.hover a{
          color:#ff6800;
        
    }


	.sidelist .showside{
		position: absolute;
		right: -28px;
		top: 82px;
		border-radius:50%;
		text-align: center;
		line-height: 40px;
	}
    .sidelist .showside img{
        width:28px;
    }
	.sidelist .toleft{
		display: block;
        height:54.5px;
        margin-bottom:10px;
		text-align: right;
		cursor: pointer;
	}	
    .sidelist .toleft img{height:100%;}
    .sidelist .toleft:active{
        background:#f8f8f8;
    }
	.sidelist .toleft:hover{
		opacity:.7;
	}

    /*关于我们*/
.about-con .container{
    margin-bottom:30px;
}
 .about-con .main-con .ways p{
             font-size:14px;
             color:#b2b2b2;
             text-align:left;
             margin-bottom:10px;
         }
  .about-con .main-con .ways p img{width:20px;}
         .about-con .main-con .qrcode p{
             font-size:16px;
             color:#666666;
             margin:10px 0 0; 
         }
         .about-con .main-con .map{
             margin-top:30px;
         }
         .about-con .main-con .map img{
             width:100%;
         }
         .about-con .main-con .qrcode .pic img{width:100px;}
        .about-con .main-con .ways p img{
            margin:-3px 8px 0 0 
        }



}
/*---技术支持--*/
.sup.case-con table{
    width:100%;
    border-spacing:0px;
    border:1px solid  #e6e6e6;
}
.sup.case-con table thead{
    background:#f5f7f9;
    font-size:14px;
    color:#4c4c4c;
    font-weight:bold;
}

.sup.case-con table tbody td{
    font-size:14px;
     color:#808080;
}
.sup.case-con table tbody td.date{
    color:#c9c9c9;
}
@media screen and (min-width:768px){
    .sup.case-con table tr>td:first-child{
        width:50%;
    }
    .sup.case-con table  td{
        height:55px;
        padding:0 10px!important;

    }
} 

.sup.case-con table .t_head{
    padding:0 10px;
    text-align:left;
    color:#808080;
    font-size:18px;
    font-weight:normal;
}


@media screen and (max-width:768px){
    .sup.case-con table  td{
        height:35px;

    }
    .sup.case-con table .t_head{
        font-size:16px;
    }

    .banner .owl-dots{
        position:absolute;
		bottom:10px;
		left:50%;
		margin-left:-24px;
	}
	.banner .owl-dots .owl-dot span{
        display:block;
		width: 10px;
		height: 10px;
        border-radius:50%;
        background:#e4e4e4;
	}
    .banner .owl-dots .owl-dot.active span{background:#0057dc}
	.banner .owl-dots .owl-dot{
		margin: 0 3px;
        float:left;
	}
    .sidelist ul{
         overflow-y:scroll;
         overflow-x:hidden;
    }
    .sidelist ul::-webkit-scrollbar {
    display: none;
}

       .sup.case-con table  td img{
        width:22px;
    }


}

.sup.case-con table  td{
     border:0;
     padding:0 5px;
     border-bottom:1px solid #e6e6e6;
}



.sup.case-con table tr>td:nth-child(2),
.sup.case-con table tr>td:nth-child(3),
.sup.case-con table tr>td:nth-child(4){
    width:12.5%;
}
.sup.case-con .webdiyerCss{margin-top:38px}

/*切换语言 */
.navbar-nav .change_lan{
    width:140px;
    text-align:center;
    margin-top:10px;
}
.navbar-nav .change_lan a{
    width:47%;
    display: block;
    height: 30px;
    border-radius: 3px;
    font-size: 14px;
    border:1px solid;
    text-align: center;
    line-height: 30px;
    padding:0;
    transition: all .3s;
}
.navbar-nav .change_lan .cn{
    border-color:#d51a29;
    color:#d51a29!important;
}
.change_lan .cn:hover,
.change_lan .cn.hover{
    background:#d51a29!important;
    color:#fff!important;
}
.change_lan .en:hover,
.change_lan .en.hover{
    background:#666!important;
    color:#fff!important;
}
.change_lan .en{
     border-color:#666;
       color:#666!important;
}
@media screen and (max-width:768px){
    .navbar-nav .change_lan{
        text-align:center;
        width:100%;
    }
    .navbar-nav .change_lan a{
        float:none;
        width:40%;
        display:inline-block;
        margin:0 10px;
        vertical-align:middle;
       

    }
    .about-con .main-con .map iframe{width:100%;height:220px;}


}
.navbar-right{margin:0!important}


/*-------------产品详情--------------*/


/*产品列表*/

.cplb{
	max-width:1200px;
	margin: 0px auto;
    width:100%;
}

.cplb-zf{
	width: 20%;
	float: left;
}

.cplb-zf ul li{width: 100%;height: 40px;text-align: center;background-color: #F1F1F1;overflow:hidden;
				cursor: pointer;}
.cplb-zf ul li a{font-size: 14px;color: #666;line-height: 40px;}
.cplb-zf ul li:hover{background: url(../images/cq30_03_03.png) no-repeat center center;}
.cplb-zf ul li:hover a{color:#258CD7;}


.cplb-yr{
	width: 75%;
	float: right;
}

.cplb-nb{
    width: 30%;
	float: left;
	cursor: pointer;
	margin: 30px 0 30px 3.3%;
}

.cplb-nb a{
	display: block;
}

.cplb-nb01{
	width:100%;
	position: relative;
}
.cplb-nb01 img{
	width: 100%;
	display: block;
}

.cpbjxq{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background:rgba(12,116,182,0.8);
	opacity: 0;
}

.cpbjxq01{
	width: 50%;
	height: 30px;
	border-radius: 20px;
	background-color: #fff;
	margin:0 auto;
    margin-top:48%;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #333;
}

.cplb-nb p{
	line-height: 40px;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}

.cplb-nb:hover .cpbjxq{
	opacity: 1;
	transition: all 0.8s; 
}
.cplb-nb:hover p{
	color: #006db2;
	opacity: 1;
	transition: all 0.8s; 
}

/*产品详情*/

.cpxq-fdj{
	/*width: 364px;*/
	float: left;
    display:block;
}
#tsImgSCon{width:305px!important}

.fdjb02{
    width:100%;
    display:none;
}
.fdjb02 img{
    width:70%;
}


.cpxqmc{
	width:40%;
	float: right;
}
.cpxqmc h2{
	font-size: 22px;
	color: #333;
	line-height: 40px;
}
.cpxqmc span{
	font-size: 16px;
	color: #333;
	margin-top: 5px;
}
.cpxqmc p{
	font-size: 14px;
	color: #666;
    text-align:left;
	line-height: 25px;
	margin-top: 15px;
}
.case-con .main-con{text-align:left;}


.csxxk {
    margin-top:80px;  
}

.csxxk01{
    height:40px;
    border-bottom:2px solid #dbdbdb;
}


.case-con .main-con .csxxk01 ul li{
    line-height:40px;
    height:40px;
    float:left;
    /*width:58px;*/
    padding:0 15px;
    text-align:center;
    margin-right:40px;
    box-sizing:border-box;
    cursor:pointer;
    font-size:16px;
    color:#333;
    overflow:hidden;
}
.case-con .main-con .csxxk01 ul li:hover,
.case-con .main-con .csxxk01 ul li.cur{
    color:#258CD7;
    border-bottom:2px solid #258CD7;
}

.csxxk01 ul li.cur{
    color:#258CD7;
    border-bottom:2px solid #258CD7;
}


.csxxk02{
    padding:20px;
    margin:40px 0;
}

.xxxq p{
    font-size:16px;
    color:#333;
    line-height:30px;
    text-align:left;
}
.cplb.case-con .container{margin:0}

.xxxq img{
    max-width:100%;
    margin-top:30px;
}
@media screen and (min-width:768px) and (max-width:1100px){
    .sidelist .showside{top:82px;}
    .sidelist .toleft{display:block}
    .sidelist{top:25px}

  
}
@media screen and (max-width:1100px){
    .cpxq-fdj{display:none}
     .case-con .main-con .csxxk01{height:30px;}
    .case-con .main-con .csxxk01 ul li{line-height:20px;margin-right:0px;padding:0 5px;font-size:14px;height:30px;}
    .fdjb02{display:block}
    .cpxqmc{width:100%;}
    .cpxqmc h2{font-size:18px;}
    .cpxqmc span{font-size:12px;}
    .csxxk{margin-top:30px;}

   
    .product-recommend{display:none}
}



@media (width:768px){
    .navbar-nav .change_lan{width:160px;margin-top:3px}
    .navbar-nav .change_lan a{margin:0 2px;}
    .nav > li > a{padding:10px 9px}

    .csxxk01 ul li{width:auto;padding:0 15px!important;}
}