@charset "utf-8";
/*播放按钮*/
video::-webkit-media-controls-play-button {
  display: none !important;
}
/*当前播放时间*/
video::-webkit-media-controls-current-time-display {
  display: none !important;
}
/*剩余时间*/
video::-webkit-media-controls-time-remaining-display {
  display: none !important;
}
/*音量按钮*/
video::-webkit-media-controls-volume-control-container {
  display: none !important;
}
/*全屏*/
video::-webkit-media-controls-fullscreen-button {
  display: none !important;
}
/*时间轴*/
video::-webkit-media-controls-timeline {
  display: none !important;
}
/*更多选项*/
video::-internal-media-controls-overflow-button {
  display: none !important;
}
@media (max-width:768px){
	/*播放按钮*/
	.qywh-video video::-webkit-media-controls-play-button {
	  display: block !important;
	}
	/*当前播放时间*/
	.qywh-video video::-webkit-media-controls-current-time-display {
	  display: block !important;
	}
	/*剩余时间*/
	.qywh-video video::-webkit-media-controls-time-remaining-display {
	  display: block !important;
	}
	/*音量按钮*/
	.qywh-video video::-webkit-media-controls-volume-control-container {
	  display: block !important;
	}
	/*全屏*/
	.qywh-video video::-webkit-media-controls-fullscreen-button {
	  display: block !important;
	}
	/*时间轴*/
	.qywh-video video::-webkit-media-controls-timeline {
	  display: block !important;
	}
}

#footer{background:#161616;padding:50px 0 0;overflow:hidden}
.footL{width:30%}
.footL img{height:60px}
.footC{width:50%}
.footC>li{text-align: left;}
.footC a{
    font-size: 18px;
    font-weight: bold;
}
.footC>li>ul{}
.footC>li>ul li{
    line-height: 1.5;
}
.footC>li>ul li a{
    font-size: 14px;
    font-weight: normal;
}
.footR{width:20%;text-align:right}
.footR h4{color:#fff;font-size:24px;font-weight:normal;margin-bottom:30px}
.footR ul{}
.footR li{display:inline-block}
.footR span{background-repeat:no-repeat;height:32px;width:32px;display:inline-block;background-image:url(//f.goodq.top/FeiEditor/images/icon/social_icon_32x32.png);background-position-y:-160px}
.qq-icon{background-position-x:-64px}
.weixin-icon{background-position-x:0}
.weibo-icon{background-position-x:-32px}
.email-icon{background-position-x:-640px}
.shouji-icon{background-position-x:-704px}
.copyright{color:#fff;margin:20px auto 10px}
.copyright span{}
.tel_bot{display:none}
@media (max-width:768px){
	.tel_bot{display:block;position: fixed;right: 1%;bottom: 120px;background: red;padding: 10px;border-radius: 50%;}
	.tel_bot img{
    width: 35px;
    display: block;
}
	#footer{padding:0;position: fixed;width: 100%;bottom: 0;}
	.footL{}
	.footL{}
	.footL img{}
	.footC{}
	.footC li{}
	.footC a{}
	.footR{}
	.footR h4{}
	.footR ul{}
	.footR li{}
	.footR span{}
	.qq-icon{}
	.weixin-icon{}
	.weibo-icon{}
	.email-icon{}
	.shouji-icon{}
	.copyright{margin:10px 10px;display:block;line-height:1.5;text-align:center;font-size:12px}
	.copyright span{display:block}
	.banner-mp4{display:none}
}
.banner{padding:100px 0;background: url(../images/page-banner.jpg) no-repeat center bottom;position:relative;background-size: cover;}
.banner-mp4{position:absolute;bottom:0;left:0;width:100%;height: auto;}
.banner-mp4 img{}
.title{color:#fff;position:relative;z-index: 1;}
#page{padding:70px 0;background: #282828;}
.description{display:none}
/*业务范围*/
.yewu{display:flex;flex-wrap:wrap;justify-content:space-between}
.yewu1{width: 66%;margin-bottom:2%;}
.yewu2{width: 32%;}
.yewu2 li:first-child{margin-bottom:5%}
.yewu3{}
.yewu4{width: 39.8%;margin-bottom: 2%;}
.yewu5{width: 53%;}
.yewu6{width: 48%;}
.yewu7{
    width: 58.8%;
}
.yewu8{
    width: 50%;
}
.yewu-tit{position:relative;overflow:hidden}
.yewu-tit img{display:block;width:100%}
.yewu-tit>div{position:absolute;top:100%;left:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;box-sizing:border-box;padding:15px 15px;font-size: 16px;background:rgba(0,0,0,0.5);transition:0.5s all;text-indent: 2em;}
.yewu li{cursor:pointer;}
.yewu li:hover .yewu-tit>div{top:0}
.yewu li a:hover{color:#fff}
.yewu1 .yewu-tit div{
    font-size: 16px;
}
.yewu2 .yewu-tit div{}
.yewu3 .yewu-tit div{}
.yewu4 .yewu-tit div{}
.yewu5 .yewu-tit div{
}
.yewu6 .yewu-tit div{
}
.yewu8 li:first-child{
    margin-bottom: 20px;
}
.yewu-txt{background:#FB2A23;padding: 15px 5%;line-height:1.5;}
.yewu-txt h4{font-size: 24px;}
.yewu-txt p{font-size:14px}
@media (max-width:768px){
	.banner{text-align:center;padding:30px 0}
	.title{font-size:26px;color:#fff}
	#page{padding:30px 0}
	.description{}
	.yewu{}
	.yewu1,.yewu2,.yewu3,.yewu4,.yewu5,.yewu6,.yewu7,.yewu8{width:100%;margin-bottom:3%}
	.yewu1{}
	.yewu2{}
	.yewu3{}
	.yewu4{}
	.yewu5{}
	.yewu6{}
	.yewu li:hover div{}
	.yewu-tit div{
    top: 0;
    font-size: 15px;
}
    .yewu1 .yewu-tit div{font-size:15px}
	.yewu2 .yewu-tit div{}
	.yewu3 .yewu-tit div{}
	.yewu4 .yewu-tit div{}
	.yewu5 .yewu-tit div{}
	.yewu6 .yewu-tit div{}
	.yewu-tit{}
	.yewu-tit img{}
	.yewu-txt{text-align:center}
	.yewu-txt h4{font-size:20px}
	.yewu-txt p{}
}
/*项目案例*/
.category{
    display: flex;
    /* justify-content: space-between; */
    margin-bottom: 40px;
    /* flex-wrap: wrap; */
}
.category li{
    width: 14%;
    margin-right: 0.2%;
    margin-bottom: 5px;
}
.category a{
    display: block;
    border: 1px solid #fff;
    text-align: center;
    line-height: 3;
}
.category a:hover,.category a.on{background:#fff;color:#000}
.caselist{}
.caselist li{width:48%;margin-bottom:50px;transition:0.5s all}
.caselist li:hover{transform:translateY(-20px)}
.caselist-img{}
.caselist-img img{display:block;max-width:100%;width:100%}
.caselist-txt{background:#1A1A1A;line-height:1.5;padding:20px 20px}
.caselist-txt h4{}
.caselist-txt a{font-size:20px;font-weight:normal}
.caselist-txt p{font-size:13px;color:#bbbbbb}
.pages{text-align:center;margin:0 0 0}
.pages a,.pages span{display:inline-block;border:1px solid #5B5B5B;padding:10px;color:#999999;margin:0 4px}
.pages .page-num-current{background:#5B5B5B}
@media (max-width:768px){
	.category{
    flex-wrap: wrap;
}
	.category li{
    width: 32%;
    margin: 0 0.5% 5px;
}
	.category a{
    font-size: 14px;
}
.category li:nth-child(4),.category li:nth-child(5){}
	.caselist{}
	.caselist li{width:49%;margin-bottom:10px}
	.caselist-img{}
	.caselist-img img{}
	.caselist-txt{padding:10px 15px}
	.caselist-txt h4{}
	.caselist-txt a{font-size:18px}
	.caselist-txt p{font-size:12px}
	.pages{margin-top:20px}
	.pages a,.pages span{font-size:14px;padding:0 5px;margin:0 2px}
	.pages .page-num{}
}
@media (max-width:600px){
	.caselist li{width:100%}
}
.case-content{}
.case-content img{display:block;max-width:100%;margin:0 auto}
.control{}
.prev,.next{position:fixed;top:50%;transform:translateY(-50%);align-items:center}
.prev{color:#ffd039;left:20px;overflow:hidden}
.next{color:#ffd039;right:20px}
.prev>div,.next>div{align-items:center;transition:0.3s all}
.prev>div{transform:translateX(calc(-100% - 26px))}
.next>div{transform:translateX(calc(100% + 26px))}
.prev:hover>div{transform:translateX(0)}
.next:hover>div{transform:translateX(0)}
.prev:hover svg{display:none}
.next:hover svg{display:none}
.control-icon{}
.control-img{height:50px}
.control-img img{}
.control-time{margin:0 10px}
.control-txt{}
.control-txt span{}
@media (max-width:768px){
	.case-content{}
	.case-content img{}
	.control{margin:20px 0 0 20px}
	.prev,.next{transform:unset;position:unset}
	.prev>div,.next>div{transform:unset}
	.prev{}
	.next{}
	.control-icon{}
	.control-img{}
	.control-img img{}
	.control-time{}
	.control-txt{}
	.control-txt span{}
}
/*新闻中心*/
.newslist{margin-top:50px;transition:0.3s all}
.newslist:hover{transform:translateY(-20px)}
.newslist li{background:#161616;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.newslist li:hover{background:#000}
.news-img{width:26%}
.news-img img{display:block;max-width:100%;margin:0 auto}
.newsR{width:70%;padding-right: 15px;box-sizing: border-box;}
.newsR a{color:#ffffff;font-size:24px;line-height:24px}
.newsR span{color:#999999;font-size:13px;line-height:13px;display:block;margin-top:2px}
.newsR p{color:#bbbbbb;font-size:13px;margin-top:20px;line-height:1.5;text-indent: 2em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
@media (max-width:768px){
	.newslist{margin-top:0}
	.newslist li{padding:0 0;background:unset;margin-bottom:20px}
	.newslist li:hover{padding:10px}
	.news-img{width:36%}
	.news-img img{width:100%}
	.newsR{width:60%;line-height:1}
	.newsR span{font-size:12px}
	.newsR a{font-size:14px;display:block;height:24px}
	.newsR p{font-size:12px;margin-top:10px;height:2.4em;line-height:1.2}
}
@media (max-width:600px){
	.newslist{}
	.newslist li{}
	.newslist li:hover{}
	.news-img{width:100%}
	.news-img img{}
	.newsR{width:100%;padding:10px 0}
	.newsR span{}
	.newsR a{font-size:16px;line-height:2;height:2em;overflow:hidden}
	.newsR p{font-size:14px}
}
.news{}
.news img{
    max-width: 100%;
}
.prevnext{margin:50px auto}
.prevnext a{display:block}
.news-prev{}
.news-next{}
@media (max-width:768px){
	.news{}
	.news img{
    height: auto !important;
}
	.prevnext{margin:20px auto}
	.prevnext a{font-size:14px}
	.news-prev{}
	.news-next{float:none}
}
/*简介*/
.about{}
.aboutL{width:49%;float: left;margin-right: 4%;}
.aboutL img{display:block;max-width:100%}
.aboutR{/* width:48%; */}
.aboutR .title{line-height:1;margin:0 auto 65px}
.aboutR .about-text{color: #fff;}
.aboutR a{margin:65px auto 0}
@media (max-width:768px){
	.aboutL{width:100%}
	.aboutL img{}
	.aboutR{width:100%}
	.aboutR .title{margin:50px 0 30px}
	.aboutR .about-text{font-size: 14px;color: #eee;text-indent: 2em;line-height: 1.5;padding: 10px 0;}
	.aboutR a{margin:50px 0}
}
.youshi{text-align:center;margin: 70px auto 0;color: #fff;}
.youshi li{width:33.3%;line-height:1.5}
.youshi img{}
.count{font-size:50px}
.num{}
.youshi p{font-size:30px}
@media (max-width:768px){
	.youshi{padding:0;margin: 10px auto 0;}
	.youshi li{}
	.youshi img{height:50px}
	.count{font-size:20px}
	.num{}
	.youshi p{font-size:16px}
}
/*联系我们*/
.contact{padding-bottom: 70px;}
.contact li{background:#FB2A23;width:24.5%;text-align:center;overflow:hidden;padding-bottom:25px}
.contact-icon{margin:50px 0 30px}
.contact-icon img{}
.contact-icon p{color:#353535}
.contact-txt{color:#353535;line-height:1.5;height: 7em;margin:0 auto;display:flex;width:100%;justify-content:center;align-items:center;flex-wrap: wrap;}
.contact-txt p{
}
.map{
    cursor: pointer;
}
@media (max-width:768px){
	.contact{padding-bottom: 20px;}
	.contact li{width:49%;margin-bottom:10px}
	.contact-icon{margin:30px 0 10px}
	.contact-icon img{}
	.contact-icon p{}
	.contact-txt{font-size: 12px;}
}
/*在线留言*/
#message{background:url(../images/contact-bg.jpg) no-repeat center;padding:100px 0;margin-bottom:-70px}
.message{width:530px;max-width:100%;margin:0 auto;box-sizing:border-box;padding:50px 45px;background:url(../images/contact.jpg) no-repeat center 0;background-size:100% 100%;border-bottom:3px solid #FB2A23}
.message h2{text-align:center;color:#fff;margin-bottom:50px}
.message p{font-size: 14px;color: #eee;line-height: 1.5;margin-bottom: 20px;text-indent: 2em;}
.message ul{position: relative;}
.message li{margin-bottom:20px}
.message label{display:block;color:#fff;font-size:14px}
.message span{color:#cc0101;margin:0 3px;display:inline-block;vertical-align:middle}
.message input{width:100%;line-height: 50px;box-sizing:border-box;border:1px solid rgb(92,89,87);color:rgb(255,255,255);font-size:14px;background:rgba(133,128,125,0.6);padding: 0 8px;}
.message input:focus{outline:0}
.message input.error{border: 1px solid #ff0000;}
.message textarea{width:100%;line-height: 2;box-sizing:border-box;border:1px solid rgb(92,89,87);color:rgb(255,255,255);font-size:14px;background:rgba(133,128,125,0.6);padding: 8px 8px;}
.message textarea:focus{outline:0}
.message textarea.error{border: 1px solid #ff0000;}
#sub-btn{background:#FB2A23;width:100%;line-height:50px;border:0;font-size:18px;font-weight:bold;text-align: center;cursor: pointer;}
@media (max-width:768px){
	#message{padding:0;margin-bottom:-30px}
	.message{padding:30px 20px 0;border-bottom:0}
	.message h2{margin-bottom:20px}
	.message p{font-size:12px;}
	.message ul{}
	.message li{}
	.message label{}
	.message span{}
	.message input{}
	.message textarea{}
	#sub-btn{}
}
#map{
    position: fixed;
    top: 100%;
    opacity: 0;
    left: 50%;
    transform: translate(-50% , -50%);
    z-index: 5;
    width: 100%;
    height: 100%;
    max-width: 800px;
    max-height: 400px;
    border: 10px solid #fff;
    border-radius: 10px;
    transition: 0.5s all;
    z-index: -9;
}
#map.on{
    top: 50%;
    opacity: 1;
    z-index:9
}
.map-close{
    position: absolute;
    top: -29px;
    right: -32px;
    z-index: 5;
    color: #000;
    width: 30px;
    height: 30px;
    background: url(../images/close.png);
    border-radius: 50%;
    display: block;
    cursor: pointer;
}
#allmap {width: 100%;height: 100%;overflow: hidden;font-family: "微软雅黑";}
#allmap b {color: #CC5522;font-size: 16px;}
#allmap img {max-width: none;}
.BMap_bubble_content p{
    line-height: 1.6;
    margin: 5px 0;
    font-size: 15px;
}
@media (max-width:768px){
	#map{
    width: 96%;
    height: 300px;
    box-sizing: border-box;
}
.map-close{
    right: -10px;
}
	
}

.qiyewenhua{}
.qiyewenhua h1{text-align:right;font-size:54px;font-weight:normal}
.qiyewenhua dl{margin-bottom: 50px;}
@font-face {
    font-family: "bb4171";
    src: url("../fonts/bb4171.eot"); /* IE9 */
    src: url("../fonts/bb4171.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../fonts/bb4171.woff") format("woff"), /* chrome、firefox */
    url("../fonts/bb4171.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../fonts/bb4171.svg#bb4171") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
.qiyewenhua dt{font-size: 44px;font-family:"bb4171";}
.qiyewenhua dd{font-size: 30px;line-height:1.6;font-family: "幼圆";}
.qiyewenhua dd:nth-child(2){text-indent:2em}
.orange{color:#FE4F1E}
.red{color:#FF0206}
.purple{color:#8460C5}
.blue{color: #0341f1;}
.green{color: #f7f100;}
@media (max-width:768px){
	.qiyewenhua{}
	.qiyewenhua h1{font-size: 24px;}
	.qiyewenhua dl{margin-bottom: 20px;}
	.qiyewenhua dt{font-size: 20px;}
	.qiyewenhua dd{font-size: 12px;}
}
.qywh-video{}
			.qywh-video video{max-width: 1280px;
    width: 100%;
    display: block;}