﻿body {
    overflow-x:hidden;
}
.clear {
    clear:both;
}
.inmain{
    min-height:800px;
}
.incase_con img{
    max-width:100%;
}
.innews_show_con img {
    max-width:100%;
}
.incase_con1 {
    font-size:14px;
}
/*内页导航*/
.innav {
   width:30%;
   min-height:1000px;
   background-image: url('/libs/portalNew/images/innav_bg.png');
   background-size:cover;
   background-position:center center;
   position:fixed;
   left:0;
   top:65px;
   float:left;
   z-index:10;
}
.innav_con {
    width:256px;
    height:600px;
    margin-top:70px;
}
.innav_con .innav_con_bg1 {
    display: block;
    width: 256px;
    height: 180px;
    position:absolute;
    right:-5px;
    background-image: url('/libs/portalNew/images/innav_bg_1.png');
    background-size:cover;
    background-position:center center;
}
    .innav_con .innav_con_bg1 h3 {
    font-size:20px;
    color:#fff;
    text-align:right;
    padding-right:20px;
    margin-top:30px
    }
 .innav_con .innav_con_bg1 h4 {
    font-size:20px;
    color:#fff;
    text-align:right;
    padding-right:20px;
    margin-top:10px
    }
  .innav_con .innav_con_bg1 h5 {
    font-size:12px;
    color:#fff;
    text-align:right;
    padding-right:20px;
    margin-top:20px;
    line-height:20px;
    }
   .innav_con .innav_con_bg1 h6 {
    font-size:12px;
    color:#fff;
    text-align:right;
    padding-right:20px;
    margin-top:10px
    }
/*21212*/

.innav_list {
    width: 256px;
    margin-top:210px;
    position:absolute;
    right:0;
}
.innav_list li{
    width: 100%;
    height:40px;
    line-height:40px;
    text-align:center;
    background:#000;
    margin-top:10px;
    overflow:hidden;
    cursor: pointer;
}
.innav_list li.in_art {
    background:#fff;
}
.innav_list li.in_art span{
    margin-left:0;
}
.innav_list li.in_art h3{
    margin-left:60px;
    color:#fff;
}
.innav_list li.in_art h3 a{
    color:#1a1a1a;
}

.innav_list li.in_art1 {
    background:#fff;
}
.innav_list li.in_art1 span{
    margin-left:0;
}
.innav_list li.in_art1 h3{
    margin-left:60px;
    color:#fff;
}
.innav_list li.in_art1 h3 a{
    color:#1a1a1a;
}
.innav_list li span{
    display:block;
    width:40px;
    height:40px;
    float:left;
    margin-left:-40px;
}
.innav_list li .innav_icon1 {background-image: url('/libs/portalNew/images/innav_icon1.png');}
.innav_list li .innav_icon2 {background-image: url('/libs/portalNew/images/innav_icon2.png');}
.innav_list li h3 a{
    font-size:14px;
    color:#fdfcfc;
    line-height:40px;
}
.innav_list li:hover a{
    color:#1a1a1a;
}
.ad {
    width: 220px;
    height:140px;
    display:block;
    margin-top:40px;
}
.ad img {
    margin-left:10px
}
/*内页导航结束*/
.incase_con {
    width:50%;
    margin-bottom:50px;
    margin-left:32%;
    float:left;
    margin-top: -40px;
}
/*::-webkit-scrollbar {
    width:0
}*/
.incase_con1 {
    padding-top:60px;
}
.incase_title {
    border-bottom:solid 1px #e0e0e0;
    height:60px;
}
.incase_title h2 {
    width:160px;
    margin:0 auto;
    font-size:20px;
    color:#4c4c4c;
    text-align:center;
    background:#fff;
    line-height:115px;
    }
.incase_con1_con {
    margin-top:60px;
    width:100%;
}
.incase_con1_con .incase_con1_con_img {
    display:block;
    width:100%;
    height:auto;
}
.incase_con1_con .incase_con1_con_img img {
        width:100%;
}
.incase_con1_con h3 {
    font-size:20px;
    color:#1e468f;
    text-align:left;
    margin-top:30px;
}
.incase_con1_con p {
    color:#808080;
    font-size:14px;
    margin-top:20px;
    line-height:25px;
}
#incase_con2 {
    padding-top:60px;
}
.c_service_con {
    margin-top:30px;
    height:300px;
}
.c_service_con li {
    width: 25%;
    float: left;
}

.c_service_con ul .c_service_4 {
    position: relative;
}

.c_service_con ul .c_service_5 {
    margin-top: 40px;
}

.c_service_con ul .c_service_6 {
    margin-top: 40px;
}

.c_service_con ul .c_service_7 {
    margin-top: 40px;
}

.c_service_con ul .c_service_8 {
    margin-top: 40px;
}

.c_service_con ul .c_service_1 div {
    width: 136px;
    height: 138px;
    background-image: url('/libs/portalNew/images/service1.png');
    background-repeat:no-repeat;
    float: left;
}

.c_service_con ul .c_service_1 h4 {
    width: 60px;
    height: 80px;
    margin: 30px auto;
    font-size: 24px;
    color: #4d4d4d;
    text-align: center;
}

.c_service_con ul .c_service_1 span {
    display: block;
    width: 23px;
    height: 46px;
    background-image: url('/libs/portalNew/images/service_n.png');
    background-repeat:no-repeat;
    float: left;
    /*margin-left: 65px;*/
    margin-top: 46px;
}

.c_service_con ul .c_service_2 div {
    width: 134px;
    height: 138px;
    background-image: url('/libs/portalNew/images/service2.png');
    background-repeat:no-repeat;
    float: left;
}

.c_service_con ul .c_service_2 h4 {
    width: 60px;
    height: 80px;
    margin: 30px auto;
    font-size: 24px;
    color: #4d4d4d;
    text-align: center;
}

.c_service_con ul .c_service_2 span {
    display: block;
    width: 23px;
    height: 46px;
    background-image: url('/libs/portalNew/images/service_n.png');
    background-repeat:no-repeat;
    float: left;
    /*margin-left: 65px;*/
    margin-top: 46px;
}

.c_service_con ul .c_service_3 div {
    width: 136px;
    height: 138px;
    background-image: url('/libs/portalNew/images/service3.png');
    background-repeat:no-repeat;
    float: left;
}

.c_service_con ul .c_service_3 h4 {
    width: 60px;
    height: 80px;
    margin: 30px auto;
    font-size: 24px;
    color: #4d4d4d;
    text-align: center;
}

.c_service_con ul .c_service_3 span {
    display: block;
    width: 23px;
    height: 46px;
    background-image: url('/libs/portalNew/images/service_n.png');
    background-repeat:no-repeat;
    float: left;
    /*margin-left: 65px;*/
    margin-top: 46px;
}

.c_service_con ul .c_service_4 div {
    width: 136px;
    height: 138px;
    background-image: url('/libs/portalNew/images/service4.png');
    background-repeat:no-repeat;
    float: left;
}

.c_service_con ul .c_service_4 h4 {
    width: 60px;
    height: 80px;
    margin: 30px auto;
    font-size: 24px;
    color: #4d4d4d;
    text-align: center;
}

.c_service_con ul .c_service_4 span {
    display: block;
    width: 47px;
    height: 23px;
    background-image: url('/libs/portalNew/images/service_d.png');
    background-repeat:no-repeat;
    float: left;
    position: absolute;
    left: 47px;
    top: 150px;
}

.c_service_con ul .c_service_5 div {
    width: 138px;
    height: 138px;
    background-image: url('/libs/portalNew/images/service8.png');
    background-repeat:no-repeat;
    float: left;
}

.c_service_con ul .c_service_5 h4 {
    width: 60px;
    height: 80px;
    margin: 30px auto;
    font-size: 24px;
    color: #4d4d4d;
    text-align: center;
}

.c_service_con ul .c_service_5 span {
    display: block;
    width: 23px;
    height: 46px;
    background-image: url('/libs/portalNew/images/service_p.png');
    background-repeat:no-repeat;
    float: left;
    /*margin-left: 65px;*/
    margin-top: 46px;
}

.c_service_con ul .c_service_6 div {
    width: 136px;
    height: 138px;
    background-image: url('/libs/portalNew/images/service7.png');
    background-repeat:no-repeat;
    float: left;
}

.c_service_con ul .c_service_6 h4 {
    width: 60px;
    height: 80px;
    margin: 30px auto;
    font-size: 24px;
    color: #4d4d4d;
    text-align: center;
}

.c_service_con ul .c_service_6 span {
    display: block;
    width: 23px;
    height: 46px;
    background-image: url('/libs/portalNew/images/service_p.png');
    background-repeat:no-repeat;
    float: left;
    /*margin-left: 65px;*/
    margin-top: 46px;
}

.c_service_con ul .c_service_7 div {
    width: 136px;
    height: 138px;
    background-image: url('/libs/portalNew/images/service6.png');
    background-repeat:no-repeat;
    float: left;
}

.c_service_con ul .c_service_7 h4 {
    width: 60px;
    height: 80px;
    margin: 30px auto;
    font-size: 24px;
    color: #4d4d4d;
    text-align: center;
}

.c_service_con ul .c_service_7 span {
    display: block;
    width: 23px;
    height: 46px;
    background-image: url('/libs/portalNew/images/service_p.png');
    background-repeat:no-repeat;
    float: left;
    /*margin-left: 65px;*/
    margin-top: 46px;
}

.c_service_con ul .c_service_8 div {
    width: 136px;
    height: 138px;
    background-image: url('/libs/portalNew/images/service5.png');
    background-repeat:no-repeat;
    float: left;
}

.c_service_con ul .c_service_8 h4 {
    width: 60px;
    height: 80px;
    margin: 30px auto;
    font-size: 24px;
    color: #4d4d4d;
    text-align: center;
}

.c_service_con ul li:hover span {
    transform: rotate(360deg);
    transition: all 0.5s ease-in-out;
}
/*新闻列表*/
.innav1 {
     /*background-image: url('/libs/portalNew/images/innav_bg2.png');*/
}
.innews_con {
    width:50%;
    margin-bottom:50px;
    float:left;
    margin-left:32%;
}
.news_list {

}
.news_con {
    padding-bottom:30px;
    margin-top:30px;
    float:right;
    width:100%;border-bottom:1px #dedede solid;
}
.news_con_title {
    height:40px;background:#ccc;
    width:100%;
    position:relative;
    display:none;
}
.news_con_title a {

    /*position:absolute;
    left:1%;top:0;*/
    float:left;
    margin-left:1%;
    line-height:40px;
    color:#fff;
    font-size:14px;
}
.news_con_title b {
    /*position:absolute;
    left:70px;top:0;*/
    float:left;
    margin-left:1%;
    height:40px;
    line-height:40px;
    color:#fff;
    font-size:14px;
    font-weight:normal;
}
.news_con_title p {
    
    height:40px;
    position:absolute;
    right:1%;
    top:0;
}
.news_con_title p span {
    width: 21px;
    height: 13px;
    display: block;
    background-image: url('/libs/portalNew/images/view.png');
    float:left;
    margin-top:13px;
}
.news_con_title p i {
    font-style:normal;
    line-height:40px;
    font-size:14px;
    color:#fff;
    margin-left:10px;
}
/*.innews_main {
    width:100%; 
    width:-moz-calc(100% - 220px);
    width:-webkit-calc(120% - 220px);
    width: calc(100% - 220px);
    margin:0 auto;
    float:left;
    margin-left:20px;
}*/
.innews_main h2{
    height:30px;
    line-height:25px;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    margin-top:53px;
}
.innews_main h2 a {
    color:#1a1a1a;
    font-size:16px;
}


.innews_main h4 {
    margin-top:10px;
}
.innews_main h4 a{
    color:#1e468f;
    font-size:14px;
}
.inpage {
    margin-top:60px;
    width:260px;
    float:right;
    height:30px;
}
.inpage ul li {
    float:left;
    margin-left:10px;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    background:#e1e1e1;
}
.inpage ul li  a {
    color:#808080;
}
.inpage .in_check {
    background:#2d68b9;

}
.inpage .in_check a {
    color:#fff
}
/*新闻详情*/
.innews_show {
    width:50%;
    margin-left:32%;
    margin-left:32%;
    margin-bottom:50px;
}
.innews_show_title {
    width:100%;
    margin-top:40px;
    border-bottom:solid 1px #ccc
}
.innews_show_title h1 {
    font-size:24px;
    color:#333333;
    text-align:center;
    line-height:40px;
}
.innews_show_title .innews_show_title_2 {
    display:block;
    height:40px;
    width:200px;
    margin-top:10px;
    margin:0 auto;
    position:relative;
}
.innews_show_title .innews_show_title_2 a {
    position:absolute;
    left:10px;top:0;
    line-height:40px;
    color:#999;
    font-size:14px;
}


.innews_show_title .innews_show_title_2 b {
    position:absolute;
    left:105px;top:0;
    height:40px;
    line-height:40px;
    color:#999;
    font-size:14px;
    font-weight:normal;
}
.innews_show_title .innews_show_title_2 p {
    width:80px;
    height:40px;
    position:absolute;
    right:10px;
    top:0;
}
.innews_show_title .innews_show_title_2 span {
    width: 21px;
    height: 13px;
    display: block;
    background-image: url('/libs/portalNew/images/view1.png');
    float:left;
    margin-top:13px;
}
.innews_show_title .innews_show_title_2 p i {
    font-style:normal;
    line-height:40px;
    font-size:14px;
    color:#999;
    margin-left:10px;
}
.innews_show_con {
    padding-top:20px;
    color:#808080;
    font-size:14px;
    line-height:200%;
}
.innews_more {
    margin-top:40px;
    margin-bottom:50px;
    width:140px;
    height:25px;
    float:right;
}
.innews_more .innews_more_1 {
    display:block;
    width:25px;
    height:25px;
    float:left;
    margin-left:20px;
}
.innews_more .show_p,.show_n {
    width:15px;
    height:25px;
    display:block;
    float:left;
    margin-left:30px;  
}
/*案例展示*/
.content-wrapper {

}
.content-title1 {
    border-top:solid 1px #dedede;
}
.content-title1 h2 {
    background:#fff;
    width:120px;
    margin:0 auto;
    margin-top:-15px;
    text-align:center;
}
.inhezuo {
    margin-top:-90px;
}
.inhezuo_con {
    height:550px;
}
.inhezuo_con {
    width:100%;
    background-image: url('/libs/portalNew/images/inhezuo_bg.png');
    background-size:cover;
    padding-top:1px;
    overflow:hidden;
}
.inhezuo .content-wrapper {
    padding:0;

}
.inhezuo .content-header {
    padding-top:80px;

}
.inhezuo .content-body {
    padding-top:10px;
}
.inhezuo_con ul{
    width:840px;
    height:350px;
    margin:0 auto;
    margin-top:100px;
    position:relative;
}
.inhezuo_con ul li {
    width: 159px;
    height: 183px;
    background-image: url('/libs/portalNew/images/incase_bg.png');
    background-repeat:no-repeat;
    float:left;
}
.inhezuo_con ul li:hover img{
    transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    /*transform:scale(-1,1);
    -moz-transform:scale(-1,1);  
    -webkit-transform:scale(-1,1);*/   
    transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}
.inhezuo_con .inhezuo_con_1 {position:absolute;left:85px;top:0;}
.inhezuo_con .inhezuo_con_2 {position:absolute;left:254px;top:0;}
.inhezuo_con .inhezuo_con_3 {position:absolute;left:423px;top:0;}
.inhezuo_con .inhezuo_con_4 {position:absolute;left:592px;top:0;}
.inhezuo_con .inhezuo_con_5 {position:absolute;left:0;top:149px;}
.inhezuo_con .inhezuo_con_6 {position:absolute;left:169px;top:149px;}
.inhezuo_con .inhezuo_con_7 {position:absolute;left:338px;top:149px;}
.inhezuo_con .inhezuo_con_8 {position:absolute;left:507px;top:149px;}
.inhezuo_con .inhezuo_con_9 {position:absolute;left:676px;top:149px;}
.inhezuo_con ul li img {
    position:absolute;
    left:0;top:0;right:0;bottom:0;margin:auto;
    max-width:100%;
    transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}
.inhezuo_bd {
    position:relative;
}
.inhezuo_hd {
    width:80px;
    height:20px;
    margin:0 auto;
    text-align:center;
    margin-top:-50px;
    padding-bottom:50px;
}
.inhezuo_hd li {
    width:14px;
    height:14px;
    float: left;
    background-image: url('/libs/portalNew/images/dian_b.png');
    background-repeat:no-repeat;
    font-size:0px;
    margin-left:10px;
    cursor:pointer;
}
.inhezuo_hd li.on {
    background-image: url('/libs/portalNew/images/dian_w_03.png');
}

.newsImg{
    width:240px;
    height:180px; 
    float:left;
}
.newsImg img{
    width:100%;
    height:100%;
}
.newContent{    
    overflow:hidden;
}
.innews_main span{
    color:white;
    background-color:#ccc;
    padding:1px 5px;
    text-align:center;
    border-radius:2px;
    margin-left:25px;
    font-size:12px;
     -webkit-transform: scale(.9);
            -moz-transform: scale(.9);
            -ms-transform: scale(.9);
            -o-transform: scale(.9);
            transform: scale(.9);
}
.innews_main h2:hover,.innews_main .newContent:hover{

    text-decoration:none ; 
}
.innews_main h2:hover {
    color: #2CAD39;
}


@media (min-width:1200px) {

    .innews_main p {
    color:#999;
    font-size:14px;
    line-height:1.6em;
    min-height:72px;
    overflow:hidden;
    margin-top:36px;
    width:80%;
}
    .innav {
        width: 24%;
        /*min-height:1000px;*/
        min-height:900px;
        /*background-image: url('/libs/portalNew/images/innav_bg.png');*/
        background-size: cover;
        background-position: center center;
        position: fixed;
        left: 0;
        /*top:65px;*/
        top: 20px;
        float: left;
        z-index: 10;
        height: 100%;
        overflow-y: hidden;
    }
.innav_con {
    width:256px;
    height:600px;
    margin-top:70px !important;
}

    .lili a {
        color: #2d68b9 !important
    }
    .lili div {
        background-image: url('/libs/portalNew/images/icon_right_sel.png') !important
    }
    .scroll_img {

        background-image: url('/libs/portalNew/images/icon_right_nor.png') 
    }

    .innav_list li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #000;
        margin-top: 10px;
        overflow: hidden;
        cursor: pointer;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }   
.innav_list li.in_art {
    /*border-top-left-radius:2px;
    border-bottom-left-radius:2px;
    overflow:hidden;*/
}
.innav_list li.in_art span{
    margin-left:0;
}
.innav_list li.in_art h3{
    margin-left:40px;
    color:#fff;
    background:#fff;
}
.innav_list li.in_art h3 a{
    color:#1a1a1a;
}

.innav_list li.in_art1 {
    background:#fff;
}
.innav_list li.in_art1 span{
    margin-left:0;
}
.innav_list li.in_art1 h3{
    margin-left:60px;
    color:#fff;
}
.innav_list li.in_art1 h3 a{
    color:#1a1a1a;
}
.innav_list li span{
    display:block;
    width:40px;
    height:40px;
    float:left;
    margin-left:-40px;
}
.innav_list li .innav_icon1 {
    background-image: url('/libs/portalNew/images/icon_tg.png');
}
.innav_list li .innav_icon2 {
    background-image: url('/libs/portalNew/images/icon_h5.png');
}
.innav_list li .innav_icon3 {
    background-image: url('/libs/portalNew/images/icon_vedio.png');
}
.innav_list li .innav_icon4 {
    background-image: url('/libs/portalNew/images/icon_tg.png');
}
.innav_list li .innav_icon5 {
    background-image: url('/libs/portalNew/images/icon_news.png');
}
.innav_list li .innav_icon6 {
    background-image: url('/libs/portalNew/images/icon_hydt.png');
}
.innav_list li .innav_icon7 {
    background-image: url('/libs/portalNew/images/icon_cnews.png');
}
.innav_list li h3 a{
    font-size:14px;
    color:#fdfcfc;
    line-height:40px;
}
.innav_list li:hover a{
    color:#1a1a1a;
}
.ad {
    width: 220px;
    height:140px;
    display:block;
    margin-top:40px;
}
.ad img {
    margin-left:10px
}
    .back_top {
        background-image: url('/libs/portalNew/images/pic_back_top.png');
        width: 256px;
        height: 78px;
        position: absolute;
        top:60.8%;
        right:0;
        text-align:center;
        color:white;  
        cursor:pointer;
        background-size:100% 100%;
    }
 .back_top span{
     line-height:78px;
 }
    .innav_con .innav_con_bg1 {
        display: block;
        width: 256px;
        height: 180px;
        position: absolute;
        right: -5px;
        background-image: url(/libs/portalNew/images/innav_bg_1.png);
        background-size: cover;
        background-position: center center;
    }
    .innav_con .innav_con_bg1 h3 {
    font-size:20px;
    color:#fff;
    text-align:right;
    padding-right:20px;
    margin-top:33px
    }
 .innav_con .innav_con_bg1 h4 {
    font-size:20px;
    color:#fff;
    text-align:right;
    padding-right:20px;
    margin-top:10px
    }
  .innav_con .innav_con_bg1 h5 {
    font-size:12px;
    color:rgba(255,255,255,0.7);
    text-align:right;
    padding-right:20px;
    margin-top:15px;
    line-height:20px;
    }
   .innav_con .innav_con_bg1 h6 {
    font-size:12px;
    color:rgba(255,255,255,0.7);
    text-align:right;
    padding-right:20px;
    /*margin-top:10px;*/
    line-height:20px;
    }
    .innav_con_logo {
        margin: 0 auto;
        margin-top:10px;
        width:130px;
    }
    .innews_main {
        width: 70%;
        width: -moz-calc(100% - 360px);
        width: -webkit-calc(100% - 360px);
        width: calc(100% - 360px);
        margin: 0 auto;
        float: left;
        margin-left: 20px;
        text-align:left
    }
.incase_con {
    width: 50%;
}
.innews_con {
    width: 65%;
}
.innews_show {
    width: 50%;
    padding-top:1px;
}
}
@media (max-width:1199px) {
    .innews_main p {
    color:#999;
    font-size:14px;
    line-height:1.6em;
    min-height:72px;
    overflow:hidden;
    margin-top:36px;
    width:80%;
}
.incase_con {
    width: 68%;
}
.innews_con {
    width: 68%;
}
.innews_show {
    width: 68%;
    padding-top:1px;
}
}
@media (min-width:1280px) {
.case_banner_text {
    text-align: center;
    height: 250px;
    width: 550px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.case_banner_text h2 {
    font-size: 30px;
    color: #ededed;
    text-align: center;
    padding: 10px;
    border: solid 1px #ababab;
    font-weight: 100;
    margin-top: 40px;
}

.case_banner_text h3 {
    font-size: 14px;
    color: #9c9c9c;
    text-align: center;
    padding: 2px;
    margin-top: 25px;
}
}

@media screen and (min-width: 769px) and (max-width: 1279px) {
.case_banner_text {
    text-align: center;
    height: 200px;
    width: 550px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.case_banner_text h2 {
    font-size: 24px;
    color: #ededed;
    text-align: center;
    padding: 10px;
    border: solid 1px #ababab;
    font-weight: 100;
    margin-top: 10px;
}

.case_banner_text h3 {
    font-size: 10px;
    color: #9c9c9c;
    text-align: center;
    padding: 2px;
    margin-top: 5px;
}

}

@media screen and (min-width: 769px) and (max-width: 1199px) {

.innav {
   width:24%;
   min-height:1000px;
   background-image: url('/libs/portalNew/images/innav_bg.png');
   background-size:cover;
   background-position:center center;
   position:fixed;
   left:0;
   top:65px;
   float:left;
   z-index:10;
}
.innav_con {
    width:256px;
    height:600px;
    margin-top:70px;
}

.innav_con {
        width:200px;
}

.innav_list li{
    width: 100%;
    height:40px;
    line-height:40px;
    text-align:center;
    background:#e6e6e6;
    margin-top:10px;
    overflow:hidden;
    cursor: pointer;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}
.innav_list li.in_art {
    background:#fff;
}
.innav_list li.in_art span{
    margin-left:0;
}
.innav_list li.in_art h3{
    margin-left:40px;
    color:#fff;
    background:#fff;
}
.innav_list li.in_art h3 a{
    color:#1a1a1a;
}

.innav_list li.in_art1 {
    background:#fff;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}
.innav_list li.in_art1 span{
    margin-left:0;
}
.innav_list li.in_art1 h3{
    margin-left:60px;
    color:#fff;
}
.innav_list li.in_art1 h3 a{
    color:#1a1a1a;
}
.innav_list li span{
    display:block;
    width:40px;
    height:40px;
    float:left;
    margin-left:-40px;
}
    .innav_list li .innav_icon1 {
        background-image: url('/libs/portalNew/images/icon_tg.png');
    }
.innav_list li .innav_icon2 {
    background-image: url('/libs/portalNew/images/icon_h5.png');
}
.innav_list li .innav_icon3 {
    background-image: url('/libs/portalNew/images/icon_vedio.png');
}
.innav_list li .innav_icon4 {
    background-image: url('/libs/portalNew/images/icon_tg.png');
}
.innav_list li .innav_icon5 {
    background-image: url('/libs/portalNew/images/icon_news.png');
}
.innav_list li .innav_icon6 {
    background-image: url('/libs/portalNew/images/icon_hydt.png');
}
.innav_list li .innav_icon7 {
    background-image: url('/libs/portalNew/images/icon_cnews.png');
}
.innav_list li h3 a{
    font-size:14px;
    color:#fdfcfc;
    line-height:40px;
}
.innav_list li:hover a{
    color:#1a1a1a;
}
.ad {
    width: 220px;
    height:140px;
    display:block;
    margin-top:40px;
}
.ad img {
    margin-left:10px
}
.innav_con .innav_con_bg1 {
    display: block;
    width:200px;
    height: 180px;
    position:absolute;
    right:-5px;
    background-image: url('/libs/portalNew/images/innav_bg_1.png');
    background-size:cover;
    background-position:center center;
}
    .innav_con .innav_con_bg1 h3 {
    font-size:20px;
    color:#fff;
    text-align:right;
    padding-right:20px;
    margin-top:33px
    }
 .innav_con .innav_con_bg1 h4 {
    font-size:20px;
    color:#fff;
    text-align:right;
    padding-right:20px;
    margin-top:10px
    }
  .innav_con .innav_con_bg1 h5 {
    font-size:12px;
    color:rgba(255,255,255,0.7);
    text-align:right;
    padding-right:20px;
    margin-top:15px;
    line-height:20px;
    }
   .innav_con .innav_con_bg1 h6 {
    font-size:12px;
    color:rgba(255,255,255,0.7);
    text-align:right;
    padding-right:20px;
    /*margin-top:10px;*/
    line-height:20px;
    }

    .innews_main {
        width: 100%;
        width: -moz-calc(100% - 360px);
        width: -webkit-calc(100% - 360px);
        width: calc(100% - 360px);
        margin: 0 auto;
        float: left;
        margin-left: 20px;
        text-align:left
    }
/*.innav_list {
    width:200px;
}*/
.innav_list {
    width: 200px;
    margin-top:210px;
    position:absolute;
    right:0;
}
.ad img{
    width:160px;
}

}
/*手机端*/
@media (max-width:768px) {
body {
    overflow-x:hidden;
}
.innav {
    /*display:none;*/
    background-image:none;
    width:100%;
    float: left;
    z-index: 10;
}
.innav_con {
    width:100%;
    height:auto;
    position:relative;
}
.innav_con .innav_con_bg1{
    display:none;
    width: 0;
    height: 0;
}

.ad {
    display:none;
}
.innav_list {
    width:98%;
    float:left; 
    position:absolute;
    left:1%;
    top:0;  
}
.innav_list li{
    width: 150px;
    height:40px;
    line-height:40px;
    text-align:center;
    background:#e6e6e6;
    margin-top:10px;
    overflow:hidden;
    cursor: pointer;
    float:left;
    margin-right:5px;
}
.innav_list li.in_art {
    background:#fff;
}
.innav_list li.in_art span{
    margin-left:0;
}
.innav_list li.in_art h3{
    /*margin-left:60px;*/
    color:#fff;
}
.innav_list li.in_art h3 a{
    color:#5ea1f6;
}

.innav_list li.in_art1 {
    background:#fff;
        border-top-left-radius:2px;
    border-bottom-left-radius:2px;
}
.innav_list li.in_art1 span{
    margin-left:0;
}
.innav_list li.in_art1 h3{
    margin-left:60px;
    color:#fff;
}
.innav_list li.in_art1 h3 a{
    color:#1a1a1a;
}
.innav_list li span{
    display:block;
    width:40px;
    height:40px;
    float:left;
    margin-left:-40px;
    display:none;
}
    .innav_list li .innav_icon1 {
        background-image: url('/libs/portalNew/images/icon_tg.png');
    }
.innav_list li .innav_icon2 {
    background-image: url('/libs/portalNew/images/icon_h5.png');
}
.innav_list li .innav_icon3 {
    background-image: url('/libs/portalNew/images/icon_vedio.png');
}
.innav_list li .innav_icon4 {
    background-image: url('/libs/portalNew/images/icon_tg.png');
}
.innav_list li .innav_icon5 {
    background-image: url('/libs/portalNew/images/icon_news.png');
}
.innav_list li .innav_icon6 {
    background-image: url('/libs/portalNew/images/icon_hydt.png');
}
.innav_list li .innav_icon7 {
    background-image: url('/libs/portalNew/images/icon_cnews.png');
}


.innav_list li h3 a{
    font-size:14px;
    color:#fdfcfc;
    line-height:40px;
}
.innav_list li:hover a{
    color:#fff;
}

.incase_con {
    width:98%;
    margin-left:1%;
    margin-top:20px;
}
.innews_show {
    width:98%;
    margin-left:1%;
    margin-top:20px; 
}
.innews_con {
    width:98%;
    margin-left:1%;
    margin-top:30px;  
}
.innews_show_title {
    margin-top:120px;  
}
.newsImg{
    width:200px;
    height:120px; 
    float:none;
}

.innews_main {
    width:100%; 
    width:-moz-calc(100% );
    width:-webkit-calc(10% );
    width: calc(100%);
    margin:0 auto;
    float:left;
    margin-left:20px;
    text-align:left
}

.case_banner_text {
   /*display:none;*/  
    width:80%;
    position: absolute;
    height:auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align:center;
}
.case_banner_text img {
    width:30px;
    height:30px;
    margin:0 auto;
}
.case_banner_text h2 {
    font-size: 16px;
    color: #ededed;
    text-align: center;
    padding: 10px;
    border: solid 1px #ababab;
    font-weight: 100;
    margin-top: 10px;
}

.case_banner_text h3 {
    font-size: 8px;
    color: #9c9c9c;
    text-align: center;
    padding: 2px;
    margin-top: 5px;
}
/*.inhezuo {
    display:none;
}
.inhezuo_con ul{
    width:98%;
    margin:0 auto;  
}
.inhezuo_con li{
    width:33.33%;
    float:left;
}*/
}
@media (max-width:890px) {
    .inhezuo {
    display:none;
}

}
@media (max-width:498px) {
.case_banner_text img {
    width:30px;
    height:30px;
    margin:0 auto;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
}
.case_banner_text h2 {
    font-size: 8px;
    color: #ededed;
    text-align: center;
    padding: 2px;
    border: solid 1px #ababab;
    font-weight: 100;
    margin-top: 35px; 
}
.case_banner_text h3 {
    display:none;
}
}
@media (max-width:660px) {
.incase_con {
    width:98%;
    margin-left:1%;
    margin-top:80px;  
}
}
@media (max-width:420px) {
.innews_con {
    width:98%;
    margin-left:1%;
    margin-top:100px;  
}
.incase_con {
    width:98%;
    margin-left:1%;
    margin-top:70px;  
}
.innews_show_title {
    padding-top:60px;
} 
}
@media (max-width:330px) {
.incase_con {
    width:98%;
    margin-left:1%;
    margin-top:160px;  
}
.innews_con {
    width:98%;
    margin-left:1%;
    margin-top:150px;  
}

}
.case_info {
    width:100%;
    background:#fff;
    padding-top:1px;
    padding-bottom:60px;
}
.caseInfo {
    width:70%;
    background:#fff;
    margin:0 auto;
    position:relative;
    padding:0 15px;
}
.caseBox {
    border-top: 1px solid #E6E6E6;
}
.pp {
    width: 81px;
    height: 81px;
    display: block;
    background-image: url('/libs/portalNew/images/pp.png');
    position: fixed;
    left: 10%;
}
.nn {
    width: 81px;
    height: 81px;
    display: block;
    background-image: url('/libs/portalNew/images/nn.png');
    position:fixed;
    right:10%;
}
.caseInfo_title {
    height:100px;
    background:#fff;
    text-align:center;
    line-height:100px;
}
.caseInfo_title h1 {
    line-height:100px;
}

.caseInfo_title h1 {
    line-height:100px;
}
.caseinfo_11 {
    margin-top:90px;
    text-align:center;
}
.caseinfo_11 img {
    width:180px;
    height:180px;
}
.caseinfo_11 h3 {
    font-size:14px;
    color:#333;
    margin-top:40px;
}
.caseinfo_jianjie {
    width:80%;
    text-align:left;
    margin:0 auto;
    font-size:14px;
    color:#666;
    margin-top:30px;
    margin-bottom:30px;
}
.caseInfo_con {
    width:80%;
    margin:0 auto;
    margin-top:60px;
    margin-bottom:60px;
    color:#666666;
    font-size:14px;
}
.caseInfo_con img {
    max-width:100%;
}
.casecontent {
    /*padding: 2%;*/
    padding: 0 2% 2% 2%;
}
.share {
    min-height:100px;
    background:#fff;
    font-size:14px;
    color:#666;
    line-height:100px;
    width: 70%;
    margin: 0 auto;
}
.share ul {
    text-align:center;
}
.share ul li {
    float:none;
    display:inline-block;
    margin-right:10px;
}
.casetui {
    width:70%;
    margin:0 auto;
    /*height:280px;*/
    background:#fff;
    margin-top:30px;
}
.casetui_tit {
    width:98%;
    height:50px;
    margin:0 auto;
    border-bottom:1px #dddfe1 solid;
    line-height:50px;
}
.casetui_tit h4 {
    color:#333;
    font-size:14px;
    text-align:left;
    line-height:50px;
}

.casetui_tit span {
    color:#db630a;
    font-size:14px;
    text-align:left;
    line-height:50px;
}
.casetui_con {
    width:98%;
    margin:0 auto;
    /*height:160px;*/
    margin-top:30px;
    margin-bottom:30px;
}
.casetui_con ul li{
    width:23.5%;
    margin-right:2%;
    float:left;
}
.casetui_con ul li:last-child{
    margin-right:0;
}
.casetui_con ul li img {
    width:100%;
}
.casemore{
    width:70%;
    margin:0 auto;
    height:45px;
    line-height:45px;
    text-align:center;
    background:#2d68b9;
    margin-top:30px;
    padding-bottom:30px;
    border-radius:2px;
    
    
}
.casemore a {
     font-size:14px;
     color:#fff;
}
@media screen and (min-width: 1200px) and (max-width: 1920px){
    .pp {
    width: 81px;
    height: 81px;
    display: block;
    background-image: url('/libs/portalNew/images/pp.png');
    position:fixed;
    left:5%;
}
.nn {
    width: 81px;
    height: 81px;
    display: block;
    background-image: url('/libs/portalNew/images/nn.png');
    position:fixed;
    right:5%;
}
}
@media (max-width:1199px) {
    .pp {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url('/libs/portalNew/images/pp.png');
    background-size:cover;
    background-position:center center;
    position:fixed;
    left:0%;
}
.nn {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url('/libs/portalNew/images/nn.png');
    background-size:cover;
    background-position:center center;
    position:fixed;
    right:0%;
}

}
.morecase {
    margin: 30px auto;
    font-size: 16px;
    color: #ccc;
    cursor: pointer;
}
.morecase span {
    background-color: #2d68b9;
    color: #fff;
    padding: 8px 32px;
    border-radius: 2px;
    cursor: pointer;
}
.breadcrumbs{
    width:1333px !important;
}

.zoombox {
    width: 100%;
    margin: 20px auto 0 auto;
}

.zoompic {
    border: solid 1px #dfdfdf;
    width: 100%;
    height: 410px;
    background: url(../images/loading.gif) no-repeat 50% 50%;
    box-shadow: 0px 0px 10px 2px #ccc;
    text-align:center
}

.sliderbox {
    height:140px;
    overflow: hidden;
    margin: 6px 0 0 0;
}

    .sliderbox .arrow-btn {
        width: 38px;
        height: 76px;
        background: url(../images/arrow-btn.png) no-repeat;
        cursor: pointer;
    }

    .sliderbox #btn-left {
        float: left;
        background-position: 0 0;
    }

        .sliderbox #btn-left.dasabled {
            background-position: 0 -76px;
        }

    .sliderbox #btn-right {
        float: right;
        background-position: -38px 0;
    }

        .sliderbox #btn-right.dasabled {
            background-position: -38px -76px;
        }

    .sliderbox .slider {
        float: left;
        height: 140px;
        width: 600px;
        position: relative;
        overflow: hidden;
        margin: 0 0 0 3px;
        display: inline;
    }

        .sliderbox .slider ul {
            position: absolute;
            left: 0;
            width: 999em;
            width:600px;
        }

        .sliderbox .slider li {
            float: left;
            width: 140px;
            height: 140px;
            text-align: center;
        
        }

            .sliderbox .slider li img {
                border: solid 1px #dfdfdf;
            }

            .sliderbox .slider li.current img {
                border: solid 1px #2CAD39;
            }
.lg-6-count{
    margin-top:50px;
    padding:20px 10px 10px 20px ;
}
.lg-6-text {
    margin-top: 58px;
    display:inline-block;
}
.lg-6-ultext {
    margin-top: 65px;
    padding-left:20px;
}
.col-lg-12title {
    padding-left: 40px;
    color: white;
    height: 60px;
    line-height: 60px;
    background-color: #2CAD39;
    font-size:24px;
}
.col-lg-12count{
    padding:40px;
    height:auto;
    border:1px solid #e5e5e5;
    width:100%;
}
    .col-lg-12count p {
        line-height: 28px;
        font-size: 20px;
        margin:4px 0;
    }

/*案例中心*/
#container {
    width: 900px;
    height: 700px;
    display: inline-block;
    position: absolute;
    left:270px;
}
.mapcount {
    width: 260px;
    height: 316px;
    background-color: white;
    display: inline-block;
    position: absolute;
    top: 60px;
    box-shadow: 0px 0px 10px 2px #ccc;
}
.mapcount_list {
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 20px;
    font-size: 14px;
    border-bottom:1px solid #e5e5e5;
    width:100%;
    padding:0 20px;
    cursor:pointer;
}
    .mapcount_list:hover {
        color: #2CAD39;
    }
.mapcount_title {
    height: 60px;
    background-color: #EFEFEF;
    line-height: 60px;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;

}
.mapcounts {
    width: 260px;
    height: 256px;
    background-color: white;
    overflow-y: auto;
    display: inline-block;
    position: absolute;
    top: 60px;
}
::-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
}


/*案例详情*/
.col-lg-8-count{
    padding:40px 40px 80px 40px; 
    border:1px solid #e5e5e5;
}
.col-lg-8-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 20px;
}
.col-lg-8-section p {
    line-height: 40px;
    font-size: 14px;
}
.col-lg-8-section img{
    width:100%;
    height:400px;
    margin-top:40px;
}


.mapcounte {
    width: 260px;
    background-color: white;
    display: inline-block;
    box-shadow: 0px 0px 10px 2px #ccc;
}

.mapcounte_list {
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 20px;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    padding: 0 20px;
    cursor: pointer;
}

    .mapcounte_list:hover {
        color: #2CAD39;
    }

.mapcounte_title {
    height: 60px;
    background-color: #EFEFEF;
    line-height: 60px;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
}

.mapcountes {
    width: 260px;
    background-color: white;
    display: inline-block;  
    padding:10px 0;
}




.mapcounts_count {
    padding: 10px;
    text-align: center;
    box-shadow: 0px 0px 10px 2px #ccc;
}
.mapcounts_count img{
    height:190px;
}
.mapcounts_count_section{
    height:66px;
    line-height:24px;
    padding-top:20px;
}

.mapcounts_counts {
    padding: 10px;
    /*box-shadow: 0px 0px 10px 2px #ccc;*/
    position: relative;
    border: 1px solid #e5e5e5;
}

    .mapcounts_counts img {
        height: 106px;
        width:150px;
        display:inline-block;
        position:absolute;
        left:10px;
        top:10px;
    }

.mapcounts_counts_section {
    height: 66px;
    padding-top: 20px;
    width: 50%;
    padding-left: 14px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 20px;
}
    .mapcounts_counts_section span {
        word-break: normal;
        width: auto;
        display: block;
        white-space: pre-wrap;
        word-wrap: break-word;
        overflow: hidden;
    }
.smilltitle {
    margin-top: 6px;
    font-size: 14px;
    color: #666;
}
