* {
    font-family: "微软雅黑";
}
.result-p{ display:none}
.pro-context{ display:none;}
/* 顶部 */
.top {
    text-align: left;
}

.top img {
    width: 100%;
    display: block;
}

.nav {
    width: 1400px;
    height: 56px;
    margin: 0 auto;
    list-style: none;

}
.topNav{
    background-image: linear-gradient(to bottom, #158ee1, #066dc9) !important;
    background-color:#066dc9;
}


.nav li {
    position: relative;
    line-height: 56px;
    cursor: pointer;
    text-align: left;
    float:left;
    margin-right:60px;
}



.nav li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 25px;
}

.nav li:first-child ul, .nav li:first-child ul li {
    width: 150px;
    float: none;
    border-top: solid 2px #086dca;
    background-color: #1389dd;
    z-index: 999;
}


.nav li ul {
    width: 100px;
    position: absolute;
    display: none;
}
.nav li ul a{
    font-size: 18px;
}

.nav li ul li {
    width: 260px;
    float: none;
    border-top: solid 2px #086dca;
    background-color: #1389dd;
    z-index: 999;
    text-align: center;
}



.nav li:hover ul {
    display: block;
}


/* 通知公告 */
.notice {
    width: 28%;
    height: 550px;
    overflow: hidden;
    background-color: #e8ecf4;
    display:inline-block;
    margin-right:3%;
}

.notice-wrapper {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background-color: #0669c7;
    color: #fff;
    font-size: 20px;

}

.notice-wrapper .eng {
    font-size: 20px;
    color: #9cb7e1;
}

.notice-wrapper a {

    color: #fff;
    font-size: 14px;


}

/*设置内容区  */
.notice-context {
    padding: 15px 0;
}

.notice-context .notice-date {
    color: #ff6a00;
    text-align: center;
    border-right: 2px solid #ff6a00;
    display: block;
    width: 100px;
}
.notice-date span{
    font-size: 16px
}

.notice-context a {

    font-size: 20px;
    color: #666464;
    width: 300px;
    margin-left: 15px;
    line-height: 32px;

}

.notice-item {
    padding: 17px 0;
}
.notice-item:hover a{
    color: #0669c7;
}

/* 建设动态 */
.trends {
    width: 66%;
    height: 550px;
    background-color: #e8ecf4;
    display:inline-block;

}

.trends-wrapper {
    width: 900px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 20px;
    background-color: #0669c7;
    color: #fff;
    font-size: 20px;
    position: relative;
}

.trends-wrapper .eng {
    font-size: 20px;
    color: #9cb7e1;
}

.trends-wrapper a {
    text-decoration: none;
    color: #fff;
    display: block;
    float: right;
}
.trends-news {
    width: 500px;
}
.trends-news img {
    width: 100%;
    height: 300px;
}




.mt-50 {
    margin-top: 50px;
}
.p-30{
    padding: 30px;
}
.newsleft{
    padding-top: 10px;
}
.newsleft a{
    font-size: 20px;
    text-decoration: none;
    color: #666464;

}
.newsleft a:hover{
    color: #0669c7;
}
.newsleft p{
    margin-top: 12px;
}
.newsleft p, .newsright_content span{
    color: #999;
    font-size: 14px;
    line-height: 22px;
}
.newsleft button{
    width: 78px;
    height: 25px;
    color: #fff;
    border-radius: 4px;
    border: none;
    background-color: #0c6ec9;
    margin-top: 10px;
}
.newsright{
    width: 340px;
}
.newsright img{
    width: 30px;
    height: 30px;
    margin-right: 15px;
    display: block;
    float: left;
}
.newsright_content{
    width: 295px;
}
.newsright_content p{
    color: #808080;
    font-size: 16px;
    margin-top: 0;
}
.newsright_item{
    margin-bottom: 15px;
}
.newsright_item  a{
    font-size: 20px;
    line-height: 20px;
    color: #666464;
}
.newsright_item  a:hover{
    color:  #0669c7;
}
.newsright_item  span,
.newsright_item  p{
    font-size: 14px;

}

.newsright_item .time{
    text-align: right;
    font-size: 14px;
}

/* 建设项目 */
.project {
    width:100%;
    height: 1040px;
    margin-top: 45px;
}
.linefl{
    border-bottom: solid 5px #0669c7 !important;
}
.pro-title{
    width: 97%;
    background-color: #fff;
    line-height: 75px;
    font-size: 20px;
    text-align: center;
    padding-top: 25px;
   
}
.pro-title span{
    font-size: 30px;
    color: #0669c7;
    font-weight: bold
}
.pro-title .eng {
    font-size: 15px;
    color: #9cb7e1;
}
.pro-title a{
    color: #ff6a00;
}
.pro-context1,.pro-context2,.pro-context3{
    margin-top:37px;
    width: 100%;
    height: 280px;
    
}
.pro-item{
    width: 340px;
    height: 280px;
    border-top:solid 12px #0669c7 ;
    border-bottom: solid 2px #0669c7;
    background-color: #e8ecf4;
    margin-right:2.5%;
}
.pro-item  a:first-child{ padding: 0 0;}
.pro-item  a{
    width:320px;
    color: #808080;
    padding: 13px 25px ;
    
}
.fl .item-title{
    font-size: 20px;
    text-align:center;
    color: #0669c7;
    width:240px;
    padding:19px 0 10px 0;
    margin:0 50px;
    font-weight: bold;
}
.pro-item hr{
     width:270px;
     color:#808080 ;
     margin-left:25px ;
}
.pro-item{
    position: relative;
}
.rightTop{
    position: absolute;
    right: 1px;
    top: 1px;
}
.pro-item:hover{
    border:none;
    transition: 0.4s;
    background-size: 100% 100%;
    background-image: url('../img/bg.png');
}
.pro-item:hover  a{
    color: white;    
}
.pro-item:hover ul li{
    color: white; 
}

.pro-item:hover .item-title{
    color: white; 
}

/* 项目成果 */
.b-90{
    margin-top: 50px;
}
.result {
    width:684px;
    height: auto;
    display:inline-block;
    overflow:hidden;
}
.result-item{
    width: 684px;
    height:458px;
    background-color:#e8ecf4 ;
    margin: 45px auto 0;
    --swiper-navigation-size:0;
}

.result-wrapper {
    width: 684px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 20px;
    background-color: #fff;
    color:#0669c7;
    font-size: 20px;
    position: relative;
 
}

.result-wrapper .eng {
    font-size: 20px;
    color: #9cb7e1;
}
.result-wrapper span{
    font-size: 30px;
    color: #0669c7;
    font-weight: bold
}
.result-wrapper a{
    color: #ff6a00;
}
/* 轮播图 */
.wrap {
    width: 678px;
    height: 535px;
    overflow: hidden;
    display: inline-block;

}
.swiper-container{
    height: 535px !important;
    overflow: hidden;
}
.item_center{
    float: left;
    position: relative;
    margin-left: 15px;
}
.swiper-wrapper{
    width: 2408px !important;
    height: 535px !important;
}

.wrap-item {
    width: 320px !important;
    float: left;
    height: 500px;
    margin-left: 20px;
    position: relative;
}

* {
	margin: 0;
	padding: 0;
}
.blue-slide {
    
	background: #4390EE;
}
.red-slide {
	background: #CA4040;
}
.orange-slide {
	background: #FF8604;
}
.swiper-slide {
    width: 342px !important;
    height: 535px;
    position: relative;
	color: #fff;
	font-size: 36px;
	text-align: center;
}
.swiper-slide img{
    width:292px;
    height:239px;
}
.wrap-context{
    width: 240px;
    height:243px;
    color: #fff;
    background-color: #0669c7;
    text-align: center;
    position: absolute;
    top: 208px;
    left: 25px;
    z-index: 999;
    
}
.wrap-context span{
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}
.wrap-bottom{
    width: 240px;
    height: 280px;
    background-color: #0669c7;
    text-align: center;
    position: absolute;
    top: 220px;
    left: 37px;
}
.wrap-context p{
    padding:0px 10px;
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px;
    text-align: left;
}


/* 典型案例 */
.case {
    width: 684px;
    height: auto;
    display:inline-block;
}
.arrow-left{
    left: 10px;
    background-image: url('../img/btnl.png');
}
.arrow-right{
    right: 10px;
    background-image: url('../img/btnr.png');
}
.arrow-left,.arrow-right{
    width: 23px;
    height: 23px;
    cursor: pointer;
    position: absolute;
    bottom: 5px;
display:none;
}

.case-wrapper {
    width: 684px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 20px;
    background-color: #fff;
    color:#0669c7;
    font-size: 20px;
    position: relative;
}

.case-wrapper .eng {
    font-size: 20px;
    color: #9cb7e1;
}
.case-wrapper a{
    color: #ff6a00;
}
.case-wrapper span{
    font-size: 30px;
    color: #0669c7;
    font-weight: bold
}
.case-item{
    width:100%;
    margin-top: 43px; 
}
.item{ width:100%; }
.case-item img{
    padding-top: 4px;
}
/* 半透框 */

.photo{
    width:48%;
    position:relative;
    display:inline-block;
    float:none;
}
.photo img{ width:100%;}

.photo span{
    width:100%;
    height: 42px;
    background:#2d79bf;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    filter:alpha(opacity=50);
    -moz-opacity:0.6;
    opacity:0.8;
    font:bold 12px/30px Verdana;
    font-family: "Microsoft YaHei",微软雅黑;
    text-align:center;
    cursor:hand;
    line-height: 42px;
    font-size:16px ;
}

/* 底部 */
.footer{
    width: 100%;
    text-align:center; 
    padding-top:20px;
    color: #fff; 
    line-height:1.8;
    background-color: #727373;
    margin-top: 50px;
}
.foot{
    width:30%;
    padding-top: 35px;
    display:inline-block;
    margin-right:5%;
}
.QRcode{
    width:30%;
    display:inline-block;
}


@media screen and (max-width:2000px) and (min-width:1201px){
     .body-content{ padding:0 3%;}
     .nav{ width: 90%;height: 35px;}
     .nav>li{ line-height: 35px;text-align:center;margin-right:0;width:11%;}
     .nav li a{ font-size: 18px;}

     .notice-wrapper{ padding:0 8px;}
     .notice-context .notice-date{ width:20%;}
     .notice-context a{ width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

    .trends{ width:68%;}
    .trends-news{ width:60%;}
    .newsright{ width:38%;}
    .newsright img{ margin-right:10px;}
    .newsright_content{ width:83%;}
    .newsright_item a{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;}
    .newsright_item span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom:5px;}

    .pro-item{ width:24%;margin-right:1%;}
    .pro-item a{ width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
    .fl .item-title{ padding-top:0;}

    .result{ margin-right:6%;float:left;}
    .case{ width:49%;}
    .case-wrapper{ width:100%;}

    .QRcode{ width:22%;}
    .QRcode img{ width:30%;}

}


@media screen and (max-width:1730px)and (min-width:1201px){
    .result{ margin-right:5%!important;}
}

@media screen and (max-width:1480px) and (min-width:1401px){
   .case{ width:45%;}
   .photo{ width:48%;display:inline-block;float:none}


}

@media screen and (max-width:1400px) and (min-width:1201px){
   .result{ width:100%;}
   .result-wrapper{ width:100%;}
   .result-item{ margin:45px auto 0;}

   .case{ width:100%;}
   .case-wrapper{ width:100%;}
   .item{ margin:0 19%;}
   .photo{ display:inline-block;float:none;}
}



@media screen and (max-width:1200px){
    .body-content{ padding:0}
    .swiper-slide {
        width: 342px !important;
        height: 535px;
        position: relative;
        color: #fff;
        font-size: 36px;
        text-align: center;
    }
    .swiper-slide img{
        width:292px;
        height:239px;
    }
}


@media screen and (max-width:1200px){
    .body-content{ padding:0}
 .pro-context{ display: block;padding: 0 5%;}
 .pro-context2,.pro-context3{ display: none;}  

    
    .slide-content {
       
        width: 100%;
        height: auto;
        float: left;
    }
    .slide-title {
        width: 100%;
        height: auto;
        float: left;
      
      
    }


   
    .slide-item {
        width: 100%;
        
        float: left;
       
     
    }


    .new-body-title {
       
        overflow: hidden;
       
       
    }

    .slide-item-body {
        margin-left: 0;
    }

    .slide-item-body ul {
       
        width: 100%;
    }


    .tempWrap{
     width:100%;     
    }

    
    


}

@media screen and (max-width:1200px) and (min-width:1000px){
    .body-content{ padding:0}
    .pro-context1{ display:block;padding:0 5%;}
    .pro-context2,.pro-context3{ display: none;} 
    .case-item img{ width: 100%;padding-right: 0;}
      .photo{ width: 46%;margin:0 2%;}  
      .photo span{ width: 100%;} 
    
}

@media screen and (max-width:1200px) and (min-width:801px){
   .pro-context2,.pro-context3{ display: none;} 
    .pro-context1{ display:block;padding:0 5%!important;}
    body{float: left;height: auto;width: 100%;}
    .body-content{ width: 100%;  padding:0}
    .mt-50{ margin-top: 25px;}
    .result{width: 100%;}
    .between {display:block;}

    .top{width: 100%;height: auto;}
    .nav{ width: 90%;height: 35px;}
    .nav>li{ line-height: 35px;text-align:center;margin-right:0;width:11%;}
    .nav li a{ font-size: 18px;}

    .notice,.trends{ width: 92%;margin: 0 4%;}
    .notice{ margin-right: 2%;height:auto}
    .notice-context a{ font-size: 18px;width: 75%;}

    .trends{ margin-top: 25px;height: auto;}
    .trends-news{ display: none;}
    .newsright{ width: 100%;float: left;}
    .newsright_content{ width: 83%;}
    .newsright_item{ margin-bottom: 25px;}
    .newsright_item:nth-child(5n){display: none;}
    .newsright_item a{  display: block;font-size: 18px;margin-bottom: 3px;}
    
    .pro-context{ margin-top:25px;}
    .pro-context2, .pro-context3{ display: none;}
    .pro-context1 .pro-item:nth-child(4n){display: none;}
    .pro-item{ width:31%;margin-right: 3%;}
    .pro-item:nth-child(3n){ margin-right: 0;}
    .pro-item ul a{ font-size: 15px;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .fl .item-title{font-size: 16px;width: auto;margin: 0 28%;}
    .pro-item hr{ width: 80%;margin-left: 10%;}
    .pro-title{ padding: 10px 5% 0;}

    .b-90{ margin-top: 25px;}

    .result{ display: none;}
    .result-p{display: block;}
    .result-p{ display: block;width: 100%;padding: 0 5%;}
    .result-p .linefl{ height: 45px;}
    .result-wrapper span{ font-size: 30px;font-weight: bold;}
    .result-wrapper .eng{font-size: 16px;}
    .result-wrapper{ width: 100%;}
    .result-item-p{ width: 100%;margin-bottom: 10px;}
    .result-item-p img{ width: 34%;height: 200px;display: inline-block; }
    .result-text-p{ width: 60%;display: inline-block;margin-left: 4%;}
    .result-text-p h3{ font-size: 18px;color: #666464;margin-bottom: 25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .result-text-p p{ font-size: 16px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom:45px;}

    .case{ width: 100%;height:auto;overflow: hidden;padding: 0 5%;}
    .case-item{width: 100%;}
    .case-wrapper{width: 100%;}
    .case-item img{ width: 100%;padding-right: 0;}
    .photo{ width: 44%;margin:0 2% 2%;display:inline-block;}
    .photo span{ width: 100%;}


    .footer{ margin-top: 25px;padding-top:1%;}
    .foot{ width: 55%;font-size: 14px;padding: 0 0;float: left;margin-left: 9%;}
    .QRcode{ width: 20%;;padding: 0 0;float: right;margin-right: 11%;}
    .QRcode img{ width: 32%;}
    .QRcode span{ font-size: 14px;}


}


@media screen and (max-width:800px){
    body{float: left;height: auto;width: 100%;}
    .body-content{ width: 100%;padding:0;}
    .between {display:block;}

    .top{width: 100%;float: left;height: auto;}
    .nav{ width: 90%;height: 35px;}
    .nav li ul li{ width: 170%;}
    .nav li ul a{ font-size: 13px;}
    .nav li{ line-height: 35px;margin-right:0;}
    .nav li a{ font-size: 13px;text-align:center}
    
    .notice{ margin-top: 25px;height:278px;overflow: hidden;}
    .notice-wrapper{ width: 100%;padding: 0 3%;height: 35px;line-height: 35px;font-size: 16px;}
    .notice-wrapper .eng{ font-size: 16px;}
    .notice,.trends{width:100%;padding: 0 5%;background-color: #fff;}
    .notice-date{ width: 20%!important;padding-right: 6%;text-align: end!important;}
    .notice-context,.p-30{ background-color: #e8ecf4;}
    .notice-context a{width:71%;margin-left: 5%;font-size: 16px;}
    .notice-item{ padding: 12px 0;}
    
    .p-30{ padding: 30px 10%;}
    .trends{ height:auto;overflow: hidden;margin-top: 25px;}
    .trends-news{ display: none;}
    .newsright_item{ margin-bottom: 23px;}
    .newsright_item:nth-child(4n){display: none;}
    .newsright_item:nth-child(5n){display: none;}
    .newsright{ width: 100%;float: left;}
    .newsright_content{ width: 85%;margin-left: 2%;}
    .newsright_content span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .newsright_item a{  display: block;margin-bottom: 7px;font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .newsright_item .time{ margin-top: 5px;}

    .pro-context2,.pro-context3{ display: none;}  
    .pro-context1{ margin-top: 25px;width: 100%;height: 285px;padding: 0 4%;overflow: hidden;display:none;}
    .pro-item{width:100%;} 
    .linefl{ height: 65px;}
    .fl .item-title{font-size: 16px;width: auto;margin: 0 28%;}
    .pro-title{ padding:0 5%;text-align: left;padding-top: 0;}
    .pro-title span{ font-size: 20px;}
    .pro-title .eng{font-size: 15px;}
    .pro-title a{ font-size: 15px;}
    .pro-item ul a{ font-size: 15px;width: 97%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .pro-item hr{ width: 80%;margin-left: 10%;}

    .b-90{ margin-top: 10px;}
    .result{ display: none;}
    .result-p{ display: block;width: 100%;padding: 0 5%;}
    .result-p .linefl{ height: 45px;}
    .result-wrapper span{ font-size: 20px;}
    .result-wrapper .eng{font-size: 16px;}
    .result-wrapper{ width: 100%;}
    .result-item-p{ width: 100%;margin-bottom: 10px;}
    .result-item-p img{ width: 34%;height: 110px;display: inline-block; }
    .result-text-p{ width: 60%;display: inline-block;margin-left: 4%;}
    .result-text-p h3{ font-size: 18px;color: #666464;margin-bottom: 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .result-text-p p{ font-size: 16px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom:20px;}

    .case{ width: 100%;height: auto;overflow: hidden;padding: 0 5%;}
    .case-wrapper{width: 100%;}
    .case-wrapper span{ font-size: 20px;}
    .case-wrapper .eng{font-size: 16px;}
    .case-item{ margin-top: 25px;width: 100%;padding: 0 5%;}
    .case .linefl{height: 45px;}
    .case-item img{ width: 100%;padding-right: 0;}
    .photo{ width: 66%;margin:0 18%;}
    .photo span{ width: 100%;}
   
    .item .photo:nth-child(3n){ display: none;}
    .item .photo:nth-child(4n){ display: none;}

    .footer{ margin-top: 25px;}
    .foot{ width: 45%;font-size: 10px;padding: 0 0;display:inline-block;margin-left: 2%;}
    .QRcode{ width: 40%;padding: 20px 0;display:inline-block;margin-right: 2%;}
    .QRcode img{ width: 80%;}
    .QRcode span{ font-size: 12px;}

#vsb_content_6 table{width:100%;}

}


@media screen and (max-width:800px) and (min-width:560px){
    .nav li{width:11%;float: left;margin-right:0;}

    .QRcode img{ width: 25%;}
}


@media screen and (max-width:560px) and (min-width:480px){
    .nav li{width: 20%;float: left;margin-right:0;}

    .QRcode img{ width: 37%;}
}

@media screen and (max-width:480px) and (min-width:320px){
    .body-content{ padding:0}
    .pro-context1,.pro-context2,.pro-context3{ display: none;}
    .nav{ display: block;}
    .nav li{width: 20%;float: left;margin-right:0;}
    .notice-context a{ line-height:28px;height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .notice-wrapper .eng,.trends-wrapper .eng{ display: none;}
    .notice-date{ padding-left: 3%;}

    .p-30{ padding: 20px 4% 10px;}
    .newsright_content{ width: 75%;}
    .pro-title span{ font-size:15px;}
    .linefl{ width:61%;}
    .pro-context1 .pro-item:nth-child(2n){ display: none;}
    .pro-context1 .pro-item:nth-child(3n){ display: none;}
    .pro-item{ width: 100%;margin: 0 0;}

    .result-wrapper a{ font-size: 16px;}
    .result-wrapper span{ font-size:15px;}
    .result-wrapper .eng{ font-size:15px;}

    .case-wrapper a{ font-size: 16px;}
    .case-wrapper span{ font-size:15px;}
    .case{ height: auto;width: 100%;padding: 0 5%;}
    .photo{ width: 80%;margin:0 10%;}

    .QRcode img{ width: 45%;}


}