@charset "utf-8";

/* css document */

@media all and (max-width:1700px) {
    /*1680 * 1050*/
}

@media all and (max-width:1460px) {
    /*1440 * 900*/
}

@media all and (max-width:1400px) {}

@media all and (max-width:1380px) {
    /*1366*/
}

@media all and (max-width:1300px) {
    /*1280 * 800*/
}

@media all and (max-width:1260px) {
    /*1260*/
    .contain {
        width: 100%;
        padding: 0 2%;
    }

    .icase-block .t1 {
        font-size: 16px;
        line-height: 23px;
    }
    .icase-block .t2 {
        font-size: 24px;
        line-height: 33px;
    }

    .i-title .t1 {
        line-height: 43px;
        font-size: 38px;
    }
    .i-title .t2 {
        line-height: 38px;
        font-size: 22px;
    }

    .srv-stage .contain {
        padding-left: 2%;
        padding-right: 2%;
    }

    .ctus-box {
        left: 0px !important
    }
}

@media all and (max-width:1200px) {
    /*1200*/
    .hnav a {
        width: 82px;
        font-size: 16px;
    }

    .i-title .t1 {
        line-height: 41px;
        font-size: 36px;
    }
    .i-title .t2 {
        line-height: 36px;
        font-size: 20px;
    }

    .index-more .t1 {
        line-height: 51px;
        font-size: 44px;
    }

    .ctus-form {
        width: 55%;
    }

    #index-bnr .box {
        padding: 0 2%;
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }
}

@media all and (max-width:1100px) {
    /*1024 * 768 */
    .hnav a {
        width: 72px;
        font-size: 14px;
    }

    .icase-block .t1 {
        font-size: 14px;
        line-height: 20px;
    }
    .icase-block .t2 {
        font-size: 20px;
        line-height: 28px;
    }

    .i-title .t1 {
        line-height: 38px;
        font-size: 34px;
    }
    .i-title .t2 {
        line-height: 34px;
        font-size: 18px;
    }

    .index-more .t1 {
        line-height: 47px;
        font-size: 40px;
    }

    .ninfo-left {
        width: 73%;
    }

    .ctus-form {
        width: 50%;
    }

    .com-pro .con {
        width: 100%;
    }
}

@media all and (max-width:980px) {
    /*web*/
    body,
    button,
    input,
    pre,
    select,
    textarea {
        font-weight: normal;
    }

    img {
        max-width: 100%;
    }

    /*-- header --*/
    .header-wrapper .header-cl,
    .header-container,
    .hlogo,
    .hct,
    .htel {
        height: 50px;
    }
    .hlogo {
        line-height: 50px;
    }
    .htel {
        padding: 0px;
        width: 36px;
        font-size: 0px;
        top: 0px;
        background-position: center center;
        margin: 0px;
    }
    .hct {
        width: 42px;
    }
    .hlogo img {
        height: 80%;
    }
    .hmenu-btn {
        display: block;
    }
    .hnav {
        display: none;
        width: 100%;
        background: #fff;
        border-top: 1px solid #ccc;
        position: absolute;
        top: 50px;
        left: 0px;
    }
    .hnav a {
        width: 100%;
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid #ccc;
        float: none;
        margin: 0px;
    }
    .hnav a .box {
        height: 45px;
        line-height: 45px;
        top: 0px;
    }
    .hnav a.cur .box span,
    .hnav a:hover .box span {
        top: -45px;
    }
    .hnav a i {
        display: none;
    }
    .hnav a.cur,
    .hnav a:active {
        border-color: #b60005;
    }

    /*-- footer --*/
    .footer-container {
        padding: 0 0 .47rem;
    }

    .footer-btm .flink {
        display: none;
    }
    .footer-btm .fcr {
        font-size: 12px;
        line-height: 18px;
        padding: 0px;
        border: 0px;
        margin: 0px;
    }

    .fnav {
        padding: 0px;
        border: 0px;
    }
    .fnav {
        width: 100% !important;
        margin: 2% 0 0;
    }
    .fnav i {
        display: none;
    }
    .fnav dt {
        padding: 0 2%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        border-bottom: 1px solid #ccc;
        margin: 0px;
    }
    .fnav dt.cur {
        border-bottom: 1px solid #b60005;
    }
    .fnav dd {
        display: none;
    }
    .fnav dd a {
        line-height: 40px;
        padding: 0 4%;
    }

    .fct {
        width: 100%;
        padding: 0px;
        border: 0px;
        margin: 4% 0 0;
    }

    /*-- container --*/
    #index-bnr {
        display: none;
    }
    #index-web-bnr {
        display: block;
    }

    .index-pro li img {
        width: 40px;
    }
    .index-pro li .type {
        font-size: 18px;
        line-height: 24px;
        margin: 12px 0 0;
    }
    .index-pro li .list {
        margin: 10px 0 0;
    }
    .index-pro li .list a {
        line-height: 26px;
    }


    .icase-list li.l1,
    .icase-list li.l2,
    .icase-list li.l4,
    .icase-list li.l5 {
        width: 25%;
    }
    .icase-list li.l3,
    .icase-list li.l6,
    .icase-list li.l7,
    .icase-list li.l8 {
        width: 50%;
    }
    .icase-list li.l7 .icase-box,
    .icase-list li.l8 .icase-box {
        width: 50%;
        float: left;
    }

    .icase-list li.l1 .icase-box img,
    .icase-list li.l7 .icase-box img,
    .icase-list li.l8 .icase-box img {
        height: 150px !important;
    }

    .icase-list li.l2 .icase-box img,
    .icase-list li.l3 .icase-box img,
    .icase-list li.l4 .icase-box img,
    .icase-list li.l5 .icase-box img,
    .icase-list li.l6 .icase-box img {
        height: 300px !important;
    }

    .i-title .t1 {
        line-height: 36px;
        font-size: 32px;
    }
    .i-title .t2 {
        line-height: 32px;
        font-size: 16px;
    }
    .i-title .t3 {
        width: 100%;
        padding: 0 2%;
    }

    .i-more.btn {
        width: 200px;
        line-height: 40px;
        font-size: 14px;
    }
    .i-more.btn span {
        background-size: 18px auto;
    }

    .index-abus .con1 {
        font-size: 32px;
        line-height: 46px;
    }
    .index-abus .con2 {
        width: 92%;
    }
    .index-abus ul li {
        margin: 0 .4rem;
    }
    .index-abus ul li .num {
        font-size: 70px;
        line-height: 66px;
    }

    .index-more {
        padding-left: 4%;
        padding-right: 4%;
    }
    .index-more .t1 {
        line-height: 43px;
        font-size: 36px;
    }

    .inews-1st .name {
        font-size: 16px;
        line-height: 22px;
        height: 44px;
    }
    .inews-list a {
        font-size: 14px;
        line-height: 28px;
    }

    .case-list li {
        width: 50%;
    }


    .cialbum-top {
        height: 50px;
    }
    .cialbum-top .btn {
        font-size: 14px;
        line-height: 28px;
        left: 4%;
        top: 11px;
    }
    .cialbum-top .btn span {
        padding: 0 0 0 30px;
        background-size: auto 80%;
    }

    .srv-stage.s4 .contain {
        padding: 1.67rem 0 0;
    }
    .srv-stage .srv-box {
        width: 80%;
        float: none;
        margin: 0 auto;
    }
    .srv-stage .srv-web {
        display: block;
    }
    .srv-stage .contain {
        padding: 0px;
    }
    .srv-stage .srv-bg {
        display: none;
    }

    .srv-stage.s4 .srv-web {
        padding: 0px;
    }
    .srv-stage.s4 .srv-web img {
        width: 100%;
    }

    .news-nav a {
        font-size: 14px;
        line-height: 40px;
    }
    .news-nav a:before {
        height: 12px;
        top: 14px;
    }

    .nlist-img img {
        height: auto;
    }
    .nlist-box .name {
        font-size: 20px;
        line-height: 28px;
        margin: .375rem 0 0;
    }
    .nlist-box .con {
        margin: .3rem 0 0;
    }
    .nlist-box .more {
        margin: .8rem 0 0;
    }

    .ninfo-right {
        display: none;
    }
    .ninfo-left {
        width: 100%;
        padding: .53rem 0 1.02rem;
        min-height: 0px;
        border: 0px;
    }
    .ninfo-name {
        font-size: 26px;
        line-height: 32px;
    }
    .ninfo-share a {
        margin: 0 10px 0 0;
    }

    .bnr-img.page-bnr {
        height: 6rem;
    }

    .ctus-form {
        width: 80%;
        float: none;
        margin: 0 auto;
    }


    .ctus-box {
        padding: .51rem 0 .66rem .765rem;
        width: 80% !important;
        position: relative;
        margin: 4% auto 0;
    }

    .cpro-data li {
        margin: 3% 0 0 .51rem;
    }
    .cpro-data li:first-child {
        margin: 0px;
    }
    .cpro-data li .num {
        font-size: 60px;
        line-height: 50px;
    }

    .ccul-list .ccul-icon {
        width: 120px;
        height: 120px;
        line-height: 116px;
    }

    .i-title .split {
        margin: .5rem auto .4rem;
    }

    .com-pro .title {
        font-size: 30px;
        line-height: 40px;
    }

    .ccul-list {
        margin: .69rem 0 0;
    }

    .float-right-box,
    .float_qq {
        display: none;
    }

    .index-news,
    .page-banner {
        display: none;
    }
    .web-banner {
        display: block;
    }

    .com-orn .comorn-web {
        display: block;
    }
    .com-orn .comorn-pc {
        display: none;
    }
}

@media all and (max-width:768px) {
    .icase-list .newtypeli {
        width: 50%;
    }
    .index-pro {
        padding: 0px;
    }
    .index-pro li {
        width: 50%;
        padding: .37rem 0 .57rem;
    }

    .icase-list li.l1 .icase-box img,
    .icase-list li.l7 .icase-box img,
    .icase-list li.l8 .icase-box img {
        height: 120px !important;
    }

    .icase-list li.l2 .icase-box img,
    .icase-list li.l3 .icase-box img,
    .icase-list li.l4 .icase-box img,
    .icase-list li.l5 .icase-box img,
    .icase-list li.l6 .icase-box img {
        height: 240px !important;
    }

    .i-title .t1 {
        line-height: 32px;
        font-size: 28px;
    }
    .i-title .t2 {
        line-height: 30px;
        font-size: 14px;
    }

    .index-abus .con1 {
        font-size: 28px;
        line-height: 42px;
    }
    .index-abus ul li .num {
        font-size: 60px;
        line-height: 56px;
    }

    .index-more .t1 {
        line-height: 39px;
        font-size: 32px;
    }

    .inews-wrap {
        margin: 0px;
    }
    .inews-wrap li {
        width: 60%;
        float: none;
        margin: 4% auto 0 !important;
    }
    .inews-1st .name {
        height: 22px;
    }
    .inews-list {
        margin: 10px 0 0;
    }

    .cinfo-album,
    body.cialbum-open .cinfo-album {
        width: 100%;
    }
    .cinfo-album {
        right: -100%;
    }
    .cialbum-swiper {
        width: 92%;
        height: auto;
    }
    .cialbum-swiper .swiper-pagination .swiper-pagination-bullet {
        width: 33.333%;
        height: auto;
    }

    .srv-stage .srv-web img,
    .srv-stage .srv-box {
        width: 90%;
    }
    .srv-stage .s-title {
        font-size: 30px;
        line-height: 40px;
    }
    .srv-stage .s-con {
        font-size: 16px;
        line-height: 24px;
    }
    .srv-stage .s-list {
        font-size: 16px;
        line-height: 30px;
        margin: 20px 0 0;
    }

    .nlist-img,
    .nlist-box {
        width: 80%;
        float: none;
        margin: 0 auto;
    }
    .nlist-box {
        margin: 2% auto 0;
    }

    .ctus-form,
    .ctus-box {
        width: 90% !important
    }

    .cpro-data li .num {
        font-size: 50px;
        line-height: 40px;
    }

    .ccul-list .ccul-icon {
        width: 100px;
        height: 100px;
        line-height: 96px;
    }
    .ccul-list .type {
        font-size: 18px;
        line-height: 26px;
        margin: 18px 0 0;
    }
    .ccul-list .con {
        font-size: 12px;
        line-height: 22px;
    }

    .index-more {
        background-attachment: initial !important;
    }

    .bnr-img.page-bnr {
        height: 8rem;
    }
}

@media all and (max-width:641px) {
    .case-list li img{height:auto;}
    .icase-list li.l1,
    .icase-list li.l2,
    .icase-list li.l4,
    .icase-list li.l5 {
        width: 50%;
    }

    .icase-list li.l3,
    .icase-list li.l6,
    .icase-list li.l7,
    .icase-list li.l8 {
        width: 100%;
    }

    .icase-list li.l1 .icase-box img,
    .icase-list li.l7 .icase-box img,
    .icase-list li.l8 .icase-box img {
        height: 150px !important;
    }

    .icase-list li.l2 .icase-box img,
    .icase-list li.l3 .icase-box img,
    .icase-list li.l4 .icase-box img,
    .icase-list li.l5 .icase-box img,
    .icase-list li.l6 .icase-box img {
        height: 300px !important;
    }

    .i-title .t1 {
        line-height: 28px;
        font-size: 24px;
    }

    .index-abus .con1 {
        font-size: 24px;
        line-height: 38px;
    }
    .index-abus ul li .num {
        font-size: 50px;
        line-height: 46px;
    }
    .index-abus ul li .con {
        font-size: 14px;
        line-height: 24px;
    }

    .index-more .t1 {
        line-height: 35px;
        font-size: 28px;
    }

    .inews-wrap li {
        width: 80%;
    }

    .case-sel {
        width: 46%;
        margin: 0 2%;
    }

    .pagination a {
        width: 30px;
        height: 30px;
        line-height: 28px;
        font-size: 12px;
        margin: 0 2px;
    }

    .p-rtn-btn {
        width: 150px;
        line-height: 34px;
        font-size: 14px;
    }
    .p-rtn-btn span {
        padding: 0 0 0 24px;
        background-size: 16px auto;
    }

    .i-more.btn {
        width: 160px;
        line-heihgt: 34px;
    }
    .i-more.btn span {
        padding: 0 24px 0 0;
        background-size: 16px auto;
    }

    .news-nav a {
        font-size: 12px;
        line-height: 36px;
    }
    .news-nav a:before {
        height: 10px;
        top: 13px;
    }

    .nlist-img,
    .nlist-box {
        width: 90%;
    }

    .ctus-form,
    .ctus-box {
        width: 96% !important
    }

    .ctus-box .ctus-block {
        width: 90%;
    }

    .cpro-data li .num {
        font-size: 40px;
        line-height: 30px;
    }
    .cpro-data li .type {
        font-size: 14px;
        line-height: 20px;
    }

    .ccul-list .ccul-icon {
        width: 80px;
        height: 80px;
        line-height: 76px;
    }

    .com-culture .i-title .t3,
    .com-srv .i-title .t3 {
        font-size: 14px;
        line-height: 24px;
    }

    .com-pro {
        padding: .8rem 2% 1.05rem;
    }

    .ninfo-share a {
        margin: 0 10px 0 0 !important;
    }

    .bnr-img.page-bnr {
        height: 10rem;
    }
}

@media all and (max-width:414px) {

    .i-title .t1 {
        line-height: 24px;
        font-size: 20px;
    }

    .index-abus .con1 {
        font-size: 20px;
        line-height: 34px;
    }
    .index-abus ul li .num {
        font-size: 40px;
        line-height: 36px;
    }
    .index-abus ul li .con {
        font-size: 12px;
        line-height: 20px;
    }

    .index-more .t1 {
        line-height: 31px;
        font-size: 24px;
    }

    .index-pro li {
        padding: 1.2rem 0;
    }

    .inews-wrap li,
    .case-list li {
        width: 100%;
    }

    .srv-stage .srv-web img {
        width: 100%;
    }
    .srv-stage .srv-box {
        width: 92%;
    }

    .nlist-img,
    .nlist-box {
        width: 96%;
    }

    /*.ninfo-share{float:none;}
	.ninfo-action .p-rtn-btn{float:none;margin:15px 0 0;}*/
    .bnr-img.page-bnr {
        height: 16rem;
    }
}

@media all and (max-width:375px) {

    .index-abus .con1 {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 1920px) and (min-width: 1440px) {
    .cttitle h5 {
        line-height: 60px;
        font-size: 48px;
    }
    .cttitle p {
        line-height: 54px;
        padding: 14px 0 6px 0;
        margin-bottom: 8px;
        font-size: 44px;
    }
    .ct_zy{
		font-size: 14px;
    }
}

@media (max-width: 1439px) and (min-width: 1200px) {
    .cttitle h5 {
        line-height: 60px;
        font-size: 48px;
    }
    .cttitle p {
        line-height: 54px;
            padding: 14px 0 6px 0;
            margin-bottom: 8px;
            font-size: 44px;
    }
    .ct_zy{
    	font-size: 14px;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .cttitle h5 {
        line-height: 60px;
        font-size: 56px;
    }
    .cttitle p {
        line-height: 54px;
    padding: 14px 0 6px 0;
    margin-bottom: 8px;
    font-size: 44px;
    }
    .ct_zy{
    	font-size: 14px;
    }
}

@media (max-width: 1023px) and (min-width: 640px) {
    .cttitle h5 {
        line-height: 60px;
        font-size: 48px;
    }
    .cttitle p {
        line-height: 54px;
    padding: 14px 0 6px 0;
    margin-bottom: 8px;
    font-size: 44px;
    }
    .ct_zy{
    	font-size: 14px;
    }
}

@media (max-width: 639px) and (min-width: 480px) {
    .cttitle h5 {
        line-height: 45px;
        font-size: 36px;
    }
    .cttitle p {
        line-height: 40px;
    padding: 10px 0 5px 0;
    margin-bottom: 6px;
    font-size: 30px;
    }
    .ct_zy{
    	font-size: 16px;
    }
}

@media (max-width: 479px) {
    .cttitle h5 {
        line-height: 30px;
        font-size: 24px;
    }
    .cttitle p {
        line-height: 27px;
    padding: 7px 0 3px 0;
    margin-bottom: 4px;
    font-size: 22px;
    }
    .ct_zy{
    	font-size: 12px;
    }
}