.index-topnav{width:100%;height:110px;border-bottom:1px solid #ededed;position: fixed;top:0;left:0;z-index: 999999;background-color: #ffffff;}
.index-topnav-logo{width:160px;float: left;}
.index-topnav-list{width:1040px;float: right;}
.index-topnav-list li{float: right;line-height:80px;margin-left: 15px;position: relative;}
.index-topnav-list li a{padding:15px;font-size:18px;color: #333333;}
.index-topnav-list li.on a{color: #ff000a;border-bottom:2px solid #ff000a;}
.index-topnav-list li a:hover{color: #ff000a;border-bottom:2px solid #ff000a;}
.index-topnav-list li .topdown{width:28px;height:19px;display: block;position: absolute;top:5px;left:50%;margin-left: -14px; background-color:red;overflow: hidden;animation:upDown  6s ease-in-out infinite;}
.index-topnav-list li .new{background:url(./../img/new.png) no-repeat;}
.index-topnav-list li .hot{background:url(./../img/hot.png) no-repeat;}
@keyframes upDown{0%{transform: translateY(5px);} 25%{transform: translateY(0px);} 50%{transform: translateY(5px);} 75%{transform: translateY(0px);} 100%{transform: translateY(5px);}}
.index-banner,.index-banner-box{width:100%;position: relative;}
.index-banner-box .banner-list-box{width:100%;height:calc(100vh - 200px);}
.banner-list-box .index-banner-list{width:100%;height:calc(100vh - 200px);position: relative;}
.banner-center{width:1200px;height:calc(100vh - 200px);position: absolute;top:0;left:50%;margin-left: -600px;overflow: hidden;}
.index-banner-one{background:url(./../img/banner1.jpg) no-repeat;background-size:100% 100%;}
.index-banner-one img{width:950px;height:340px;position: absolute;top:5vh;left:50%;margin-left: -475px;}
.index-banner-two{background-color: #c4151c;}
.index-banner-two img{width:1200px;position: absolute;left:50%;margin-left: -600px;top:50%;margin-top: -250px;;}
.index-banner-three{background:url(./../img/banner3.jpg) no-repeat;background-size:100% 100%;}
.index-banner-three .banner-three-top{width:1200px;height:180px;position: absolute;top:5vh;left:-1200px;}
.index-banner-three .banner-three-bottom{width:1200px;height:100px;position: absolute;top:calc(5vh + 180px);right:-1200px;}
.banner-three-top img{width:100%;}
.index-banner-four{background-color: #ffffff;}
.index-banner-five{background:url(./../img/banner5.jpg) no-repeat;background-size:100% 100%;}
.index-banner-five img{width:1200px;position: absolute;left:50%;margin-left: -600px;top:50%;margin-top: -250px;;}

.banner-center .banner-four-l{width:650px;height:calc(100vh - 200px);position: absolute;top:0;left:-650px;}
.banner-center .banner-four-r{width:550px;height:calc(100vh - 200px);position: absolute;top:0;right:-550px;}
.banner-four-l img,.banner-four-r img{width:auto;height:calc(100vh - 200px)}






.banner-bottom{width:100%;height:80px;background-color: #ededed;padding: 20px 0;}
.banner-bottom-list{width:300px;float: left;}
.banner-bottom-list .banner-bl{width:60px;height:60px;margin: 10px 20px 10px 0;float: left;}
.banner-bottom-list .banner-bl-first{background:url(./../img/index-icon1.png) 0 0;}
.banner-bottom-list .banner-bl-two{background:url(./../img/index-icon1.png) -60px 0;}
.banner-bottom-list .banner-bl-three{background:url(./../img/index-icon1.png) -120px 0;}
.banner-bottom-list .banner-bl-four{background:url(./../img/index-icon1.png) -180px 0;}
.banner-br{width:170px;float: left;}
.banner-br-title{height:30px;line-height:30px;font-size:18px;color: #333333;}
.banner-br-bottom{height:50px;line-height:25px;font-size:12px;color: #aaaaaa;}
.section{width:100%;}
.section-one .c1200,.section-two .c1200{position: relative;}
.section-two{background-color: #141419;padding-bottom: 80px;}
.section-all-back{font-size:36px;width:100%;padding: 60px 0;text-align: center;color: #f2f2f2;font-weight:bold;}
.section-all-name{font-size:48px;text-align: center;width:100%;color: #333333;height:60px;line-height:60px;position:absolute;top:100px;left:0;}
.section-all-sloga{width:950px;line-height:30px;font-size:18px;color: #333333;margin: 0 auto;text-align: center;}
.section-two .section-all-back{color: #3f3f42;}
.section-two .section-all-name{color: #ffffff;}
.section-two .section-all-sloga{color: #ffffff;}
.section-all-box{margin: 80px auto;}
.section-box-list{width:380px;height:250px;box-sizing:border-box;border:1px solid #ededed; float: left;margin-right: 30px;}
.section-box-list:last-child{margin-right: 0;}
.section-box-listimgone{width:150px;height:150px;margin: 30px auto 0;background:url(./../img/index-icon2.png);overflow: hidden;}
.section-box-listimgtwo{width:150px;height:150px;margin: 30px auto 0;background:url(./../img/index-icon2.png) -150px 1px;overflow: hidden;}
.section-box-listimgthree{width:150px;height:150px;margin: 30px auto 0;background:url(./../img/index-icon2.png) -300px 1px;overflow: hidden;}
.section-box-listtext{width:100%;height:30px;line-height:30px;font-size:20px;text-align: center;color: #333333;}
.section-two-box .section-two-list{width:300px;float: left;}
.section-two-list .section-two-listimgone{width:150px;height:150px;margin: 50px auto 0;background:url(./../img/index-icon2.png) -450px 0;overflow: hidden;}
.section-two-list .section-two-listimgtwo{width:150px;height:150px;margin: 50px auto 0;background:url(./../img/index-icon2.png) 0 -150px;overflow: hidden;}
.section-two-list .section-two-listimgthree{width:150px;height:150px;margin: 50px auto 0;background:url(./../img/index-icon2.png) -150px -150px;overflow: hidden;}
.section-two-list .section-two-listimgfour{width:150px;height:150px;margin: 50px auto 0;background:url(./../img/index-icon2.png) -300px -150px;overflow: hidden;}
.section-two-list .section-two-listnum{height:60px;line-height:60px;text-align: center;font-size:30px;color: #ffffff;}
.section-two-listnum span{font-size:60px;font-weight:bold;margin-right:15px;}
.section-two-list .section-two-listtext{height:30px;line-height:30px; font-size:20px;text-align: center;color: #ffffff;}
.index-news-bottom{margin-top: 40px;height:470px;}
.message-box{width:380px;float: left;margin-right: 30px;}
.message-box:last-child{margin-right: 0;}
.message-box-title{font-size:18px;height:40px;line-height:40px;font-weight:600;color: #333;}
.message-box-title a{width:80px;height:20px;line-height:20px;border:1px solid #aaaaaa;color: #aaaaaa;float: right;margin-top: 10px;font-weight:normal;font-size:14px;text-align: center;}
.message-box-img{width:380px;height:200px;position: relative;}
.message-box-img .message-box-imgtext{width:100%;height:30px;line-height:30px;text-align: center;color: #ffffff;background-color:rgba(0,0,0,0.7);position: absolute;left:0;bottom:0;z-index: 99;font-size:14px;}
.message-list-box li{background-color: #ffffff;border-bottom:1px solid #f5f5f5;height:40px;line-height:40px;font-size:14px;color: #aaaaaa;}
.message-list-box li span{width:90px;height:40px;float: right;}
.message-list-box li a{padding-left:20px;max-width:290px;color: #333;box-sizing:border-box;}
/*服务分类*/
.serve-name{position: initial;margin: 80px auto 30px;}
.serve-all-box{padding-bottom: 50px;}
.serve-all-box .serve-list{width:285px;height:230px;float: left;margin-right: 20px;box-sizing:border-box;border:1px solid #ededed;margin-top: 25px;background-color: #ffffff;}
.serve-all-box .serve-list:nth-child(4n){margin-right: 0;}
.serve-list-img{width:60px;height:60px;margin: 20px auto;overflow: hidden;}
.serve-list-one{background:url(../img/serve-icon.png) no-repeat -180px 0;}
.serve-list-two{background:url(../img/serve-icon.png) no-repeat -240px 0;}
.serve-list-three{background:url(../img/serve-icon.png) no-repeat -120px 0;}
.serve-list-four{background:url(../img/serve-icon.png) no-repeat -60px 0;}
.serve-list-five{background:url(../img/serve-icon.png) no-repeat 0 0;}
.serve-list-six{background:url(../img/serve-icon.png) no-repeat -420px 0;}
.serve-list-serven{background:url(../img/serve-icon.png) no-repeat -300px 0;}
.serve-list-llt{background:url(../img/serve-icon.png) no-repeat -180px -60px;}
.serve-list-hrt{background:url(../img/serve-icon.png) no-repeat -240px -60px;}
.serve-list-xgb{background:url(../img/serve-icon.png) no-repeat -300px -60px;}
.serve-list-jjb{background:url(../img/serve-icon.png) no-repeat -360px -60px;}
.serve-list-mtb{background:url(../img/serve-icon.png) no-repeat -360px 0;}
.serve-list-zht{background:url(../img/serve-icon.png) no-repeat 0 -60px;}
.serve-list-cbt{background:url(../img/serve-icon.png) no-repeat -60px -60px;}
.serve-list-hts{background:url(../img/serve-icon.png) no-repeat -120px -60px;}
.serve-list-name{width:100%;height:30px;line-height:30px;font-size:18px;color: #333333;text-align: center;}
.serve-list-text{width:250px;line-height:25px;margin: 0 auto;font-size:14px;color: #aaaaaa;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.serve-list-href{width:75px;height:30px;line-height:30px;padding: 0 15px;color: #ffffff;background-color: #c4151c;margin: 5px auto 0;display: block;}
/*合作客户*/
.client-one{width:100%;background:url(./../img/client-bg.jpg) no-repeat;padding-bottom: 80px;}
.client-title{width:100%;height:140px;line-height:140px;text-align: center;font-size:48px;color: #ffffff;}
.client-nav li{width:170px;height:40px;line-height:40px;font-size:24px;text-align: center;color: #ffffff;float: left;margin-bottom: 20px;}
.client-nav-img .client-img-box{width:160px;float: left;margin-left: 10px;}
.client-img-box li{margin-bottom: 15px;}
/*品牌客户*/
.brandclient-l,.brandclient-r{width:100px;height:250px;float: left;cursor: pointer;}
.brandclient-c{width:1000px;height:250px;float: left;overflow: hidden;}
.brandclient-c .brandclient-c-box{width:2000px;height:250px;}
.brandclient-c-box .brandclient-c-list{width:185px;height:115px;box-sizing:border-box;border:1px solid #eeeeee;overflow: hidden;margin-right: 15px;margin-bottom:20px;float: left;}
.brandclient-c-list img{width:185px;}
.brandclient-l .brandclient-l-img{width:30px;height:50px;margin: 100px 20px;background:url(./../img/index-leftright.png) no-repeat;}
.brandclient-r .brandclient-r-img{width:30px;height:50px;margin: 100px 20px;background:url(./../img/index-leftright.png) no-repeat -30px 0;}

/*解决低分辨率问题*/
@media screen and (max-width: 1400px) {
    .banner-bottom{height:70px;padding: 10px 0;}
    .index-banner-box .banner-list-box{height:calc(100vh - 170px)}
    .banner-list-box .index-banner-list{height:calc(100vh - 170px)}
    .banner-center{height:calc(100vh - 170px);position: relative;}
    .index-banner-two img{position: absolute;width:auto;height:400px;margin: 0 auto;top:50%;margin-top: -200px;margin-left: -480px;}
    .banner-three-top img{}
    .banner-four-l img, .banner-four-r img{height:500px;width:auto;}
    .banner-br-bottom{height:40px;line-height:20px;}
}

.index-banner .p-bannerimg{width:100%;display: block;cursor: pointer;}
.p-white{width:100%;background-color: #ffffff;padding: 40px 0;}
.p-white .p-white-center{width:1200px;margin: 0 auto;}
.p-white-center .p-center-top{margin: 0 auto 40px;}
.p-center-title{width:100%;}
.p-center-title .p-title-one{width:100%;height:50px;line-height:50px;font-size:40px;font-weight:bold;text-align: center;}
.p-center-title .p-title-two{width:100%;height:30px;line-height:30px;font-size:20px;text-align: center;color: #8d8d8d;margin: 15px auto 30px;}
.p-center-bottom{width:1200px;border:1px solid #ededed;box-sizing:border-box;margin: 70px auto 60px;}
.p-center-bottom .p-bottom-l{width:298px;float: left;background-color: #ededed;}
.p-center-bottom .p-bottom-all{width:450px;float: left;cursor: pointer;}
.p-bottom-one{width:100%;height:100px;position: relative;border-bottom:1px solid #ededed;box-sizing:border-box;}
.p-bottom-one .zhaosh{height:150px;display: block;position: absolute;top:-70px;left:53px;}
.p-bottom-list{width:100%;height:420px;}
.p-bottom-list li{height:60px;line-height:60px;text-align: center;border-bottom:1px solid #ededed;box-sizing:border-box;}
.p-bottom-list li:last-child{border-bottom:none;}
.p-bottom-one p{width:100%;height:68px;line-height:68px;font-size:30px;text-align: center;position: absolute;bottom:0;left:0;}
.p-bottom-one .p-img-top{width:64px;height:64px;position: absolute;top:-32px;left:50%;margin-left: -32px;}
.p-bottom-all.on{border:1px solid #c4151c;box-sizing:border-box;}
.p-bottom-all.on .p-bottom-one{background-color: #c4151c;color: #ffffff;}

.p-fc-two{width:1200px;}
.p-fc-two .p-fc-list{width:133.33px;float: left;text-align: center;}
.p-fc-two .p-fc-list .p-fc-listimg{width:80px;height:80px;background-color:red;margin: 0 auto;}
.p-fc-two .p-fc-list:first-child .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat 0 0;}
.p-fc-two .p-fc-list:nth-child(2) .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat -80px 0;}
.p-fc-two .p-fc-list:nth-child(3) .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat -160px 0;}
.p-fc-two .p-fc-list:nth-child(4) .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat -240px 0;}
.p-fc-two .p-fc-list:nth-child(5) .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat -320px 0;}
.p-fc-two .p-fc-list:nth-child(6) .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat 0 -80px;}
.p-fc-two .p-fc-list:nth-child(7) .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat -80px -80px;}
.p-fc-two .p-fc-list:nth-child(8) .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat -160px -80px;}
.p-fc-two .p-fc-list:nth-child(9) .p-fc-listimg{background:url(./../img/par-btn-icon.png) no-repeat -240px -80px;}
.p-fc-list p{height:25px;line-height:25px;margin-top: 15px;}
.p-fc-three{width:1200px;margin: 30px auto;}
.p-fc-three .fc-three-l{width:500px;}
.p-fc-three .fc-three-r{width:700px;padding-left: 80px;box-sizing:border-box;}
.fc-three-l img{display: block;margin: 0 auto;}
.fc-three-r h3{font-size:35px;color: #c4151c;height:50px;line-height:50px;margin-top: 100px;margin-bottom: 30px;}
.fc-three-r p{font-size:20px;color: #8d8d8d;line-height:25px;height:25px;margin-bottom: 15px;}
.fc-three-r span{width:55px;height:5px;background-color: #c4151c;display: block;}
.p-center-title .p-title-three{text-align: center;font-size:16px;color: #8d8d8d;}
.p-title-three span{margin-right: 40px;}
.p-title-three select{width:80px;height:20px;line-height:20px;color: #8d8d8d;}

.p-three-map{width:1200px;margin: 40px auto;position: relative;}
.p-three-map img.map-bg{display: block;margin: 0 auto;}
.p-submit{width:100%;min-height:794px;overflow: hidden;background:none;padding: 0;}
.p-submit .p-submit-bg{width:100%;height:794px;overflow: hidden;position: absolute;z-index: -1;}
.p-submit-bg img{width:1920px;height:794px;position: absolute;top:0;left:50%;margin-left: -960px;}
.p-submit .p-title-one{color: #ffffff;margin-top: 40px;}
.p-submit .p-title-two{color: #ffffff;}
.p-submit-box{width:600px;height:500px;border-radius:15px;background-color: #ffffff;margin: 40px auto 0;padding: 50px 70px;box-sizing:border-box;}
.p-submit-box .submit-box-list{width:100%;height:50px;line-height:50px;border:1px solid #e0e0e0;border-radius:5px;overflow: hidden;margin-bottom: 30px;font-size:18px;color: #8d8d8d;}
.submit-box-list span{width:150px;float: left;}
.submit-box-list span i{width:50px;height:50px;display: block;float: left;}
.submit-box-list span i.p-name{background:url(./../img/p-call.png) no-repeat 0 0;}
.submit-box-list span i.p-phone{background:url(./../img/p-call.png) no-repeat -50px 0;}
.submit-box-list span i.p-aname{background:url(./../img/p-call.png) no-repeat -100px 0;}
.submit-box-list span i.p-add{background:url(./../img/p-call.png) no-repeat -150px 0;}
.submit-box-list input{width:306px;height:48px;float: left;border:none;padding-left: 20px;box-sizing:border-box;}
.p-btn{width:100%;height:50px;line-height:50px;text-align: center;color: #ffffff;background-color: #c4151c;font-size:18px;border-radius:5px;cursor: pointer;}
.p-btn span{width:100%;height:50px;display: block;}
.qqb-big-center{width:1200px;margin: 0 auto;}
.qqb-iphone-bg{background-color: #ededed;height:400px;}
.qqb-big-center .qqb-iphone-l,.qqb-big-center .qqb-iphone-r{float: left;width:600px;position: relative;height:400px;}
.qqb-iphone-r img{position: absolute;right:0;bottom:0;}
.qqb-big-center .qqb-iphone-l{padding-left: 60px;box-sizing:border-box;}
.qqb-iphone-l .qqb-iphone-title{color: #333333;font-size:36px;font-weight:bold;padding-top: 80px;margin-bottom: 30px;}
.qqb-iphone-l .qqb-iphone-box{height:30px;font-size:20px;color: #666;line-height:30px;margin-bottom: 15px;font-weight:normal;padding-left: 40px;position: relative;}
.qqb-iphone-one i{width:30px;height:30px;background:url(../img/qqb-icon.png) no-repeat -60px 0;position: absolute;top:0;left:0;}
.qqb-iphone-two i{width:30px;height:30px;background:url(../img/qqb-icon.png) no-repeat;position: absolute;top:0;left:0;}
.qqb-iphone-three i{width:30px;height:30px;background:url(../img/qqb-icon.png) no-repeat -30px 0;position: absolute;top:0;left:0;}

.myzone{width:400px;min-height:100px;position: absolute;left:50%;top:50px;margin-left: -200px;background-color:rgba(255,255,255,0.5);box-shadow:5px 5px 5px #cecece;border:1px solid #cecece;padding: 15px 20px;box-sizing:border-box;}
.myzone-top{height:30px;line-height:30px;font-size:14px;color: #333333;position: relative;}
.myzone-top i{width:20px;height:20px;line-height:20px;text-align: center;position: absolute;top:0;right:0;border:1px solid #dddddd;cursor: pointer;}
.myzone-bottom{font-size:12px;color: #333333;}
.myzone-bottom li{height:25px;line-height:25px;}
.myzone-bottom li span{margin-right: 30px;}

/*猎媒动态*/
.main-content-r{width:1200px;min-height:1800px;box-sizing:border-box;border:1px solid #e6e6e6;border-radius:5px;margin: 20px auto;}
.news-list-box{padding: 0 30px;}
.news-list-box .news-list{padding: 20px 0;border-bottom:1px dashed #cccccc;}
.news-list .news-list-img{width:200px;height:150px;float: left;position: relative;overflow: hidden;margin-right: 20px;}
.news-list-img img{width:100%;}
.news-list-text .news-text-title{height:40px;line-height:40px;font-size:18px;color:#676767;}
.news-text-title a.news-t-a{float: left;width:500px;color: #4a4848;}
.news-text-title span{float: right;font-size:14px;}
.news-list-text .news-cont-box{font-size:14px;color: #999999;line-height:2;max-height:90px;overflow: hidden;}
.news-list-text .read-href{width:120px;height:40px;float: right;background-color:#E5E5E5;font-size:14px;color: #000000;text-align: center;line-height:40px;}
.news-list-text .read-href:hover{background-color: #c4151c;color: #ffffff;}

.news-list-box h1.news-title{color: #666666;font-size:36px;font-weight:500;line-height:50px;margin-top: 20px;}
.news-list-box p.news-time{font-size:14px;color: #999999;line-height:20px;margin: 15px 0;}