*{box-sizing: border-box;}
html,body{width: 100%;overflow-x:hidden;background-color: #f9fdff;}
.fl{float: left;}
.fr{float: right;}
.fb{font-weight: bold;}
.pr{position: relative;}
.tc{text-align: center;}
.gray{color: #b1b1b1;}
.content-center{width: 1200px;margin: 0 auto;}
.content-center1288{width: 1300px;margin: 0 auto;}
.clearfix::after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.nav a.cu{color:#fb0102;}
.theme-bg{background-color: #fb0102 !important;}
.cp{cursor: pointer;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.pk_video{background-color:black !important;}

.pk_videoactive{height:99.5% !important;}
 .layui-layer, .layui-layer-shade{  background-color:black !important; }

/* 头部 */
header .nav-wrap{height: 90px;}
header .logo-wrap{margin-top: 18px;} 
header .logo-wrap2{ display:none;}
header .layui-nav-bar{top: 85px !important;}
/*header .nav li{float: left;width: 85px;line-height: 90px;text-align: center;}*/
header .layui-nav.nav{background-color: #f9fdff;}
header .layui-nav.nav .layui-nav-item{height: 90px;color: #000;padding-top: 25px;box-sizing: border-box;}
header .layui-nav.nav .layui-nav-item>a{color: #000;padding: 0 9px;font-size: 16px;line-height: normal;text-align: center;}
header .layui-nav>.layui-nav-item a .en{font-size:12px;display: block;margin-top: 5px;color: #858686;}
header .layui-nav.nav .layui-nav-child{top: 90px;}
header .banner{height: 320px;}
header .module-nav-wrap{height: 60px;line-height: 60px;background-color: #868686;}
header .module-nav-wrap .module-nav li{float: left;width: 110px;height: 60px;text-align: center;}
header .example .module-nav-wrap .module-nav li{width: auto;padding: 0 10px;}
header .module-nav-wrap .module-nav li.cu{background-color: #fb0102;}
header .module-nav-wrap .module-nav li a{color: #f9fdff;}
header .module-nav-wrap .module-name{position: absolute;bottom: -60px;left: 0;width: 160px;height: 120px;background-color: #303233;color: #fff;text-align: center;padding: 25px 0;}
header .module-name h2{font-size: 28px;line-height: 28px;}

/*头部组件样式*/
.example-header .example,.serve-header .serve,.about-header .about,.honor-header .honor,.contact-header .contact,.news-header .news,.classic-case-header .classic-case,.design-space-header .design-space{display: block !important;}
/*.serve-header .serve .module-name{background-color: #fb1a1b;}*/
header .module-nav-wrap.item-navs{background-color: #fff;box-shadow: 2px 2px 8px #ccc;}
header .layui-breadcrumb::before,.content .layui-breadcrumb::before{content:" ";position: absolute;left: -30px;top: 18px;width: 21px;height: 21px;background: url('../images/home.png') 0 0 no-repeat;}
/*内页bannert图片*/
header .example .banner{background: url("../images/example-banner.jpg") center no-repeat;}
header .serve .banner{background: url("../images/serve-banner.jpg") center no-repeat;}
header .about .banner{background: url("../images/about-banner.jpg") center no-repeat;}
header .honor .banner{background: url("../images/honor-banner.jpg") center no-repeat;}
header .contact .banner{background: url("../images/contact-banner.jpg") center no-repeat;}
header .news .banner{background: url("../images/news-banner.jpg") center no-repeat;}
header .classic-case .banner{background: url("../images/classic-banner.jpg") center no-repeat;}
header .design-space .banner{background: url("../images/design-banner.jpg") center no-repeat;}
header .module-nav>li>a{display: inline-block;width: 100%;height: 100%;}

/* 尾部 */
footer .footer-info{background-color: #333;}
footer .footer-nav{height: 134px;padding-top: 30px;position: relative;text-align: center;}
footer .footer-nav::after{position: absolute;left: -100%;right: -100%;bottom: 0;border-bottom: 1px solid #414141;}
footer .footer-nav>li{display: inline-block;padding: 0 15px;position: relative;text-align: left;}
footer .footer-nav .title{font-size: 16px;line-height: 36px;position: relative;}
footer .footer-nav .title a{color: #ddd;}
footer .footer-nav .title::after{content:" ";position: absolute;left: 0;bottom: 0;width:20px;border-bottom:2px solid #ddd;}
footer .footer-nav>li:hover a,footer .footer-nav>li:hover .en-title{color: #fb0102 !important;}
footer .footer-nav>li:hover .title::after{border-color: #fb0102;}
footer .footer-nav .en-title{color: #636262;line-height: 24px;margin-top: 10px;}
footer .company-info{height: 148px;}
footer .company-info>li{float: left;height: 148px;position: relative;}
footer .company-info>li+li::after{position: absolute;left: 0;top: 30px;bottom: 30px;border-left: 2px solid #414141;content:" ";}
footer .company-info>li:nth-of-type(1){width: 350px;text-align: center;}
footer .company-info>li:nth-of-type(2){width: 580px;}
footer .company-info>li:nth-of-type(3){width: 270px;}
footer .company-info>li:nth-of-type(1) img{margin-top: 51px;}
footer .footer-icon-wrap a{display: inline-block;margin-top: 51px;}
footer .footer-icon-wrap a+a{margin-left: 20px;}
footer .footer-icon-wrap i{width: 46px;height: 46px;display: inline-block;}
footer .footer-icon-wrap .weibo-icon{background: url("../images/footer-icon.png") 0 0 no-repeat;}
footer .footer-icon-wrap .qq-icon{background: url("../images/footer-icon.png") -81px 0 no-repeat;}
footer .footer-icon-wrap .wechat-icon{background: url("../images/footer-icon.png") -162px 0 no-repeat;}
footer .contact-info {padding-top: 51px;}
footer .contact-info li{display: inline-block;padding-left: 38px;color: #f9fdff;position: relative;height: 40px;text-align: left;}
footer .contact-info li:nth-of-type(even){width: 310px;}
footer .contact-info li:nth-of-type(odd){width: 195px;}
footer .contact-info li::after{background: url("../images/footer-concact.png") no-repeat;width: 16px;height:16px;content: " ";position: absolute;left: 11px;top: 2px;}
footer .contact-info li:nth-of-type(1)::after{background-position: 0 0;}
footer .contact-info li:nth-of-type(2)::after{background-position: -209px -1px;}
footer .contact-info li:nth-of-type(3)::after{background-position: 0 -37px;}
footer .contact-info li:nth-of-type(4)::after{background-position: -209px -35px;}
footer .copyright-wrap{line-height: 50px;color: #999;background-color: #111;text-align: center;}
.rich-text-wrap{text-align: center}
.rich-text-wrap img{max-width: 100% !important;height: auto !important;}
/*中部内容*/
.content .layui-breadcrumb{font-size: 16px;line-height: 68px;color: #3b3b3b;}
.content .item-btn-wrap{text-align: center;margin-top: 60px;}
.content .item-btn-wrap a{display: inline-block;width: 120px;height: 50px;line-height: 50px;background-color: #fff;border: 1px solid #ccc;}
.content .item-btn-wrap a.cu{background-color: #fb0102;color: #fff;}
.content .page-btn-wrap{line-height: 24px;margin-top: 20px;color: #010101;}
.content .page-btn-wrap a{color: #5d5d5d;}
.content .page-btn-wrap a:hover{color: #fb0102;}
.layui-breadcrumb a:hover{color: #fb0102 !important;}
.content .layui-breadcrumb{margin-left: 30px;}
.content .layui-breadcrumb::before{top: -3px;}
/*走进鹏程*/
.about-content .rich-text-wrap{width: 100%;padding: 20px 0 60px;}
/*工程案例*/
.example-content .example-item{width: 380px;float: left;margin:40px 30px 0 0;position: relative;background-color: #fff;box-shadow: 2px 2px 8px #ccc;}
.example-content .example-item:nth-of-type(3n){margin-right: 0;}
.example-content .content-item-wrap img{width: 380px;height: 260px;transition:transform 0.5s;}
.example-content .content-item-wrap .img-wrap{width: 380px;height: 260px;overflow: hidden;}
.example-content .item-name{height: 110px;width:380px;font-size: 16px;text-align: center;line-height: 24px;display: table-cell;vertical-align: middle;overflow: hidden;padding: 0 10px;}
.example-content .example-item:hover .item-name{color: #fb0102;}
.example-content .example-item:hover::after{content:" ";position:absolute;bottom: 0;left: 0;right: 0;border-bottom: 2px solid  #fb0102;}
.example-content .example-item:hover img{transform:scale(1.2);}
.example-detail-content .description-wrap{padding: 50px 0;border-bottom: 1px dashed #ccc;}
.example-detail-content .description-wrap img{max-width: 100% !important;}
.example-detail-content .description-wrap h3{width: 160px;height: 55px;line-height: 55px;color: #fff;background-color: #fb0102;font-size: 20px;text-align: center;}
.example-detail-content .description-wrap .title-wrap::after{content: " ";position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px solid #ccc;}
.example-detail-content .description-wrap .description-content{color: #5d5d5d;line-height: 24px;margin-top: 20px;}
/*服务领域*/
.serve-content .item-container{height: 260px;padding: 40px 0 40px 300px;position: relative;border-bottom: 1px dashed #8e8e8e;cursor: pointer;}
.serve-content .item-container:hover .module-title{background-color: #fb0102;}
.serve-content .item-container:hover .tip{color: #fff;}
.serve-content .item-container:hover .tip::after{border-color: #fff;}
.serve-content .module-title{position: absolute;width: 260px;height: 180px;top: 40px;left: 0;background-color: #fff;padding-top: 40px;text-align: center;box-shadow: 2px 2px 8px #ccc;}
.serve-content .module-title img{width: 60px;height: auto;}
.serve-content .tip{font-size: 16px;color: #8e8e8e;line-height: 36px;margin-top: 20px;position: relative;}
.serve-content .tip::after{content:" ";position: absolute;bottom: 0;left:110px;right:110px;border-bottom: 2px solid #8e8e8e;}
.serve-content .module-info{padding-top:  20px;}
.serve-content .module-info h3{font-size: 24px;line-height: 48px;}
.serve-content .module-info p{color: #5d5d5d;line-height: 24px;}
/*交流中心*/
/*.contact-header header .module-nav-wrap .module-name{background-color: #fb0102; }*/
#allmap{width: 100%; height: 500px; margin: 50px auto; }
.contact-content .contact-information-container{padding-left: 40px;}
.contact-content .contact-information{display: grid;grid-template-columns:repeat(3,1fr);line-height: 28px;}
.contact-content h2{text-align:center;line-height:48px;font-size:30px;margin-top:30px;}
.contact-content h3{font-size: 18px;color: #fb0102;line-height: 36px;position: relative;}
.contact-content h3::before{content: " ";position: absolute;width: 26px;height: 26px;left: -35px;top: 5px;width: 26px;height: 26px;background: url('../images/contact-icon.png') 0 -8px no-repeat;}
.contact-content h3:nth-of-type(1)::before{content: " ";position: absolute;width: 26px;height: 26px;left: -30px;top: 5px;width: 26px;height: 26px;background: url('../images/contact-icon.png') 0 -8px no-repeat;}
.contact-content h3:nth-of-type(2)::before{background-position: 0 -177px;}
.contact-content h3:nth-of-type(3)::before{background-position: 0 -269px;}
.contact-content .recruitment-rich-text{padding: 50px 0;}
.contact-content .recruitment-rich-text img{max-width: 100% !important;height: auto !important;}
.contact-content .recruitment-rich-text .rich-img{width: 100%;}
/* 新闻 */
.news-content .item-container{height: 230px;box-shadow: 2px 2px 2px #ccc;background-color: #fff;display: flex;margin-top: 60px;}
.news-content .module-title{width: 345px;display: flex;}
.news-content .module-title img{width: 315px;height: 200px;margin: auto;}
.news-content .module-info{flex: 1;padding: 10px;}
.news-content .module-info h3{font-size: 24px;line-height: 36px;color: #191919;}
.news-content .module-info .info{color: #5d5d5d;line-height: 24px;margin-top: 20px;}
.news-detail-content{margin-bottom: 20px;}
.news-detail-content h2,.example-detail-content h2{font-size: 28px;line-height: 100px;color: #191919;text-align: center;	}
.news-detail-content .news-time{line-height: 48px;}
.news-detail-content .news-article{padding:20px 0;border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;}
.news-detail-content .news-article img{max-width: 100% !important;height: auto !important;text-align: center;}
/*分页*/
#page{text-align: center;margin: 40px 0;}
.pagemanu{padding:3px;margin:3px;text-align:center;}
.pagemanu a{border:#e2e2e2 1px solid;padding:5px 10px;margin:2px;color:#333333;text-decoration:none;}
.pagemanu a:hover{border:#e2e2e2 1px solid;color:#345bac;}
.pagemanu a:active{border:#e2e2e2 1px solid;color:#345bac;}
.pagemanu .current{border:#fb0102 1px solid;padding:5px 10px;font-weight:bold;margin:2px;color:#fff;background-color:#fb0102;}
.pagemanu .disabled{border:#eee 1px solid;padding:5px 10px;margin:2px;color:#ddd;}
/* 案例内页轮播大图居中 */
.jssor_1-wrap img[data-u=image]{height: 100% !important;width: auto !important;left: 50% !important;transform: translateX(-50%);}
/*  */
.mobile{display: none;}
@media screen and (max-width: 768px){
	.mobile{display: block;}
	.pc{display: none;}
	header .nav-wrap{height: 45px;}
	header .logo-wrap{margin-top: 9px;}
	header .logo-wrap img{height: 27px;width: auto;}
	header .logo-wrap2{ display:block;}
	header .logo-wrapwz{ display:none;}
	header .banner{height: 100px;background-size: cover !important;}
	header .mobile-nav-btn{position: absolute;right: 10px;top: 10px;}
	header .layui-nav-tree{position: absolute;right: 0;top: 45px;z-index: 999;display: none;}
	footer .copyright-wrap{line-height: 28px;}
/*	footer .company-info>li{height: auto;}
	footer .contact-info>ul{text-align: left;}
	footer .contact-info li{display: block;}*/

	.content-center{width: 100%;padding: 0 20px;}
	.content .rich-image{width: 100%;}
	.about-content .rich-text-wrap{padding: 20px;}
	.example-content .example-item,.example-content .content-item-wrap .img-wrap,.example-content .content-item-wrap img{width: 100%;}
	.contact-content .contact-information{grid-template-columns: 1fr;}
	.news-content .module-title{width: auto;}
	.news-content .item-container{height: auto;display: flex;flex-direction: column;}
	.serve-content .item-container{padding: 20px 0;height: auto;}
	.serve-content .module-title{display: none;}
	#allmap{width: 100%;}
	.news-detail-content h2, .example-detail-content h2{font-size: 20px;line-height: 48px;}
}