a,a:hover{text-decoration:none!important;}
a:active{text-decoration:none!important;}
a:visited{text-decoration:none!important;}
a:focus{text-decoration:none!important;}
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
div,ul,li { padding: 0; margin: 0; }
body { padding: 0; margin: 0; min-width: auto;}
ul { list-style: none ; }
p,h1,h2,h3,h4,h5,h6{margin: 0;}
img{border: none;}
.displayNone {display: none;}
.container{max-width: 1200px; width: 100%;margin: 0 auto;}
.nwesBanner{width: 100%;}
.nwesBanner img{width: 100%;}
.nwesBanner .container h1{font-size: 38px;color: #fff;padding-top: 133px;}
.nwesBanner .container h2{font-size: 20px;color: #e9eaef;font-weight: 500;}
.clumbNav{width: 100%;height: 70px;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.clumbNav .container{height: 70px;line-height: 70px;}
.clumbNav .container .currentPosition{float: right;padding-left: 27px;background: url("icon-01.png") no-repeat 0px 28px;margin-right: 22px;}
.clumbNav .container .currentPosition a{color: #333333;font-size: 16px;}
.clumbNav .container .currentPosition a:hover{color: #0068b7;}
.clumbNav .container .currentPosition span{display: inline-block;padding: 0 10px;}
.clumbNav .container ul{float: left;width: 70%}
.clumbNav .container ul li{float: left;margin-right: 5%;position: relative;}
.clumbNav .container ul li span{width: 55px;height: 3px;background: #0068b7;position: absolute;left: 50%;margin-left: -28px;top:66px;display: none;}
.clumbNav .container ul li.on a{color:#0068b7;}
.clumbNav .container ul li.on span{display: block;}
.clumbNav .container ul li.active a{ color: #0068b7;}
.clumbNav .container ul li.active span{display: block;}
.clumbNav .container ul li a:hover{color:#0068b7;}
.clumbNav .container ul li a{display: inline-block;color: #333333;font-size: 18px;padding: 0 10px;}




/* main开始 */
.work01{ height: 360px; width: 100%; background: #f5f5f5; padding: 16px; margin-top: 30px; overflow: hidden;}
.work01 .img{width: 584px; height: 329px;}
.work01 .img img{width: 100%; height: 100%;}
.work01 .content{width: 480px; height: 247px; margin-left: 45px; margin-top: 40px;}
.work01 .content>h3{ line-height: 45px; height: 90px; width: 100%; overflow: hidden; font-size: 24px; color: #333333; font-weight: normal;}
.work01 .content>p{ line-height: 30px;height: 100px; width: 100%; overflow: hidden;font-size: 15px; color: #5a5959;  margin-top: 15px;}
.work01 .content>a{display: block; font-size: 14px; color: #666666; margin-top: 15px;}
.work02{height: 118px; text-align: center; padding: 39px 0;}
.work02 a{display: inline-block; padding: 11px 51px 11px  57px; text-align: center; background: url(work_1_03.png) no-repeat center; background-size:100% 100%; margin-right: 13px;}
.work02 a span{padding-left: 18px; background: url(work_1_02_1.png) no-repeat left center; font-size: 17px; font-weight: bold; color: #0068b7;}
.work02 >.on{background: url(work_1_03_1.png) no-repeat center;background-size:100% 100%; }
.work02 >.on span{ background: url(work_1_02.png) no-repeat left center; color: white;}
.work03_1{width: 1250px;margin-bottom: 40px;}
.work03 .list{position: relative; float: left; width: 383px; height: 382px; margin-right: 25px; margin-bottom: 40px;}
.work03 .list .img{width: 100%; height: 215px;}
.work03 .list .img img{width: 100%; height: 100%;}
.work03 .list .title{position: absolute; bottom: 0px; left: 0px; height: 167px; width: 100%; background: #f7f7f7; padding:30px 25px; overflow: hidden;}
.work03 .list .title h3{ height: 60px; line-height: 30px; overflow: hidden; font-size: 18px; color: #333333; font-weight: normal;}
.work03 .list .title span{display: block; margin-top: 20px; font-size: 14px; color: #999999;}
.work03 .list .title p{display: none;}
.work03 .list:hover .title{background:#0068b7; color: white;animation:mymove 1s  0s 1 alternate forwards   ;
    -webkit-animation: mymove 1s  0s 1 alternate forwards; /*Safari and Chrome*/
    }
    
    @keyframes mymove
    {
    from {height:167px;}
    to {height:216px ;}
    }
    
    @-webkit-keyframes mymove /*Safari and Chrome*/
    {
    from {height:167px;}
    to {height:216px ;}
    }
.work03 .list:hover h3{color: white;}
.work03 .list:hover  span{color: white;}
.work03 .list:hover  p{color: white; display: block; line-height: 25px; font-size: 15px; height: 45px; overflow: hidden; margin-top: 10px;}

/* main结束 */

/* 移动版 */
@media screen and (max-width:1024px) {
    .clumbNav{ height: 0.86rem; overflow: visible; }
    .f-cb{ min-height: 100%; height: 0.86rem; line-height: 0.86rem; border-bottom: 0.01rem solid #e5e5e5;}
    .nwesBanner img{ height: 2.4rem;}
    .clumbNav .container{height: 0.85rem; line-height: 0.85rem; position: relative; overflow: hidden;}
    .clumbNav .container ul li{ margin:0 2.3%;}
    .clumbNav .container ul li a{font-size: 0.373rem;}
    .clumbNav .container ul{ width:100%!important;}
    .clumbNav .container .currentPosition{background: url(icon-01.png) no-repeat 0 center; padding-left: 0.4rem; margin-right: 0; position: absolute; right: 0.9rem;top: 1.2rem; height: 0.26rem; line-height: 0.6rem; background-size: 0.18rem 0.18rem;}
    .clumbNav .container .currentPosition a{font-size: 0.24rem;}
    .clumbNav .container ul li span{width: 100%;  height: 0.04rem; top: 0.79rem; margin-left:0; left: 0;}
    .clumbNav .container ul li a{ padding: 0;}
    .clumbNav .container .currentPosition span{    padding: 0 0.1rem; font-size: 0.24rem;}
    .currentPosition{ font-size: 0.24rem;}
    .currentPosition a{ font-size: 0.24rem;}

    .wrapper{width: 100%!important;}
    .work01{ height: 8.8rem; width: 93%; margin: 0 auto; background: #f5f5f5; padding: 0.21rem; margin-top: 0.4rem; overflow: hidden;}
    .work01 .img{width:100%; height: 4.38rem;}
    .work01 .img img{width: 100%; height: 100%;}
    .work01 .content{width: 90%; height: 3.29rem; margin-left: 0.6rem; margin-top: 0.53rem;}
    .work01 .content>h3{ line-height: 0.6rem; height: 0.6rem; width: 100%; overflow: hidden; font-size: 0.346rem; color: #333333; font-weight: normal;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    .work01 .content>p{ line-height: 0.45rem;height: 1.33rem; width: 100%; overflow: hidden;font-size: 0.25rem; color: #5a5959;  margin-top: 0.2rem;}
    .work01 .content>a{display: block; font-size: 0.24rem; color: #666666; margin-top: 0.2rem;}
    .work02{height: auto; text-align: center; padding: 0.52rem 0;}
    .work02 a{display: inline-block; padding: 0rem 0.3rem 0rem  0.3rem; text-align: center; background: url(work_1_03.png) no-repeat center; background-size:100% 100%; margin: 0.3rem 0; margin-right: 0.17rem; }
    .work02 a span{padding-left: 0.24rem; background: url(work_1_02_1.png) no-repeat left center; font-size: 0.426rem;  color: #0068b7; font-weight: normal;background-size: 0.07rem 0.07rem;}
    .work02 >.on{background: url(work_1_03_1.png) no-repeat center;background-size:100% 100%; }
    .work02 >.on span{ background: url(work_1_02.png) no-repeat left center; color: white; font-weight: bold; background-size: 0.07rem 0.07rem;}
    .work03_1{width: 93%; margin: 0 auto; margin-bottom: 0.53rem;}
    .work03 .list{position: relative; float: left; width: 46%; height: 5.09rem; margin:0 2%; margin-bottom: 0.53rem;}
    .work03 .list .img{width: 100%; height: 2.8rem;}
    .work03 .list .img img{width: 100%; height: 100%;}
    .work03 .list .title{position: absolute; bottom: 0; left: 0; height: 2.22rem; width: 100%; background: #f7f7f7; padding:0.4rem 0.33rem; overflow: hidden;}
    .work03 .list .title h3{ height: 0.9rem; line-height: 0.46rem; overflow: hidden; font-size: 0.346rem; color: #333333; font-weight: normal;}
    .work03 .list .title span{display: block; margin-top: 0.26rem; font-size: 0.25rem; color: #999999;}
    .work03 .list .title p{display: none; font-size: 0.24rem;}
    .work03 .list:hover .title{background:#0068b7; color: white;animation:mymove 1s  0s 1 alternate forwards   ;
        -webkit-animation: mymove 1s  0s 1 alternate forwards; /*Safari and Chrome*/
        }
        
        @keyframes mymove
        {
        from {height:2.22rem;}
        to {height:2.88rem ;}
        }
        
        @-webkit-keyframes mymove /*Safari and Chrome*/
        {
        from {height:2.22rem;}
        to {height:2.88rem ;}
        }
    .work03 .list:hover h3{color: white;}
    .work03 .list:hover  span{color: white;}
    .work03 .list:hover  p{color: white; display: block; line-height: 0.33rem; font-size: 0.2rem; height: 0.6rem; overflow: hidden; margin-top: 0.13rem;}
   
}





/* 当前位置修改 */
.clumbNav{background-color: #0068b7; color: #fff;border-bottom:none;}
.clumbNav .container ul li a{color:#fff;}
.clumbNav .container ul li.active span{display:none !important;}
.clumbNav .container ul li.active a{background-color: #fff;font-weight: bold;}
.clumbNav .container ul li{margin-right:0% !important;}
.clumbNav .container ul li a{margin-top:4px;padding: 0 30px;}
.clumbNav .container .currentPosition a{color:#fff;}
.clumbNav .container .currentPosition a:hover{color:#fff;}
.clumbNav .container ul li:hover a{background-color: #fff;font-weight: bold;color:#0068b7;}
.clumbNav .container ul li:hover span{display:none !important;}


.nwesBanner img{display:block;}
.more{    display: block;
    text-align: center;
    cursor: pointer;
    margin: 0 auto !important;
    font-size: 16px;width: 130px;
    margin: 0 auto;
    height: 44px;
    line-height: 44px;background:url(more.png) no-repeat;}
	
.more:hover{background:url(more1.png) no-repeat;color:#0168b7;}


@media screen and (max-width: 950px){
	.clumbNav .container ul li.active a{border-bottom:none;}
	.clumbNav .container ul li a{margin-top:0.1rem ;padding:0 0.2rem;}
	
	.more{  font-size: 0.373rem !important;    line-height: 1.1rem !important;
    height: 1.1rem !important;}
	
}

@media screen and (max-width: 1024px){
		.clumbNav .container{height:1rem;line-height:1rem;}
	.f-cb{height:1rem;line-height:1rem;border-bottom:none;}
	.clumbNav{height:1rem;}
}