.diy_page,.diy_page2{font:12px/21px Arial;clear:both;margin:0 auto;text-align:center;color:#999;}
.diy_page a img{border:0;}
.diy_page a{text-decoration:none;color:#333;border:1px solid #CCCCCC; padding:0 4px;margin-right:1px;}
.diy_page a:hover{color:#f00;background:#CCCCCC;text-decoration:none;}
.diy_page a.current{color:red;border:1px solid #CCCCCC; background:#CCCCCC;}
.diy_page a.p_n{border:none;}
.diy_page a.p_n:hover{border:none;background:none;color:#F00;text-decoration:underline;}
.diy_page a.nob{border:none;padding:0 3px}
.diy_page a.p_n2{border:none;text-decoration:none;border:1px solid #FFF;}
.diy_page a.p_n2:hover{border:none;background:none;border:1px solid #FFBB55;}

.ny_about_title {
    background: url(../image/ny_about_title.png) center no-repeat;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-top: 60px;
}


.ny_about_li{margin-top:40px;}
.ny_about_li li{height:207px; width:360px; display:block; overflow:hidden; float:left;}
.ny_about_li li.about-li dd{margin-top:-207px; transition:0.3s;}
.ny_about_li li dd{height:207px; display:block; background:url() center no-repeat; background:url(../image/ny_about_li.png) center no-repeat; text-align:center; transition:0.3s;}
.ny_about_li li dd img{margin-top:20px;}
.ny_about_li li dd p{color:#0f60cc; font-size:24px; margin-top:8px;}
.ny_about_li li dt{transition:0.3s; display:block; background:url(../image/ny_about_li_h.jpg) center no-repeat;height:207px; text-align:center;}
.ny_about_li li dt i{font-size:24px; padding-top:50px; display:block; padding-bottom:10px;}
.ny_about_li li dt em{width:70%; display:block; margin:auto; font-size:16px; line-height:26px;}



.complist{ margin:40px 0 60px; overflow:hidden;}
.complist li{ width:25%; padding:0 10px; box-sizing:border-box; float:left; background-position:center center; text-align:center;}
.complist .img{ background-position:center center; background-repeat:no-repeat; padding:30px 0;}
.complist .img img{ max-width:80px; padding:0 10px; width:100%; box-sizing:border-box;}
.complist .icon{ padding-top:12px;}
.complist .txt{ margin-top:20px;}
.complist .tit{ font-size:20px; margin-top:20px;}
.complist .li01 .img{ background-image:url(../image/tb01bg.png);}
.complist .li02 .img{ background-image:url(../image/tb02bg.png);}
.complist .li03 .img{ background-image:url(../image/tb03bg.png);}
.complist .li04 .img{ background-image:url(../image/tb04bg.png);}


/*links*/
.links {
    width: 1440px;
    margin: 5px auto 0;
}
@media (max-width:1440px){
    .links {
    width: 100%;
    margin: 5px auto 0;
}
}
.links .tit {
    line-height: 36px;
    margin: 0 0 10px;
    position: relative;
    background: url(../image/tjprot.jpg) repeat-x 0 bottom;
}

.links .tit span {
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
    color: #0e66b8;
    background: url(../image/tjprots.jpg) no-repeat 0 bottom;
    display: inline-block;
    height: 26px;
}

.links .tit span i {
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin: 9px 0 0 10px;
    cursor: pointer;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.links .tit span i.up {
    background-image: url(../image/link_up.jpg);
}

.links .tit span i.down {
    background-image: url(../image/link_down.jpg);
}

.links .con {}

.links .con a {
    display: inline-block;
    margin: 8px;
}