#main {
    background: #f5f5f5;
}

#main .left, #main .right {
    background: #fff;
    border: 1px solid #eee;
    margin: 20px 0;
    padding: 20px;
    box-sizing: border-box;
    min-height: 600px;
}

#main .left {
    width: 25%;
}

#main .right {
    width: 73%;
    padding: 20px 35px; position:relative
}

#main .left h2 {
    background: #3e76af;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold
}

#main .left li {
    height: 45px;
    line-height: 45px;
    margin-top: 20px;
    font-size: 16px;
    border: 1px solid #eee;
    padding-left: 60px;
    color: #2fa4e1;
    font-weight: bold;
    display: block;
}

    #main .left li a {
        font-weight: normal;
        color: #333;
        display: block
    }

    #main .left li#sub {
        height: auto;
        color: #333
    }

        #main .left li#sub a, #main .left li#sub:hover a {
            color: #333
        }

            #main .left li#sub:hover a:hover {
                color: #2fa4e1
            }

        #main .left li#sub:hover {
    
            color: #333
        }

    #main .left li li {
        height: 30px;
        background: none;
        border: none;
        font-size: 13px;
        line-height: 30px;
        margin: 10px 0;
        padding-left: 0;
        background: none
    }

    #main .left li:hover, #main .left li.current {
        color: #fff;
        background: #2fa4e1
    }

        #main .left li:hover li:hover {
            background: none
        }

        #main .left li:hover a, #main .left li.current a, #main .left li.current i {
            color: #fff;
            background: #2fa4e1
        }

    #main .zyh_list {
        margin-bottom: 30px;
        overflow: hidden;
    }
    #main .zyh_list li{
        padding: 10px; border:1px solid #eee; background:#f7f7f7; padding:2px 10px; margin:5px 0;
 
        background-image: none;
        font-size: 14px;
        height: auto;
        overflow: hidden
    }



#main .zyh_list.zyh_list2 li {
    margin-left: 8px; float:left; width:29%
}



        #main .zyh_list.zyh_list2 li a {
            color: #666
        }

    #main .zyh_list.zyh_list2 li.current {
        border: 1px solid #c30; background:#c30
    }


        #main .zyh_list.zyh_list2 li.current a {
            color: #fff; 
        }







        #main .left h2 i {
            display: inline-block;
            width: 24px;
            height: 24px;
            vertical-align: middle;
            margin-right: 8px;
            margin-top: -5px;
            font-weight: bold
        }

#top_right h2 {
    float: left;
    color: #3e76af;
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    border-left: 4px solid #0166ac;
    padding-left: 8px
}

#top_right nav {
    float: right
}

.content {
    margin-top: 40px;
    line-height: 2em
}

    .content span, .content p {
        line-height: 2em
    }

    .content td {
        padding: 5px
    }

#banner {
    height: 300px;
    position: relative;
    color: #fff;
    text-align: center
}


    #banner img {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px
    }


    #banner p, #banne h1 {
        color: #fff;
    }

    #banner p {
        width: 80%;
        margin: 0 auto
    }

    #banner h1 {
        font-size: 32px;
        font-weight: bold;
        display: block;
        padding-top: 105px;
        margin-bottom: 20px;
        width: 100%;
    }

        #banner h1 i {
            display: block;
            font-size: 46px;
            margin-bottom: 20px
        }


.zwh_box {
    background: #fff;
    padding: 20px;
    border: 1px solid #eee; overflow:hidden; box-sizing:border-box
}






.news_tit {
    margin: 12px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

    .news_tit h2 {
        font-size: 22px;
        color: #3e76af;
        height: 40px;
        font-weight: bold;
        display: inline-block;
        border-bottom: 2px solid #3e76af
    }

    .news_tit a {
        float: right;
        display: block;
        font-size: 14px;
        color: #666
    }


#zwh_about {
 margin:30px 0}

    #zwh_about a {
        color: #3e76af; text-decoration:underline
    }



#zwy_news {
    float: left;
    width: 48.5%;
    height: 505px;
}
    #zwy_news li a {
     width:100%}

    #zwy_news li.fst  {
    
        height: 180px; margin-bottom:12px;
    }
        #zwy_news li.fst
        a {
         white-space:normal}    #zwy_news li.fst h2 {
            color： #333;
            font-size: 16px;
            font-weight: bold;
            border-bottom: 1px solid #eee;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }
        #zwy_news li.fst p {
            color:#999;
            font-size: 13px;
          
        }
    #zwy_news li.fst img {
        float: left;
        width: 260px;
        height: 180px; 
         
     
    }



    #zwy_news li.fst .fst_right {
        float: right;
        width: calc(97% - 260px);
    }
    #zwy_news li {
        margin-bottom: 8px;
      
      
    }
#zwh_project {
    float: right;
    width: 48.5%;
    height: 505px;
}
    #zwh_project ul {
}
    #zwh_project li { padding:10px; padding-top:0px; box-sizing:border-box
    }
        #zwh_project li.pic {
            float: left;
            width: 50%;
        }
        

        #zyh_list {
            margin-bottom: 30px;
            overflow: hidden
        }
    #zyh_list li {
        border: 1px solid #eee;
        background: url(../image/dot.png) #f7f7f7 10px no-repeat;
        padding-left: 12px;
        font-size: 16px;
        overflow: hidden;
        width: 31.5%;
        padding: 10px; padding-left:20px;
        box-sizing: border-box;
        margin: 10px;
        vertical-align: middle;
        color: #999;
        float: left;
    }  
  



    #zyh_list li:first-child {
        text-align: center;
        color: #333;
        font-size: 16px !important;
        background: #f7f7f7;
        padding: 15px 0;
        font-weight: bold
    }
    #zyh_list li a .name {
        
   
    }


    #zyh_list li a:hover .name {
        color: #f30
    }
        #zyh_list li:first-child .more {
            line-height: 3em;
            text-align: center;
          
           
        }

 


    #zyh_list li i {
        font-size: 20px;
        color: #3e76af;
        margin-right: 12px;
        font-weight: bold;
    }

    #zyh_list li .chairman { display:none;
      
    }



    #zyh_list li a:hover .more {
        color: #c30
    }

    #zyh_list li .chairman strong {
       
        margin-right: 8px;
        float: left;
        width: 100px;
        font-weight: normal
    }

    #zyh_list li .chairman p {
        color: #999;
        margin-bottom: 0;
      
    }

#zyh_info h1 {
    background: #3e76af;
    background: linear-gradient(45deg, #599adc 0%,#3e76af 100%);
    color: #fff;
    text-align: center;
    padding: 50px 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}


#zyh_info h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #2fa4e1 0%,#3e76af 100%);
    display: inline-block;
    color: #fff;
    padding: 5px 20px
}

#zyh_info .line {
    border-bottom: 1px solid #eee;
    margin: 40px 0
}

#zyh_info table {
    border: 1px solid #95bfe9;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px
}

    #zyh_info table td {
        padding: 8px;
        text-align: center;
        color: #666
    }
    #zyh_info table tr td:nth-child(1) {
     width:15%
      
    }

    #zyh_info table tr td:nth-child(2) { text-align:left;
        width: 55%
    }
    #zyh_info table tr td:nth-child(3) {
        width: 20%
    }

    #zyh_info table th {
        background: #c9def2;
        font-size: 18px;
        padding: 8px;
        text-align: center;
        color: #3e76af
    }

#zyh_info .news_list li:last-child {
    border: none
}


#expert {
 margin:40px 0; background:#fff; padding:30px
}

#expert .slider {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}

#expert li {
    width: 150px;
    height: 280px;
    text-align: center
}

    #expert li img {
        width: 150px;
        height: 200px; margin:0 auto;
    }

    #expert li p {
        font-size: 16px; margin-top:12px;
        font-weight: bold
    }

    #expert li i {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        line-height: 1.5em;
        font-style: normal;
        font-size: 13px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all; margin-top:8px;
        color:#999
    }

.bx-wrapper .bx-prev, .bx-wrapper .bx-controls-direction a {
    width: 29px;
    top: 80px;
}

.bx-wrapper .bx-controls-direction a {
    margin-top: 0
}

#expert .bx-prev {
    left:-10px
}

#expert .bx-next {
    right: -10px
}






.search {
    margin-bottom: 40px;
}

    .search h2 {
        font-size: 18px;
        font-weight: bold;
        margin: 40px 20px 0 0;
        background: linear-gradient(90deg, #2fa4e1 0%,#3e76af 100%);
        display: inline-block;
        color: #fff;
        padding: 5px 20px
    }

    .search
    .news_list li {
        height: 40px;
        line-height: 40px;
    }

#projets-list li {
    border-bottom: 1px  dashed #ccc;
    border-collapse: collapse;
    width: 100%; overflow:hidden;
    margin-bottom: 30px; padding-bottom:30px;
}

#projets-list .pleft img {
 width:260px; height:160px}

#projets-list .pleft { width:260px; float:left
}
#projets-list .pright {
    width: calc(97% - 260px); float:right
}
    #projets-list .pright h2 {
     color:#333; font-weight:bold; font-size:16px}

        #projets-list a:hover .pright  h2{
            color: #c00
        }

        #projets-list .pright p {
            font-size: 13px;
            color: #999
        }
        #projets-list .pright p.author {
 background:#eee;  padding:1px 20px; display:inline-block      }
        
        .news_list li {
            height: 80px;
            line-height: 80px;
            font-size: 16px;
            border-bottom: 1px dashed #ccc
        }

    .news_list li a {
        display: inline-block;width:80%
    
    }

    .news_list li em {
        font-size: 12px;
        width: 12%;
        color: #999;
        float: right;
        font-style: normal
    }

    .news_list li.lst {
        background: none;
        text-align: center;
    }

        .news_list li.lst a {
            width: auto;
            height: auto;
            margin-top: 20px;
            line-height: normal;
            padding: 5px 20px;
            background: #eee;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

footer {
    background: #eee
}

article h1 {
    font-size: 22px
}

article p.spec {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin: 20px 0;
}

article .TRS_Editor {
 text-indent:2em; word-break:break-all; word-wrap:break-word}
    article .TRS_Editor p {
     margin-top:15px;}
    article a {
        color: #0166ac
    }
#adm-tool {
    position: fixed; text-align:center;
  right:100px; top:500px; background:#f7f7f7; padding:10px; border:1px solid #ccc;
}
    #adm-tool button { 	display: block; margin:10px auto;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #009688;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer
    }
    
    .pagination {
        width: 100%;
        position: relative;
        text-align: center;
        overflow: hidden;
        margin-top: 30px;
    }

    .pagination li {
        width: auto;
        float: none;
        background: none;
        display: inline-block;
        border: none;
        margin: 0 5px !important;
        line-height: 45px;
        box-shadow: none;
    }

        .pagination li a {
            padding: 2px 10px;
            border: 1px solid #bbb;
            border-radius: 2px;
            box-shadow: 0 0 5px #bbb;
        }

            .pagination li a:hover {
                color: #2470eb;
                border: 1px solid #2470eb;
                box-shadow: 0 0 5px #ccc;
            }

        .pagination li:hover {
            box-shadow: none;
        }

        .pagination li.active a {
            color: #2470eb;
            border: 1px solid #2470eb;
        }

.hide {
    display: none;
}


.tit_szccf {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-top: 20px;
}

    .tit_szccf h2 {
        font-size: 20px;
        display: inline-block;
        color: #333
    }

    .tit_szccf a {
        float: right
    }

#video {
    margin-top: 30px;
}

h2.video {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    margin-bottom: 20px
}

    h2.video a {
        float: right;
        font-size: 14px;
        font-weight: normal
    }

#video li {
    float: left;
    width: 30%;
    margin: 20px 1.5%;
    font-size: 13px;
    text-align: center
}

    #video li img {
        width: 250px;
        height: auto;
    }


.pic_list {
    clear: both
}

    .pic_list li {
        border-bottom: 1px dashed #ccc;
        overflow: hidden;
        margin-bottom: 0;
        padding: 30px 20px;
    }

        .pic_list li img {
            width: 120px;
            height: 160px;
            float: left
        }

        .pic_list li:hover {
            background: #f7f7f7;
          
        }

            .pic_list li:hover a p {
             
            }

        .pic_list li .info {
            width: 80%;
            width: calc(100% - 140px);
            float: right;
            box-sizing: border-box;
        }

        .pic_list li p {
            margin-bottom: 0;
        }

        .pic_list li .info1 {
            color: #333;
            font-size: 16px;
            font-weight: bold
        }

        .pic_list li .info2 {
            color: #666
        }

        .pic_list li .info3 {
            color: #999;
        }

.pic_experter {
    width: 20%;
    height: auto;
    float: left
}

.info_experter {
    width: 75%;
    float: right
}

#links {
    display: none
}


.zjjy li {

     border-bottom:1px solid #ccc; padding-bottom:30px;margin-bottom:30px
}

.zjjy li p:nth-child(1) {
        font-weight: bold;
        font-size: 16px;
    }

    .zjjy li p:nth-child(2) { font-size:12px; color:#666
    }
    .zjjy li p:nth-child(3) {
        font-size: 12px;
        color: #999
    }

    .zjjy li p:nth-child(4) {
        background:#f7f7f7; border:1px dashed #ccc; padding:15px; margin:15px 0; border-radius:10px;
        
    }

    

    @media (max-width:1200px) {
        #main .left li {
        background: none;
        padding: 5px 10px;
        font-size: 14px;
        height: auto;
        line-height: 1.8em;
        margin-top: 8px;
    }

        #main .left li:hover, #main .left li.current {
            background: #2fa4e1
        }

    #main .right .zyh_list i {
        height: 40px
    }
}

#forum_list li {
    background: url(404.png) no-repeat left top;
    
    margin-top: 5px;

    font-size: 16px;
    line-height: 2em; padding:20px; 
     margin-bottom:30px; padding-bottom:50px;
    border-bottom: #ccc 1px dashed;
}

    #forum_list li > div {
        display: flex;
        
        flex-wrap: wrap;
        flex-direction: row;
    }

    #forum_list h2 {
        font-weight: bold;
        font-size: 16px;
        color: #333
    }
#forum_list li label {
  
    font-style: normal; color:#999;
 
}
#forum_list  li p {

    color: #333;
}
#forum_list li .qcontent p {
    width: 720px;
   
}



#forum_list li .reply {
    padding: 20px;
    background: #f7f7f7;
    margin-top: 15px; flex-direction:column
}
#forum_list li .rconent label { color:#c30; font-weight:bold
}


#forum_list li .rpelaytime p, #forum_list li .qtime p {
    color: #999
}
#forum_list li .reply .rpelaytime { display:flex}

#message h3{
    font-size: 18px;
    font-weight: bold
}
#message .tips {
 font-size:12px; background:#f7f7f7; padding:20px; border:1px solid #eee; margin-bottom:20px;}


#message i {
    color: #f00
}
#message table td {
 border:1px solid #eee}
#message .tdright {
    text-align: right
}
#form { border:1px solid #eee; padding:10px;
}
.form_line, .form_line2 {
    display: flex;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    padding-bottom: 12px
}
.form_line {    justify-content: space-between;}


.form_line2 .form_item {    width: 100%}

.form_item i {   width:20px; display:inline-block;}  
.form_item label {  width:100px; display:inline-block; text-align:right}
.form_line2:last-child .form_item{ text-align:center
}

.input-area {
    padding: 10px;
    width:680px;
    vertical-align: middle;
    border: 1px solid #ccc
}

.input-text {
    width: 200px; border: #ccc 1px solid;
    resize: none;
    padding: 4px 8px;
}

.send-btn {
    width: 10%;
    min-width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
   
    border: 1px solid #00c1de;
    background: #3e76af; color:#fff;
    border-radius: 3px;
    cursor: pointer;
    
}



@media (max-width:1024px) {

    #menu li {
        width: 13.5%;
    
    }

    #main .zyh_list.zyh_list2 li { width:43%
    }

    video {
        max-width: 100%;
        height: auto;
    }

    #video li {
        width: 47%;
        margin: 20px 1.5%;
    }

    #top_right nav {
        display: none
    }

    .news_list li {
        width: 100%
    }

        .news_list li em {
            display: none
        }

    #zyh_list li {
        width: 47%
    }




    .form_line {
        flex-direction: column
    }



    .form_item label {
        width: auto;
        display: block;
        text-align: left
    }

    .input-area {
        width: 92%;
        box-sizing: border-box
    }

    .input-text {
        width: 92%; box-sizing:border-box
      
       
    }
}




@media (max-width:700px) {

    #main .left, #main .right {
        margin: 0;
        float: none;
        width: auto;
        box-sizing: border-box;
        min-height: auto;
        overflow: hidden
    }

    #main .right {
        padding: 15px;
        border: 0px;
        margin-bottom: 30px; box-sizing:border-box
    }
    #adm-tool {
      width:250px; height:80px;
     
        lfet: 50%; margin-left:-125px;
        top: auto; bottom:200px;
     
    
    }
    #top_right nav {
        display: none
    }

    #left_menu {
        padding: 20px;
        background: #f7f7f7;
        overflow: hidden;
    }

    #main .left h2 {
        display: none
    }

    #main .left {
        background: none;
        border: none;
        padding: 20px 0;
    }

        #main .left li {
            float: left;
            margin: 10px; margin-left:0px;
            margin-top: 0;border-radius:3px;
            padding: 6px 10px;
            background: #fff
        }

    .content {
        margin-top: 0px
    }

    #banner {
        height: auto;
        background-position: center;
        overflow: hidden;
        padding-bottom: 30px;
    }

        #banner h1 {
            font-size: 20px;
            padding-top: 30px;
        }

        #banner p {
     
            width: 90%
        }

    #top_right h2 {
        margin-top: 20px
    }
    .news_list li a {
        width: 95%
    }
    .news_list2 li a {
        width: 100%
    }

    .zwh#main .left {
     
    }

    .zwh#main .right {
        margin-top: 0px
    }

    #zyh_list li {
        width: 100%
    }


   

        #main  .zyh_list li a {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            -moz-binding: url(404.png)
        }

    #main  .zyh_list i {
        height: auto
    }

    #zyh_info table td {
        text-align: left;
        font-size: 12px;
    }

    #video li {
        float: none;
        width: 90%;
        margin: 20px 1.5%;
        margin-bottom: 30px;
    }

        #video li img {
            width: 100%;
            height: auto;
        }
    #main .zyh_list {
     margin:30px 0}

    #main .zyh_list.zyh_list2 li {
        width: 100%;
        margin-left: 0;
        float: none
    }


    #projets-list .pleft {
     width:100%}


    #projets-list .pleft img{
        width: 100%; height:auto
    }

    #projets-list .pright {
     width:100%}
    #forum_list li {
        padding-left: 0px;
        padding-right: 0px
    }

    #zwy_news, #zwh_project { width:100%}
        #zwy_news li.fst { height:auto
        }
        #zwy_news li.fst img {
            width: 100%;
            height: auto
        }
        #zwy_news li.fst .fst_right {
         float:none; }


        .pic_list li {
            padding: 20px 0
        }

    .pic_list li {
        height: 180px;
   
    }
        .pic_list li .info {
            height: 160px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 7;
            -webkit-box-orient: vertical;
        }
            .pic_list li .info2 {
        line-height: 1.5em;
    }

        .pic_list li p.info3 {
            font-size: 13px;
            line-height: 1.5em;
        }
    #zwy_news { height:auto
    }

    #zwy_news li.fst .fst_right {
        float: none;
        width: 100%;
    }



    .pic_experter {
        float: none;
        width: 35%;
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 40px;
        display: block !important
    }


    .info_experter {
         width:100%; float:none
    }
        .info_experter h1, .info_experter p.spec {
            text-align: center
        }



        .divPage {
            width: 100%
        }


    embed {
        max-width: 100%;
        height: auto
    }

    table {
        table-layout: fixed !important;
        width: 100% !important;
        border-collapse: collapse;
        border: none;
    }

    td, th {
        width: 1px;
        white-space: nowrap; 
        word-break: keep-all; 
        border: solid #ccc 1px;
        white-space: pre-line;
        word-break: break-all !important;
        word-wrap: break-word !important;
        vertical-align: middle !important;
        white-space: normal !important;
        height: auto;
        vertical-align: text-top;
        padding: 2px 2px 0 2px;
        display: table-cell;
    }
}