.sc_router_wrap{

}
.service-tie{
    font-weight: 600;
}
.solution-chall{
    background-color: #ffffff;
}
.sc_maxWidth_padding{
    padding: 37px 48px 33px;
    background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid #DCDCDC;
}
#solution-con-1{
    background-color: #f3f5ff;
    padding-bottom: 77px;
}
#solution-con-2{
    padding-bottom: 70px;
}
#solution-con-3{
    background-color: #f3f5ff;
    padding-bottom: 84px;
}
#solution-con-4{
   padding-bottom: 97px;
}
#solution-con-5{
    padding-bottom: 97px;
 }
.service-con, .solution-con{
    background-color: #ffffff;
}
.com-solute-out{
    padding-right: 3%;
}
.sc_txt{
    color: #3C3C3C;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 65px;
}

.sc_router_line{
    width: 105px;
    margin-left: 22px;
}
.sc_router_main_left img{
    height: 44px;
}
.sc_router_main_right{
    margin-left: 23px;
}
.sc_router_main_right h4{
    color: #3C3C3C;
    font-size: 16px;
    margin-bottom: 5px;
}
#solution-con-5{
    background: url("../img/sc_customer_case_bg.png")no-repeat center;
    background-size: 100% 100%;
}
.sc_router_main_right p{
    color: #535B68;
    font-size: 14px;
}
.sc_router_line{
    margin-top: 17px;
    margin-bottom: 17px;
}
.sc_router_main_ml{
    margin-left: 118px;
}
.sc_framework_wrap .sc_framework_title{
    font-size: 16px;
    line-height: 24px;
    color: #323232;
    margin-bottom: 20px;
    margin-top: 43px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
}
.sc_framework_main_wrap{
    margin-bottom: 20px;
    margin-top: 18px;
}
.sc_trend_title{

}
.sc_framework_main_wrap li span:first-child{
    background-color: #E71A22;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 12px;
    vertical-align: middle;
    border-radius: 50%;
}
.sc_framework_main_wrap li span+span{
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}
.solution-case li{
    float: none;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.sc_customer_case li .sc_customer_case_icon{
    width: 20%;
    height: 106px;
    position: relative;
    cursor: pointer;
}
.sc_customer_case li .sc_customer_case_icon:hover{
    background-color: #ffffff;
    box-shadow:0px 0px 27px 11px rgba(9,1,3,0.08);
}
.sc_customer_case li .sc_customer_case_icon img{
    max-height: 60px;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.sc_solve_wrap{
    border: 1px solid #DCDCDC;
    padding: 20px;
}
.sc_solve_wrap img{
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
}
.sc_register_wrap{
    min-height: 175px;
    background: url("../img/sc_register_bg.jpg")no-repeat center;
    background-size: 100% 100%;
}
.sc_register_describe,.sc_register_btn{
    font-weight: 500;
    color: #ffffff;
    padding-top: 47px;
    margin-left: 266px;
}
.sc_register_describe>h4{
    font-size: 30px;
}
.sc_register_describe>p{
    font-size: 20px;
    margin-left: 72px;
    margin-top: 16px;
}
.sc_register_btn{
    margin-left: 0;
}
.sc_register_btn a{
    display: block;
    width: 145px;
    height: 44px;
    background-color: #E71A22;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    color: #ffffff;
    margin-top: 12px;
    margin-right: 135px;
    border: none;
    outline: none;
    cursor: pointer;
}

.sc_serviceFeatures .service-fun-tab{
    border: solid 1px #D2D2D2;
    padding: 20px 26px 14px 32px;
    margin-bottom: 10px;
    
}
.sc_serviceFeatures .service-fun-tab i {
    float: left;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sc_serviceFeatures .service-fun-tab h2{
	font-size: 16px;
	margin-bottom: 5px;
}
.red_line{
	width: 27px;
	height: 2px;
	background: #E71A22;
	margin: 20px auto;
}
.sc_characteristic_block ul{
	text-align: center;
}
.sc_characteristic_block ul li{
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	height: 230px;
	text-align: center;
	padding: 40px 20px;
	background:rgba(255,255,255,1);
	box-shadow:0px 9px 9px 6px rgba(7,0,2,0.05);
	margin-right: 20px;
}
.sc_characteristic_block ul li:last-child{
	margin-right: 0;
}
.sc_characteristic_block ul li img{
    height: 40px;
    margin: 10px auto;
}
.sc_characteristic_txt{
	height: 137px;
}
.sc_characteristic_block ul li h2{
	font-size: 16px;
	margin: 10px 0;
	font-weight: 500;
}

.sc_county_title{
	margin-top: 10px;
	padding: 10px 0;
	border-bottom: solid 1px #D2D2D2;
	font-size: 16px;
	font-weight: 700;
}
.sc_county_cont li{
	margin-bottom: 10px;
}
.sc_county_cont h3{
	font-size:14px;
	font-weight:bold;
	color:rgba(30,30,30,1);
	line-height:30px;
}
.sc_county_cont p{
	font-size:14px;
	line-height:22px;
    margin-left: 17px;
    color: #666;
}
.solution_frame{
	width: 65%;/*写给不支持calc()的浏览器*/ 
	width:-moz-calc(100% - 393px); 
	width:-webkit-calc(100% - 393px); 
	width: calc(100% - 393px); 
	position: relative;
	background: #f9f9f9;
	margin-right: 20px;
}
.solution_frame img{
	width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
}
.solution_frame_txt{
	width: 372px;
}


.sc_scene_tab{
	background: #f3f5ff;
	border: solid 1px #D2D2D2;
}
.sc_scene_li{
	width: 300px;
	border-right: solid 1px #D2D2D2;
}
.sc_scene_li li{
	height: 46px;
	line-height: 46px;
	padding: 0 20px;
	font-size: 14px;
	border-bottom: solid 1px #D2D2D2;
	cursor: pointer;
}
.sc_scene_li li.active{
	border-left: solid 2px #E71A22;
}
.sc_scene_li img{
	width: 31px;
	height: 29px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
.sc_scene_cont{
	width: 877px;
	background: #fff;
	min-height: 200px;
	padding: 20px;
	width: 90%;/*写给不支持calc()的浏览器*/ 
	width:-moz-calc(100% - 341px); 
	width:-webkit-calc(100% - 341px); 
	width: calc(100% - 341px); 
}
.sc_scene_cont > div{
	display: none;
}
.sc_scene_cont > div.active{
	display: block;
}
.scene_img{
	background: rgba(247,247,247,1);
	/*padding: 40px;*/
}
.scene_img img{
	margin: 0 auto;
	max-width: 100%;
}
.scene_txt{
	/*padding: 0 10px;*/
}
@media screen and (max-width: 768px) {
    .solution-case li {
        flex-direction: row;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .sc_customer_case li .sc_customer_case_icon{
        width: 33.3%;
    }
    .sc_register_describe{
        margin-left: 0;
        padding: 47px 20px;
    }
    .sc_register_describe>h4{
        font-size: 20px;
    }
    .sc_register_describe>p{
        font-size: 16px;
    }
}

/*//2022年5月官网改版*/

.edu_media_box_2{
    margin: 0 auto;
    max-width: 1200px;
    box-sizing: border-box;
}
.edu_media_box_2 ul{
    width: 100%;
}
.edu_media_box_2 ul li{
    background-color: #ffffff;
    border: 1px solid #DCDCDC;
    margin-bottom: 18px;
}
.edu_media_box_2 ul li .media_four_box{
    padding: 20px 26px;
    display: flex;
    align-items: center;
}
.media_four_box .left_ico{
    width: 40px;
    height: 40px;
}
.media_four_box .left_ico img{
    width: 100%;
    display: block;
    height: 100%;
}
.media_four_box .right_text{
   padding: 0 30px;
    flex: 1;
}
.right_text h3{
    font-size: 17px;
}

.right_text .con_box{
    font-size: 14px;
    margin-top: 10px;
}
#eduMedia-1{
    padding-bottom: 77px;
}
#eduMedia-2{
    background-color: #f3f5ff;
    padding-bottom: 77px;
}
#eduMedia-2{
    padding-bottom: 77px;
}
#eduMedia-4{
    background-color: #f3f5ff;
    padding-bottom: 77px;
}
#media_mana-1{
    background-color: #f3f5ff;
    padding-bottom: 77px;
}
#media_mana-2{
    padding-bottom: 77px;
}
#media_mana-3{
    background-color: #f3f5ff;
    padding-bottom: 77px;
}
#media_mana-4{
    padding-bottom: 77px;
}
.edu_media_box_4{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #DCDCDC;
}
.edu_media_box_4 .edu_4_box{
    padding: 36px 40px;
    display: flex;
    align-items: center;
}
.edu_4_box .left_img{
    width: 160px;
    height: 160px;
}
.edu_4_box .left_img img{
    width: 100%;
    height: 100%;
    display: block;
}
.edu_4_box .right_text{
    padding: 0 10px 0 30px;
    flex: 1;
}
.edu_4_box .right_text h3{
    font-size: 22px;
    margin-bottom: 20px;
}
.edu_4_box .right_text .e_4_text{
    font-size: 14px;
}
.media_manage_1{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.media_manage_1 ul{
    width: 100%;
   display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.media_manage_1 ul li{
    width: 21%;
    margin: 0 2% 30px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    background: #ffffff;
}
.media_manage_1 ul li .me_m_box{
    padding: 22px;
}
.me_m_box .top_img{
    width:74px;
    height: 62px;
    margin: 60px auto 0;
}
.me_m_box .top_img img{
  display: block;
    width: 100%;
    height: 100%;
}
.me_m_box h3{
    font-size: 20px;
    margin: 20px auto 0;
    text-align: center;
}
.me_m_box .bottom_text{
    text-align: center;
    font-size: 14px;
    margin: 26px auto 44px;
}
.me_media_box_4{
    width: 100%;
     max-width: 1200px;
    margin: 0 auto;
}
.me_media_box_4 ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.me_media_box_4 ul li{
    width: 30%;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    margin: 0 1.5% 30px;
}
.me_media_box_4 ul li .me_4_box{
  display: block;
    padding: 30px;
}

.me_4_box .top_img{
    text-align: center;
    margin: 20px auto 0;
    height: 50px;
}
.me_4_box .top_img img{
    margin: auto;
    max-height: 50px;
    height: 50px;
}
.me_4_box h3{
    font-size: 26px;
    font-weight: bold;
    margin: 20px auto;
    text-align: center;
}
.me_4_box .bottom_text{
    font-size: 14px;
    line-height: 22px;
    height: 132px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /*! autoprefixer: off */
    -webkit-box-orient: vertical; /*! autoprefixer: on */
    -webkit-line-clamp: 6;
    overflow: hidden

}

/*新时代文明实践中心*/

.new_age_1{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.new_age_1 ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.new_age_1 ul li{
    width: 44%;
    height: 270px;
    margin: 0 3% 30px;
    border-radius: 12px;
    background: #edf5fa;
    position: relative;
}
.new_age_1 ul li .box_li_{
    padding:50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.box_li_ .top_title{
    font-size: 30px;
    color: #800707;
    font-weight: bold;
}

.box_li_ .bottom_text{
    font-size: 20px;
    margin: 20px 0 30px;
    height: 88px;

}
.new_age_1 ul li:nth-child(1):before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../img/newAge/image-(13).png") no-repeat 100% 100%;
    width:150px ;
    height: 148px;
    background-size: contain;
}
.new_age_1 ul li:nth-child(2):before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../img/newAge/image-(14).png") no-repeat 100% 100%;
    width:150px ;
    height: 148px;
    background-size: contain;
}
.new_age_1 ul li:nth-child(3):before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../img/newAge/image-(15).png") no-repeat 100% 100%;
    width:150px ;
    height: 148px;
    background-size: contain;
}
.new_age_1 ul li:nth-child(4):before{
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
     background: url("../img/newAge/image-(16).png") no-repeat 100% 100%;
    width:150px ;
    height: 148px;
    background-size: contain;
 }

.new_age_2{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto ;
}
.new_age_2 ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.new_age_2 ul li{
    width: 28%;
    margin: 0 2.5% 30px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
}
.new_age_2 ul li .age_2_box{
   padding: 30px;
    text-align: center;
}
.age_2_box h3{
    font-size: 20px;
    font-weight: bold;
}
.age_2_box .content_text{
    font-size: 13px;
    height: 80px;
    line-height: 20px;
    margin-top: 16px;
    overflow: hidden;
}
.age_2_box .bottom_img{
    width: 80px;
    height: 65px;
    margin: 10px auto 0;
}

.age_2_box .bottom_img img{
    display: block;
    width: 100%;
    height: 100%;
}
.new_age_3{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto ;
}

.new_age_3 ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.new_age_3 ul li{
    width: 21%;
    margin: 0 2% 30px;
}

.new_age_3 ul li .age_3_box{
   padding: 20px;
    text-align: center;
}
.age_3_box .top_img{
    width: 75px;
    height: 72px;
    margin: 0 auto;
}

.age_3_box .top_img img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}

.age_3_box h3{
    font-size: 18px;
    font-weight: bold;
    margin: 10px auto;
}
.age_3_box .bottom_text{
    font-size: 14px;
    line-height: 20px;
}



/*新时代文明实践中心*/

@media screen and (max-width: 768px){
    .edu_4_box .left_img{
        width: 60px;
        height: 60px;
    }
    .media_manage_1 ul li{
        width: 47%;
        margin: 0 1.5% 30px;
    }
    .me_media_box_4 ul li{
        width: 47%;
        margin: 0 1.5% 30px;
    }
    .new_age_1 ul li{
        width: 76%;
        margin: 0 auto 30px;
    }

    .new_age_2 ul li{
        width: 44%;
        margin: 0 3% 30px;
    }
    .new_age_3 ul li{
        width: 44%;
        margin: 0 3% 30px;
    }
}


@media screen and (max-width: 415px){
    .new_age_3 ul li{
        width: 78%;
        margin: 0 auto 30px;
    }
    .new_age_1 ul li{
        width: 76%;
        margin: 0 auto 30px;
    }
    .media_manage_1 ul li{
        width: 76%;
        margin: 0 auto 30px;
    }
    .me_media_box_4 ul li{
        width: 76%;
        margin: 0 auto 30px;
    }
    .new_age_2 ul li{
        width: 78%;
        margin: 0 auto 30px;
    }
}