ul{padding:0;}
ul li{ list-style-type: none;}

.mar-top-20{ margin-top: 10px; padding-top: 10px; width: 100%; float: left;}
body{ font-family: "???è?ˉé?…é?‘","Microsoft Yahei";}
*{ transition: all 0.5s ease 0s;}
a:hover{ text-decoration: none;}
.right-float{
    float: right;}
.topa{background: #005ca9; line-height: 40px; height: 40px; padding: 0px;border: 0px; color: #69b3f1;}
.topicon{background: #1874bf; color: #fff; float: right; padding: 0px 12px; line-height: 40px; margin-left: 1px;font-size: 1.5em;}

.topicon:hover{background: #1f97fa;}
.topa ul li span:first-child{ margin-right: -14px;}
.topa .dropdown{ position: relative; float: right; display: table;}
.topa .dropdown .dropdown-menu{ padding: 5px;top:38px; right: 0px;left:auto;}
.topa .dropdown:hover .dropdown-menu{ display: block; box-shadow: 5px 5px 15px #ccc;}

.topa .dropdown .triangle-up {position: absolute;
    width: 0;
    height: 0; right: 10px;top: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;}
.navbar{ border: 0px; margin-bottom: 0px;}
.navbar-default{ background: white; border: 0px;}
.navbar-default .nav-logo{ padding: 15px;}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height:80px;}
.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,.dropdown > a:hover {
    color: #fff;
    background-color:#2a90e4;}
.navbar-nav>li>a:hover span{ color: #fff;}
.navbar-default .navbar-nav>li>a {
    color: #333;}
.mybanner{ padding: 0px;}

#mycarousel .carousel-control { font-size: 4em;}
@media (max-width: 992px) {
    #mycarousel .carousel-control span{font-size: .5em;}
    .navbar-nav>li>a { width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height:30px;}
    .right-float{
        float: none;}
}
.news-first,.news-list{ padding: 5px 0px; margin: 0px;}
.news-list li{ padding: 0px; margin: 0px;}
.news-first > li {position: relative;
    height:186px; overflow: hidden;}
.news-first > li:hover{box-shadow: 5px 5px 15px #999;border-radius: 10px;}
.news-first > li img{ width: 100%;}
.news-first > li > h4{ position: absolute; margin: 0px; width: 100%; bottom: 0px; padding: 6px; font-size: 1.2em; line-height: 1.2em; height:1.5em; background: rgba(0,0,0,0.6); display: inline-table;box-sizing:border-box;
    -moz-box-sizing:border-box; /* firefox */ -webkit-box-sizing:border-box; /* safari */  overflow: hidden;}
.news-first > li:hover h4{ bottom: 0px;}
.news-first > li > h4 a{color: #fff;}
.news-time{ background: url(../images/new-time.jpg);width: 69px; text-align: center;
    line-height:32px; float: left;
    height:32px;}
.news-list .list-group-item{ border: 0; position: relative; float: left; width: 100%; margin-bottom:2px; padding: 2px;}
.news-list .list-group-item:hover{ background: #e9e9e9;}
.news-list .list-group-item:hover .news-time{ color: red;}
.news-list .list-group-item .news-tit a{ color: #333;}
.news-list .list-group-item:hover .news-tit a{ color: #005ca9;}
.news-list .list-group-item .news-tit{ float: right; position: absolute; border-left:80px solid transparent; width: 100%;
    height:32px; line-height: 32px; overflow: hidden; padding-right: 6px;}

@media (max-width: 992px) {
    .news-first > li {  height:126px;}
}

.page-tit{margin-top: 0px; margin-bottom: 20px;}
.page-tit .tit-c{ text-align: right; color: #005ca9; padding-right: 0px;}
.page-tit .tit-e{ text-align: left; padding-left: 10px;}
.page-tit .tit-t{text-align: center; color: #c4c4c4; border-bottom: 1px solid #c4c4c4; line-height: 1.5em; padding-bottom: 4px;}
.page-tit .tit-c-b{height: 3px;  background: #005ca9; margin-top: -2px;}
@media (max-width: 992px) {
    .page-tit .tit-c{ text-align: center; color: #005ca9; padding-right: 15px;}
    .page-tit .tit-e{ text-align: center; padding-left: 15px;}
    .page-tit h3{ margin-top: 0px;}
}
.projects{margin-top: 20px;border-radius: 10px; height: 300px; width: 100%; display: block; overflow: hidden; position: relative;}
.project-1{background: #669acc;}
.project-2{background: #34cc99;}
.project-3{background: #999999;}
.project-4{background: #9999cd;}

.project-1 .p-icon{color: #669acc;}
.project-2 .p-icon{color: #34cc99;}
.project-3 .p-icon{color: #999999;}
.project-4 .p-icon{color: #9999cd;}
.projects:hover{opacity: 0.8;}
.projects .p-icon{ width: 80px; height: 80px; background: #fff; line-height: 80px; font-size: 1.5em; text-align: center; position: absolute; top: 40px; left: 50%; margin-left: -40px; border-radius: 100px;}
.projects .p-icon-b{margin-left: 240px;}
.projects .p-icon span{ font-size: 1.8em;line-height: 80px;}
.projects h3{ text-align: center; position: absolute; width: 100%; color: #fff;font-size: 1.5em; top: 130px;}
.projects .pro-con{ color: #fff; width: 100%; border:10px solid transparent; position: absolute;top: 180px; text-align:justify ;
overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.projects .proj-body{position: relative; width: 100%; margin-left: 0px;}
.projects .proj-body-b{ position: relative; width: 100%; margin-left: -300px;}

.jyxm{  position: relative;}
.jyxm ul{ position: relative; padding: 0px;}
.jyxm-hi{overflow: hidden;}
.jyxm-hi ul li { width: 288px;
    float: left;}
.jyxm .ab_left{ left: -50px;position: absolute;top: 150px; font-size: 4em; color: #ccc; cursor: pointer;}
.jyxm .ab_right{ right: -50px;position: absolute;top: 150px; font-size: 4em; color: #ccc; cursor: pointer;}
.jyxm .ab_left:hover,.jyxm .ab_right:hover{ color: #333;}

@media (max-width: 992px) {
    .wap-pagea ul{padding: 0px;}
}

.tjxm-page{    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
    background: linear-gradient(45deg, #384955, #655361, #85505f);}
.tjxm-img{ height: 168px; overflow: hidden;}
@media (max-width: 992px) {
    .tjxm-img{ height: 128px; overflow: hidden;}
}

.tjxm-ul li{ margin-top: 10px;}
.tjxm-li a{ color: #fff; text-align: center; display: inline-block; line-height: 30px;  text-align: center; width: 100%; padding-bottom: 10px;}
.tjxm-li:hover{ box-shadow: 5px 5px 15px #333; border-radius: 12px;}


.footer{ background: #f8f8f8;  border-top: 1px solid #dfdfdf; padding-top: 30px; padding-bottom: 30px;}
.footmenu{ list-style-type: none; display: block; margin:0px auto;}
.footmenu li a{color: #aaaaaa;}
.footmenu li a:hover { color: #428bca;}
.social{ margin: 0px auto;}

ul.social{ list-style-type: none;}
ul.social li{line-height: 1em; font-size: 1.2em; padding-left: 1em ; padding-right: 1em; padding-top: 1em;}
ul.social li a{color: #aaaaaa; width: 100%; margin-top: 10px; line-height: 1.5em; text-align: center; display: block;}
ul.social li a:hover { color: #428bca;}
.link-logo img:hover{ transform: rotate(360deg);}
@media  (max-width:992px) {
    .footmenu{ display: none;}
    ul.social li{font-size: 1em;}
    .social{ width: 100%;}
    a.type-more{width: 90%;}
    .tlright{ float: none;}
    a.moreb{ padding: 10px 30px;  margin:10px auto; display: block;}
    .wbxicon{ width: 25px; margin-top: -50px;}
    .carousel-control{  font-size: 2em; line-height: 20px;}
    .carousel-indicators{ bottom: -10px;}
    .carousel-ny{
        height:auto;}
}

.carousel-ny{ height: auto; overflow: hidden;}

.breadcrumb {background:none; text-align: right; padding: 20px 10px;margin-bottom: 5px;}
.breadcrumb a:last-child {color:#333;}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 20px;
    border-bottom: 1px solid #eee;}
.ny-nav{ width: 100%; text-align: center; margin-top: 20px;}
.ny-nav li{
    display: inline-block;
    position: relative;
    padding: 8px 30px;
    height:30px;
    background: #e9e9e9;
    margin: 16px;
    }
@media  (max-width:992px) {

  .nycontent img{max-width:100%;
       height: auto !important;
}

    .ny-nav li{display:inline; position: relative; padding: 8px 25px;
        height:auto; background: #e9e9e9; margin: 16px; float: left; width: 40%;}
}
.ny-nav li a{ color: #333; display:inline; width: 100%;}
.ny-nav li:hover{ background:#2a90e4; border-radius: 50px;}
.ny-nav li:hover a{color: #fff;}
.ny-nav li.active{ background:#2a90e4; border-radius: 50px;}
.ny-nav li.active a{ color: #fff;}

.arrow1{ display: none;
    width: 0px;
    height:0px;position: absolute; bottom: 0px;margin-bottom: -20px; left: 45%;
    border-width: 10px;
    border-style: solid;
    border-color: #2a90e4 transparent transparent transparent;}

.ny-nav li.active .arrow1, .ny-nav li:hover .arrow1{ display: inline;}

.nycontent{ width: 100%; margin-top: 40px; line-height: 2em; font-size: 1em; padding-bottom: 20px; min-height: 500px;}
.nycontent img{ margin: 10px; max-width: 100%; height:auto;margin: 0 auto;
    display: block;}
@media  (max-width:992px) {
    .nycontent{ width: 100%; margin-top: 20px; min-height: 300px;}
}

.ny-news-list li{ margin-top:10px; border-bottom: 1px dashed #ccc; padding-bottom: 6px;}

.news-tit{
    height:32px; line-height: 32px; overflow: hidden; padding-left: 4px; padding-right: 6px;}
.news-titny{ line-height: 30px; padding: 10px ; margin-top: 20px;}
.info{ color: #666;}
.left-nav-f{ position: fixed; top: 50%; margin-top: -100px;right: 0;}
.left-nav-f ul li a{ color: #fff; line-height: 70px;font-size: 0.7em;}
.left-nav-f ul li{ position: relative;  height: 70px; margin-top: 1px;}
.left-nav-f ul li > a.nav-o{ color: #fff; position: absolute; right: 0; background:#005ca9;  width: 70px;  height:70px; line-height: 30px;text-align: center;  box-shadow: -3px 5px 15px #999; font-size: 1em; display: block;}
.left-nav-f ul li > a  span.fa{ font-size: 1.5em; line-height: 70px;}

.left-nav-f ul li:hover{ background: #0184ef;}

.nav-active{ width: 150px;  background: #0184ef; position: absolute; right: -150px; top: 0;  padding-left: 20px; font-size: 1.5em; height:70px; box-shadow: 5px 5px 15px #999; line-height: 70px;}
.left-nav-f ul li:hover .nav-active{ right: 0;}
.left-nav-f ul li:hover > a.nav-o{ right: -80px;}
.dropdown-menu{ border: 0px; border-radius: 0 0 10px 10px; padding-bottom: 10px; background: rgba(244,244,244,0.8);}
.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;}
.dropdown-menu>li>a:hover{ background: #0184ef; color: #fff;}

.newsimg-ny{
    height:100px; overflow: hidden;}
@media (max-width:768px){.navbar-nav{float:left;margin:0;}
    .caseimg{height: 50px; overflow: hidden;}
    .media-icon{display: none;}
}

.media-heading{ text-align: left; font-size: 1.2em;}
.media-icon{ width: 100%; font-size: 0.5em;
    line-height:1em;}
.media-icon > span:first-child{ margin-left: 0px;}
.media-icon > span{
    float: left; display: block; font-size: 0.5em; color: #ccc; margin-left: 10px;}
.media-con{ line-height: 1.5em; padding-left: 0px; font-size: 0.8em; text-align: left; color: #999;}
.ny-pic-list li{ margin-top:10px; border-bottom: 1px dashed #ccc; padding-bottom: 6px; cursor: pointer;}
.ny-pic-list li:hover{ box-shadow: 3px 5px 15px #999; border-bottom: #fff;}
.ny-pic-list li .media-heading  { margin-top: 8px;}
.ny-pic-list li .media-con{ margin-top: 6px;}

.content-dl {
 width: 100%;
    margin: 20px auto;}



.item {
    /*width: 80%;*/
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    display: none;}

 .content-dl p {
    height: auto;
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    color: #707070;}
.content-dl p span{ float: left; margin: 2px;}
.content-dl p a{ width: auto; padding: 6px 20px;     color: #707070;  border-radius: 4px;}
 .content-dl p a.s {
   text-align:center; padding: 6px 12px;}
.content-dl > p > span > a:hover,  .content-dl > p span > a.active{ background: #2a90e4; color: #fff;}
.teac-list li{ margin: 16px auto;}
.teac-list li h4{ line-height: 180%; text-align:center;}
.teac-list li a img{ width: 240px;
    height:300px;}
@media (max-width: 992px) {
    .teac-list li a img{ width: 100%;
        height:200px;}
}

@media (max-width: 992px) {
    .navbar-default .nav-logo{
        margin-top:0
    }
   }

@media (max-width: 1300px){
.navbar-default .nav-logo {
    width: 440px;
}
} 
@media (max-width: 1250px){
.navbar-default .nav-logo {
    width: 300px;
    margin-top: 18px;
}
} 

.tl-ny-left{background: #f8f8f8; box-shadow: 5px 10px #ccc; padding: 10px;}

.tl-ny-right{box-shadow: 3px 3px 20px #999; padding-bottom: 20px;}

.ny-left-title{ color: #0070d0; font-size: 1.2em; border-bottom: 2px solid #0070d0;}
.ny-right-title{ color: #0070d0; font-size: 1.2em; line-height: 30px; border-bottom: 2px solid #0070d0; padding: 6px;}

.left-li{ border: 0px; border-bottom: 1px solid #e1edd0; background: none;    padding:0px;}
.tl-ny-left li a{color: #333; display: block;    padding: 10px 15px; margin-right: -10px;}
.tl-ny-left li a:hover{ background: #0070d0; color: #fff;}
.list-caret{ top: 6px; right: -19px; color: #0070d0;  position: absolute; font-size: 2em;}
.tl-ny-left li a.left-active{ background: #0070d0; color: #fff;}
.right-cont{ border: 0px; width: 96%; padding: 2%; margin-bottom: 10px;}
.right-list:hover{box-shadow: 5px 5px 15px #ccc; border: 0px;}
.list-text{ padding-top:0px;}
.list-name{ color:  #0070d0; line-height: 1.2em; font-size: 1.2em;}
.list-group-item-text{ color: #666; padding: 10px;}

.right-keyword{ color: #ccc; font-size: 0.8em;}
.tlright{ float: none; width: 100%; padding: 20px;}
.tlright a:last-child{ color:#333;}



.szdetails {
    color: #626262;
    float: left;
    line-height: 30px;
    margin-left: 10px;
    padding-bottom: 30px;
    width: 100%;}
.szdetails dl {
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;}
.szdetails dl dt {
    /*    border: 1px solid #d2d2d2;
        width: 260px;
        min-height: 240px;*/
    float: left;}

.szdetails dl dd {
    float: left;
    padding-left: 35px;}
.sd_name {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 30px;
    line-height:40px;}
.sz_intro {
    float: left;
    margin-bottom: 10px;
    width: 100%;}
.sz_intro h3 {
    float: left;
    font-size: 24px;
    margin-bottom: 10px;
    width: 100%;}
.sz_intro p {}
.shizi_con{padding-left: 20px; margin-top: -10px;}

/*???é?μ??·???*/
    .fenyeys{ float:left; width:90%; text-align:center; margin:12px 0px; font-size: 14px; font-family: "???è?ˉé?…é?‘";}
    .fenyeys span{  margin:2px 6px; border-radius:25px;  padding:0px 5px; background:#0088cc; color:#fff;}
    .fenyeys a{ margin:2px 6px; border-radius:25px; padding:0px 5px; background:#666; color:#fff;}
    .fenyeys a:hover{ background:#0088cc;}
/*?–°é—?èˉ|??…*/
.news_descr_box{ text-align:center;}
.news_descr_box .news_descr_tit{ font-size: 22px;  margin:16px 0; color: #000; line-height: 30px; margin-top: 20px;}
.news_descr_box .news_descr_time{ font-size: 14px;  padding: 1px 0; background: #f7f7f7; border: 1px #e8e8e8 solid;}
.news_descr_box .news_descr_con{ margin-top:30px; text-align: left; line-height: 200%;  color: rgb(76,73,72); font-family: "???è?ˉé?…é?‘","Microsoft YaHei";}
/*?–°é—?èˉ|??…??“???*/

.nav .dropdown:last-child ul{ left: -75px;} 
.dropdown-toggle:hover{background-color:rgba(0,0,0,0.8);}

.overflowx{overflow-x: scroll;
    scrollbar-face-color: #fcfcfc;

    scrollbar-highlight-color: #6c6c90;

    scrollbar-shadow-color: #fcfcfc;

    scrollbar-3dlight-color: #fcfcfc;

    scrollbar-arrow-color: #240024;

    scrollbar-track-color: #fcfcfc;

    scrollbar-darkshadow-color: #48486c;

    scrollbar-base-color: #fcfcfc;}
.biaogets{ display: inline-block; width: 100%; text-align: left; font-size: 14px; color: #CCA352; line-height: 30px;}
.pagename{  padding: 10px 0; margin-top: 10px;}