.banner{height:370px;background:#FFC300}
.banner .banner-box{display:flex;justify-content:space-between;align-items:center}
.banner .banner-box p{display:block;font-size:50px;color:#FEFEFE}
.banner .banner-box img{display:block}
.video{margin-top:50px;margin-bottom:100px}
.video span{display:block;text-align:center;margin:0 auto}
.video span:nth-of-type(1){font-size:42px;color:#444}
.video span:nth-of-type(2){font-size:20px;color:#888888;margin:5px 0;margin-top:10px;margin-bottom:20px}
.video span:nth-of-type(3){width:58px;height:2px;background:#FFC300}
.video .cont{margin-top:50px;overflow:hidden}
.video .cont .cont-left{float:left;width:50%}
.video .cont .cont-left p{color:#444;font-size:22px;line-height:50px}
.video .cont .cont-left span{color:#8a8989;font-size:16px}
.video .cont .cont-left span:nth-of-type(1){margin-bottom:50px;text-align:left}
.video .cont .cont-left ul li{margin-bottom:10px}
.video .cont .cont-left ul li i{display:inline-block;width:8px;height:8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#FFC300}
.video .cont .cont-left ul li span{display:inline-block;margin-bottom:0 !important;color:#8a8989;font-size:16px}
.video .cont .cont-right{float:right;width:50%}
.video .cont .cont-right img{width:100%}
.bannerWraper .solution_title,.bannerWraper .solution_content{
	left: 8%;
	width: 50%; /* 调整文字宽度 */
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    color: #333;
    font-size: 14px;
    letter-spacing: 2px;

}
.bannerWraper .solution_title,.bannerWraper .solution5_content{
	color: #FFF !important;
}
.bannerWraper .black_solution_title{
	color: #000000 !important;
}
.bannerWraper .solution_title {
    top: 18%;
    font-weight: bold;
    font-size: 24px;
}
.planSketch .intro,.successDemo .intro {
    display: inline-block;
    letter-spacing: 4px;
    font-size: 24px;
    font-weight: 800;
}
.planSketch .title_underline ,.successDemo .title_underline{
    width: 80px;
    height: 4px;
    background-color: #225ab9;
    margin: 10px auto;
}
.planSketch,.successDemo{margin-top:-60px}
.planSketch .plancont,.successDemo .plancont{
	width: 80%;
	text-align: center;
	padding: 1% 10%;
}
/*成功案例*/
.solution_successfulCase{
	width: 100%;
}
.solution_successfulCase .tableCell .title{
	margin-top: 50px;
}
.solution_successfulCase .tableCell .title .intro{
	display: inline-block; /* 上下显示需要使用行内块元素 */
	letter-spacing: 4px; /* 设置字间距为2像素 */
	font-size:24px;
	font-weight: 800;
}
.solution_successfulCase .tableCell .cont-box{
	background-color: #FFF;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/en/img/successful_case.png');
	margin-top: 2px !important;
}
.solution_successfulCase .tableCell .title .title_underline{
	width: 80px; /* 下划线的宽度 */
	height: 4px; /* 下划线的高度 */
	background-color: #225ab9; /* 下划线颜色 */
	margin: 10px auto; /* 上下外边距设置为10px，左右自动居中 */
}
.solution_successfulCase .plancont {
	width: 80%;
	text-align: center;
	padding: 1% 10%;
}
.solution_successfulCase .cont-box .cont .cont-unit:nth-of-type(1){
	padding-right: 35%;
}

.solution_successfulCase .cont {
	width: 72%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;
}

.solutionCase{
	width:100%;
	height:auto;
	position: relative;
    display: inline-block; /* 使图片与文字容器同行显示 */
    min-height: 440px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/v2/img/gov_solution.png');
    margin-top: 10px;
}
.solutionCase .title{
	text-align: left;
	width: 80%;
	padding: 0 10%;
}
.solutionCase .title .intro{
	font-size: 20px;
	font-weight:bold;
	margin-bottom: 20px;
}
.solutionCase .cont-box {
    margin-top: 4px;
}
.solutionCase .cont{
	width: 81%;
    display: flex;
    margin: 10px auto 100px auto;
}
.solutionCase .cont-box .cont .cont-unit {
    flex: 1;
    margin: 11px;
    padding: 3%;
    text-align: center;
    color: #333;
    background: rgba(255,255,255,0.8);
}

.solution_successfulCase .tableCell .cont-box .cont .cont-unit{
	flex: 1;
	color: #000000 !important;
	margin-top: 5%;
	text-align: center;
}
.solution_successfulCase #successfulCase .cont-box .cont .cont-unit .cont-unit_content{
	font-size: 14px;
}
.solution_successfulCase_bottom{
	width: 100%;
		position: relative;
	background-color: #FFF;
}
.successfulCase_bannerWraper .successfulCase_bottom_cont{
	left: 8%;
	width: 25%;
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	font-size: 14px;
	letter-spacing: 2px;
	background-color: #ffffff;
	padding: 3%;
	border-radius: 8px;
}
.successfulCase_bannerWraper .clbanner_title{
	margin: 20px 0;
	font-weight: bold;
	font-size: 24px;
}

.solution4 .title{
	 margin-top:100px !important;
	 margin-bottom:10px !important;
}
.solution4_successfulCase .tableCell .title{
	margin-bottom:10px !important;
}
.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont,
.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont,
.solution6_bottom .successfulCase_bannerWraper .solution6_bottom_cont,
.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{
	left: 8%;
	width: 25%;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	font-size: 14px;
	letter-spacing: 2px;
	padding: 3%;
}
.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont,
.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont,
.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont{
	width: 80%;
}
.solution4_bottom{
	width: 100%;
	position: relative;
	/*height: 200px;*/
	background-image: url('/v2/img/solution4_bottom_bg1.png');
	background-size: 100% 100%;
	/* background-position: 76% ; */
	background-repeat: no-repeat;
	height: auto;
	min-height: 600px;
}
.solution4_img_div{
	flex: 1
}
.solution3_bottom_cont .solution4_img_div{
	width: 40%;
}
.solution4_bottom .solution4_bottom_cont,.solution2_bottom .solution4_bottom_cont,.solution3_bottom .solution4_bottom_cont{
	display: flex;
}
.solution4_bottom .solution4_detail_div,.solution2_bottom .solution4_detail_div,.solution3_bottom .solution4_detail_div{
	flex: 1;
	width: 60%;
}
.solution3_bottom .solution4_detail_div{
	padding-top: 14%;
}
.solution4_detail_div .clbanner_content{
	padding-right: 13%;
}
.solution3_bottom{
	width: 100%;
	position: relative;
	/*height: 200px;*/
	background-image:  url('/en/img/solution3_bottom_bg1.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: auto;
	min-height: 1242px;
}

.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont{
	top: 57% !important;
	left: 11% !important;
	display: flex;
}
.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont_left{
	position: absolute;
	top: 11% !important;
	left: 52% !important;
	width: 40%;
	display: block;
}
.solution2_bottom{
	width: 100%;
	position: relative;
	background-image: url('/v2/img/solution2_bottom_bg1.png');
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
	height: auto;
	min-height: 1032px;
}
.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{
	top: 54% !important;
	left: 15% !important;
	/* width: 21% !important; */
	display: flex;
}
.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont_left{
	position: absolute;
	top: 12% !important;
	left: 18% !important;
	width: 60% !important;
	text-align: center;
	display: block;
}
.solution6_bottom{
	width: 100%;
	position: relative;
	background-color: #ffffff;
	padding: 14% 0 8% 0;
}
.solution6_successfulCase{
	width: 80%;
	margin-right: auto;
	margin-left:auto;
}
.solution6_bottom .successfulCase_bannerWraper .solution6_bottom_cont{
	top: 11% !important;
	left: 14.5% !important;
	width: 65% !important;
	text-align: center;
}
.solution6_bottom .successfulCase_bannerWraper .solution6_bottom_cont_right{
	position: absolute;
	top: 54% !important;
	left: 52.5% !important;
	width: 30% !important;
	text-align: left;

}
.solution_successfulCase .tableCell .cont-box .cont .cont-unit-left{
	text-align: right;
	text-align-last: right;
}
.solution_successfulCase .tableCell .cont-box .cont .cont-unit-right{
	text-align: left;
}

.solutionpic .solution_list {
    width: 80%;
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
    background: #fff;
    padding: 0 10% 5% 10%;
    height: auto;
}
.solutionpic .solution_list li {
    width: 30%;
    position: relative;
    max-width: 424px;
    max-height: 289px;
    padding: 5% 0;
    margin: 0 11px;
}
.solutionpic .solution_list li img {
    width: 100%;
    height: auto;
}
.solutionpic .solution_list li .solution_mask {
    height: 50px;
    bottom: 11px;
    border-radius: 5px;
}
.solutionpic .solution_list>li:hover .solution_mask{
	height: 66% !important;
}
.solutionpic .solution_list>li .solution_mask_cont{
	display: none;
}
.solutionpic .solution_list>li:hover .solution_mask>p{
	margin-top: 3%;
}
.solutionpic .solution_list>li:hover .solution_mask_cont{
	display: block;
	font-size: 12px;
	font-weight: 200;
	padding: 0 5%;
}

.solutionpic .solution2_list{
	height: auto;
}
.solutionpic .solution_list > li:hover .solution2_mask {
	/*height: 66% !important;*/
	top: 30%
}
.solutionpic .solution_list li .solution2_mask{
	/*top: 98.5%*/
	top: 99%;
}

.section .solution6_title{
	margin-top:30px;
}

.solution-cont .paragraph .product-sub .product-sub-div{
	height: 250px;
}
.cont-unit_content-left{
	text-align: right !important;
}
.demandAnalysis{width:87%;margin:140px auto 0}
.demandAnalysis .title{margin-top:0;margin-bottom:4%}
.demandAnalysis .detailInfo{width:100%;background:#f8f8f8;padding:1% 0}
.demandAnalysis .detailInfo h2{width:100%;margin:20px 0;font-size:24px;text-align:center;font-weight:700}
.demandAnalysis .detailInfo ul{width:90%;margin:0 auto;overflow:hidden}
.demandAnalysis .detailInfo ul li{width:32%;float:left;background:#e6eefa;box-sizing:border-box;padding:20px 40px}
.demandAnalysis .detailInfo ul li:nth-of-type(2){margin:0 2%}
.demandAnalysis .detailInfo ul li img{float:left;margin-right:15px}
.demandAnalysis .detailInfo ul li .rightInfo{float:left;width:73%}
.demandAnalysis .detailInfo ul li .rightInfo h3{font-size:20px;font-weight:800;margin-bottom:10px;color:#222}
.demandAnalysis .detailInfo ul li .rightInfo p{font-size:14px;text-align:justify}
.demandAnalysis .detailInfo ul .uniqe{padding-bottom:3.5rem}
.demandAnalysis .detailInfo:nth-of-type(2){margin-top:20px}
.demandAnalysis .detailInfo:nth-of-type(2) .list_two{width:90%;margin:0 auto}
.demandAnalysis .detailInfo:nth-of-type(2) .list_two li{width:49%;float:left}
.demandAnalysis .detailInfo:nth-of-type(2) .list_two li:nth-of-type(1){margin-right:2%}
.demandAnalysis .detailInfo:nth-of-type(2) .list_two li:nth-of-type(2){margin:0}
.design{width:75%;margin:140px auto 0}.design .title{margin-bottom:4%}
.design .cont-box{width:100%;display:flex;justify-content:space-between}
.design .cont-box .cont-left{width:42%}.design .cont-box .cont-left img{width:100%}
.design .cont-box .tablist{width:58%;background:#f8f8f8;box-sizing:border-box;padding:30px;overflow:hidden}
.design .cont-box .tablist li{border:1px solid;width:48%;margin-right:2%;margin-bottom:15px;text-align:center;padding:5px 0;float:left;box-sizing:border-box}
.design .cont-box .tablist li p{font-size:20px;font-weight:900;position:relative;padding:8px 0}
.design .cont-box .tablist li p img{position:absolute;top:18px;right:8px;width:14px;z-index:0}
.design .cont-box .tablist li div{display:none;color:#fff;box-sizing:border-box;padding:10px;text-align:left}
.solutionAr{width:75%;margin:140px auto 0}.solutionAr .title{margin-bottom:4%}
.solutionAr .cont-box{background:#f8f8f8;overflow:hidden}
.solutionAr .cont-box .cont-left{float:left;width:49%}
.solutionAr .cont-box .cont-left img{width:100%}
.solutionAr .cont-box .cont-right{float:left;width:44%;padding:100px 25px}
.solutionAr .cont-box .cont-right p{margin-bottom:10px}
.planAddvantage{width:75%;margin:140px auto 0}
.planAddvantage .title{margin-bottom:4%}
.planAddvantage .addInfo{width:100%}
.planAddvantage .addInfo li{width:100%;padding:3% 0}
.planAddvantage .addInfo li:nth-of-type(odd){background:#e6eefa}
.planAddvantage .addInfo li .addMsg{width:70%;margin:0 auto;display:flex;justify-content:space-between}
.planAddvantage .addInfo li .addMsg img{width:79px;height:78px;transform:scale(.8)}
.planAddvantage .addInfo li .addMsg .detail{margin-left:3%;width:100%}
.planAddvantage .addInfo li .addMsg .detail h4{font-size:24px;font-weight:800;color:#285ebf}
.planAddvantage .addInfo li .addMsg .detail p{font-size:14px;margin-top:10px}
.application{width:70%;margin:0 auto 80px}.application .title{margin-bottom:4%}
.application .sceneDetail{width:100%;display:flex;justify-content:space-between}
.application .sceneDetail li{width:49%;position:relative}
.application .sceneDetail li:hover .scene_mask{background:rgba(91,133,208,0.7);height:100%}
.application .sceneDetail li:hover .scene_mask>h3{margin-top:8%}
.application .sceneDetail li:hover .scene_mask>.sceneInfo{display:block}
.application .sceneDetail li img{width:100%}
.application .sceneDetail li .scene_mask{position:absolute;bottom:0;left:0;text-align:center;background:rgba(0,0,0,0.3);width:100%}
.application .sceneDetail li .scene_mask h3{color:#fff;padding:20px 0;font-weight:800}
.application .sceneDetail li .scene_mask .sceneInfo{color:#fff;box-sizing:border-box;padding:20px 50px;display:none}
.schemePic{width:100%;margin-top:-5%}.schemePic img.schemePlan{margin-left:10%;transform:scale(.8)}
.schemePic .schemeList{width:100%;background:#e6eefa;display:flex;justify-content:space-between;box-sizing:border-box;padding:30px 50px}
.schemePic .schemeList li{width:32%}
.schemePic .schemeList li:nth-of-type(3) h2{margin-top:26px}
.schemePic .schemeList li h2{font-weight:800;font-size:20px;margin:15px 0}
.schemePic .schemeList li p{font-size:16px}
.planAddvantage1{width:90%;margin:10% auto 0}
.planAddvantage1 .title{margin-bottom:4%}
.planAddvantage1 .addvantageList{width:100%;background:#f8f8f8;padding-top:50px;overflow:hidden}
.planAddvantage1 .addvantageList .wholeItem{width:84%;margin:0 auto;background:#e6eefa;overflow:hidden}
.planAddvantage1 .addvantageList .wholeItem img{float:left;margin-left:8%}
.planAddvantage1 .addvantageList .wholeItem .rightIntro{padding:10%}
.planAddvantage1 .addvantageList .wholeItem .rightIntro h3{font-size:24px;color:#285ebf;font-weight:800;margin-bottom:20px;display:inline-block}
.planAddvantage1 .addvantageList .wholeItem .rightIntro p{font-size:14px}
.planAddvantage1 .addvantageList .wholeItem .rightIntro span{width:8px;height:24px;background:#285ebf;display:inline-block;margin-right:10px}
.planAddvantage1 .addvantageList .line_two{width:84%;margin:0 auto;display:flex;justify-content:space-between;padding:40px 0}
.planAddvantage1 .addvantageList .line_two li{width:50%;overflow:hidden;position:relative}
.planAddvantage1 .addvantageList .line_two li .rectangle1{width:20px;height:50px;background:#e4eefa;margin-right:10px;float:left;margin-top:20px}
.planAddvantage1 .addvantageList .line_two li .rectangle2{width:35px;height:100px;background:#e4eefa;float:left}
.planAddvantage1 .addvantageList .line_two li img{position:absolute;top:3px;left:7%;z-index:6}
.planAddvantage1 .addvantageList .line_two li .rightShow{float:left;width:70%;margin-left:8%}
.planAddvantage1 .addvantageList .line_two li .rightShow h3{font-size:24px;color:#285ebf;font-weight:800;margin-bottom:20px;display:inline-block}
.planAddvantage1 .addvantageList .line_two li .rightShow p{font-size:14px;text-align:justify;text-align-last:left}
.planAddvantage1 .addvantageList .line_two li .rightShow span{width:8px;height:24px;background:#285ebf;display:inline-block;margin-right:10px}
.planAddvantage1 .addvantageList .horizontal_two{width:84%;margin:0 auto;box-sizing:border-box;padding:40px 0;display:flex;justify-content:space-between}
.planAddvantage1 .addvantageList .horizontal_two li{width:42%}
.planAddvantage1 .addvantageList .horizontal_two li:nth-of-type(2) img{transform:scale(.75);margin-left:-4.1rem;margin-top:-1rem}
.planAddvantage1 .addvantageList .horizontal_two li .rightShow h3{font-size:24px;color:#285ebf;font-weight:800;margin-bottom:20px;display:inline-block}
.planAddvantage1 .addvantageList .horizontal_two li .rightShow p{font-size:14px;color:#222;margin-bottom:10px}
.planAddvantage1 .addvantageList .horizontal_two li .rightShow span{width:8px;height:24px;background:#285ebf;display:inline-block;margin-right:10px}
.application1{width:75%;margin:10% auto 5%}.application1 .title{margin-bottom:5%;margin-top:0}
.application1 .sceneDetail{width:90%;margin:0 auto}
.application1 .sceneDetail li{width:100%;overflow:hidden;position:relative}
.application1 .sceneDetail li:nth-of-type(2) img{margin-right:.4rem}
.application1 .sceneDetail li img{transform:scale(.8);float:left}
.application1 .sceneDetail li .hr{width:1px;height:257px;border-right:1px solid #aaa;float:left;margin-top:35px;margin-left:-25px;margin-right:6px}
.application1 .sceneDetail li .application_right{float:left;margin-top:8%;width:30%}
.application1 .sceneDetail li .application_right h3{background:#285ebf;color:#fff;width:80%;text-align:center;font-size:24px;font-weight:800;text-align:left;padding:4px 0 4px 10%}
.application1 .sceneDetail li .application_right ul{margin-top:20px;padding-left:10%}
.application1 .sceneDetail li .application_right ul li{margin-bottom:10px;font-size:16px}
.developHistory{width:80%;margin:3% auto 0}
.developHistory .title{margin-bottom:8%;margin-top:0}
.developHistory .historyInfo{width:90%;margin:0 auto;display:flex;justify-content:space-between}
.developHistory .historyInfo li{width:20%;background:#e6eefa;position:relative;box-sizing:border-box;padding:30px 20px;padding-bottom:15px}
.developHistory .historyInfo li .timeTitle{position:absolute;top:-15px;left:-25px;background:#285ebf;color:#fff;font-weight:800;font-size:16px;padding:5px 12px}
.developHistory .historyInfo img{margin-top:6%;height:35px}
.change{width:86%;margin:10% auto 0}
.change .title{margin-bottom:5%;margin-top:0}
.change .changeDetail{width:100%;background:url(../img/solution4_bg.png) no-repeat;background-size:100% 100%}
.change .changeDetail ul{width:58%;padding:5% 7%;box-sizing:border-box}
.change .changeDetail ul li{width:100%;overflow:hidden;padding:20px 0}
.change .changeDetail ul li:nth-of-type(2){border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.change .changeDetail ul li img{float:left;margin-right:20px}
.change .changeDetail ul li .changeItem{float:left;width:81%}
.change .changeDetail ul li .changeItem h4{font-size:20px;font-weight:800;margin-bottom:10px}
.change .changeDetail img.jiagou{transform:scale(.8);margin-left:-6%;display:none}
.protectPlan{width:75%;margin:10% auto 10%}
.protectPlan .title{margin-bottom:6%;margin-top:0}
.protectPlan .topContent{width:85%;margin:0 auto 60px;display:flex;justify-content:space-between}
.protectPlan .topContent img{width:50%}
.protectPlan .topContent .leftLetter{width:49%;margin-right:5%;text-align:justify;text-align-last:left}
.protectPlan .topContent .leftLetter p{margin-bottom:10px}.protectPlan .planBg{width:100%}
.protectPlan .planBg ul.addInfo{width:90%;margin:0 auto;background-size:100% 100%}
.protectPlan .planBg ul.addInfo li{padding:10px;box-sizing:border-box;background:#e6eefa;margin-bottom:20px}
.protectPlan .planBg ul.addInfo li .addMsg{overflow:hidden;padding:8px}
.protectPlan .planBg ul.addInfo li .addMsg img.leftImg{float:left;margin-right:8%}
.protectPlan .planBg ul.addInfo li .addMsg .detail{float:left;width:62%;text-align:justify;text-align-last:left}
.protectPlan .planBg ul.addInfo li .addMsg .detail span.decoration{width:8px;height:20px;background:#285ebf;display:inline-block;margin-right:10px}
.protectPlan .planBg ul.addInfo li .addMsg .detail h4{font-size:20px;color:#285ebf;font-weight:800;display:inline-block}
.protectPlan .planBg ul.addInfo li .addMsg .detail p{margin-top:13px}.specialDetail{width:85%;margin:10% auto 10%}
.specialDetail .title{margin-bottom:3%;margin-top:0}
.specialDetail .introduction{width:80%;margin:0 auto 3%;text-align:center;font-size:18px}
.specialDetail .planBg{width:100%;background:#f8f8f8;padding:40px 0}
.specialDetail .planBg .specialItem{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.specialDetail .planBg .specialItem li{width:30%;margin-bottom:20px}
.specialDetail .planBg .specialItem li:nth-of-type(1) .addMsg .detail{width:64%}
.specialDetail .planBg .specialItem li:nth-of-type(4){margin-left:20%}
.specialDetail .planBg .specialItem li:nth-of-type(5){margin-right:15%}
.specialDetail .planBg .specialItem li .addMsg{width:100%;overflow:hidden}
.specialDetail .planBg .specialItem li .addMsg img{float:left}
.specialDetail .planBg .specialItem li .addMsg .detail{width:70%;float:left;margin-left:5%}
.specialDetail .planBg .specialItem li .addMsg .detail h4{color:#285ebf;font-weight:600;font-size:18px}
.specialDetail .planBg .specialItem li .addMsg .detail div{margin-top:10px}
@media screen and (max-width:768px){
	html{font-size:62.5%}
	body{font-size:12px;font-size:1.2rem}
	.planSketch{margin-top:-5rem !important}
	.planSketch .paragraph{text-align:left !important;margin-top:2rem}
	.title span{font-size:2rem}
	.demandAnalysis{width:90%;margin:8rem auto 0}
	.demandAnalysis .tableCell{width:auto}
	.demandAnalysis .tableCell .detailInfo{width:100%}
	.demandAnalysis .tableCell .detailInfo:nth-of-type(1){margin-top:2rem}
	.demandAnalysis .tableCell .detailInfo h2{font-size:2rem}
	.demandAnalysis .tableCell .detailInfo .list_three{width:100%}
	.demandAnalysis .tableCell .detailInfo .list_three li{width:100%;padding:10px 20px}
	.demandAnalysis .tableCell .detailInfo .list_three li:nth-of-type(2){margin:2% 0}
	.demandAnalysis .tableCell .detailInfo .list_three li .rightInfo{width:75%}
	.demandAnalysis .tableCell .detailInfo .list_three li .rightInfo h3{font-size:1.8rem}
	.demandAnalysis .tableCell .detailInfo .list_two{width:100%}
	.demandAnalysis .tableCell .detailInfo .list_two li{width:100%;margin-bottom:2%;padding:1rem 1rem}
	.demandAnalysis .tableCell .detailInfo .list_two li .rightInfo{width:71%}
	.design{width:100%;margin-top:-1rem}
	.design .cont-box{width:100%;margin-top:2rem !important}
	.design .cont-box .cont-left{width:100%}
	.design .cont-box .cont-left img{width:100%;transform:scaleY(.5);margin-top:-20%}
	.design .cont-box .tablist{width:100%;margin-top:-18%;padding:20px}
	.design .cont-box .tablist li{width:100%;margin-right:3%}
	.design .cont-box .tablist li p.tab_title{font-size:1.6rem}
	.solutionAr{width:90%;margin:-0.5rem auto 0}
	.solutionAr .title{margin-bottom:2rem}
	.solutionAr .cont-box{width:100%}
	.solutionAr .cont-box .cont-left{width:100%}
	.solutionAr .cont-box .cont-left img{width:100%}
	.solutionAr .cont-box .cont-right{width:100%;box-sizing:border-box;margin-top:-8%;padding:1rem 1.6rem}
	.solutionAr .cont-box .cont-right p{width:98%;margin:0 auto 1rem}
	.planAddvantage{width:90%;margin-top:-4%}
	.planAddvantage .addInfo{width:100%;margin-top:2rem}
	.planAddvantage .addInfo li{margin-bottom:2%}
	.planAddvantage .addInfo li .addMsg{width:93%}
	.planAddvantage .addInfo li .addMsg .detail{margin-left:6%}
	.planAddvantage .addInfo li .addMsg .detail h4{font-size:1.8rem}
	.planAddvantage .addInfo li .addMsg .detail p{text-align:justify;font-size:1.2rem}
	.application{width:90%;margin-top:-6%}
	.application .sceneDetail{width:100%;display:block;margin-top:2rem}
	.application .sceneDetail li{width:100%;margin-bottom:4%}
	.application .sceneDetail li:hover .scene_mask>h3{margin-top:0 !important}
	.application .sceneDetail li:nth-of-type(1) .sceneInfo{padding-bottom:4.9rem !important}
	.application .sceneDetail li .scene_mask{width:100%;position:static !important;background:#285ebf !important;opacity:.8}
	.application .sceneDetail li .scene_mask h3{padding:1rem 0 !important}
	.application .sceneDetail li .scene_mask .sceneInfo{font-size:1.2rem;display:block !important;padding:1px 10px 10px 10px !important;text-align:left !important}
	.paragraph{font-size: 1.1rem;width: 85% !important}
}
@media screen and (max-width:768px){
	html{font-size:62.5%}
	body{font-size:12px;font-size:1.2rem}
	.schemePic{width:100%;margin-top:7%}
	.schemePic img.schemePlan{transform:scale(1);margin-left:0;width:100%}
	.schemePic ul.schemeList{display:block;padding:1rem;padding-top:8%;margin-top:1rem}
	.schemePic ul.schemeList li{width:100%;overflow:hidden;margin-bottom:8%}
	.schemePic ul.schemeList li:nth-of-type(3) .schemeItem{margin-left:9px}
	.schemePic ul.schemeList li:nth-of-type(3) .schemeItem h2{margin-top:0}
	.schemePic ul.schemeList li img{float:left;transform:scale(.7);margin-right:10px;margin-top:-10px}
	.schemePic ul.schemeList li .schemeItem{float:left;width:66%}
	.schemePic ul.schemeList li .schemeItem h2{float:left;margin-top:0;margin-bottom:10px;font-size:1.8rem}
	.schemePic ul.schemeList li .schemeItem p{float:left;font-size:1.4rem}
	.planAddvantage1{width:100%}
	.planAddvantage1 .addvantageList{width:100%;margin-top:2rem}
	.planAddvantage1 .addvantageList .wholeItem{width:90%;margin-top:-7%}
	.planAddvantage1 .addvantageList .wholeItem:nth-of-type(2){margin-top:-6%}
	.planAddvantage1 .addvantageList .wholeItem:nth-of-type(2) img{margin-left:0}
	.planAddvantage1 .addvantageList .wholeItem img{margin-left:0;width:100%}
	.planAddvantage1 .addvantageList .wholeItem .rightIntro{padding:4%}
	.planAddvantage1 .addvantageList .wholeItem .rightIntro span{display:none}
	.planAddvantage1 .addvantageList .wholeItem .rightIntro h3{font-size:18px;margin-bottom:6px}
	.planAddvantage1 .addvantageList .wholeItem .rightIntro p{font-size:12px}
	.planAddvantage1 .addvantageList .line_two{width:90%;display:block;padding:10px 0}
	.planAddvantage1 .addvantageList .line_two li{width:100%;margin-bottom:6%}
	.planAddvantage1 .addvantageList .line_two li:nth-of-type(1) .rightShow span{margin-top:-10rem}
	.planAddvantage1 .addvantageList .line_two li .rightShow{width:67%;margin-left:8%}
	.planAddvantage1 .addvantageList .line_two li .rightShow h3{margin-bottom:10px;width:89%;font-size:1.8rem}
	.planAddvantage1 .addvantageList .line_two li .rightShow p{font-size:1.2rem}
	.planAddvantage1 .addvantageList .line_two li .rightShow span{display:none}
	.planAddvantage1 .addvantageList .horizontal_two{width:90%;display:block;padding:10px 0}
	.planAddvantage1 .addvantageList .horizontal_two li{width:100%;margin-bottom:4%;padding:0 4%;box-sizing:border-box}
	.planAddvantage1 .addvantageList .horizontal_two li:nth-of-type(2) img{margin:-2rem auto 0;transform:scale(1);margin-top:5px !important}
	.planAddvantage1 .addvantageList .horizontal_two li img{width:100%}
	.planAddvantage1 .addvantageList .horizontal_two li .rightShow{width:100%}
	.planAddvantage1 .addvantageList .horizontal_two li .rightShow h3{margin-bottom:10px;font-size:1.8rem}
	.planAddvantage1 .addvantageList .horizontal_two li .rightShow span{display:none}
	.planAddvantage1 .addvantageList .horizontal_two li .rightShow p{font-size:1.2rem;text-align:justify}
	.application1{width:100%;margin-top:8rem;margin-bottom:7rem}
	.application1 .sceneDetail{width:90%;margin-left:5%;margin-top:8%}
	.application1 .sceneDetail li{width:100%;margin-bottom:10%}
	.application1 .sceneDetail li img{float:none;width:100% !important;margin:0 auto;transform:scale(1)}
	.application1 .sceneDetail li .hr{display:none}
	.application1 .sceneDetail li .application_right{width:100%;margin-top:1rem}
	.application1 .sceneDetail li .application_right h3{width:45%;margin-left:20%;font-size:1.8rem;padding-left:.8rem}
	.application1 .sceneDetail li .application_right ul{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 !important;margin-top:8px}
	.application1 .sceneDetail li .application_right ul li{width:60%;margin:0 auto;font-size:1.4rem}
}
@media screen and (max-width:767px){
	html{font-size:62.5%}
	body{font-size:12px;font-size:1.2rem}
	.developHistory{width:83%;margin-top:4rem !important}
	.developHistory .historyInfo{width:100%;display:block}
	.developHistory .historyInfo li{width:100%}
	.developHistory .historyInfo .arrowBlue{transform:rotate(90deg);margin:5px 47%}
	.change{width:90%;margin-top:8rem !important}
	.change .changeDetail{width:100%;background:none}
	.change .changeDetail ul{width:100%;padding:0 4%}
	.change .changeDetail ul li{width:100%;padding:8px 0}
	.change .changeDetail ul li:nth-of-type(3){margin-bottom:-20%}
	.change .changeDetail ul li img{display:block}
	.change .changeDetail ul li .changeItem{width:60%}
	.change .changeDetail .jiagou{display:block !important;margin-left:-28% !important;transform:scale(.65) !important;margin-top:-8rem !important;margin-bottom:-8rem !important}
	.protectPlan{width:90%;margin-top:8rem !important}
	.protectPlan .topContent{width:100%;margin:0 auto;display:block}
	.protectPlan .topContent .leftLetter{width:100%;margin-bottom:1.5rem;margin-top:2rem}
	.protectPlan .topContent img{width:100%;display:block;margin-bottom:1.5rem}
	.protectPlan .planBg ul.addInfo{width:100%}
	.protectPlan .planBg ul.addInfo li{margin-bottom:10px}
	.protectPlan .planBg ul.addInfo li .addMsg{padding:8px}
	.protectPlan .planBg ul.addInfo li .addMsg img.leftImg{width:100% !important}
	.protectPlan .planBg ul.addInfo li .addMsg .detail{width:100%;margin-top:1rem}
	.protectPlan .planBg ul.addInfo li .addMsg .detail h4{font-size:1.8rem}
	.protectPlan .planBg ul.addInfo li .addMsg .detail p{margin-top:7px}
	.specialDetail{width:90%;margin-top:8rem !important}
	.specialDetail .introduction{font-size:1.6rem;width:92%;margin-top:2rem}
	.specialDetail .planBg{width:100%;padding:20px 0}
	.specialDetail .planBg .specialItem{width:96%;margin:0 auto}
	.specialDetail .planBg .specialItem li{width:100%}
	.specialDetail .planBg .specialItem li:nth-of-type(4){margin-left:0}
	.specialDetail .planBg .specialItem li:nth-of-type(4) .detail{margin-left:5%}
	.specialDetail .planBg .specialItem li:nth-of-type(5) .detail{margin-left:6%;margin-right:0 !important}
	.specialDetail .planBg .specialItem li:nth-of-type(1) .addMsg img{transform:scaleX(.7);margin-left:-13px}
	.specialDetail .planBg .specialItem li:nth-of-type(1) .addMsg .detail{width:68%;margin-left:0}
	.specialDetail .planBg .specialItem li:nth-of-type(2) .addMsg .detail{margin-left:.7rem}
}
@media screen and (max-width:3000px) and (min-width:2701px){
	/*.solutionpic .solution_list {height: 630px;}*/
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 83.5% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 66.9% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 94% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%!important;height: 75.5% !important;}
}
@media screen and (max-width:2700px) and (min-width:2601px){
	/*.solutionpic .solution_list {height: 630px;}*/
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 84.5% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 67.9% !important;}

	.solutionpic .solution_list li .solution2_mask{top: 95% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%!important;height: 76.5% !important;}
}
@media screen and (max-width:2600px) and (min-width:2501px){
	/*.solutionpic .solution_list {height: 630px;}*/
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 84.7% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 68.5% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 95.5% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%!important;height: 77% !important;}
}
@media screen and (max-width:2500px) and (min-width:2401px){
	/*.solutionpic .solution_list {height: 630px;}*/
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 85.5% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 69.5% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 95.8% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%!important;height: 77.5% !important;}
}
@media screen and (max-width:2400px) and (min-width:2301px){
	/*.solutionpic .solution_list {height: 630px;}*/
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 86.5% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 70.5% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 96.6% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%!important;height: 78.2% !important;}
}
@media screen and (max-width:2300px) and (min-width:2201px){
	/*.solutionpic .solution_list {height: 630px;}*/
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 86.5% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 70.7% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 96.9% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%!important;height: 78.9% !important;}
}
@media screen and (max-width:2200px) and (min-width:2101px){
	/*.solutionpic .solution_list {height: 630px;}*/
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 86.7% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 70.7% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 97.5% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%!important;height: 79.5% !important;}
}
@media screen and (max-width:2100px) and (min-width:2001px){
	/*.solutionpic .solution_list {height: 630px;}*/
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 87.3% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 71.7% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 98.5% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%!important;height: 80.5% !important;}
}
@media screen and (max-width:2000px){
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 88.5% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 99.2% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 25%!important;height: 73% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%;height: 81.2% !important;}
	.solution2_bottom{background-size: cover;background-position: center;min-height: 760px;}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{
		display: flex;
		position: absolute;top: 60% !important;left: 15% !important;width: 74% !important;}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont_left{display: block;position: absolute;top: 14% !important;left: 17% !important;width: 60% !important;text-align: center;}
}
@media screen and (max-width:1800px){
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution2_list.solution_list li{max-height: 541px;}
	.solutionpic .solution_list li .solution_mask{top: 89% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 99.7% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 22%!important;height: 76.7% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%;height: 84.9% !important;}
}
@media screen and (max-width:1700px){
	.solutionpic .solution_list li {max-height: 370px;}
	.solutionpic .solution_list li .solution_mask{top: 87% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 96.5% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 22%!important;height: 75% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%;height:82% !important;}
}
@media screen and (max-width:1600px){
	.successfulCase_bannerWraper .successfulCase_bottom_cont{top:52% !important}
	.solution3_bottom{background-position: 82%;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont{position: absolute;top: 61% !important;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont_left{
		display: block;
		position: absolute;top: 16% !important;left: 53% !important;width: 38% !important;}
	.solution2_bottom{background-size:cover;background-position: center;min-height: 760px;}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{position: absolute;top: 57% !important;left: 15% !important;}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont_left{display: block;position: absolute;top: 14% !important;left: 17% !important;width: 60% !important;text-align: center;}
	/*.solutionpic .solution_list {height: 510px;!important;}*/
	.solutionpic .solution_list li .solution_mask{top: 82% !important}
	.solutionpic .solution_list li .solution2_mask{top: 91.5% !important}
	.solutionpic .solution_list > li:hover .solution_mask {height: 67% !important;top: 25% !important}
	.solutionpic .solution_list > li:hover .solution2_mask {height: 74% !important;top: 25% !important}
}
@media screen and (max-width:1500px){
	.solutionpic .solution_list li .solution_mask{top: 78% !important;}
	.solutionpic .solution_list > li:hover .solution_mask{top: 22%!important;height: 66% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 86.2% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%;height: 72% !important;}
}
@media screen and (max-width:1440px){
	.solution4_bottom{background-position: 93%;}
	.solution3_bottom{background-position: 84%;min-height: 932px;}
	.solution2_bottom{background-size: cover;background-position: center;min-height: 760px;}
	.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont{position: absolute;top: 39%;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont{
		display: flex;position: absolute;top: 59% !important;left: 10% !important;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont_left{
		display: block;
		position: absolute;
		top: 11% !important;
		left: 53% !important;
		width: 38% !important;
	}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{position: absolute;top: 57% !important;left: 15% !important;}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont_left{display: block;position: absolute;top: 14% !important;left: 17% !important;width: 60% !important;text-align: center;}
	.successfulCase_bannerWraper .successfulCase_bottom_cont{top: 53%;}

	/*.solutionpic .solution_list {height: 440px;!important;}*/
	.solutionpic .solution_list li .solution_mask{top: 77% !important}
	.solutionpic .solution_list li .solution2_mask{top: 83.6% !important}
	.solutionpic .solution_list > li:hover .solution_mask {height: 67.6% !important;top: 20% !important}
	.solutionpic .solution_list > li:hover .solution2_mask {height: 66.1% !important;top: 25% !important}
	.solution3_bottom_cont .clbanner_content{font-size: 0.7rem;}
}
@media screen and (max-width:1366px){
	.solution4_bottom{background-position: 93%;}
	.solution3_bottom{background-size: cover;min-height: 932px;}
	.solution2_bottom{background-size: cover;background-position:center;min-height: 760px;}
	.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont{position: absolute;top: 42%;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont{
		display: flex;position: absolute;top: 60% !important;left: 9% !important;width: 78% !important;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont_left{
		display: block;
		position: absolute;
		top: 13% !important;
		left: 52% !important;
		width: 42% !important;
	}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{
		display: flex;
		position: absolute;top: 57% !important;left: 14% !important;width: 74% !important;
	}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont_left{
		display: block;
		position: absolute;top: 14% !important;left: 17% !important;width: 60% !important;text-align: center;}
	.solutionpic .solution_list li .solution_mask {top: 76.6% !important;}
	.solutionpic .solution_list > li:hover .solution_mask {height: 67.6% !important;}
	.solutionpic .solution_list li .solution2_mask{top: 83.2% !important}
	.solutionpic .solution_list > li:hover .solution2_mask {height: 66.2% !important;top: 25% !important}
	.successfulCase_bannerWraper .successfulCase_bottom_cont{top: 56%;}
	.solutionpic .solution_list > li:hover .solution2_mask_cont{font-size: 13px !important;}
	.solutionpic .solution_list > li:hover .solution_mask_cont {font-size: 0.7rem;}

}
@media screen and (max-width:1284px){
	.solution4_bottom{background-position: 93% ;min-height: 893px;}
	.solution3_bottom{background-size: cover;min-height: 932px;}
	.solution2_bottom{background-size: cover;background-position: center;min-height: 760px;}
	.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont{position: absolute;top: 42%;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont{
		display: flex;position: absolute;top: 61% !important;left: 6% !important;width: 38% !important;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont_left{
		display: block;
		position: absolute;
		top: 30% !important;
		left: 47% !important;
		width: 38% !important;
	}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{
		display:flex;
		position: absolute;top: 59% !important;left: 11% !important;width: 74% !important;}
	.solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont_left{
		display: block;position: absolute;top: 14% !important;left: 17% !important;width: 60% !important;text-align: center;}
	.successfulCase_bannerWraper .successfulCase_bottom_cont{top: 57% !important;}

	.solutionpic .solution_list li .solution_mask {top: 75.8% !important;}
	.solutionpic .solution_list > li:hover .solution_mask {height: 71.8% !important; top:16% !important}
	.solutionpic .solution_list li .solution2_mask{top: 82.5% !important}
	.solutionpic .solution_list > li:hover .solution2_mask {height: 66.1% !important;top: 25% !important}
	.successfulCase_bannerWraper .successfulCase_bottom_cont{top: 56%;}
	.solutionpic .solution_list > li:hover .solution2_mask_cont{font-size: 12px !important;}
}

@media screen and (max-width:1200px){
	.banner{height:150px}
	.banner .content{height:100%}
	.banner .content .banner-box{display:block;height:100%}
	.banner .content .banner-box p{position:absolute;font-size:30px;left:39px;top:108px}
	.banner .content .banner-box img{float:right;height:100%}
	.video{margin-top:50px;padding-left:10%;padding-right:10%;box-sizing:border-box}
	.video span:nth-of-type(1){font-size:30px}
	.video span:nth-of-type(2){font-size:18px}
	.video .cont .cont-left{width:100%}
	.video .cont .cont-right{width:100%}
	.video .cont .cont-right img{width:100%}
	.bannerWraper .solution_content{font-size: 0.8rem;width: 80% !important;}
	.bannerWraper .solution_title,.bannerWraper .black_solution_title{font-size: 1.5rem;top:15%}
	.solutionpic .solution_list > li:hover .solution_mask_cont {font-size: 0.66rem;}
	.solution_clbanner_title{font-size: 1.5rem;}
	.solution_clbanner_content{font-size: 0.8rem;}
	.solutionpic .solution_list li .solution2_mask{top: 81.7% !important}
	.solutionpic .solution_list > li:hover .solution2_mask{top: 25%;height: 66.6% !important;}
	.paragraph .product-sub .product-sub-div .product-sub-cont {padding: 0 20px 0 20px;font-size: 0.8rem;color: #666;}
	.solution_successfulCase .cont-box .cont .cont-unit:nth-of-type(1){padding-right: 40%;}
	.cont-box .cont .cont-unit .cont-unit_title{font-size: 1rem;}
}
@media screen and (max-width:1100px){
	.solutionpic .solution_list > li:hover .solution_mask_cont {font-size: 0.62rem;}
	.solution4_detail_div .clbanner_content {font-size: 0.8rem;}
	.solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont_left{font-size: 0.8rem;}
	.successfulCase_bannerWraper .clbanner_title{font-size: 1.2rem;}
	.solutionpic .solution_list > li:hover .solution2_mask_cont{font-size: 0.7rem !important;}
	.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont, .solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont, .solution6_bottom .successfulCase_bannerWraper .solution6_bottom_cont, .solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{letter-spacing: 0;}
	.solution_successfulCase .cont-box .cont .cont-unit:nth-of-type(1){padding-right: 45%;}
}
@media screen and (max-width:1000px){
	.solutionpic .solution_list li .solution_mask {top: 74% !important;}
	.solutionpic .solution_list > li:hover .solution_mask {height: 72.9% !important; top:15% !important}
	.solutionpic .solution_list li .solution2_mask{top: 80% !important}
	.solutionpic .solution_list > li:hover .solution2_mask {height: 76% !important;top: 15% !important}
	.solutionpic .solution_list > li:hover .solution2_mask_cont{font-size: 0.7rem !important;}
	.bannerWraper .solution_content{font-size: 0.6rem;width: 80% !important;}
	.solution_mask > p{font-size: 0.75rem;}
	.bannerWraper .solution_title, .bannerWraper .black_solution_title{font-size: 1.0rem;}
	.solutionpic .solution_list > li:hover .solution_mask_cont{font-size: 0.58rem;}
	.solution_successfulCase .cont-box .cont .cont-unit:nth-of-type(1){padding-right: 50%;}
}
@media screen and (max-width:900px){
	.solution_mask > p{font-size: 0.8rem}
	.solutionpic .solution_list li .solution_mask {top: 72% !important;}
	.solutionpic .solution_list > li:hover .solution_mask {height: 75% !important; top:15% !important}
	.solutionpic .solution_list > li:hover .solution_mask_cont{font-size: 0.5rem !important;}
	.solutionpic .solution_list li .solution2_mask{top: 80% !important}
	.solutionpic .solution_list > li:hover .solution2_mask {height: 77% !important;top: 15% !important}
	.solutionpic .solution_list > li:hover .solution2_mask_cont{font-size: 0.6rem !important;}
	.solution_mask > p{font-size: 0.7rem;}
	.bannerWraper .solution_title, .bannerWraper .black_solution_title{font-size: 0.9rem;}
	.solutionpic .solution_list > li:hover .solution_mask_cont{font-size: 0.5rem;}
	.bannerWraper .solution_content{font-size: 0.55rem;}
	.successfulCase_bannerWraper .clbanner_title{font-size: 1.0rem}
	.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont, .solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont, .solution6_bottom .successfulCase_bannerWraper .solution6_bottom_cont, .solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{font-size: 0.8rem;}
	.solution_successfulCase .cont-box .cont .cont-unit:nth-of-type(1){padding-right: 60%;}
	.solution3_bottom_cont .clbanner_content{font-size: 0.66rem;}
}
@media screen and (max-width:800px){
	.solutionpic .solution_list li .solution_mask {top: 71% !important;}
	.solutionpic .solution_list > li:hover .solution_mask {height: 77% !important; top:15% !important}
	.solutionpic .solution_list > li:hover .solution_mask_cont{font-size: 0.48rem !important;}
	.solutionpic .solution_list li .solution2_mask{top: 77% !important}
	.solutionpic .solution_list > li:hover .solution2_mask {height: 75.7% !important;top: 15% !important;}
	.solutionpic .solution_list > li:hover .solution2_mask_cont{font-size: 0.58rem !important;}
	.solution_mask > p{font-size: 0.6rem;}
	.bannerWraper .solution_title, .bannerWraper .black_solution_title{font-size: 0.8rem;}
	.solutionpic .solution_list > li:hover .solution_mask_cont{font-size: 0.5rem;}
	.successfulCase_bannerWraper .clbanner_title{font-size: 0.9rem}
	.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont, .solution3_bottom .successfulCase_bannerWraper .solution3_bottom_cont, .solution6_bottom .successfulCase_bannerWraper .solution6_bottom_cont, .solution2_bottom .successfulCase_bannerWraper .solution2_bottom_cont{font-size: 0.7rem;}
	.solution_successfulCase .cont-box .cont .cont-unit:nth-of-type(1){padding-right: 35%;}
}
@media screen and (max-width:700px){
	.bannerWraper .solution_title, .bannerWraper .black_solution_title{font-size: 1.2rem;}
	.bannerWraper .solution_content{font-size: 1.0rem;}
	.solution_mask > p{font-size: 0.8rem;}
	.bannerWraper .solution_title, .bannerWraper .black_solution_title{font-size: 1.0rem !important}
	.solutionpic .solution_list > li:hover .solution_mask_cont{font-size: 0.6rem !important;}
	.bannerWraper .solution_content{font-size: 0.7rem; !important;}
}
@media screen and (max-width:600px){
	.solutionpic .solution_list > li:hover .solution_mask_cont{font-size: 0.5rem !important;}
	.bannerWraper .solution_content{font-size: 0.8rem; !important;}
	.solution_mask > p{font-size: 0.8rem;}
}
@media screen and (min-width:1900px){
	.solution4_bottom{min-height:640px;}
	.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont{
		width: 76%;
		margin-top: 4%;
	}
}
@media screen and (min-width:2200px){
	.solution4_bottom{min-height:690px;}
	.solution4_bottom .successfulCase_bannerWraper .solution4_bottom_cont .solution4_img_div img{
		width: 70% !important;
	}
}