other_ui/qs_qianrunnew/static/css/gbstyle.css

.pd10{padding-bottom: 10px;}
body.pcs{min-width: 1200px!important;}
.container{margin: 0 auto;}
.pflexjs{display: flex;justify-content: space-between;align-items: stretch;}
.pflexc{display: flex;align-items: center;}
.pflexccc{display: flex;align-items: center;flex-direction: column;justify-content: center;}
.pflex1{flex: 1;}
.pflex2{flex: 0 0 auto;}
.flex{display: flex;}
.foot_line{width: 100%;height: 6px;background-color: #eee;}
.over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overtwo{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}

.gcont a{text-align: left;}
.p_container{position: relative;margin: 0 auto;overflow: auto;}
.mb28{margin-bottom: 28px;}
.mb30{margin-bottom: 30px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
/* 列表 */
/* .bortop{border: 1px solid  #999999;} */
.gtopbg{width: 100%;height:192px;background-color: #203680;margin-top: 48px;}
.gcont{margin-top: -103px;position: relative;}
.qrleft{width: 190px;flex: 0 0 auto;background: #EEEFF3;border-right: 1px solid #EDEDED;}
.qrl_tit{width: 100%;height: 90px;background: #FFFFFF;font-weight: 500;
font-size: 18px;color: #333333;display: flex;align-items: center;justify-content: center;}
.qrleft li a{width: 100%;min-height: 46px;font-size: 18px;
color: #333333;display: block;padding: 9px;box-sizing: border-box;text-align: center;}
.qrleft li{margin-bottom: 12px;}
.qrleft ul{padding-top: 20px;}
.qrleft li a.act{background: #DEDEDE;color: #357BC4;position: relative;}
.qrleft li a.act::after{content: '';width: 2px;height: 100%;background-color: #FFE850;position: absolute;right: 0;top: 0;bottom: 0;}
.qrright{flex: 1;padding-right: 60px;background-color: #FFFFFF;overflow: hidden;}
.qrright .qrl_tit{color: #357BC4;padding-left: 37px;justify-content: flex-start;border-bottom: 1px solid #EDEDED ;}
.qrright ul{padding: 21px 0 0 37px;}
.qrright li a{padding: 10px;background: #EEEFF3;display: flex;align-items: center;}
.qrright li{margin-bottom: 24px;}
.qrright .qral{width: 80px;height: 80px;background: #FFFFFF;margin-right: 25px;flex: 0 0 auto;}
.qrright .qral .tit{font-weight: 500;font-size: 28px;color: #FFA665;}
.qrright .qral .txt{font-size: 14px;color: #777777;}
.qrar{flex: 1;overflow: hidden;}
.qrar h1{font-size: 16px;color: #357BC4;line-height: 22px;margin-bottom: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.qrar p{font-size: 14px;color: #555555;line-height: 20px;}

/* 详情 */
.prd_box{padding-top: 48px;}
.prd_btit{padding-bottom: 18px;border-bottom:1px solid #999999;}
.prd_tit{font-weight: 500;font-size: 36px;color: #333333;line-height: 50px;text-align: center;margin-bottom: 60px;}
.prd_txt{font-size: 14px;color: #333333;line-height: 20px;text-align: left;}
.prd_main{padding-top: 40px;padding-bottom: 100px;}
.prd_main p{font-size: 16px;color: #333333;line-height: 32px;margin-bottom: 19px;}
.prd_main img{max-width: 100%;margin: 0 auto 42px;display: block;}
.prd_foot .prd_ftit{font-weight: 500;font-size: 21px;color: #357BC4;line-height: 32px;margin-bottom: 14px;}
.prd_flink a{position: relative;font-size: 16px;color: #333333;line-height: 22px;padding-left: 20px;}
.prd_flink a::after{content: '';width: 8px;height: 8px;background: #FFE850;position: absolute;left: 0;top: 7px;border-radius: 50%;}
.prd_flink li{margin-bottom: 14px;}

/* 联系我们 */
.gtopban{width: 100%;display: block;}
.lxtit{width: 558px;height: 45px;margin: 0 auto 34px;display: block;}
.lxboxs{padding-top: 46px;margin-bottom: 80px;}
.lxbox{width: 378px;display: flex;flex-direction: column;align-items: center;padding: 0 50px;box-sizing: border-box;position: relative;}
.lxbox::after{content:"" ;position: absolute;right: 0;top: 19px;bottom: 19px;width: 1px;background: #EDEDED;}
.lxbox:last-child::after{display: none;}
.lxbox .imgs{width: 49px;height: 49px;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;}
.lxbox .imgs .imga{width: 38px;height: 45px;}
.lxbox .imgs .imgb{width: 49px;height: 49px;}
.lxbox .imgs .imgc{width: 47px;height: 45px;}
.lxbox .tit{font-weight: 500;font-size: 21px;color: #333333;line-height: 29px;margin-bottom: 16px;}
.lxbox .txt{font-size: 14px;text-align: left;
color: #333333;
line-height: 20px;margin-bottom: 16px;}
.lxbox .btn{width: 114px;height: 38px;border-radius: 2px;border: 2px solid #FFA665;font-size: 14px;color: #FFA665;
line-height: 20px;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;}
.lxbox .num{font-size: 14px;color: #333333;line-height: 20px;}
/* .infotab{border: 1px solid #666666;} */
.p_box .amap-marker-label{border: 1px solid #abaaaa;padding: 10px;font-size: 14px;}

/* 案例展示 */
.lubox{margin-top: 48px;margin-bottom: 92px;}
.lubox .topbg{width: 100%;height: 304px;margin-bottom: 14px;}
.limgs{display: flex;align-items: center;justify-content: space-around;}
.limgs img{width: 268px;height: 127px;}
.altxt{padding-bottom: 132px;}
.altxt p{font-size: 16px;color: #333333;line-height: 32px;margin-bottom: 25px;}
.altxt p .co35{color: #357BC4;}
.overbtn{width: 100%;height: 130px;display: flex;align-items: center;}
.arrowbtn{width: 24px;height: 42px;display: flex;align-items: center;justify-content: center;}
.arrowbtn img{width: 24px;height: 42px;}

/* 公司简介 */
.gstop{padding: 48px 0 48px;}
.gstop .gstimg{width: 558px;height: 45px;margin:0 auto 48px;display: block;}
.gstop .gstp{font-size: 14px;color: #666666;line-height: 20px;margin-bottom: 48px;}
.gstop .gstimga{width: 1200px;display: block;}
.gscen{padding: 80px 0;display: flex;justify-content: space-between;}
.gscbox{background: #FFFFFF;box-shadow: 0px 4px 8px 0px rgba(172,172,172,0.5);border-radius: 4px;padding: 24px 24px 45px;width: 370px;margin-right: 45px;}
.gscbox:last-child{margin-right: 0;}
.gscbox .tit{font-size: 16px;color: #357BC4;margin-bottom: 18px;line-height: 22px;display: inline-block;border-bottom: 1px solid #FFE850;padding: 2px 0;font-weight: 500;}
.gscbox p{font-size: 14px;color: #666666;line-height: 20px;}
.bgf2{background: #F2F2F2;;}
.gsfot{padding: 100px 0 130px;position: relative;}
.gsfot .gstimg{width: 558px;height: 45px;margin:0 auto 80px;display: block;}
.fzbox {display: flex;}
.fzbox p{font-size: 14px;color: #333333;line-height: 20px;flex: 1;padding-top: 80px;}
.fzbox .gstimga{width: 680px;height: 382px;flex: 0 0 auto;margin-left: 71px;}
.primg{width: 680px;height: 382px;position: absolute;right: 0;top: 225px;}
/* 企业荣誉 */
.qybox .titimg{width: 558px;height: 45px;display: block;margin: 0 auto 76px;}
.qyimgs {display: flex;align-items: center;justify-content: center;margin-bottom: 96px;}
.qyimga{width: 304px;height: 207px;}
.qyimgb{width: 152px;height: 207px;}
.qyimgs img{margin: 0 20px;}

.bgshaw{box-shadow: 0px 4px 8px 0px rgba(182,182,182,0.5);border-radius: 4px;margin-bottom: 50px;}








/* 分页 */
.p_page{text-align: center;padding: 40px 0;}
.p_page .page{display: inline-block;hyphenate-limit-lines: 30px;padding: 0 10px;box-sizing: border-box;font-size: 12px;
color: #676767;line-height: 28px;margin: 0 3px;border: 1px solid #DDDDDD;cursor: pointer;}
.p_page .page.nobor{border:none}
.p_page .page.act{border:1px solid #014582!important;color: #000000;background: #EEEEEE;}