/* CSS Document */


.margin{ width:1300px; margin:0 auto; overflow:hidden;}
.padding{ padding:50px; box-sizing:border-box;}
.bgwhiter{ background:#fff;}

.link { display:none
}
.bottom {
 border:none}

#container {
    background: #fff;
    position: relative;
    top: -25vh;
    z-index: 10;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    padding: 0 50px;
    box-sizing: border-box;
}





.left{ width:20%; float:left; margin-top: 50px;}
.right{ width:75%; float:right;}



    .pagetop {
        width: 100%;
        margin: 15px 0;
        height: 25px;
        line-height: 25px;
        text-align: right;
    
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 14px;
        color: #333
    }
.pagetop a{ color:#333}
.pagetop a:hover{ color:#F00}
.pagetit{ width:100%; height:40px; border-bottom:3px solid #396; margin-bottom:15px;}
.pagetit h2{ display:inline-block; height:40px; line-height:40px; font-size:18px; color:#396;border-bottom:3px solid #f5811f; font-weight:bold;}

.pagelist{ width:100%; position:relative; background:#f3f3f3; padding:25px 15px; box-sizing:border-box; margin-bottom:40px}
.pagelist ul li{ width:100%;  border-bottom:1px solid #ccc; box-sizing:border-box; color:#333; line-height:4em; text-indent:20px; font-size:16px; }
.pagelist ul li:last-child{ border:none;}
.pagelist ul li a{ color:#666; display:block;}
.pagelist ul li:hover a{ color:#396;}
.pagelist ul li.pagecuttent a{ color:#396;font-weight: bold;}




.infotit{ width:100%; height:40px; position:relative; color:#396; line-height:40px; font-size:24px; text-indent:20px; margin-bottom:10px; font-weight: bold;  background: #f7f7f7;}
.infotit i{ display:block; width:7px; height:40px; position:absolute; left:0; top:0px; background:#396}

.right .box {
    font-size: 16px;
    line-height: 2em;
    color: #333;
    padding-top: 30px
}
.right .box img{ max-width:100%; height:auto!important;}
    .right .box p {
     margin-bottom:10px;}
    .search {
        margin: 30px auto;
        height: 40px;
    }
.search .keyword{ height: 40px; line-height: 40px; border: 1px solid #ccc; width: 80%; float: left; box-sizing: border-box; padding: 0 10px;}
.search  .btnsearch{  height: 40px; line-height: 40px; float: right; width: 20%; float: right; background: #396; color: #fff; border: 1px solid #396; cursor: pointer;}

.newslist{ width:100%;position:relative;}
.newslist li{ width:100%;position:relative; margin-top:40px; overflow:hidden;  background: #f7f7f7;}
.newslist li .newsbox{ padding-left:18%; padding-right: 2%;}
.newsbox h2{ width:100%; color:#000; white-space:nowrap; text-overflow:ellipsis; font-size:20px; margin:30px 0; overflow:hidden;}
.newslist li .time, .newslist  .picnewslist .pic{ position:absolute; left:0;  top:20px;   text-align: center;  width:15%; border-right: 1px solid #eee;  }
.newslist li .time em{ color:#396; font-size:1.8rem; font-style: normal; font-weight: bold; display: block; }
.newslist li .time span{ color:#808080; font-size:1rem; }
.newslist li .time i{ display: none;}
 .newslist li:hover .newsbox h2{ color:#396}
 .newslist  .picnewslist  li .newsbox{ padding-left: 270px;}
 .newslist  .picnewslist li{ height: 150px;}
    .newslist  li.none { height:300px; text-indent:-999px; overflow:hidden;
     background:url(/web/images/none.png) no-repeat center}
    .newslist .picnewslist .newsbox h2 {
        margin: 15px 0;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.8em;
    }
 .newslist  .picnewslist .pic{ width: 250px; height: 158px; overflow: hidden;top:0}
 .newslist  .picnewslist .pic img{ width: 100%; min-height: 150px; height: auto;}

.leftnewslist li{ margin-top: 15px; padding-bottom: 15px;}
.leftnewslist li  a{     text-overflow: ellipsis; font-size: 15px;
    white-space:initial;
    overflow: hidden;  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}



.newsintit{ width:100%; position:relative; margin-bottom:15px; padding:15px 0; border-bottom:1px solid #ccc;}
.newsintit h2{ font-size:21px; line-height:35px; color:#000; margin-bottom:10px; font-weight:bold}
.newsintit p{ font-size:14px; color:#808080}
.pagenp{ width:100%; position:relative; overflow:hidden; margin-top:30px; padding-top:30px; border-top:1px solid #ccc;}
.pagenp a{ display:block; font-size:14px; line-height:25px; color:#333; width:100%;}
.pagenp a:hover{ color:#eb3d00;}



.team_select{ width:100%;  margin-top:20px; background:#f5f5f5;overflow:hidden;position:relative; border:1px solid #fff;}

.team_select select{ float:left; margin:15px 15px; background:none; border:none; height:20px;color:#333333; font-size:13px; line-height:20px; padding-right:5px;} 
.team_select span{ display:block; width:1px; height:15px; margin-top:17px; float:left; background:#333333;}

.sel{  width:100%;  height:50px;  float:right; text-align: right}
.seltt{ width:80%; height:46px;margin-top:2px; border:none; line-height:46px; float:left;color:#888; font-size:14px;  text-indent:10px; border: 1px solid #ccc; text-align:center; box-sizing: border-box;}
.mit{ width:20%; float:right; height:48px; background:#396; color:#fff; border:none; text-align:center; line-height:50px; cursor:pointer; font-size:16px;}

.teamlist{ width:100%; position:relative; overflow:hidden;}
.teamlist li{ padding:25px; margin-top:20px; position:relative; overflow:hidden; background:#f7f7f7;}
.teamlist h2{ font-size:20px; line-height:30px; color:#333;  padding-right:35px;/* background:url(../images/ico5.png) right center no-repeat;*/}
.teamlist p{ width:100%; font-size:14px; line-height:22px; height:25px; overflow:hidden; margin-top:10px;}

.teamlist li span{ color: #ccc; margin: 0 8px;}


.teamperson {
  
    position: relative;
}

    .teamperson ul {
   
        border: 1px solid #ccc;
        margin: 30px auto
    }

        .teamperson ul li {
            font-size: 12px;
            text-align: center;
            line-height: 20px;
          
            box-sizing: border-box; overflow:hidden
        }
            .teamperson ul li:first-child {
            font-weight:bold}
            .teamperson ul li span {
                float: left;
                padding: 10px 0;
                display: inline-block;
                border-bottom: 1px solid #ccc;
                box-sizing: border-box
            }
                .teamperson ul li span.name { width:20%
                }
                .teamperson ul li span.unit {
                    width: 60%;
                    border-left: 1px solid #ccc;
                    border-right: 1px solid #ccc;
                }
                .teamperson ul li span.position {
                    width: 20%
                }


       
            .teamperson ul li a {
                color: #676869;
            }

            .teamperson ul li:hover a {
                color: #dbb673
            }

            .teamperson ul li h2 {
          
                font-size: 12px;
              
            }

         


.pagination{ width:100%; position:relative; overflow:hidden; text-align:center; margin-top:40px}
.pagination li{ display:inline-block; margin:0 5px; border:1px solid #ccc; border-radius:3px; overflow:hidden; padding:0 15px;}
.pagination li:last-child{ border:none; padding:0}
.pagination li.active{ border:1px solid #396; background:#396}
.pagination li.active a{ color:#fff}


/*��¼ע��*/
.login{ width:590px;   margin:90px auto;background:#fff; padding:35px 180px; box-sizing:border-box; border-radius:2px; box-shadow:0px 0px 10px #bbb;}
.login .panes{ display:none; clear: both;} 
.login .panes:first-child{ display:block;} 
.login .membertype { height: 80px;}
.login .membertype li{ float: left; width: 50%; text-align: center; background: #eee; cursor: pointer;}  
.login .membertype li.cur{background: #396; color: #fff;}

.logintit{ width:100%; }
.logintit h2{ line-height:60px; width:100%; font-size:30px; color:#000; text-align:center; margin-bottom:20px;}

.login{ width:100%; position:relative; margin-top:15px;}
.login li{ width:100%;margin-top:20px; position:relative;   font-size:17px; line-height:45px; } 
.login li a{ color:#000}
.login li a.toreg{ float:right; color:#246dec}
.login li a:hover{ color:#246dec}




.login li .login-tit{ width:100px; font-size:16px; line-height:45px; display:block; float:left; text-align:right; color:#000}
.panes li label{ width:100px; font-size:16px; line-height:45px; display:block; float:left; text-align:right; color:#000}
.login li .login-text{ margin-left:110px;}
.login li .login-text p {
  
    text-align: center
}
.login input[type='text']#VerifyCode {
    width:60%
}
.login input[type='text'] {
    width: 100%;
    position: relative;
    height: 43px;
    line-height: 45px;
    border: 1px solid #cecfd0;
    font-size: 17px;
    text-indent: 10px;
    border-radius: 2px;
    box-sizing: border-box;
}
.login input[type='password']{ width:100%; position: relative; height:43px; line-height:45px; border:1px solid #cecfd0; font-size:17px; text-indent:10px; border-radius:2px; box-sizing:border-box;}
.login input[type='button']{ width:100%; height:50px; border:1px solid #396; background:#396; text-align:center; color:#fff; line-height:50px; font-size:17px; cursor:pointer; box-shadow:0px 0px 5px #396}

#Image1{ position:absolute; right:1px; top:2px; height:40px;}

#btSend{position: absolute;right: 0;top: -1px;width: 160px;box-shadow: none;height: 43px; line-height:43px}
footer {
    margin-top: -180px
}

@media( max-width:760px){
    #container {
        width: 100%;
        margin-top: 0px;
        position: relative; border-radius: 0; padding: 0 20px;
        overflow: hidden; top:0
    }


    
    .margin {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        padding: 30px;


    }
    .left {
        width: 100%;
        float: none;
        margin: 0 auto; display:none
    }
    .right {
        width: 100%;
    }

        .right .box * {
            font-size: 14px !important;
            line-height: 2em !important;
            
            color: #333;
       
        }
    video {
      width:100%; height:auto}

    .newslist li {
        text-align: left;
        padding: 20px;
        box-sizing: border-box;
    }
        .newslist li .time{ position: relative; width: 100%; text-align: left;top:0}
        .newslist li .time span,   .newslist li .time em{ display: none;}
        .newslist li .time i{ display: block; font-style: normal;}
        .newslist li .newsbox{ padding:0}
        .newsbox h2{ margin: 0;text-overflow: ellipsis; 
            white-space:initial;
            overflow: hidden;  display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; line-height: 1.8em;}

            .newslist  .picnewslist  li{ padding: 0;}

            .newslist .picnewslist li{ height: auto;}
            .newslist .picnewslist .pic{ position: relative;
 width: 100%;  height:auto         }

 .newslist .picnewslist li .newsbox{ padding-left: 0;}

 .newslist .picnewslist .newsbox h2{ width:auto; padding: 0px; box-sizing: border-box; margin:10px;font-size:16px;}
 .newslist .picnewslist .newsbox  p{padding: 0 10px; margin-bottom: 20px; box-sizing: border-box;  }
      


    .login {
        margin:30px auto;
        background: #fff;
        padding: 35px 20px;
        /* padding-right: 0px; */
        box-sizing: border-box;
        border-radius: 2px;
        box-shadow: 0px 0px 10px #bbb;
    }
    
.login li .login-tit{
    width: 60px;
}
.login li .login-text{
    margin-left: 70px;
}
    .login li:last-child  .login-text {
        margin-left: 0px;
    }



#container .right .login input {
    position: relative;
    height: 30px;
    line-height: 30px;
    border: 1px solid #808080;
    font-size: 16px;
    text-indent: 10px;
    border-radius: 2px;
    margin-top: 0px;
    width: 90%;
}
#container .right .login #name{
    width: 60%;
}
#Image1 {
    position: relative;
    right: 1px;
    top: 2px;
    height: 40px;
}

.pagetit:nth-child(3){
    display: none;
}
.pagelist:nth-child(4) {
    display: none;
}
.panes li label {
    width: 70px;
    line-height: 30px; padding-right:8px;
}
.login-text .layui-form-select .layui-edge{
    right: 12%;
    
}
    .team_select select {
     margin:15px 10px; width:23%!important}
    .sel {
        height: auto
    }
    .unit .seltt {
     width:50% !important}

    .teamlist li {
     padding:10px}
    .teamlist h2 {
     padding-right:0; font-size:16px}
    .teamlist p {
     font-size:12px}

    .teamperson ul li {
     width:42%}
}
footer{    margin-top: -40px;}
}