/* common style start*/
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.towline { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.threeline { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.fourline { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.sixline { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.dis_inl_flex { display: inline-flex; }
.m-b-20 { margin-bottom: 20px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-5 { margin-bottom: 5px; }
.m-b-3 { margin-bottom: 3px; }
.m-t-20 { margin-top: 20px; }
.m-t-10 { margin-top: 10px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.t-align-l { text-align: left; }
.breadcrumb { background-color: #fff; margin-bottom: 0; border-radius: 0; }
.breadcrumb > li { max-width: 280px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.breadcrumb .active label { margin-bottom: 0; }
#focus .carousel-inner { height: auto !important; max-height: 423px; }
.color_red { color: #ff0024; }
.none { display: none; }
.relative { position: relative; }
/* common style end */

.banner_slider_img { width: 100%; height: 400px; max-width: 1920px; }

.SCon { margin-bottom: 0; }
.expertise_content { width: 1200px; margin: 0 auto; margin-top: 38px; }
.expertise_content .left { width: 908px; }
.expertise_content .right { width: 248px; border: solid 1px #ccc; margin-top: 47px; }

.expertise_content .left .desc-head { padding: 30px 0px 25px 42px; }
.tabs-container { width: 100%; border-bottom: 1px solid #efe2c0; background: #f4f6f7; }
.isFixedTab { position: fixed; top: 0; z-index: 100; }
.tabs-container .tabs-wrap li.active { color: #c18f08; border-bottom: 2px solid #c18f08; }
.tabs-container .tabs-wrap { width: 864px; height: 50px; margin: 0 auto; font-size: 18px; }
.tabs-container .tabs-wrap li { list-style: none; width: 104px; height: 50px; line-height: 50px; text-align: center; display: inline-block; margin: 0 30px; position: relative; }
.tabs-container .tabs-wrap li.active:after { content: ""; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 4px solid #c18f08; position: absolute; bottom: -4px; left: 50%; transform: translate(-50%); }
.expertise_content #func-intro { margin: 0 auto; text-align: center; font-size: 16px; color: #999; /*background: #f4f6f7;*/ padding-bottom: 38px; }
.expertise_content .item-container .desc-title { color: #555; font-size: 26px; width: 138px; margin: 0 auto; position: relative; padding-left: 0; }
.expertise_content .item-container .desc-logo { height: 60px; display: inline-block; float: left; margin-top: -10px; position: absolute; left: -48px; }
.expertise_content .item-container .desc-title > span { display: inline-block; }
.expertise_content .item-container .desc-subtitle { width: 100%; margin: 0 auto; margin-top: 20px; line-height: 25px; text-align: justify; }
.expertise_content .func-intro-container .func-cols-container { width: 100%; margin: 50px auto 0; background: #fff; }
.expertise_content .func-intro-container .func-intro-bg { background: url(../images/expertise/expertise_intro.jpg) no-repeat; background-position: 50%; height: 238px; width: 100%; }
.expertise_content .func-intro-container .pros-cols-container { padding-top: 30px; padding-bottom: 30px; box-shadow: 0 3px 9.8px 0.2px rgba(38,38,38,.3); }
.expertise_content .func-intro-container .pros-cols-container .pros-title { /*background: linear-gradient(#c0a062,#a47a14);*/ height: 37px; line-height: 37px; font-size: 18px; width: 138px; margin: 0 auto 30px; /*color: #fff;*/ border-radius: 20px; position: relative; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#c0a062,endColorStr=#a47a14); }
.expertise_content .func-intro-container .pros-cols-container .pros-title:before { content: ""; display: inline-block; width: 360px; height: 1px; border-top: 1px solid #e6e6e6; position: absolute; left: -366px; top: 18px; }
.expertise_content .func-intro-container .pros-cols-container .pros-title:after { content: ""; display: inline-block; width: 360px; height: 1px; border-top: 1px solid #e6e6e6; position: absolute; left: 140px; top: 18px; }
.expertise_content .item-container .row-container { width: 100%; margin: auto; display: table; }
.expertise_content .item-container .row-container .col-title { font-size: 18px; color: #555; }
.expertise_content .func-intro-container .pros-cols-container .col-subtitle { width: 258px; font-size: 12px; margin: 10px auto 0; line-height: 20px; color: #999; }
.el-col-8 { width: 33.33333%; }
.el-col-1, .el-col-2, .el-col-3, .el-col-4, .el-col-5, .el-col-6, .el-col-7, .el-col-8, .el-col-9, .el-col-10, .el-col-11, .el-col-12, .el-col-13, .el-col-14, .el-col-15, .el-col-16, .el-col-17, .el-col-18, .el-col-19, .el-col-20, .el-col-21, .el-col-22, .el-col-23, .el-col-24 { float: left; box-sizing: border-box; }


.expertise_content .item-container { width: 100%; margin: 0 auto; text-align: center; font-size: 16px; color: #999; background: #fff; padding-bottom: 38px; }
.special_container { width: 100%; -webkit-justify-content: flex-start; justify-content: flex-start; padding-bottom: 20px; flex-wrap: wrap; text-align: left; }
.special_container .special_item { display: inline-block; flex: 0 0 33.33%; margin-bottom: 38px; width: 299px; text-align: center; }
.special_container .special_item:hover .special_item_title { color: #c39a14; }
.special_container .special_item:hover .special_item_intro { color: #c39a14; }
.special_item_img { border: solid 1px #ccc; padding: 5px; width: 268px; box-shadow: 0 1px 0.4px 0.2px rgba(38,38,38,.3); margin: 0 auto; }
.special_item_img img { width: 248px; height: 187px; }
.special_item_title { width: 90%; margin: 0 auto; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
/*.special_item_title:hover{color:#c39a14}*/
.special_item_intro { height: 60px; width: 90%; margin: 0 auto; margin-bottom: 10px; color: #999; font-size: 12px; text-align: justify; }
.special_apply { text-align: center; margin-bottom: 15px; margin-top: -10px; }
.special_apply a { height: 53px; width: 278px; color: #fff; line-height: 52px; display: inline-block; border-radius: 16px; font-size: 22px; cursor: pointer; background: url(../images/expertise/vip_button.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../images/expertise/vip_button.png', sizingMethod='scale'); }
.specialList_content { width: 1200px; margin: 0 auto; margin-bottom: 30px; }
.specialList_content .left_content { width: 908px; border: solid 1px #ccc; margin-bottom: 20px; padding: 10px 10px 20px 10px; }
.specialList_content .left_content .title { text-align: center; color: #555; font-size: 24px; width: 200px; display: inline-block; }
.specialList_content .left_content .title > img { height: 60px; float: left; margin-top: -10px; }
.special_intro { border: solid 1px #c39a14; padding: 20px 10px 10px 10px; margin: 30px 0 0 0; position: relative; }
.special_intro_title { background: #fff; padding: 5px 10px; font-weight: bold; font-size: 18px; color: #c39a14; position: absolute; top: -15px; }
.specialList_content .es_item { margin-top: 20px; }
.specialList_content .es_item .es_item_title { font-size: 22px; color: #c39a14; text-align: center; line-height: 36px; }
.specialList_content .es_item .es_item_intro { margin-top: 3px; }
.specialList_content .left_content .es_item img { width: 100%; margin-top: 10px; }
.specialList_content .es_item:hover .es_item_title { text-decoration: underline; }
.specialList_content .es_item:hover .es_item_intro { text-decoration: underline; color: #c39a14; }
.specialList_content .ke_list_ul { width: 100%; display: inline-block; margin: 5px 0 20px 0; }
.specialList_content .ke_list_ul li { list-style: none; float: left; width: 33.33%; position: relative; }
.shadeDiv { width: 248px; height: 30px; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); z-index: 1; position: absolute; top: 45%; }
.specialList_content .ke_list_ul li .ke_title { position: absolute; top: 45%; font-size: 16px; width: 248px; line-height: 30px; height: 30px; z-index: 2; text-align: center; color: #000; }
.right .hot_special_title { font-size: 22px; font-weight: bold; line-height: 38px; height: 38px; padding: 3px; width: 100%; }
.right .hot_project_title { font-size: 22px; font-weight: bold; line-height: 38px; height: 38px; padding: 3px; width: 100%; }
.hot_special_li { line-height: 30px; border-bottom: solid 1px #ccc; }
.hot_special_li:before { content: "■"; color: #ccc; margin-right: 10px; }
.hot_special_li:last-child { border-bottom: 0; }
.hot_project_ul li img { border: solid 1px #ccc; }
.hot_project_ul li:hover .towline { color: #c39a14; }
.right .hot_special_li a:hover { text-decoration: underline; color: #c39a14 !important; }

/*预览*/
.preview_content { width: 1200px; margin: 0 auto; }
.preview_content .img_list .item_img { width: 100%; margin-bottom: 30px; border: solid 1px #ACADAD; }
.preview_content .apply_content { width: 260px; margin: 0 auto; }
.preview_content .special_list { width: 200px; margin: 0 auto; }
.preview_content .special_list .special_titles { padding-left: 15px; background: url('../images/expertise/triangle-right.png') left no-repeat; background-size: 8px 10px; line-height: 25px; }
.preview_content .special_list .special_titles:last-child { background: none; }
.detail_content { margin: 0 auto; position: relative; text-align: center; width: 1200px; }
.detail_content .detail_top { text-align: left; }
.detail_content .img_list { margin-bottom: 20px; }
.detail_content .img_list .item_img { width: 100%; margin-bottom: 30px; }
#magazine { margin: 0 auto; z-index: 999999; position: relative; }
#magazine .turn-page { background-color: #F2F2F2; background-size: 100% 100%; }
.btns { padding: 10px 0; }
.btn_button { border: solid 1px #ACACAC; border-radius: 5px; display: inline-block; padding: 3px 5px; cursor: pointer; background: #dbdbdb; margin-right: 10px; }



/*list start*/
.left_content_in { padding: 15px 10px 10px 10px; border-bottom: solid 1px #ccc; }
.left_content_in:last-child { border-bottom: 0; }
.left_content_dt { display: inline-block; width: 240px; height: 140px; }
.left_content_dt img { width: 240px; height: 140px; }
.left_content_in .left_content_dd { float: right; width: 618px; color: #b0b0b0; }
.left_content_in .left_content_dd p { max-height: 120px; overflow: hidden; }
.left_content_in .left_content_dd h3 { font-size: 15px; font-weight: bold; }
.left_content_in .left_content_dd .btn_a { padding: 2px 18px; border-radius: 15px; cursor: pointer; color: #fff; height: 30px; display: inline-block; line-height: 25px; font-size: 16px; }
.left_content_in .left_content_dd .preview_a { /*background: linear-gradient(#dec085,#a47a14);*/ background: -webkit-gradient(linear, 0 0, 0 100%, from(#dec085), to(#a47a14)); background: -webkit-linear-gradient(top, #dec085 0%, #a47a14); background: -moz-linear-gradient(top, #dec085 0%, #a47a14); background: -o-linear-gradient(top, #dec085 0%, #a47a14); background: -ms-linear-gradient(top, #dec085, #a47a14); background: linear-gradient(top, #dec085, #a47a14); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#dec085,endColorStr=#a47a14); }
.left_content_in .left_content_dd .preview_a:hover { background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3d290), to(#b98b1a)); background: -webkit-linear-gradient(top, #f3d290 0%, #b98b1a); background: -moz-linear-gradient(top, #f3d290 0%, #b98b1a); background: -o-linear-gradient(top, #f3d290 0%, #b98b1a); background: -ms-linear-gradient(top, #f3d290, #b98b1a); background: linear-gradient(top, #f3d290, #b98b1a); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f3d290,endColorStr=#b98b1a); }
.left_content_in .left_content_dd .vip_a { /*background: linear-gradient(#eadd98,#e88d00);*/ margin-left: 15px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#eadd98), to(#e88d00)); background: -webkit-linear-gradient(top, #eadd98 0%, #e88d00); background: -moz-linear-gradient(top, #eadd98 0%, #e88d00); background: -o-linear-gradient(top, #eadd98 0%, #e88d00); background: -ms-linear-gradient(top, #eadd98, #e88d00); background: linear-gradient(top, #eadd98, #e88d00); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#eadd98,endColorStr=#e88d00); }

.left_content_in .left_content_dd .vip_a:hover { /*background: linear-gradient(#e0d597,#bf7606);*/ margin-left: 15px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0d597), to(#bf7606)); background: -webkit-linear-gradient(top, #e0d597 0%, #bf7606); background: -moz-linear-gradient(top, #e0d597 0%, #bf7606); background: -o-linear-gradient(top, #e0d597 0%, #bf7606); background: -ms-linear-gradient(top, #e0d597, #bf7606); background: linear-gradient(top, #e0d597, #bf7606); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e0d597,endColorStr=#bf7606); }

.left_content_in .left_content_dd .vip_a:hover { color: #fff; }
.thum_container { width: 1150px; height: 80px; overflow: hidden; position: relative; padding: 0 30px; }
.thum_imgs { width: 1100px; height: 80px; overflow: hidden; }
.thum_container ul { width: 6000px; position: relative; }
.thum_container ul li { float: left; margin-right: 10px; margin-top: 10px; }
.thum_img { width: 100px; height: 60px; line-height: 60px; float: left; border: 1px solid #dfdfdf; padding: 0; text-align: center; cursor: pointer; position: relative; }

.thum_container .slider-btn { position: absolute; top: 10px; width: 25px; height: 60px; line-height: 60px; overflow: hidden; cursor: pointer; background-color: #fff; border-radius: 2px; text-align: center; -webkit-transition: background-color .1s ease-in; -moz-transition: background-color .1s ease-in; -ms-transition: background-color .1s ease-in; -o-transition: background-color .1s ease-in; transition: background-color .1s ease-in; }

.thum_container .slider-btn i { display: inline-block; vertical-align: middle; width: 14px; height: 27px; overflow: hidden; background: url(../images/expertise/slider_btn_icon.png) no-repeat 0 -174px; }
.slider-btn-prev { left: 3px; }
.slider-btn-next { right: 3px; }
.slider-btn-prev i { background-position: -27px -174px !important; }
.slider-btn:hover { background: #dfdfdf; }
.slider-btn-prev:hover i { background-position: -73px -174px !important; }
.slider-btn-next:hover i { background-position: -46px -174px !important; }
.img_active { border: solid 1px #ff0024; }
.list_content .relative .list_content_index { position: absolute; bottom: 25px; left: 50%; background: #ccc; padding: 2px 3px; font-size: 18px; }
.catalog_list { position: fixed; top: 50%; right: 0; margin-top: -150px; z-index: 999999; }
.catalog_list ul { min-width: 100px; max-width: 200px; height: 200px; border: solid 1px #c39a14; background: #f1f1f1; }
.catalog_list ul li { padding: 3px 5px; font-size: 16px; }
.catalog_list ul li:hover { background: #ceb270; color: #fff; cursor: pointer; }
.catalog_list ul li.active { background: #ceb270; color: #fff; cursor: pointer; }
.catalog_list .catalog_btn { width: 26px; background: #c0a062; color: #fff; text-align: center; position: absolute; right: 0; cursor: pointer; font-size: 16px; padding: 3px 0; }
.catalog_list .catalog_btn:hover { background: #ceb270; }
/*#e1cd84*/
.is_buy_title { font-size: 18px; margin-bottom: 20px; font-weight: bold; text-align: center; }
.page-ttl { text-align: center; position: relative; margin-top: 20px; }
@media (min-width:1200px) {
    .buy-service { text-align: center; position: absolute; top: 0; left: 50%; padding-left: 100px; }
    .buy-service a { height: 45px; width: 120px; color: #fff; line-height: 45px; display: inline-block; border-radius: 20px; font-size: 22px; cursor: pointer; background: #b38a00; }
}
@media (max-width:1199px) {
    * { box-sizing: border-box; }
    .Topbg, .LOGOBG, .Copyrighbg, .Copy_con2 { display: none; }
    .NAVbg { height: 90px; }
    .NAV { width: 100% !important; }
    .NAV p span { display: none; }
    .btn_button { display: none !important; }
    .NAV p a { width: 25%; height: 45px; margin: 0; float: left; font-size: 14px; padding: 0; text-align: center; }
    .NAV p a:first-child { width: 100%; }
    .specialList_content .left_content { width: 100%; }
    .specialList_content .left_content .top-img { height: auto !important; }
    .right { display: none; }
    .banner_slider_img { max-width: 100% !important; height: auto !important; }
    .desc-subtitle { padding: 5px; }
    .el-col-8 { width: 100%; }
    .special_item_img img { width: 80%; height: auto; max-width: 580px; }
    .expertise_content { width: 100%; }
    .expertise_content .left { width: 100%; }
    .expertise_content .func-intro-container .pros-cols-container .col-subtitle { margin-bottom: 15px; }
    .special_container .special_item { flex: 0 0 100%; }
    .special_item_img { width: 93%; margin: 0 auto; }
    .expertise_content .func-intro-container .pros-cols-container .pros-title:before { display: none; }
    .expertise_content .func-intro-container .pros-cols-container .pros-title:after { display: none; }
    .carousel-inner { height: auto !important; }
    .left_content_in .left_content_dd h3 { line-height: 30px; font-size: 16px; text-align: center; }
    .left_content_in { display: inline-block; height: auto; width: 100%; padding: 10px 3px; }
    .left_content_in .left_content_dd { width: 100%; }
    .left_content_dt { width: 100% !important; height: auto !important; margin-bottom: 5px; }
    .left_content_dt img { width: 100% !important; height: auto !important; }
    .left_content_in .btn_box { text-align: center; }
    .item_img { width: 100% !important; }
    .preview_content { margin-bottom: 20px; padding: 0.4rem; width: 100% !important; }
    .apply_content { width: 100% !important; text-align: center; }
    .preview_content .special_list { width: auto; display: inline-block; }
    .expertise_content .item-container { max-width: 100% !important; }
    .expertise_content .func-intro-container .func-intro-bg { height: auto !important; }
    .expertise_content .item-container .desc-subtitle { width: auto !important; padding: 3px; }
    .expertise_content .item-container .desc-title { padding-top: 2rem; }
    .expertise_content .func-intro-container .func-cols-container { width: 100% !important; }
    .expertise_content .item-container .row-container { width: 100% !important; }
    .expertise_content .item-container { width: 100% !important; box-shadow: 0 0px 9.8px 1.2px rgba(38,38,38,.3); }
    .special_container { width: 100% !important; }
    .specialList_content { width: 100% !important; }
    .expertise_content .func-intro-container .func-intro-bg .carousel-inner { max-width: 100%; }
    .breadcrumb > li + li:before { padding: 0; }
    #magazine img { width: 100%; }
    .detail_content { width: 100%; padding: 0 3px; background: #fff; }
    .detail_content .img_list { margin: 0; }
    .shadeDiv { width: 100%; height: 100%; top: 0; background-color: #000; /*:rgba(0,0,0,0.3);*/ opacity: 0.57; filter: alpha(opacity=57); z-index: -1; position: absolute; display: block; }
    .buy-service { text-align: center; }
    .buy-service a { height: 53px; width: 278px; color: #fff; line-height: 52px; display: inline-block; border-radius: 16px; font-size: 22px; cursor: pointer; background: url(/images/expertise/vip_button.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='/images/expertise/vip_button.png', sizingMethod='scale'); }
}