.w {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}



/* 第一部分banner部分开始 */
/*.htidc-banner {
    !*background:url("../img/index/banner.jpg") no-repeat;*!
    height:725px;
    width:100%;
    background-size:cover;
    background-position:center center;
    position:relative;
}*/
/* .htidc-banner .picList {
  width:5760px;
} */

.htidc-banner{
    position: relative;
}
.itemBanner {
    background: url(/website/images/banner/bg_02.jpg) no-repeat center;
    height: 640px;
    width: 100%;
    background-size: cover;
    position: relative;
}

.bannerContent {
    padding-top: 50px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contentOne {
    margin-top: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.bannerTitle {
    font-size: 52px;
    color: #fff;
}

.bannerTitle2 {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    width: 650px;
}

.bannerTitle1 {
    margin-bottom: 35px;
}

.bannerSubImage {
    width: 366px;
    height: 304px;
    margin: 0 auto;
}

.bannerSubImage img {
    width: 100%;
}
.htidc-banner .picList li{
    position: relative;
    float: left;
    /* display:inline-block; */
    width: 1920px;
}
.htidc-banner .title{
    /* width: 1200px; */
    /* display:inline-block; */
    margin: 0 auto;
    position: absolute;
    top: 220px;
    left: 357px;
    /* background:red; */
}
.title .title_chinaText{
    font-size:48px;
    color:#1a1a1a;
    margin-bottom: 35px;
}
.title_engText{
    margin-top:20px;
    margin-bottom:70px;
    color:#e4e4e4;
    font-size:22px;
}
.special_text{
    margin-bottom:14px;
}
.begain_freeBuild{
    width:160px;
    height:48px;
    line-height:48px;
    color:#1579fe;;
    /* background:#1579fe; */
    text-align: center;
    cursor:pointer;
    border:1px solid #1579fe;
}
.begain_freeBuild span{
    position: relative;
    top: 3px;
    left: 3px;
}
.next{
    position: absolute;
    top:44%;
    left:12%;
    transform: translateY(-50%);
    z-index:2;
    display:inline-block;
    width:24px;
    height:42px;
}
.prev{
    position: absolute;
    top:44%;
    right:12%;
    transform: translateY(-50%);
    width:24px;
    height:42px;
}
.begain_freeBuild img{
    display:inline-block;
}
@media screen and (max-width: 1450px){
    .htidc-banner .title{
        /* width: 1200px; */
        left: 19.5%;
    }
    .next{
        left: 4%;
    }
    .prev{
        right: 4%;
    }
}
.tempWrap{
    left:50%;
    transform: translateX(-50%);
}
.htidc-banner .title img{
    width: auto;
}
.htidc-banner .zhuce{
    width: 270px;
    margin: 0 auto;
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translateX(-50%);
}
.htidc-banner .zhuce a{
    display:inline-block;
}
.htidc-banner .zhuce img{
    width: auto;
    cursor: pointer;
}
.htidc-banner .btnall{
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    padding-top:10px;
}
.htidc-banner .btnallContent{
    position: relative;
    box-shadow:0px 6px 8px 0px rgba(1,19,82,0.06);
}
.btnallTitle{
    text-align: center;
    font-size:22px;
    color:#fff;
    margin-bottom:25px;
}
.htidc-banner .btnallContent .link_items{
    float:left;
    width:240px;
    height:120px;
    padding:40px 26px;
    border-right:1px solid #e0e0e0;
    background:#fff;
    position: relative;
}

.link_items img{
    width: 100%;
    display: block;
}
.itemLinks_bgc{
    width:240px;
    height:120px;
    position: absolute;
    top:0px;
    left:0px;
}
.needCenter{
    position: absolute;
    width:80%;
    height:60px;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.specialNeedCenter{
    width: 75%;
}
.needCenter2{
    width:72%;
}
.needCenter4{
    width:91%;
}
.last_link{
    border-right:none !important;
}
.left_icon{
    width:38px;
    height:38px;
    position: relative;
    top:10px;
}
.right_text{
    margin-left:9px;
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.right_text .big_title{
    color:#333;
    font-size:16px;
    font-weight:600;
}
.right_text .little_title{
    color:#888;
    font-size:12px;
}
.big_title{
    margin-bottom:8px;
}
.more_little_title{
    margin-top:4px;
}
.right_text img{
    width:16px;
    height:16px;
    position: absolute;
    top:40px;
    right:-45px;
}
.first_one{
    /* background:url("../img/index/bg_01.jpg") no-repeat !important; */
}
.btnallContent .first_one_big_title,.first_one_little_title{
    color:#fff;
}
.btnallContent .first_one_little_title{
    color:#fff;
}
.my_favourite{
    color:#fff !important;
}

.htidc-banner .banner-nav {
    width:1200px;
    height:40px;
    margin:0 auto;
    display:flex;
}
.htidc-banner .banner-nav li{
    height:100%;
    line-height:40px;
    /* width:92px; */
    width:10%;
    text-align:center;
    float: left;
    /* flex:1; */
    /* float:left; */
    /* color:#ff9123; */
    margin:0px 38px;
}
.htidc-banner .banner-nav li a{
    display: block;
    /*color:#00adad !important;*/
    color:#636363 !important;
    font-size:15px;
}
.active{
    border-bottom:2px solid #ff9123;
}
.htidc-banner .banner-nav li.active a{
    color:#ff9123 !important;
}


/*产品*/
.product_matrix{
    padding:46px;
    padding-bottom:80px;
}

.product_matrix img {
    width: 100%;
    display: block;
}

.bg_productMatrix {
    height:24px;
    width:230px;
    margin:0 auto;
}
.bg_productMatrix img{
    /* height:24px; */
    width:100%;
}
.pm_firstPart{
    position: relative;
}
.pm_firstPart h3{
    font-size:24px;
    text-align:center;
    position: relative;
    top: -30px;
}
.product_matrixTitle::after{
    content: "";
    height:3px;
    width:20px;
    background:#e5504f;
    position: absolute;
    bottom:-15px;
    left:544px;
}
.htidc_advantageTitle::after{
    content: "";
    height:3px;
    width:20px;
    background:#e5504f;
    position: absolute;
    bottom:-15px;
    left:590px;
}
.oneStop_serviceTitle::after{
    content: "";
    height:3px;
    width:20px;
    background:#e5504f;
    position: absolute;
    bottom:-15px;
    left:590px ;
}
.htidc_stateTitle::after{
    content: "";
    height:3px;
    width:20px;
    background:#e5504f;
    position: absolute;
    bottom:-15px;
    left:589px ;
}
.pm_smallTitle{
    font-size:15px;
    text-align:center;
    margin-top: 25px;
    margin-bottom: 62px;
}
.pm_secondPart .secondPart_item{
    width:360px;
    float:left;
    margin-right:14px;
}
.pm_secondPart .chengPlus{
    margin-right:0px !important;
}
.pm_secondPart .secondPart_item a{
    display:block;
}
.qingzhan_logo{
    border:1px solid #ccc;
    margin-bottom: 2px;
    /* text-align:center; */
    width:100%;
    height:78px;
}
.qingzhan_logo img{
    margin:20px auto;
    width:98px;
}
.qingzhan_bg{
    height:445px;
    position: relative;
}
.qingzhan_text{
    position: relative;
    bottom:168px;
    font-size:15px;
    color:#fff;
}
.qingzhan_text p{
    line-height:30px;
    text-align:center;
}
.buy_now{
    border:1px solid #fff;
    display:block;
    margin:0 auto;
    line-height:42px;
    width:148px;
    text-align:center;
    margin-top:36px;
    font-size:16px;
}
/* 浜у搧鐭╅樀end  */
/* 妫姩浼樺娍strat  */
.htidc_advantage{

}
.advantage_fisrt{
    background:#f8f8f8;
    padding-top:46px;
    margin-bottom:40px;
}
.advantage_content{
    padding-top:50px;
    padding-bottom:50px;
}
.advantage_content .items{
    height:185px;
    width:600px;
    float:left;
}
.item_one{
    position: relative;
}
.item_one::after{
    content:'';
    width:514px;
    /* height:1px; */
    border:0.5px solid #ccc;
    position: absolute;
    bottom:0px;
    right:0px;
}
.item_one::before{
    content:'';
    /* width:1px;s */
    height:183px;
    border:0.5px solid #ccc;
    position: absolute;
    top:0px;
    right:0px;
}
.items_forth{
    position: relative;
}
.items_forth::after{
    content:'';
    width:514px;
    /* height:1px; */
    border:0.5px solid #ccc;
    position: absolute;
    top:-1px;
    left:0px;
}
.items_forth::before{
    content:'';
    /* width:1px;s */
    height:183px;
    border:0.5px solid #ccc;
    position: absolute;
    top:0px;
    left:-1px;
}
.tenYears{
    margin:0 auto;
    width:54px;
    height:54px;
}
.tenYears_txt{
    text-align: center;
    /* line-height:30px; */
    margin-top:10px;
    color:#4a4a4a;

    font-size:18px;
}
/* .item_one .tenYears_txt{
  color:#ff7518 !important;
} */
.more_text{
    text-align: center;
    margin-top:15px;
    color:#999;
}
.more_text p{
    line-height:25px;
}
.item_two .tenYears_txt{

}
.advantage_second{
    margin-top:50px;
    margin-bottom:90px;
}
.right_contents{
    width:900px;
}
.left_img{
    width:300px;
    height:300px;
}

.left_img img{
    width:100%;
}
.right_items{
    float:left;
    width:300px;
    height:150px;
    /* background:#f5f5f5; */
}
.right_items:nth-child(odd){
    background:#fafafa;
}
.right_items:nth-child(even){
    background:#f5f5f5;
}
.all_content{
    width:205px;
    height:54px;
    margin:49px auto;
}
.icon_img{
    width:54px;
    height:54px;
    margin-right:10px;
}
.item_intro{
    font-size:16px;
    color:#808080;
    line-height:25px;
}

/*服务*/
.businessCollege{
    /* display:block; */
    height:310px;
    padding:40px 60px;
    /* box-shadow: 0px 10px 14px 0px rgba(14,14,15,.04); */
}
.add_on{
    box-shadow: 0px 10px 14px 0px rgba(14,14,15,.04);
    background:#fff;
}
.bc_leftimage{
    width:286px;
    height:286px;
    margin-right:94px;
    position: relative;
    top:-23px;
}
.bc_rightText{
    /* padding-top: 17px; */
}
.bc_ttitle{
    font-size:24px;
    color:#000;
    margin-bottom:20px;
    padding-left:20px;
    position: relative;
}
.bc_ttitle::before{
    content:'';
    position: absolute;
    width:4px;
    height:20px;
    background:#e5504f;
    left:0px;
}
.bc_subTitle{
    line-height:30px;
    color:#4c4c4c;
    font-size:18px;
}
.lookfor_more{
    text-align: right;
    margin-top:40px;
}
.lookfor_more a{
    display:inline-block;
    height:48px;
    line-height:48px;
    width:150px;
    color:#fff;
    /* background:#004cff; */
    background:#ccc;
    font-size:14px;
    text-align: center;
}

.cm_leftimage{
    width:286px;
    height:286px;
    margin-left:60px;
    position: relative;
    top:-23px;
}
.lookfor_more>a:hover{
    background: #e5504f;
    color: #fff;
}
.businessCollege:hover{
    box-shadow: 0px 10px 14px 0px rgba(14,14,15,.04);
    background:#fff;
}

.secondPart_item h3{
    color: #333;
    text-align: center;
}