.ny_banner{width: 100%; position: relative;}
.ny_banner img{width: 100%; height: auto;}

.ny_banner i.iconfont{display: block; width: 40px; height: 40px; position: absolute; left: 50%; bottom: 30px; margin-left: -20px; animation: bounce-up 1.1s linear infinite; font-size: 40px; color: #fff; cursor: pointer;}
@keyframes bounce-up{25% {transform: translateY(5px);} 50%, 100% {transform: translateY(0);} 75% {transform: translateY(-5px);}}

/*新闻列表*/
.news{background: #f5f7f8;}
.news_content{padding: 60px 0;}
.news_wrapper{margin-left: 5%; margin-right: 5%;}
.channel_news{text-align: left; border-bottom: 1px solid #e3e3e3; background: #fff; font-size: 0;}
.channel_news li{display: inline-block; *display: inline; *zoom: 1; position: relative;}
.channel_news li a{display: block; line-height: 25px; padding: 20px 35px; font-size: 15px; position: relative; color: #666;}
.channel_news li span{display: block; width: 1px; height: 16px; background-color: #e3e3e3; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.channel_news i{display: block; width: 0; height: 1px; background: #e10000; position: absolute; left: 50%; bottom: -1px; transition: all 0.3s ease;}
.channel_news li.active i,.channel_news li:hover i{width: 80%; left: 10%;}
.channel_news li.active a,.channel_news li:hover a{color: #e10000 !important;}
.news_list li{width: 33.33%; *width: 33.2%; float: left; margin-bottom: 50px;}
.news_list li a{display: block; background: #fff; margin-right: 1px; padding: 35px 10% 50px 10%;}
.news_time{display: inline-block; *display: inline; *zoom: 1; height: 30px; line-height: 30px; border-bottom: 2px solid #e10000; color: #878787; margin-bottom: 15px;}
.news_text{position: relative; height: 106px; padding-left: 160px; margin: 10px 0;}
.news_pic{width: 150px; height: 106px; overflow: hidden; position: absolute; left: 0; top: 0;}
.news_pic img{display: block; width: 100%; height: auto;}
.news_name{font-weight: normal; font-size: 16px; height: 72px; line-height: 24px; overflow: hidden;}
.news_desc{font-size: 13px; height: 40px; line-height: 20px; color: #878787; overflow: hidden;}
.news_list li a:hover{background: #c00;}
.news_list li a:hover .news_time,.news_list li a:hover .news_name,.news_list li a:hover .news_desc{color: #fff !important;}
.news_list li a:hover .news_time{border-bottom-color: #fff;}
/*列表分页*/
.page{margin: 20px 0;}
/*CSS pageinfo style pagination*/
.pageinfo{text-align: center; line-height:25px; font-size:14px; }
.pageinfo a {border: #323232 1px solid; padding-right: 5px;padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #323232; padding-top: 2px;  text-decoration: none}
.pageinfo a:hover {border: #323232 1px solid;color: #ff0000; }
.pageinfo a:active {border: #323232 1px solid;color: #ff0000;}
.pageinfo .thisclass {border: #323232 1px solid; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px;  background-color: #323232}
.pageinfo .disabled {border: #323232 1px solid;padding-bottom: 2px; padding-right: 5px;padding-left: 5px; color: #323232; margin-right: 2px; padding-top: 2px; }
.pageinfo strong{color: #ff0000; padding:0 3px;}

/*新闻详情*/
.news_details{background: #f2f2f2;}
.newsBar{background: #ff6600;}
.newsBar li{float: left; margin: 0 21px; position: relative;}
.newsBar li a{display: block; height: 66px; line-height: 66px; font-size: 16px; color: #fff;}
.newsBar li i{display: block; position: absolute; bottom: 10px; left: 50%; width: 0; height: 1px; background: #f27824; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.newsBar li a:hover{color: #fff !important;}
.newsBar li.active i,.newsBar li:hover i{width: 100%; left:0;}
.news_detailsBox{padding: 60px 0;}
.news_details_left{width: 74.5%; float: left; background: #fff;}
.news_details_lBox{padding: 60px;}
.details_tit{font-size: 26px; text-align: center; line-height: 1.4; margin-bottom: 30px;}
.details_tools{color: #c4c4c4; text-align: center; margin-bottom: 30px; font-size: 13px;}
.details_tools span{margin: 0 10px;}
.details_tools i.iconfont{font-size: 18px; margin-right: 6px; vertical-align: -2px;}
.details_share{text-align: center; margin-bottom: 30px;}
.details_share a.iconfont{font-size: 40px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; transition: all 0s; color: #c8c8c8;}
.details_share .bdsharebuttonbox{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.details_share .bdsharebuttonbox a.iconfont{background: none; text-indent: 0; margin: 0 8px; width: auto; height: auto; line-height: inherit; font-size: 34px; color: #c8c8c8;}
.details_body{font-size: 13px; line-height: 28px; color: #555; padding-bottom: 50px;}
.details_body img{width: auto !important; height: auto !important;}
.back_list{border-bottom: 1px solid #eee; margin-bottom: 25px; text-align: center;}
.back_list a{font-size: 18px; padding: 0 30px 20px 30px; border-bottom: 1px solid #f27823; display: inline-block; color: #f08200;}
.m_prevnext{display: none;}
.news_details_right{width: 23.5%; float: right;}
.news_change{padding: 35px 16px; background: #fff;}
.news_change ul{overflow: hidden; margin-bottom: -30px;}
.news_change li{margin-bottom: 30px; font-size: 15px;}
.news_change .t{color: #000; font-size: 22px; position: relative; margin-bottom: 15px; line-height: 1.4;}
.news_change .t i{width: 100%; height: 1px; background: #f2f2f2; position: absolute; top: 50%; right: -90px;}
.news_change .time{color: #c0c0c0; font-size: 13px; margin-bottom: 15px;}
.news_change .time i.iconfont{font-size: 20px; margin-right: 8px; vertical-align: -2px;}
.news_change .tit{font-size: 17px; color: #5a5a5a; font-weight: normal; line-height: 1.6;}

.NewRecommend{background: #fff; padding: 10px 16px; margin-top: 20px;}
.NewRecommend dt{font-size: 17px; border-bottom: 1px solid #ccc; padding: 10px 0;}
.NewRecommend dd{padding: 10px 0;}

.caseRecommend ul{padding-top: 12px;}
.caseRecommend li{position: relative; margin-bottom: 12px;}
.caseRecommend li a{display: block;}
.caseRecommend li:hover .case_mask{opacity: 1; visibility: visible;}

.newsRecommend li{height: 38px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*案例列表*/
.case{background: #fff;}
.case_wrapper{padding-left: 9%; padding-right: 9%;}
.channel_case li{float: left; margin-right: 1px;}
.channel_case li a{display: block; padding: 0 10px; text-align: center; color: #313648;}
.channel_case li a i{display: block; font-family: "Arial"; font-size: 42px; color: #fff; line-height: 1.15;}
.channel_case li a p{padding-bottom: 10px;}
.channel_case li.active a,.channel_case li a:hover{background: #c80000; color: #fff !important;}
.case-menu ul{font-size: 0; padding: 30px 0; margin: 0 -10px;}
.case-menu li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 18px; margin: 4px 10px;}
.case-menu li a{display: block; min-width: 90px; text-align: center; height: 40px; line-height: 40px; padding: 0 25px; color: #565656;}
.case-menu li.active a{background: #dd0518; color: #fff!important;}
.case_content{padding-bottom: 40px;}
.caes_list{padding: 8px 0 30px 0;}
.caes_list ul{margin: 0 -.5%;}
.caes_list li{width: 32.333%; *width: 31.96%; margin: .5% .5%; float: left; position: relative;}
.caes_list li a{display: block;}
.case_pic{position: relative;}
.case_pic img{display: block; width: 100%; height: auto;}
.case_mask{background: rgba(35,39,47,.71); position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 10px; opacity: 0; visibility: hidden; transition: all .3s; display: flex; justify-content: center; align-items: center;}
.case_maskBox{text-align: center;}
.case_maskBox .title{font-size: 20px; color: #fff; font-weight: normal;}
.case_maskBox .title:after{display: block; content: ""; width: 30px; height: 4px; background: #d73217; margin: 16px auto 0;}
.case_maskTxt{color: #fff; font-size: 16px; margin-top: 14px;}
.case_maskTxt span{display: block; /*padding: 4px 0; */overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;}
.caes_list li:hover .case_mask{opacity: 1; visibility: visible;}
.case_txt{text-align: center; padding: 10px 4px;}
.case_txt .title{font-size: 15px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case_txt .info{font-style: italic; margin-top: 4px; color: #999;}
.case_txt .info a{color: #999;}
/*案例详情*/
.caseview_ban{width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}
.case_view_info{padding-bottom: 4.2%; padding-bottom: 4.2%; background: #fff; background: rgba(255,255,255,.95);}
.case_view_info .left{width: 48%; float: left;}
.case_view_info .left .title{font-size: 36px; font-weight: normal; padding: 15px 0;}
.case_view_info .left p{color: #666; line-height: 1.5;}
.case_view_info .left p i.iconfont{font-size: 18px; margin-right: 8px; vertical-align: -2px; color: #999;}
.case_view_info .left p a{color: #428bca;}
.case_view_info .bdsharebuttonbox{overflow: hidden; margin-top: 20px;}
.case_view_info .bdsharebuttonbox a{transition: all 0s; width: 38px; height: 38px; line-height: 38px; text-align: center; margin: 0 5px; background: none; font-size: 38px; text-indent: 0; color: #666;}
.case_view_info .right{width: 50%; float: right; font-size: 16px; color: #999; line-height: 1.8;}
.case_view_body{overflow: hidden; padding: 50px 0;}
.case_view_body img{width: auto !important; height: auto !important;}
.case_view_body img.lazy{background: url(../image/load.gif) no-repeat center;}
.case_view_bottom{background: #f5f5f5; padding-top: 15px;}
.case_view_bottom .btm_link{font-size: 16px; max-width: 1024px; margin: 0 auto; color: #666; line-height: 1.4; border: 1px solid #ccc;}
.case_view_bottom .btm_link p{width: 45.8%; *width: 45.7%; float: left; padding: 10px 2%; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case_view_bottom .btm_link p.prev{border-right: 1px solid #ccc;}
.case_view_bottom .btm_link p a{color: #336699;}
.caseportletNews{overflow: hidden; padding: 10px 0;}
.caseportletNews ul{margin: 0 -4%;}
.caseportletNews li{width: 25.33%; *width: 27.2%; height: 30px; line-height: 30px; float: left; margin: 5px 4%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px dashed #ccc;}
.caseportletNews li span{color: #999; float: right; margin-left: 18px;}
.case_portlet{padding-top: 2%; padding-bottom: 2%; background: #fff; overflow: hidden;}
.case_portlet dt{font-size: 30px; font-weight: bold; padding-bottom: 1.5%;}
.case_portlet dd ul{margin: 0 -.5%;}
.case_portlet dd li{width: 32.33%; *width: 32.2%; margin: 1% .5%; float: left; overflow: hidden;}
.case_portlet dd li a{display: block; position: relative;}
.case_portlet dd li .pic{position: relative;}
.case_portlet dd li .pic img{display: block; width: 100%;}
.case_portlet dd li .pic i{display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.3s linear 0s;}
.case_portlet dd li .pic:hover i{transform: scale3d(0, 0, 0);}
.case_portlet dd li .text{width: 100%; background-color: rgba(0, 0, 0, .6); color: #fff; position: absolute; left: 100%; bottom: 0; z-index: 12; transition: all 0.3s linear 0s;}
.case_portlet dd li .text .textBox{padding: 10px;}
.case_portlet dd li .text .title{font-size: 24px; font-weight: normal; line-height: 24px; padding-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.case_portlet dd li .text .title i{display: block; width: 70px; height: 2px; background: #999; margin-top: 15px;}
.case_portlet dd li .text .desc{font-size: 14px; line-height: 14px; padding: 15px 0; color: #999;}
.case_portlet dd li a:hover .pic i{transform: scale3d(0, 0, 0);}
.case_portlet dd li a:hover .text{ left: 0; }
/*关于我们*/
.about_box{margin-left: 4.25%; margin-right: 4.25%;}
.about_title{text-align: center;}
.about_tName{font-size: 34px;}
.about_tEname{font-size: 15px; text-transform: uppercase; display: inline-block; *display: inline; *zoom: 1; padding: 0 15px; position: relative; margin-top: 4px;}
.about_tEname i{display: block; width: 50px; height: 1px; background: #333; position: absolute; top: 50%;}
.about_tEname i.l{left: -50px;}
.about_tEname i.r{right: -50px;}
/*关于我们---优势*/
.about_advantage{background: #dd1a20;}
.about_advantage li{width: 33.333%; *width: 33.2%; float: left; color: #fff; position: relative; margin: 20px 0; text-align: center;}
.about_advName{display: inline-block; *display: inline; *zoom: 1; font-family: "SimSun"; font-size: 59px; line-height: 1.1; position: relative;}
.about_advName i{font-size: 24px; font-weight: bold; position: absolute; right: -20px; top: 50%; margin-top: -30px;}
.about_advDesc{font-size: 14px;}
.about_advLine{width: 1px; height: 100%; background: #e75f63; position: absolute; right: 0; top: 0; z-index: 1;}
/*关于我们---公司简介*/
.about_profile{padding: 80px 0; background: #fff;}
.about_profiletBox{margin-top: 40px;}
.about_profiletBox ul{margin: 0 -1%;}
.about_profiletBox li{width: 31.333%; *width: 33.2%; margin: 0 1%; float: left; font-size: 15px; line-height: 1.9;}
/*关于我们---*/
.about_picture .swiper-slide{width: 33.33%; *width: 33.2%; float: left;}
.about_picture .swiper-slide img{display: block; width: 100%;}
.brand_idea{padding: 80px 0; background: #ededed;}
.brand_ideaBox{margin-top: 2%;}
.brand_ideaText{width: 44%; float: left; margin-left: 10%; margin-top: 4%;}
.brand_ideaText .title{font-size: 26px; padding-bottom: 4%; position: relative;}
.brand_ideaText .title i{display: block; width: 60%; height: 1px; background: #333; position: absolute; left: 0; bottom: 0;}
.brand_ideaText .desc{font-size: 16px; line-height: 2; color: #666; margin-top: 5%;}
.brand_ideaUCM{width: 40%; float: right; position: relative; overflow: hidden; color: #fff; text-align: center;}
.brand_ideaItem{width: 40%; height: 0; padding-bottom: 40%; background: rgba(221,26,32,.75); border-radius: 50%; overflow: hidden; position: relative;}
.brand_ideaItem.bg1{margin: 0 auto;}
.brand_ideaItem.bg2{margin-left: 13%; margin-top: -9%; float: left;}
.brand_ideaItem.bg3{position: absolute; right: 13%; bottom: 0;}
.brand_ideaUCM .cover span{display: block; font-family: "Arial"; font-size: 26px; height: 30px; line-height: 30px;}
.brand_ideaUCM .cover em{display: block; font-size: 22px; height: 30px; line-height: 30px;}
.brand_ideaUCM .cover{width: 100%; position: absolute; left: 0; top: 50%; margin-top: -15px; z-index: 2;}
.brand_ideaItem .cover{width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; z-index: 2;}
/*服务*/
.service_title{text-align: center;}
.service_tName{font-size: 42px; color: #000;}
.service_tDesc{font-size: 16px; color: #666; line-height: 1.6; margin-top: 12px;}
.service_head{text-align: center; background: #dd1a20; color: #fff; padding: 6.5% 0;}
.service_head .title{font-size: 48px;}
.service_head .desc{font-size: 25px; margin-top: .8%; line-height: 1.6;}
.service_list{overflow: hidden;}
.service_list ul{font-size: 0; position: relative;}
.service_list ul li{width: 50%; *width: 49.96%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; overflow: hidden; position: relative;}
.service_list ul li.pic.m{display: none;}
.service_list ul li.pic img{display: block; width: 100%;}
.service_list ul li.pic .cover{background: rgba(0,0,0,.8); position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: all 0.5s; z-index: 2;}
.service_list ul li.pic .cover .mask{position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 60px; opacity: 0; visibility: hidden; transition: all 0.5s; z-index: 2;}
.service_list ul li.pic .cover .mask h4{font-size: 48px; font-family: "ngbt-webfont"; text-transform: uppercase; font-weight: 800; color: #fff; margin-bottom: 20px;}
.service_list ul li.pic .cover .mask h3{font-size: 36px; color: #fff; font-weight: lighter; font-family: "Microsoft Yahei light"; margin-bottom: 20px;}
.service_list ul li.pic .cover .border_hor,.service_list ul li.pic .cover .border_ver{position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; transition: all .5s; z-index: 1;}
.service_list ul li.pic .cover .border_hor{border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1);}
.service_list ul li.pic .cover .border_ver{border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0);}
.service_list ul li.pic:hover .cover{opacity: 1; visibility: visible;}
.service_list ul li.pic:hover .cover .mask{opacity: 1; visibility: visible;}
.service_list ul li.pic:hover .cover .border_hor,.service_list ul li.pic:hover .cover .border_ver{transform: scale(1,1);}
.service_list ul li.text .cover{padding: 0 7%;}
.service_list ul li.text .cover h3{font-size: 42px; font-weight: normal; color: #18191e;}
.service_list ul li.text .cover .line{width: 124px; height: 1px; background: #18191e; margin: 10px 0;}
.service_list ul li.text .cover h4{font-family: "ngbt-webfont"; text-transform: uppercase; font-size: 26px; color: #18191e;}
.service_list ul li.text .cover p.name{font-size: 18px; line-height: 1.45; margin-top: 14px;}
.service_list ul li.text .cover p.desc{font-size: 14px; color: #41464c; line-height: 1.6; margin-top: 4px;}
.service_list ul .num{width: 58px; height: 58px; line-height: 58px; background: #fff; border: 1px solid #ddd; border-radius: 50%; overflow: hidden; font-size: 16px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; z-index: 22;}
/*服务---客户*/
.customer{background: #1c1e1f; padding: 60px 0;}
.customer .service_tName,.customer .service_tDesc{color: #fff;}

.home_caseList{margin-top: 30px;}
.home_caseList li{width: 25%; *width: 24.96%; float: left;}
.home_caseList li a{display: block; position: relative;}
.home_casePic{width: 100%; height: 0; padding-bottom: 67%; position: relative;}
.home_casePic img{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.home_caseText{background: rgba(35,39,47,.71); position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 10px; transition: all .3s; opacity: 0; display: flex; justify-content: center; align-items: center; font-family: Arial,"Microsoft YaHei";}
.home_caseInfo{text-align: center;}
.home_caseName{font-size: 22px; color: #d73217; font-weight: bold;}
.home_caseName:after{display: block; content: ""; width: 30px; height: 4px; background: #d73217; margin: 20px auto 0;}

.home_caseTxt{color: #c9caca; font-size: 22px; margin-top: 14px;}
.home_caseTxt span{display: block; padding: 0;   overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;}

.home_caseList li:hover .home_caseText{opacity: 1;}





/* .customer ul{padding: 0 3%; margin-top: 30px;}
.customer li{width: 18%; *width: 17.96%; margin: .5% 3.5%; float: left; overflow: hidden;}
.customer li a{display: block; padding: 14px 4%; position: relative;}
.customer li a img{display: block; width: auto; height: 52px; margin: 0 auto; max-width: none;}
.customer_mask{width: 100%; height: 100%; background: rgba(200,0,0,.8); position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden;transition: all .4s;}
.customer_mask .title{height: 30px; line-height: 30px; font-size: 18px; color: #fff; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 10px; right: 10px; top: 50%; margin-top: -15px;}
.customer li a:hover .customer_mask{opacity: 1; visibility: visible;} */
.customer .more{text-align: center; font-size: 16px; margin-top: 30px;}
.customer .more a{color: #fff; font-size: 18px; display: inline-block;}
.customer .more a span{vertical-align: -2px;}
.customer .more a i.iconfont{font-size: 38px; margin-left: 18px; vertical-align: middle;}
/*服务---流程*/
.service_process{background: #fff; padding: 60px 0;}
.service_processBox{margin-top: 2.2%; text-align: center;}
/*联系我们*/
.contact{background: #eee; padding: 70px 0; position: relative;}
.contact .bg{width: 100%; text-align: center; position: absolute; left: 0; top: 40px; z-index: 2;}
.contact_wrapper{margin: 0 5.9%; position: relative; z-index: 3;}
.contact_title{text-align: center;}
.contact_title .title{font-size: 0; overflow: hidden; text-indent: -9999em;}
.contact_title .desc{font-size: 18px; color: #040404; margin-top: 10px;}
.contact_box{background: #fff; margin-top: 30px;}
.contact_job{width: 50%; float: left;}
.contact_jobBox{padding: 14% 4.2% 0 4.2%;}
.contact_jobBox .swiper-container{padding-bottom: 60px;}
.contact_jobBox .swiper-slide .title{font-size: 23px; color: #000;}
.contact_jobBox .swiper-slide .desc{font-size: 13px; height: 252px; line-height: 28px; color: #666; margin-top: 4%; overflow: hidden; text-align: justify;}
.contact_jobBox .swiper-pagination-bullet{background: #666; opacity: 1;}
.contact_jobBox .swiper-pagination-bullet-active{width: 30px; border-radius: 4px; background: #ff6600;}
.job_btn{width: 100%; padding-bottom: 36px; border-bottom: 1px solid #ddd;}
.job_btn a{margin-right: 20px; font-size: 16px; color: #ff6600;}
.job_btn a i{color: #999; font-size: 18px; margin-right: 6px; vertical-align: -2px;}

.contact-maps{ height:800px; width:100%; position: relative;}
#mapall{width: 100%; height: 100%;}
.contact-box{width: 260px; height: 260px;background: rgba(218, 30, 35, 0.8); border-radius: 10px; position: absolute; top: 28%; right: 32%; padding: 20px;}
.contact-box p{font-size: 16px; color: #fff; line-height: 25px; margin-bottom: 10px; padding-left: 40px; position: relative;}
.contact-box p span.bl{display: block;}
.contact-box p em.iconfont{font-size: 24px; margin-right: 10px; position: absolute; left: 0; top: 2px;}
.contact-box p.ewm{width: 100px; height: 100px; margin: 15px auto 0; padding-left: 0;}
.contact_pic{width: 50%; float: right;}
.contact_pic .swiper-slide img{display: block; width: 100%;}
.contact_pic .swiper-pagination-bullet{background: #666; opacity: 1;}
.contact_pic .swiper-pagination-bullet-active{background: #ff6600;}

/*优惠券*/
.discount{background: #3ba4a0; padding-bottom: 5.4%;}
.discount ul{padding: 54px 0; margin: -220px 3.57% 0 3.57%; background: #fff; border-radius: 14px; position: relative; box-shadow: 0 0 48px rgba(0,0,0,.4);}
.discount li{text-align: center; max-width: 94%; margin: 0 auto; padding: 14px 0;}
@media only screen and (max-width: 1499px){

	.contact_jobBox{padding-top: 12%;}
	.contact_jobBox .swiper-container{padding-bottom: 40px;}
	.job_btn{padding-bottom: 28px;}
	/*案例列表*/
	.case-menu ul{margin: 0 -8px;}
	.case-menu li{font-size: 17px; margin: 4px 8px;}
	.case-menu li a{padding: 0 19px; min-width: 80px;}
}

@media only screen and (max-width: 1429px){
	/*案例列表*/
	.case_wrapper{padding-left: 7%; padding-right: 7%;}
	.brand_ideaUCM .cover span{font-size: 24px;}
	.brand_ideaUCM .cover em{font-size: 20px;}
	/*服务*/
	.service_tName{font-size: 38px;}
	.service_head .title{font-size: 44px;}
	.service_head .desc{font-size: 23px;}
	.service_list ul li.pic .cover .mask h4{font-size: 44px; margin-bottom: 10px;}
	.service_list ul li.pic .cover .mask h3{font-size: 32px;}
	.service_list ul li.text .cover h3{font-size: 38px;}
	.service_list ul li.text .cover p.name{margin-top: 12px;}
	/*服务---客户*/
	/* .customer li{width: 21%; *width: 20.96%; margin: .5% 2%;}
	.customer li a{padding-left: 6px; padding-right: 6px;}
	.customer li a img{height: 46px;} */
	/*联系我们*/
	.contact_jobBox{padding-top: 10%;}
	.contact_jobBox .swiper-container{padding-bottom: 50px;}
	.contact_jobBox .swiper-slide .desc{height: 224px;}
	.job_btn{padding-bottom: 26px;}
	.contact-box{right: 20%;}
	/*优惠券*/
	.discount ul{margin-top: -180px;}
}
@media only screen and (max-width: 1229px){
	/*案例列表*/
	.case_wrapper{padding-left: 5%; padding-right: 5%;}
	/*案例详情*/
	.case_view_info .left{width: auto; float: none;}
	.case_view_info .left .title{font-size: 32px;}
	.case_view_info .right{width: auto; float: none; margin-top: 30px;}
	.case_portlet dd li{width: 49%;}
	.case_portlet dd li:last-child{display: none;}
	.case_portlet dd li:first-child{display: block;}
	/*新闻详情*/
	.news_details_left{width: 68%;}
	.news_details_lBox{padding: 40px;}
	.news_details_right{width: 30%;}
	/*服务*/
	.service_tName{font-size: 34px;}
	.service_head .title{font-size: 38px;}
	.service_head .desc{font-size: 21px;}
	.service_list ul li.pic .cover .mask h4{font-size: 40px;}
	.service_list ul li.pic .cover .mask h3{font-size: 28px;}
	.service_list ul li.pic .cover .border_hor,.service_list ul li.pic .cover .border_ver{left: 20px; right: 20px; top: 20px; bottom: 20px;}
	.service_list ul li.pic .cover .mask{padding: 30px 40px;}
	.service_list ul li.text .cover{padding: 0 5%;}
	.service_list ul li.text .cover h3{font-size: 34px;}
	.service_list ul li.text .cover .line{margin: 6px 0;}
	.service_list ul li.text .cover p.name{margin-top: 10px; font-size: 17px;}
	.service_list ul li.text .cover p.desc{font-size: 13px;}
	/*服务---客户*/
	/* .customer li{width: 23%; *width: 22.96%; margin: .5% 1%;} */
	/*关于我们*/
	.about_tName{font-size: 30px;}
	/*关于我们---公司简介*/
	.about_profile{padding: 60px 0;}
	.about_profiletBox li{font-size: 13px;}
	/*关于我们---品牌观点*/
	.brand_idea{padding: 60px 0;}
	.brand_ideaText{margin-left: 0; width: 50%;}
	.brand_ideaText .title{font-size: 22px;}
	.brand_ideaUCM .cover span{font-size: 20px;}
	.brand_ideaUCM .cover em{font-size: 18px;}
	/*联系我们*/
	.contact_jobBox{padding-top: 8%; padding-left: 4%; padding-right: 4%;}
	.contact_jobBox .swiper-slide .desc{height: 196px; margin-top: 2%;}
	.contact-maps{height: 700px;}
	
	.contact-box{top:30%; right:19%;}
	/*优惠券*/
	.discount ul{margin-top: -140px; padding: 40px 0;}
	/*案例列表*/
	.case-menu li{font-size: 16px;}
	.case-menu li a{padding: 0 14px;}
}

@media only screen and (max-width: 1029px){
	/*案例列表*/
	.case_maskBox .title{font-size: 18px;}
	.case_maskBox .title:after{margin-top: 11px;}
	.case_maskTxt{font-size: 16px; margin-top: 8px}
	.case_maskTxt span{padding: 3px 0;}
	/*案例详情*/
	.caseportletNews ul{margin: 0 -3%;}
	.caseportletNews li{width: 44%; margin: 5px 3%;}
	/*新闻详情*/
	.news_change{padding: 20px 6px;}
	.NewRecommend{padding: 10px 6px;}
	/*关于我们---优势*/
	.about_advName{font-size: 48px;}
	.about_advName i{margin-top: -25px;}
	/*服务*/
	.service_tName{font-size: 30px;}
	.service_head .title{font-size: 32px;}
	.service_head .desc{font-size: 18px;}
	.service_list ul li.pic .cover .mask h4{font-size: 36px;}
	.service_list ul li.pic .cover .mask h3{font-size: 24px;}
	.service_list ul li.text .cover h3{font-size: 26px;}
	.service_list ul li.text .cover .line{margin: 4px 0;}
	.service_list ul li.text .cover h4{font-size: 22px;}
	/*服务---客户*/
	/* .customer ul{padding: 0 2%;}
	.customer li{width: 31.33%; *width: 31.2%;} */
	.home_caseName{font-size: 18px;}
	.home_caseName:after{margin-top: 11px;}
	.customer .more{font-size: 17px;}
	.customer .more a i.iconfont{font-size: 30px;}
	/*联系我们*/
	.contact{padding: 60px 0;}
	.contact_jobBox .swiper-slide .desc{height: 140px; margin-bottom: 28px;}
	
	.contact-box{ right:18%;}
	/*优惠券*/
	.discount ul{margin-top: -120px;}
}

@media only screen and (max-width: 959px){
	/*新闻列表*/
	.channel_news li a{padding: 15px 30px;}
	.news_content{padding: 40px 0;}
	.news_list li{width: 50%; *width: 49.96%; margin-bottom: 34px;}
	.news_list li a{padding: 25px 6% 54px 6%;}
	/*新闻详情*/
	.newsBar li a{height: 56px; line-height: 56px;}
	.news_detailsBox{padding: 40px 0;}
	.news_wrapper{margin-left: 20px; margin-right: 20px;}
	.news_details_left{width: }
	.news_details_lBox{padding: 24px;}
	.details_tit{font-size: 19px; margin-bottom: 18px;}
	.details_tools{margin-bottom: 18px;}
	.details_share{margin-bottom: 18px;}
	.details_share a.iconfont{font-size: 30px;}
	.details_share .bdsharebuttonbox a.iconfont{font-size: 24px; margin: 0 4px;}
	.details_body{padding-bottom: 34px;}
	.back_list{margin-bottom: 15px;}http://topc.80vip.cn/knowledge/3.html#
	.back_list a{padding: 0 20px 14px 20px; font-size: 17px;}
	.news_change ul{margin-bottom: -20px;}
	.news_change li{margin-bottom: 20px;}
	.news_change .t{font-size: 20px; margin-bottom: 8px;}
	.news_change .t i{right: -70px;}
	.news_change .time{font-size: 12px; margin-bottom: 8px;}
	.news_change .time i.iconfont{font-size: 18px; margin-right: 5px;}
	.news_change .tit{font-size: 15px;}
	/*案例列表*/
	.case-menu ul{padding: 20px 0;}
	.case-menu li{font-size: 16px;}
	.case_wrapper{padding-left: 20px; padding-right: 20px;}
	.channel_case{display: none;}
	.case_content{padding-bottom: 20px;}
	.caes_list{padding: 8px 0 20px 0;}
	.caes_list li{width: 49%; *width: 48.96%;}
	.case_maskBox .title{font-size: 16px;}
	.case_maskTxt{font-size: 14px;}
	/*案例详情*/
	.caseview_ban{height: 50%;}
	.case_view_info .left .title{font-size: 28px;}
	.case_view_body{padding: 20px 0;}
	.case_inner{margin: 0;}
	.case_view_bottom{padding-left: 20px; padding-right: 20px;}
	.case_view_bottom .btm_link{font-size: 15px;}
	.case_view_bottom .btm_link p{padding: 5px 2%;}
	.case_portlet{padding-left: 20px; padding-right: 20px;}
	.case_portlet dt{font-size: 20px;}
	.case_portlet dd li .text{left: 0;}
	.case_portlet dd li .text .title{padding: 15px; font-size: 18px;}
	.case_portlet dd li .text .title i,.case_portlet dd li .text .desc{display: none;}
	/*关于我们*/
	.about_box{margin-left: 0; margin-right: 0;}
	.about_tName{font-size: 26px;}
	/*关于我们---公司简介*/
	.about_picture .swiper-slide{width: 50%;}
	/*关于我们---品牌观点*/
	.brand_idea{padding: 50px 0;}
	.brand_ideaText{width: 60%;}
	.brand_ideaText .title{font-size: 18px;}
	.brand_ideaText .desc{font-size: 15px;}
	.brand_ideaUCM .cover span{font-size: 18px; height: 24px; line-height: 24px;}
	.brand_ideaUCM .cover em{font-size: 16px; height: 20px; line-height: 20px;}
	/*服务*/
	.service_tName{font-size: 26px;}
	.service_tDesc{font-size: 15px; margin-top: 8px;}
	.service_head .title{font-size: 26px;}
	.service_head .desc{font-size: 15px; margin-top: 1.2%;}
	.service_list ul li{width: 100%; *width: 100%;}
	.service_list ul li.pic.pc{display: none;}
	.service_list ul li.pic.m{display: block;}
	.service_list ul li.pic .cover .mask{padding: 20px 30px;}
	.service_list ul li.pic .cover .mask h4{font-size: 32px;}
	.service_list ul li.pic .cover .mask h3{font-size: 24px;}
	.service_list ul li.text .cover{padding: 30px 20px;}
	.service_list ul li.text .cover h3{font-size: 24px;}
	.service_list ul li.text .cover h4{font-size: 20px;}
	.service_list ul .num{display: none;}
	/*服务---客户*/
	.customer{padding: 50px 0;}
	.home_caseName{font-size: 16px;}
	.home_caseTxt{font-size: 14px;}
	/* .customer ul{padding: 0 20px; margin-top: 20px;} */
	/*服务---流程*/
	.service_process{padding: 50px 0;}
	.service_processBox{padding-left: 20px; padding-right: 20px;}
	/*联系我们*/
	.contact{padding: 50px 0;}
	.contact_wrapper{margin: 0 20px;}
	.contact .bg img{max-width: 80%;}
	.contact_jobBox .swiper-container{padding-bottom: 40px;}
	.contact_jobBox .swiper-slide .title{font-size: 18px;}
	.contact_jobBox .swiper-slide .desc{font-size: 12px; height: 96px; line-height: 24px;}
	.job_btn{padding-bottom: 16px;}
	.contact-maps{height: 550px;}

	.contact-box{right: 9%;}
	/*优惠券*/
	.discount ul{margin-top: -100px; padding: 30px 0;}
	.discount li{padding: 10px 0;}
}

@media only screen and (max-width: 767px){
	.ny_banner{padding-top: 51px;}
	/*新闻列表*/
	.news_content{padding: 30px 0 20px 0;}
	.news_wrapper{margin-left: 10px; margin-right: 10px;}
	.channel_news li a{padding: 10px 10px;}
	.channel_news li.active i,.channel_news li:hover i{width: 60%; left: 20%;}
	.news_list li{width: 100%; float: none; margin-bottom: 12px;}
	.news_list li a{padding: 10px; margin-right: 0;}
	.news_time{margin-bottom: 4px;}
	.news_text{padding-left: 120px; height: 78px;}
	.news_pic{width: 110px; height: 78px;}
	.news_name{font-size: 15px; height: 60px; line-height: 20px;}
	/*新闻详情*/
	.newsBar li{margin: 0 14px;}
	.newsBar li a{height: 46px; line-height: 46px; font-size: 15px;}
	.newsBar li i{bottom: 6px;}
	.news_detailsBox{padding: 30px 0;}
	.news_details_left{width: auto; float: none;}
	.news_details_lBox{padding: 18px 8px;}
	.details_tit{font-size: 18px; font-weight: normal; margin-bottom: 8px; text-align: left;}
	.details_tools{margin-bottom: 12px; text-align: left;}
	.details_tools span{margin: 0 5px;}
	.details_tools span em{display: none;}
	.details_tools span b{font-weight: normal;}
	.details_share{display: none;}
	.details_body{padding-bottom: 16px;}
	.back_list{display: none;}
	.m_prevnext{display: block; margin-bottom: 16px;}
	.m_prevnext a{box-sizing: border-box; display: block; width: 50%; height: 34px; line-height: 34px; float: left; font-size: 13px; text-align: center; border: 1px solid #ddd;}
	.m_prevnext a i.iconfont{font-size: 13px;}
	.m_prevnext a.prev i.iconfont{margin-right: 6px;}
	.m_prevnext a.next i.iconfont{margin-left: -2px;}

	.news_details_right{width: auto; float: none; margin-top: 10px;}
	.news_change{padding: 14px 12px;}
	.news_change ul{margin-bottom: -10px;}
	.news_change li{font-size: 13px; line-height: 1.4; margin-bottom: 10px;}
	.NewRecommend{margin-top: 10px; padding: 8px 12px;}

	.NewRecommend dt{padding: 6px 0; font-size: 19px;}
	.caseRecommend ul{padding-top: 6px;}
	.caseRecommend li{margin-bottom: 6px;}


	.newsRecommend li{height: 32px; line-height: 32px;}

	/*案例列表*/
	.case-menu ul{padding: 14px 0; margin: 0 -2px;}
	.case-menu li{margin: 2px; font-size: 15px;}
	.case-menu li a{min-width: 60px; padding: 0 10px;}
	.case_wrapper{padding-left: 10px; padding-right: 10px;}
	.case_content{padding-bottom: 10px;}
	.caes_list{padding: 0;}
	.case_mask{opacity: 1; visibility: visible; position: static; padding: 8px; background: none;}
	.case_maskBox .title{color: #d73217;}
	.case_maskBox .title:after{display: none;}
	.case_maskTxt{display: none;}
	/*案例详情*/
	.caseview_ban{background: none !important;}
	.case_view_info .left .title{font-size: 20px;}
	.case_view_info .right{font-size: 15px; margin-bottom: 15px;}
	.case_view_body{padding: 10px 0;}
	.case_view_bottom{padding-left: 10px; padding-right: 10px;}
	.case_view_bottom .btm_link{font-size: 14px;}
	.case_view_bottom .btm_link p{width: auto; float: none;}
	.case_view_bottom .btm_link p.prev{border-right-width: 0; border-bottom: 1px solid #ccc;}
	.caseportletNews ul{margin: 0;}
	.caseportletNews li{width: auto; float: none; margin: 5px 0;}
	.case_portlet{padding-left: 10px; padding-right: 10px;}
	.case_portlet dt{margin-bottom: 2%;}
	.case_portlet dd ul{margin: 0;}
	.case_portlet dd li{width: auto; float: none; margin: 0 0 3% 0;}
	.case_portlet dd li .text .title{padding: 5px;}
	.about_tName{font-size: 22px;}
	.about_tEname{font-size: 12px; padding: 0 8px;}
	/*关于我们---优势*/
	.about_advantage li{width: 100%; *width: 100%; float: none; margin: 0; padding: 20px 0;}
	.about_advLine{width: 100%; height: 1px; right: inherit; top: inherit; left: 0; bottom: 0;}
	/*关于我们---公司简介*/
	.about_profile{padding: 40px 0;}
	.about_profiletBox{margin-top: 20px;}
	.about_profiletBox ul{margin: 0;}
	.about_profiletBox li{width: auto; margin: 0; float: none; font-size: 14px;}
	.about_picture .swiper-slide{width: 100%;}
	/*关于我们---品牌观点*/
	.brand_idea{padding: 40px 0;}
	.brand_ideaText{width: auto; float: none; padding-top: 2%;}
	.brand_ideaText .title{font-size: 17px;}
	.brand_ideaText .title i{display: none;}
	.brand_ideaText .desc{margin-top: 0; font-size: 14px;}
	.brand_ideaUCM{width: 90%; float: none; margin: 20px auto 0;}
	.brand_ideaUCM .cover{margin-top: -8px;}
	.brand_ideaUCM .cover span{font-size: 17px; height: 20px; line-height: 18px;}
	.brand_ideaUCM .cover em{font-size: 15px; height: 18px; line-height: 18px;}
	.brand_ideaItem .cover{margin-top: -16px;}
	/*服务*/
	.service_title{padding-left: 10px; padding-right: 10px;}
	.service_tName{font-size: 22px;}
	.service_tDesc{font-size: 13px;}
	.service_head{padding-left: 10px; padding-right: 10px;}
	.service_head .title{font-size: 24px;}
	.service_head .desc{font-size: 13px; margin-top: 2%;}
	.service_list ul li.pic .cover .border_hor,.service_list ul li.pic .cover .border_ver{left: 10px; right: 10px; top: 10px; bottom: 10px;}
	.service_list ul li.pic .cover .mask{padding: 10px 20px;}
	.service_list ul li.pic .cover .mask h4{font-size: 28px; margin-bottom: 0;}
	.service_list ul li.pic .cover .mask h3{font-size: 20px;}
	.service_list ul li.text .cover{padding: 20px 10px;}
	.service_list ul li.text .cover h3{font-size: 20px;}
	.service_list ul li.text .cover h4{font-size: 18px;}
	.service_list ul li.text .cover p.name{font-size: 16px;}
	.service_list ul li.text .cover p.desc{font-size: 12px;}
	/*服务---客户*/
	.customer{padding: 30px 0;}
	.home_caseList{margin-top: 10px;}
	.home_caseList ul{padding: 0 10px; margin: 0 -1%;}
	.home_caseList li{width: 48%; *width: 49.96%; margin: 1%;}
	.home_caseText{opacity: 1; visibility: visible; position: static; padding: 8px; background: none;}
	.home_caseName:after{display: none;}
	.home_caseTxt{display: none;}
	/* .customer ul{padding: 0 10px; margin-top: 10px;}
	.customer li{width: 48%; *width: 47.99%;}
	.customer li a img{width: 100%; height: auto;}
	.customer_mask .title{font-size: 16px;} */
	.customer .more a{font-size: 16px;}
	.customer .more a i.iconfont{font-size: 26px; margin-left: 8px;}
	/*服务---流程*/
	.service_process{padding: 30px 0;}
	.service_processBox{padding-left: 10px; padding-right: 10px; margin-top: 4%;}
	/*联系我们*/
	.contact-maps{height: 58vh;}
	.contact{padding: 40px 0;}
	.contact_wrapper{margin: 0 10px;}
	.contact_title .title img{height: 15px;}
	.contact_title .desc{font-size: 14px; margin-top: 4px;}
	.contact_box{margin-top: 12px; background: none;}
	.contact_job{width: auto; float: none; background: #fff;}
	.contact_jobBox{padding: 20px 15px 5px 15px;}
	.contact_jobBox .swiper-slide .desc{height: auto;}
	.contact_pic{width: auto; float: none; background: #fff; margin-top: 10px;}

	.contact-box{width: 270px; height: auto; top: inherit; bottom: 12px; left: 50%; margin-left: -135px; padding: 10px;}
	.contact-box p{font-size: 13px; line-height: 20px; margin-bottom: 6px; padding-left: 26px;}
	.contact-box p span.bl{display: inline;}
	.contact-box p em.iconfont{font-size: 16px; top: -1px}
	.contact-box p.ewm{margin-top: 4px; width: 80px; height: 80px;}
	/*优惠券*/
	.discount ul{margin-top: -40px; margin-left: 0; margin-right: 0; padding: 14px 0;}
	.discount li{padding: 5px 0;}
}