/*
默认公用样式
 */
html {
    font-size: 625%;
}

body {
    color: #000;
    margin: 0 auto;
    overflow-x: hidden;
    text-align: left;
    font-family: "Source Han Sans";
    position: relative;
    background: #f3f5f6;
}

a {
    text-decoration: none;
    color: #fff
}

a:hover {
    text-decoration: none;
    color: #2080b9
}


/*
头部样式
 */
@media only screen and (max-width: 780px) {
    body{
        background: #fff;
    }
    /*<780px
        二级页面
    */

    .header {
        width: 100%;
        position: absolute;
        z-index: 3;
        background: #032035;
    }

    .hdader .logo {

        margin:.12rem 0;

    }

    .header .logo img {
        /*width: 125px;*/
        height: 21px;
        padding-left: 18px;
        margin:12px 0;
    }

    .header .nav-site {
        display: none;
        position: relative;
        right: 0; /*top:78px;*/
        background: rgba(0, 0, 0, 0.7);
        padding-top: 78px;
        padding-bottom: 999px;
    }

    .header .nav-site.on {
        display: block;
    }

    .header .nav-bar {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .header .nav-btn {
        display: block;
        width: 34px;
        height: 27px;
        background: url(../images/ndyx/nav.png) no-repeat;
        background-size: 23px;
        right: 0px;
        top: 12px;
        position: absolute;
        z-index: 999
    }

    .header .nav-site .fir {
        height: 56px;
        width: 100%;
        text-align: center;
        line-height: .33rem;
        z-index: 11;
        position: relative;
        margin: 0;
        float: none;
    }

    .header .nav-site .fir span {
        font: 18px/56px Source Han Sans;
        display: block;
    }

    .header .nav-site li .sec {
        display: none;
    }

    #content .banner{
        overflow: hidden;
    }

    #content .banner img{
        height: 290px;
        position: relative;
        left:50%;
        margin-left: -480px;
    }
    #content .col-up .content{
        width: 100%;
        text-align: center;
        position: relative;
        top:-14px;
    }
    #content .col-up li.cur{
        background: #3f75bb;
    }
    #content .col-up li{
        display: inline-block;
        /*float: left;*/
        padding: 5px 10px;
        background: #9ca4ae;
    }
    #content .nav span{
        display: block;
        width:100%;
        text-align: center;
    }
    #content .nav .cn{
        padding-top: 70px;
        font-size:20px;
    }
    #content .nav .en{
        font-size:16px;
    }
    .col-auto .content{
        font-size:14px;
        line-height:25px;
        color: #747474;
        width:90%;
        margin:0 auto;
        padding:20px 0;
    }
    .col-auto .content img{
        width:100% !important;
        /*height:100% !important;*/
    }
    .show .col-auto .content img{
        width:100% !important;
        height:100% !important;
    }
    .footer{
        overflow: hidden;
    }
    .footer{
        bottom: 0;
        font-size: .13rem;
        width: 100%;
        background: #032035;
        color: #fff;
        height: .50rem;
        line-height: .5rem;

    }
    .footer .down{
        padding:0 .2rem;
    }
    .footer .left{
        float: left;
    }

    .footer .maker{
        float: right;
    }

    .lists .news-list {
        display: none;
    }
    .lists a{
        color: #000;
    }
    .lists img{
        /*margin-top:30px;*/
        margin-bottom:10px;
    }
    .lists .date{
        float: left;
        color: #929292;
        padding-right: 10px;
        border-right:1px solid #d6d6d6;
    }
    .lists .date .day{
        text-align: center;
        font-size: 16px;
        font-weight:bold;
        font-family:Source Han Sans;
    }
    .lists .date .Ym{
        text-align: center;
        font-size: 12px;
    }
    .lists .cont{
        float: right;
        width:80%;
    }
    
    .lists .cont .desc{
        font-size:12px;
    }
    .lists .cont .more2{
        text-indent: -9999px;
        /*font-size: 12px;
        background-color: #e9e9e9;
        border-radius: 15px;*/
        width: 100px;
        text-align: center;
        /*margin-bottom: 30px;*/
    }
    .col-auto .des{
        color: #000;
    }
    .lists1 .cont .title,.lists2 .cont .title{
        font-weight: bold;
        font-size: 16px;
    }

    .list1 .hr{
        padding: 20px 0;
    }

    .list2 .col-auto li{
        padding: 20px 0;
    }
    
    .list3 .hr{
        padding: 20px 0;
    }
    .list3 .col-auto li{
        padding: 20px 0;
    }
    
    .list3 .pic{
        text-align: center;
    }
    .list3 .col-auto img{
        width:210px !important;
    }
    
    .list4 .col-auto li{
        padding: 20px 0;
    }
    .list4 .col-auto .pic{
        text-align: center;
    }
    .list4 .col-auto img{
        width: 100px !important;     
    }
    .list4 .col-auto .title{
        text-align: center;
    }
    .list5 .col-auto li{
        padding: 20px 0;
    }
    .list5 .col-auto .pic{
        text-align: center;
    }
    .list5 .col-auto li img{
        width: 200px !important;     
    }
    .show .content{
        color: #747474;
        font-family:"Source Han Sans";
    }
    .show .title{
        text-align: center;
        padding-bottom: 10px;
    }
    .show #title{
        color: #3f78be;
    }
    .show .das{

        padding-bottom: 10px;
        border-bottom: 1px solid #ededed;
    }
    
    .show .info{
        width:90%;
        height: 36px;
        margin:0px auto;
        padding-bottom: 20px; 
    }
    .show .info a{
        color: #747474;
    }
    .show .info span{

        float: left;
    }
}
@media only screen and (min-width: 780px) {
    .header {
        width: 12.00rem;
        position: fixed;
        left: 50%;
        z-index: 3;
        margin-left: -6rem
    }

    .header .hc {
        width: 12rem;
        background: #032035;
        padding: 0 3.6rem;
        position: absolute;
        left: -3.6rem;
    }

    .header .left {
        float: left;
    }

    .header .right {
    }

    .header .logo {
        /*width: px;*/
        float: left;
        margin-top: .12rem;
        margin-bottom: .12rem;
    }

    .header .logo img {
    }

    .header .nav-bar { /*width:840px;*/
        text-align: center;
        float: right;
    }

    .header .nav-bar.bgc {
        background-color: #0f0f0f;
    }

    .header .nav-btn {
        display: none;
    }

    .header .nav-btn.bgi {
        background: url(../images/rscx/show.png) center no-repeat;
    }

    .header .nav-site {
    }

    .header .nav-site .fir {
        margin-left: 46px;
        float: left;
        margin-top: .3rem;
        padding-bottom: .27rem;
        text-align: center;
        line-height: .13rem;
        z-index: 11;
        position: relative;
    }

    .header .nav-site .fir span {
        display: block;
        /*padding: 0 0.04rem;*/
        color: #fff;
    }

    .header .nav-site .fir span:hover {
        color: #d55c34;
    }

    .header .nav-site .fir a {
        font-size: 13px;
        font-family: Source Han Sans;
        *display: block;
        display: block;
    }

    .header .nav-site li a .en {
        color: #2b2b2b;
        font-size: 10px;
        font-family: Arial;
        font-weight: 500;
        *display: block
    }

    .header .nav-site .sec {
        float: left;
        display: none;
        background: #032035;
        position: absolute;
        left: -.36rem;
        top: .40rem;
        padding-bottom: .05rem;
    }

    .header .nav-site li:hover .sec {
        display: block;
    }

    .header .nav-site li .sec li {
        height: 40px;
        width: 113px;
        margin: 0 5px;
        text-align: center;
        border-bottom: 1px solid #04416d;
    }

    .header .nav-site li .sec li a {
        color: #232222;
        display: block;
        height: 40px;
        font: 13px/40px 思源黑体;
    }

    .header .nav-site li .sec li:hover {
    }

    .header .nav-site li .sec li:hover a {
        color: #144d8c;
    }

    .header .nav-site li .sec .bottom {
        height: 7px;
        background-color: #d5041d
    }

    .header .nav-site li .sec .bottom:hover {
        height: 7px;
        background-color: #d5041d
    }

    /*
    底部样式
     */
    .footer {
        width: 1200px;
        height: 56px;
        line-height: 56px;
        margin: 0 auto;

        position: relative;
        bottom: 0;
        left: -0px;
        z-index: 0;
    }

    .footer .down {
        width: 1200px;
        padding: 0 360px;
        position: absolute;
        left: -360px;
        margin: 0 auto;
        color: #fff;
        font-size: 13px;
        font-family: Source Han Sans;
        background-color: #032035;
    }

    .footer .down .down-content {
        width: 1200px;
        margin: 0 auto;
    }

    .footer .down .left {
        float: left;
        margin-right: 15px;
    }

    .footer .down .right {
        float: right;
    }

    .footer .down .maker {
        float: right;
        color: #fff;
    }

    .footer .down .maker a {
        color: #fff;
    }

    .footer .info {
    }

    .footer .flinks {
        width: 100%;
        height: 100%;
        line-height: 22px;
    }

/*page */
    #content {
        width: 1200px;
        margin: 0 auto;
    }

    #content .banner {
        width: 1200px;
        margin: 0 auto;
    }

    #content .banner img {
        width: 1920px;
        height: 580px;
        position: relative;
        left: -360px;
    }

    #content .col-up {
        position: relative;
        top: -90px;
        z-index: 1;
    }

    #content .col-auto {
        width: 1100px;
        padding: 0 50px;
        background: #fff;
    }

    #content .nav {
        background: #fff;
        width: 1100px;
        height: 82px;
        padding: 37px 50px 0;
        font: 25px/25px Source Han Sans;

    }
    #content .nav .cn:after{
        content: '/';
        display: inline;
    }

    #content .left-nav .nav-c {
        font: 21px/21px Source Han Sans;
        color: #fff;
        margin-top: 33px;
    }

    #content .left-nav .nav-e {
        font: 15px/21px Arial;
        color: #fff;
        margin-top: 36px;
    }

    #content .col-up .content li {
        width: 146px;
        height: 45px;
        text-align: center;
        font: 15px/45px Source Han Sans;
        display: inline-block;
        background: #9ca4ae;
    }

    #content .col-up .content {
        text-align: center;
    }

    #content .col-up .content li a {
        color: #fff;
    }

    #content .col-up .content li:hover, #content .col-up .content li.cur {
        background: #3f75bb;
    }

    #content .col-up .bottom {
        min-height: 50px;
    }

    #content .col-auto {
        position: relative;
        top: -90px;
    }

    #content div.content {
        padding: 40px 0;
        font: 15px/35px Source Han Sans;
        min-height: 500px;
    }



    .lists .news-list2{
        display: none;
    }

    .lists li {
        padding: 30px 0;
        border-bottom: 1px dashed #cecece;
        height: 3.70rem;
    }
    .lists li .cont{
        float: left;
        width: 9.80rem;
    }
    .lists li .pic {
        float: left;
        width: 4.2rem;
        height: 2.37rem;
        margin-right: .2rem;
    }

    .lists li .pic img {
        width: 100%;
        height: 100%;
    }

    .lists li .title a {
        color: #3f78be;
        font: 21px/35px Source Han Sans;
        
        display: block;
    }

    .lists li .date {
        /*line-height: .6rem;*/
        height: 0.60rem;        
        color: #747474;
        font: 12px/60px Source Han Sans;
    }
    .lists li .date .day{
        font:bold 40px/40px Source Han Sans;
    }
    .lists li .desc {
        color: #747474;
        font: 13px/26px Source Han Sans;
    }

    .lists li .more2 {
        margin-top: 20px
    }

    .lists li .more2 a {
        color: #2080b9;
        font: 13px/13px Source Han Sans;
    }
    
    /*list1.html*/
    .lists1 .left{
        float: left;
        width: 50%;
    }

    .lists1 .right{
        float: right;
        width: 50%;
    }

    .lists1 .pic{
        text-align: center;
    }
    .lists1 .title{
        color: #4178be;
        font-size: 23px;
        margin-bottom: 40px;
    }

    .lists1 .hr{
        margin:100px 0;
    }

    .list2 .lists1 .hr{
        display: none;
    }
    
    .list2 .lists1 .cont{
       /* margin-top: 60px;*/
        width: 42.5%;
    }
    .list2 .des,.list3 .des{
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 60px;
    }


    .list3 .lists1 .hr hr{
        display: none;
    }
    .list3 .lists1 .hr{
        border-top: 1px solid #ededed;
    }
    .list3 .lists1 .pic{
        width: 290px;
    }
    .list3 .lists1 .cont{
        width:755px;
    }
    .list4 .lists2 li{
        width: 33%;
        float: left;
    }
    .list4 .lists2 li+li{
        border-left: 1px solid #ededed;
    }
    .list4 .lists2 li .pic{
        text-align: center;
    }
    .list4 .lists2 li .cont{
        width: 224px;
        margin:0 auto;
    }
    .list4 .lists2 li .cont .title{
        text-align: center;
        color: #4178be;
        margin:10px 0;
        font-size: 23px;
    }
    .list5 .des{
        font-size: 18px;
        text-indent: 36px;
        padding-bottom: 30px;
        border-bottom:1px solid #000;
        margin-bottom:80px;
    }
    .list5 .title{
        text-align: center;
        font:bold 20px/20px Source Han Sans;
    }
    .list5 .lists2 li{
        padding: 50px 0;
    }
    .list5 .lists2 li+li{
        border-top: 1px solid #ededed;
    }
    .list5 .lists2 li .pic{
        float: left;

    }


    .listsp ul {
        margin-bottom: 40px;
        height: 120px;
    }

    .listsp li {
        float: left;
        width: 200px;
    }

    .listsp li img {
        width: 200px;
        height: 120px;
    }

    .listsp li + li {
        margin-left: 40px;
    }

    #pages {
        margin-top: 20px;
    }

    #pages a {
        color: #666;
        display: inline-block;
        height: 30px;
        font: 12px/30px Source Han Sans;
        padding: 0 8px;
        border: 1px solid #e5e5e5;
    }

    #pages a:hover {
        color: #fff;
        background: #1f91d4;
    }

    #pages span {
        color: #fff;
        background: #1f91d4;
        display: inline-block;
        padding: 0 8px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e5e5e5;
    }

    .section .content {
        text-align: center;
    }

    .show .title {
        text-align: center;
    }

    .show .title #title {
        font: 21px/30px Source Han Sans;
        color: #3f78be;
    }

    .show .title .das {
        font: 12px/30px Source Han Sans;
    }

    .info {
        font: 13px/13px Source Han Sans;
        padding-bottom: 20px;
    }

    .info a {
        color: #1f1f1f;
    }
}
.case_list ul li{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.case_list ul li:nth-child(1),.case_list ul li:nth-child(3){flex-direction:row-reverse}