/*banner*/
#banner {width: 100%;height: auto;margin-top: 56px;max-height: 480px;overflow: hidden;}
#banner img{
    display: block;
    width: 100%;
    height: auto;
}
.pad{padding: 40px 0;}
/*
.tabs{width:100%;; margin:0 auto 20px;}
.tabs a{float:left;color:#525252;text-align:left;line-height:40px;font-size:18px;margin-right: 80px;}
.tabs a.active,.tabs a:hover{color:#B81C22;font-weight: bold;transition: .5s;}
*/
/*关于我们*/
.aboutlist .text h1 {margin-bottom: 40px;font-size: 24px;}
.aboutlist h1 em{font-style: normal;color: #E50200;}
.aboutlist .text {padding-top: 50px;padding-bottom: 50px;}
.aboutlist .text p{color: #212121;line-height: 2em;overflow: hidden;}
.aboutlist .text p img{/*width: 100%*/}
.aboutlist .img_box_ img{width: 100%;display: block;height: 454px}
/*服务领域*/
.field ul li{margin-bottom: 15px;min-height: 402px}
.field ul li a{display: block;}
.field ul li .texfield{padding: 35px 30px 0;background: #fff;height: 402px;}
.field ul li .texfield h5{font-size: 96px;color: #EEEFEF}
.field ul li .texfield h2{font-size: 26px;color: #848484;font-weight: 100;margin-bottom: 10px;}
.field ul li .texfield h2 em{font-style: normal;border-bottom: 1px solid #A3151B;}
.field ul li .texfield h6 {font-style: normal;color: #000000;font-size: 16px;margin-bottom: 20px;}
.field ul li .texfield p {font-style: normal;color: #000000;font-size: 15px;line-height: 2.5em;height: 120px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.field ul li .imgfield img{width: 100%;height: 100%;display: block;object-fit: fill;}
/*.field ul li .imagesfield {background: url(../images/lessonList.png);background-size: 100% 100%;height: 451px;}*/
.field ul li .imgfield {height: 402px;padding: 0;}
/*+++++服务流程==============*/
.process .processone{height: 546px;max-height: 550px;overflow: hidden;background: #fff;display: flex;justify-content: center;align-items: center;}
.process .processtow{min-height:546px;overflow: hidden;background: url(../images/processT.png) no-repeat;background-size: 100% 100%;color: #fff;padding-top: 40px;padding-bottom: 35px;}
.process .processtow h4{font-weight: bold;font-size: 16px;margin-bottom: 15px;margin-left: 10px}
.process .processtow p{font-size: 16px;margin-bottom: 15px;margin-left: 10px}
/*+++++服务优势==============*/
.advantage .advantageson{background: #D70C18;padding: 124px 107px;}
.advantage .advantageson a{color: #fff;text-align: center;font-size: 24px;border-left: 1px solid rgba(255, 255, 255,.5);}
.advantage .advantageson a:nth-of-type(1){border: none;}
.advantage .advantageson a img{max-width: 100%;}
.advantage .casesonT .phone{
    display: none;
}
/*联系我们*/
.row-offcanvas-right .brief article .contact i{font-size:20px;font-weight:bold;margin-right:15px}
.row-offcanvas-right .brief article .map{width:100%;height:389px;margin:30px 0;background:url(../images/map.png)}
.row-offcanvas-right .brief .message{margin-top:40px;background:#fff;padding:50px 35px}
.row-offcanvas-right .brief .message h3{line-height:50px;background:#EDEDED;color:#333;font-size:18px;padding-left:15px;margin-bottom:20px}
.row-offcanvas-right .brief .message .call,.row-offcanvas-right .brief .message .tels{border-bottom:1px solid #E8E8E8;line-height:40px}
.row-offcanvas-right .brief .message .call i,.row-offcanvas-right .brief .message .tels i,.row-offcanvas-right .brief .message .mes i{font-size:20px;color:#656565;margin-right:10px}
.row-offcanvas-right .brief .message .call label,.row-offcanvas-right .brief .message .tels label,.row-offcanvas-right .brief .message .mes label{font-size:16px;color:#656565;font-weight:400}
.row-offcanvas-right .brief .message .call input,.row-offcanvas-right .brief .message .tels input{font-size:16px;color:#656565;font-weight:400;border:none;width:50%}
.row-offcanvas-right .brief .message .mes{border-bottom:1px solid #E8E8E8;margin:20px 0}
.row-offcanvas-right .brief .message .mes textarea{display:block;width:100%;resize:none;border:none}
.row-offcanvas-right .brief .message>span{font-size:16px;color:#999999}
.row-offcanvas-right .brief .message>input{color:#fff;font-size:16px;background:#656565;border:none}
.row-offcanvas-right .brief .message>input:hover{color:#656565;border:1px solid #656565;background:none;transition:.5s}
/*图片列表*/
.more{display:block;margin:0 auto;text-align:center;padding:40px 0;font-size:24px;color:#848484}
.more:hover p{color:#B81C22;transition:.5s}
.more:hover p:before{border-top-color:#B81C22;transition:.5s}
.more p{width:150px;margin:50px 50px;position:relative;margin:0 auto}
.more p:before{content:"";width:0px;height:0px;border-top:18px solid #848484;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-10px;left:65px}
/*九天观点*/
.row-offcanvas-right .mtzy_top{padding: 0;}
.row-offcanvas-right .tabs{padding: 0;}
.row-offcanvas-right .viewpoint {border-right: 1px solid #989898}
.row-offcanvas-right .viewpoint a{display: block;margin-bottom: 20px;}
.row-offcanvas-right .viewpoint a h3{font-size: 18px;color: #212121;border-bottom: 1px solid #989898;padding: 0px; padding-bottom: 15px;margin-bottom: 10px;}
.row-offcanvas-right .viewpoint a h3 span{font-size: 14px;padding: 0;text-align: right;}
.row-offcanvas-right .viewpoint a h3 p{padding: 0}
.row-offcanvas-right .viewpoint a .imgbox_{padding-left: 0px;overflow: hidden;height: auto}
.row-offcanvas-right .viewpoint a .imgbox_ img{height: 165px;width: 100%;}
.row-offcanvas-right .viewpoint a .imgbox_ p{text-align: right;color: #212121;}
.row-offcanvas-right .viewpoint a .text{padding-right: 0px;border-left: 1px solid #DBDBDB}
.row-offcanvas-right .viewpoint a .text p{color: #212121;font-size: 14px;height: 110px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.row-offcanvas-right .viewpoint a .text hr{border-color: #DBDBDB;margin: 15px 0 12px;}
.row-offcanvas-right .viewpoint a .text h4{color: #212121;font-size: 14px;border-bottom: 1px solid #DBDBDB;padding-bottom: 5px}
.row-offcanvas-right .viewpoint a .text span{border-right: 1px solid #DBDBDB;color: #212121;font-size: 12px;padding-right:5px;}
.row-offcanvas-right .sidebar_offcanvas h3{font-size: 18px;color: #212121;border-bottom: 1px solid #989898;padding: 0px; padding-bottom: 15px;}
.row-offcanvas-right .sidebar_offcanvas ul li a{font-size: 14px;color: #212121;border-bottom: 1px solid #DBDBDB;width: 100%;display: block;height: 46px;line-height: 60px;}
.row-offcanvas-right .sidebar_offcanvas ul li a span{margin-right: 15px;}
.pagination>li>a, .pagination>li>span{background: #595757;color: #fff;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #B81C22;
    border-color: #B81C22;}
/*详情页*/
.row-offcanvas-right .brief article{background: #fff;padding: 50px 35px;}
.row-offcanvas-right .brief article h1{font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: left;
    padding-bottom: 8px;
    color: #565659;}
.row-offcanvas-right .brief article .date{margin-top:10px;font-weight: normal;height: 36px;line-height: 36px;}

.row-offcanvas-right .brief article .date strong{font-weight: normal;float:left;display:block;margin-right:30px;display:inline-block;font-size:12px;padding-left:20px;position:relative;text-align:left;color:#c5c5c7}
.row-offcanvas-right .brief article .date strong a{color:#c5c5c7}
.row-offcanvas-right .brief article .date strong.time{background:url(../images/icon_time.png) left center no-repeat}
.row-offcanvas-right .brief article .date strong.read{background:url(../images/icon_read.png) left center no-repeat}

.shart_box{ display: inline-block; height: 36px; background:url(../images/icon_shart.png) left center no-repeat; padding-left: 50px !important; width: 0; overflow: hidden; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.shart_box:hover{ width: auto;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{ position:relative;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}


.row-offcanvas-right .brief article .date em{font-style:normal;color:#999999;font-size:16px;margin-right:15px}
.row-offcanvas-right .brief article p>img{display:block;width:100%}
.row-offcanvas-right .brief article .ar_fot{border-top:1px solid #EFF1F5;margin-top:50px;padding-top:30px}
.row-offcanvas-right .brief article .ar_fot h2{padding:0;display:flex;justify-content:space-between;flex-wrap:wrap}
.row-offcanvas-right .brief article .ar_fot h2 a{float:left;font-size:16px;color:#656565;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#EFF1F5;line-height:40px;display:block;margin-bottom:20px;padding:0 8px}
.row-offcanvas-right .brief article .ar_fot h2 a:hover{color:#0176BB;transition:.5s;cursor:pointer}
/*发展历程*/
#n_dsj{margin-bottom:50px;background:url(../images/bg_dsj.png) center top repeat-y;overflow: hidden;}
#n_dsj dl{padding-top:60px;position:relative;display:block;background:url(../images/bg_dsj_first.png) center top no-repeat;margin: 0 auto;}
#n_dsj dd{display:block;width:100%;position:relative;background:url(../images/icon_dsj_li.png) center no-repeat;height:140px;margin-bottom:50px;overflow: hidden;}
#n_dsj dd .main_box{height:140px;overflow: hidden}
#n_dsj dd .pic_box{position:absolute;top:0;right:0px;width:480px;height:140px;background:#f3f5f8;overflow:hidden;display:table}
#n_dsj dd .pic_box .p{line-height:1.8;font-size:13px;color:#69696c;padding:15px 20px;display:table-cell;vertical-align:middle;overflow: hidden;}
#n_dsj dd .text_box{width:530px;position:absolute;right:0;top:0}
#n_dsj dd .text_box .box{position:relative}
#n_dsj dd .text_box h1{position:absolute;top:0;left: -310px;display:block;line-height:140px;width: 180px;height: 89px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
#n_dsj dd .text_box h1 strong{font-size:18px;color:#4b4b4c}
#n_dsj dd .text_box p{padding-top:2px;text-align:left;height:100px;overflow:hidden;font-size:15px;line-height:30px;color:#555555}
#n_dsj dd.left_box{}
#n_dsj dd.left_box .box{text-align:right}
#n_dsj dd.right_box{}
#n_dsj dd.right_box .box{text-align:left}
#n_dsj dd.right_box .pic_box{right:auto;left:0px}
#n_dsj dd.right_box .text_box{right:auto;left:0}
#n_dsj dd.right_box .text_box h1{left:auto;right:-310px}
#n_dsj dd .text_box h1 strong{position:relative;display:inline-block}
#n_dsj dd:hover{background:url(../images/icon_dsj_li.png) center no-repeat #B81C22;transition: .5s;}
#n_dsj dd:hover .text_box h1 strong{color:#fff;transition: .5s;}
#n_dsj dd:hover .pic_box{background:#B81C22;transition: .5s;}
#n_dsj dd:hover .pic_box .p{color:#fff !important;transition: .5s;}
#n_dsj dd.right_box .text_box p{text-align:right}
@media(max-width:640px){
    .mtzy_top{margin-bottom: 0;}
/*    关于我们*/
    .aboutlist .text h1 {margin-bottom: 10px;font-size: 30px;}
	.aboutlist .text p img {width:100%; height:auto;}
    .aboutlist .text {padding-top: 0px;padding-bottom: 0px;}
/*    发展*/
    #n_dsj dd{margin-bottom:0px;overflow: hidden;}
    #n_dsj dl{width: 100%;}
    #n_dsj dd,#n_dsj dd .main_box{overflow: auto;height:200px}
    #n_dsj dd .text_box{}
    #n_dsj dd .pic_box{width:44%;left: 186px;height: 115px;overflow: auto;padding: 6px 0;}
    #n_dsj dd .text_box h1 {left: 229px;top: -9px;width: 100px;}
    #n_dsj dd .text_box h1 strong{font-size: 12px;}
    #n_dsj dd .pic_box .p {
/*
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
*/
        padding: 0px 6px;
        line-height: 1.2;
        font-size: 12px;
    }
    #n_dsj dd.right_box .text_box h1{left: 220px}
/*    服务领域*/
    .field ul li .imgfield{height: auto;}
    .field ul li a{margin-bottom: 20px;}
    .advantage .advantageson a{border: none;margin-bottom: 10px}
    .advantage .advantageson a{font-size: 18px;}
    
    .advantage .casesonT .phone{
    display: block;
        margin-top: 20px;
}
    .advantage .casesonT .computer{
    display: none;
}
/*    九天观点*/
    .row-offcanvas-right .viewpoint {border-right: none;}
    .row-offcanvas-right .viewpoint a h3 span{text-align: left;margin-top: 10px;}
    .row-offcanvas-right .viewpoint a .imgbox_ img{height: auto;}
    .row-offcanvas-right .viewpoint a .text p{font-size: 12px;height: 66px;}
    .row-offcanvas-right .viewpoint a .text hr{margin: 6px 0 6px;}
    .row-offcanvas-right .viewpoint a .text section{font-size: 12px;}
/*    联系我们*/
    .aboutlist section .fl01 .container .right{display: none;}
	.xxnr p img{width:100%;}
}
@media screen and (max-width:1200px){
    .advantage .advantageson{padding: 60px 15px;}
}
@media screen and (max-width:760px) { 
    .advantage .advantageson a{border: none;margin-bottom: 10px}
}