.main_banner{clear:both; position:relative; overflow:hidden; background: rgb(56,19,211);
background: -moz-linear-gradient(180deg, rgba(56,19,211,1) 0%, rgba(119,22,153,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(56,19,211,1) 0%, rgba(119,22,153,1) 100%);
background: linear-gradient(180deg, rgba(56,19,211,1) 0%, rgba(119,22,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3813d3",endColorstr="#771699",GradientType=1); 
width:100wh; height:90vh}
.main_banner .main_text{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; font-size:2.15em; color:#fff; font-weight:700; z-index:1}
.main_banner .main_text span{display:block; margin:0 0 .4em 0}
.main_banner .main_text span b{font-size:2.5em}
.main_banner .counsel_btn{background: rgb(72,197,229);
background: -moz-linear-gradient(151deg, rgba(72,197,229,1) 0%, rgba(47,157,242,1) 100%);
background: -webkit-linear-gradient(151deg, rgba(72,197,229,1) 0%, rgba(47,157,242,1) 100%);
background: linear-gradient(151deg, rgba(72,197,229,1) 0%, rgba(47,157,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#48c5e5",endColorstr="#2f9df2",GradientType=1); border-radius:50px; font-size:75%; display:table; margin:3em auto auto auto}
.main_banner .counsel_btn a{color:#fff; padding:1.3em 2em; display:block;}
.main_banner .main_banner_img{}
.main_banner .main_banner_img .mbimg1{position:absolute; left:4%; top:7%}
.main_banner .main_banner_img .mbimg2{position:absolute; right:0; top:-8%}
.main_banner .main_banner_img .mbimg3{position:absolute; left:-8%; bottom:-10%}
.main_banner .main_banner_img .mbimg4{position:absolute; right:7%;  bottom:3%; transform:rotate(90deg)}
.main_banner .main_banner_img .mbimg5{position:absolute; bottom:-10%; left:50%; transform:translate(-50%); opacity:.2}


.main_h2{font-weight:800; font-size:2.8em; text-align:center}
.main_h2 span{display:block; font-size:58%; padding-top:.5em; font-weight:600}


.main_solution{margin:3em auto auto auto;  max-width:1830px;}

		.main_solution_cnts{margin:4em auto auto auto}
		.main_solution_cnts img{width:100%; object-fit:cover}
		.main_solution_cnts ul{display:flex; align-items: flex-start; justify-content:space-around}
		.main_solution_cnts ul li{}
		.main_solution_cnts .solution_cnts1{position:relative;  max-width:770px; margin:0 10px}
		.main_solution_cnts .solution_cnts2{position:relative; max-width:510px; margin:0 10px}
		.main_solution_cnts .solution_cnts3{position:relative;  max-width:510px; margin:0 10px}
		.main_solution_cnts .solution_cnts4{position:relative;  max-width:510px; margin:0 10px; border-top:20px solid #fff;}

		.main_solution_cnts .scnts_head{position:absolute; left:20%; top:15%; transform:translate(-20%, -15%); font-size:2.2em; z-index:1; color:#fff;}
		.main_solution_cnts .scnts_head b{display:block}
		.main_solution_cnts .scnts_head p{font-size:57%; padding-top:1em; line-height:160%}
		.main_solution_cnts .scnts_head p span{display:block}

.es_last_m{display:none}

        .main_solution_button{position:relative; clear:both; text-align:center; margin:3em auto auto auto; padding:7em 0; background:#1e307e; overflow:hidden}
		.main_solution_button .button_head{text-align:center; color:#f8cd7a; font-size:2.8em; padding-bottom:1.5em; font-weight:700}
		.main_solution_button .button_head span{display:block; font-size:.5em; font-weight:normal; padding-top:.5em; color:#fff;}
		.main_solution_button p{display:inline-block; vertical-align:top; margin:1em; position:relative; z-index:1}
		.main_solution_button p a{color:#f8cd7a; background:none; border:1px solid #f8cd7a; /*background: rgb(72,197,229); 
background: -moz-linear-gradient(151deg, rgba(72,197,229,1) 0%, rgba(47,157,242,1) 100%);
background: -webkit-linear-gradient(151deg, rgba(72,197,229,1) 0%, rgba(47,157,242,1) 100%);
background: linear-gradient(151deg, rgba(72,197,229,1) 0%, rgba(47,157,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#48c5e5",endColorstr="#2f9df2",GradientType=1)*/; border-radius:50px; font-size:1.6em; font-weight:600; padding:1em;}
.main_solution_button img{opacity:.2; position:absolute; display:block;  top:5%; transform:rotate(-45deg)}
.main_solution_button img:last-child{right:-5%}
.main_solution_button img:first-child{left:-20%}



.main_works{margin:6em auto 0 auto;}
	.work_list{background:#f8cd7a; width:100%; padding:4em 0; margin:3em auto auto auto}
	.work_list .list_div{width:100%; max-width:1700px; margin:auto; }



@media (min-width:0px) and (max-width:260px){
.main_banner{height:40vh;}
.main_banner img{width:70%}
.main_banner .main_banner_img .mbimg1{left:-10%}
.main_banner .main_text{font-size:130%; width:80%;}
.main_banner .main_text span b{font-size:180%; line-height:102%}
.main_banner .counsel_btn{width:70%}
.main_banner .counsel_btn a{font-size:115%}

.main_h2{font-size:150%}
.main_h2 span{font-size:65%; word-break:keep-all; padding:1% 10%; opacity:.7}
.main_solution{margin:2em auto auto auto}
.main_solution_cnts{margin:1em auto auto auto}
.main_solution_cnts .scnts_head{font-size:130%}
.main_solution_cnts ul{flex-wrap:wrap;}	
.main_solution_cnts li{width:100%; margin:0 0 .2em 0}
.main_solution_cnts .solution_cnts1 .scnts_head{left:25%; top:22%}
.main_solution_cnts img{height:230px;object-position:bottom;}
.main_solution_cnts .solution_cnts2 img{}
.main_solution_cnts .solution_cnts3{height:200px; overflow:hidden}
.main_solution_cnts .solution_cnts4{height:200px; overflow:hidden; margin:2px 10px; border:0}
.es_last{display:none}
.es_last_m{display:block}

.main_solution_cnts .solution_cnts1, .main_solution_cnts .solution_cnts2, .main_solution_cnts .solution_cnts3, .main_solution_cnts .solution_cnts4{margin:0 2px}

.main_works{margin:2em auto auto auto}

.work_list{padding:1em 0; margin:1em auto auto auto}
}


@media (min-width:261px) and (max-width:545px){
.main_banner{height:40vh;}
.main_banner img{width:70%}
.main_banner .main_banner_img .mbimg1{left:-10%}
.main_banner .main_text{font-size:130%; width:85%;}
.main_banner .main_text span b{font-size:180%}
.main_banner .counsel_btn{width:70%}
.main_banner .counsel_btn a{font-size:115%}

.main_h2{font-size:150%}
.main_h2 span{font-size:65%; word-break:keep-all; padding:1% 10%; opacity:.7}
.main_solution{margin:2em auto auto auto}
.main_solution_cnts{margin:1em auto auto auto}
.main_solution_cnts .scnts_head{font-size:130%}
.main_solution_cnts ul{flex-wrap:wrap;}	
.main_solution_cnts li{width:100%; margin:0 0 .2em 0}
.main_solution_cnts .solution_cnts1 .scnts_head{left:25%; top:22%}
.main_solution_cnts img{height:230px;object-position:bottom;}
.main_solution_cnts .solution_cnts2 img{}
.main_solution_cnts .solution_cnts3{height:200px; overflow:hidden}
.main_solution_cnts .solution_cnts4{height:200px; overflow:hidden; margin:2px 10px; border:0}
.es_last{display:none}
.es_last_m{display:block}

.main_solution_cnts .solution_cnts1, .main_solution_cnts .solution_cnts2, .main_solution_cnts .solution_cnts3, .main_solution_cnts .solution_cnts4{margin:0 2px}

.main_works{margin:2em auto auto auto}

.work_list{padding:1em 0; margin:1em auto auto auto}
}


@media (min-width:546px) and (max-width:1024px){
.main_banner{height:40vh;}
.main_banner img{width:70%}
.main_banner .main_banner_img .mbimg1{left:-3%}
.main_banner .main_banner_img .mbimg2{text-align:right; right:-15%}
.main_banner .main_banner_img .mbimg3{bottom:-20%; left:-20%;}
.main_banner .main_banner_img .mbimg3 img{width:50%}
.main_banner .main_text{font-size:130%; width:85%;}
.main_banner .main_text span b{font-size:180%}
.main_banner .counsel_btn{width:70%}
.main_banner .counsel_btn a{font-size:115%}

.main_h2{font-size:150%}
.main_h2 span{font-size:65%; word-break:keep-all; padding:1% 10%; opacity:.7}
.main_solution{margin:2em auto auto auto}
.main_solution_cnts{margin:1em auto auto auto}
.main_solution_cnts .scnts_head{font-size:130%}
.main_solution_cnts ul{flex-wrap:wrap;}	
.main_solution_cnts li{width:50%; margin:0 0 .2em 0}
.main_solution_cnts .solution_cnts1 .scnts_head{left:25%; top:22%}
.main_solution_cnts img{height:230px;object-position:bottom;}
.main_solution_cnts .solution_cnts2 img{}
.main_solution_cnts .solution_cnts3{height:200px; overflow:hidden}
.main_solution_cnts .solution_cnts4{ height:200px; overflow:hidden; border:none}
.es_last{display:none}
.es_last_m{display:block}
.main_solution_cnts .solution_cnts1, .main_solution_cnts .solution_cnts2, .main_solution_cnts .solution_cnts3, .main_solution_cnts .solution_cnts4{margin:0 2px}

.main_works{margin:2em auto auto auto}

.work_list{padding:1em 0; margin:1em auto auto auto}
.work_list .pic_lt li{width:30%}
}


@media (min-width:1025px) and (max-width:1280px){
.main_banner{height:40vh;}
.main_banner img{width:70%}
.main_banner .main_banner_img .mbimg1{left:-3%}
.main_banner .main_banner_img .mbimg2{text-align:right; right:-15%}
.main_banner .main_banner_img .mbimg3{bottom:-20%; left:-20%;}
.main_banner .main_banner_img .mbimg3 img{width:50%}
.main_banner .main_text{font-size:160%; width:85%;}
.main_banner .main_text span b{font-size:180%}


.main_h2{font-size:1.6rem}
.main_h2 span{font-size:65%; word-break:keep-all; padding:1% 10%; opacity:.7}
.main_solution{margin:2em auto auto auto}
.main_solution_cnts{margin:1em auto auto auto}
.main_solution_cnts .scnts_head{font-size:130%}
.main_solution_cnts ul{flex-wrap:wrap;}	
.main_solution_cnts li{width:50%; margin:0 0 .2em 0}
.main_solution_cnts .solution_cnts1 .scnts_head{left:25%; top:22%}
.main_solution_cnts img{height:230px;object-position:bottom;}
.main_solution_cnts .solution_cnts2 img{}
.main_solution_cnts .solution_cnts3{height:200px; overflow:hidden}
.main_solution_cnts .solution_cnts4{ height:200px; overflow:hidden; border:none}
.es_last{display:none}
.es_last_m{display:block}
.main_solution_cnts .solution_cnts1, .main_solution_cnts .solution_cnts2, .main_solution_cnts .solution_cnts3, .main_solution_cnts .solution_cnts4{margin:0 2px}

.main_works{margin:2em auto auto auto}

.work_list{padding:1em 0; margin:1em auto auto auto}
.work_list .pic_lt li{width:23%}
}