.font48, .font48GFFfine, .font48G33fine, .font36, .font36black, .font36red, .font36G00fine, .font36whitefine, .font36G33fine, .font36G2Cfine, .font36G78fine, .font28, .font28yellow, .font28Whitefine, .font28black, .font28bulu, .font28WhiteOP, .font28GE7, .font28RedNew, .font28green, .font28greenfine, .font28G66, .font28G78fine, .font28Bnews, .font28Gnews, .font28G09fine, .font24, .font24whitefine, .font24black, .font24yellow, .font24G33fine, .font24CC, .font24G78fine, .font24G2Cfine, .font28G204, .font24GFA, .font20G07, .font28Grayfine, .font28G00fine, .font28G00OP, .font24GEFOP, .font24G08fine, .font20GCCfine, .font20G3Bfine, .font20G78fine, .font24G44fine, .font20Black, .font20B, .font20whitefine, .font20Grayfine, .font20GEFfine, .font20G44fine, .font16G2Cfine, .font18RedNew, .font18black, .font18G44fine, .font18Whitefine, .font18G33fine, .font16GFFfine, .font16G33fine, .font16G44fine, .font14GCC, .font14G00fine, .font14NewGrayfine {
    font-family: Microsoft YaHei;
    font-weight: bold;
}
body, ul, li, dt, dl, p, h1, h2, h3, h4, h5, h6, div, html, form, select, option, table, tr, td, dt, dl, dd, span, input, i, em, b, br, section, header, footer, nav, menu, aside, audio, video, canvas, svg, details, figure, figcaption, summary, hgroup, pre, sub, sup, button, textarea, input {
    margin: 0;
    padding: 0;
    color: inherit;
}
.wrapper {
    width: 1200px;
    margin: 0 auto;
    padding: 1px 0;
    box-sizing: border-box;
}
.guangTitle {
    text-align: center;
    padding: 60px 0px 40px 0px;
}
.font24G78fine {
    font-size: 24px;
    color: #FA8C3B;
}
.font14G78 {
    font-size: 14px;
    color: #FF7800;
}
.guangTitle {
    text-align: center;
    padding: 60px 0px 40px 0px;
}
.font36G2Cfine {
    font-size: 36px;
    color: #2C2C2C;
}
.font36G78fine {
    font-size: 36px;
    color: #FF7800;
}
.font16G56 {
    font-size: 16px;
    color: #565656;
}
.font14G89 {
    font-size: 14px;
    color: #898989;
}
/* 鼠标浮上去图片放大动画 */
.fangdaImg .figure {overflow: hidden;}
.fangdaImg img {transition: all 1s; display: block;}
.fangdaImg:hover img {transform: scale(1.1);}
.figure{display: block;}
/* 平台架构介绍 */
.pro_ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro_ul .pro_li{background: #F6F8FC;text-align: center;width: 24%;margin-bottom: 20px;}
.pro_ul .pro_li:hover{background:#eaecf2 ;}
.pro_ul .pro_li .pro_bg{padding: 20px 20px 0px 20px;}
.lingxing{width: 7px;height: 7px;transform: rotate(45deg);border: 1px solid #FF7800;}
.p_nei_ul{margin-top: 20px;text-align: left;}
.p_nei_li{border-bottom: 1px dashed #CCCCCC;padding-bottom: 8px;margin-bottom: 12px;}
.p_nei_li:last-of-type{border-bottom: 0px;}
.P_nei_Done,.P_nei_Dtwo{display: flex;align-items: center;}
.P_nei_Done p:nth-child(2){margin-left: 10px;}
.P_nei_Dtwo p{margin-left: 17px;margin-top: 2px;}
.p_nei_bu{margin-top: 2px;}
.p_nei_bu p{margin-bottom: 5px;padding: 0px 20px 5px;}
.p_nei_bu p:nth-child(1){border-bottom: 1px dashed #cccccc;margin-bottom: 5px;padding: 0px 20px 5px;margin-top: 5px;}

/* 效果展示 */
.case_ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.case_ul .case_li{width: 32%;margin-bottom: 15px;transition: all 0.5s;margin-top: 10px;}
.case_ul .case_li:hover{transition: all 0.5s;margin-top: -1px;}
.case_ul .case_li:hover .case_name{background:#eaecf2;}
.case_name{background: #F6F8FC;height: 40px;line-height: 40px;text-align: center;display: block;overflow: hidden;}
.zhezhao{display:none; width:100%; height:100%; position:fixed; top:0; left:0 ; background:rgba(0,0,0,.8); z-index:20; }
.hideimg{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);max-width: 1200px;width: 80%;}
.hideimg .guanbi {position: absolute; right:20px; top:20px; cursor: pointer; padding:10px;}
.hideimg .guanbi:hover {box-shadow: 0 0 10px #fff;}
/* 客户案例 */
.not_ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.not_ul .not_li{width: 32%;margin-bottom: 20px;}
.not_ul .not_li:hover .case_name{background:#eaecf2;}
.fangdaImg img { transition: all 1s;  display: block;}

/* ---------------------自媒体----------------------- */

.mian {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.mian .dytitle h3{color: #333333 !important;} 
.mian .wxtitle h3{color: #333333 !important;} 
.mian .wxtitle .line .min_line{background: #00b707 !important;}
.mian .wxtitle .line .max_line {background: #00b707 !important;}
.mian .dytitle .line .min_line{background: #55009b !important;}
.mian .dytitle .line .max_line {background: #55009b !important;}
.web_title h3{
	color: #333333 !important;
}
.web_title .line {
    margin: 25px auto 20px auto;
    height: 3px;
    width: 29%;
    /* background: #ff2442; */
    position: relative;
}
.web_title .line .max_line {
    width: 100%;
    height: 1px;
    margin: 1px 0;
    background: #ff2442;
    z-index: -1;
}
.web_title .line .min_line {
    position: absolute;
    left: 40%;
    top: -1px;
    width: 20%;
    height: 3px;
    background: #ff2442;
    z-index: 2;
}
.web_title h3 {
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    color: #323233;
}
.web_title p {
    text-align: center;
    font-size: 18px;
    color: #535353;
    margin-bottom: 6px;
}
.daiyy{
	padding: 50px 0 60px 0;
	background: #fff;
}
.daiyy ul{
	margin-top: 50px;
}
.daiyy li{
	width: 23%;
	height: 350px;
	margin-right: 2.6666%;
	float: left;
	overflow: hidden;
	text-align: left;
	padding: 220px 0 0 30px;
}
.mgr0 {
    margin-right: 0 !important;
}
.daiyy li h3{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.daiyy li p{
	font-size: 16px;
	color: #fff;
}
.dyy1{background: url(../img/yybg1.jpg) no-repeat;background-size: cover;}
.dyy2{background: url(../img/yybg2.jpg) no-repeat;background-size: cover;}
.dyy3{background: url(../img/yybg3.jpg) no-repeat;background-size: cover;}
.dyy4{background: url(../img/yybg4.jpg) no-repeat;background-size: cover;}

.dy1{background: url(../img/dy1.jpg) no-repeat;background-size: cover;}
.dy2{background: url(../img/dy2.jpg) no-repeat;background-size: cover;}
.dy3{background: url(../img/dy3.jpg) no-repeat;background-size: cover;}
.dy4{background: url(../img/dy4.jpg) no-repeat;background-size: cover;}


.wx1{background: url(../img/wx1.jpg) no-repeat;background-size: cover;}
.wx2{background: url(../img/wx2.jpg) no-repeat;background-size: cover;}
.wx3{background: url(../img/wx3.jpg) no-repeat;background-size: cover;}
.wx4{background: url(../img/wx4.jpg) no-repeat;background-size: cover;}