@media only screen and (max-width: 1700px) {
	.container {
		width: 85%;
	}

	.naver li {
		padding: 0 25px;
	}
	.about_box .left{
		margin-left: 5%;
		width: 43%;
	}
	.about_box .right{
		width: 48%;
	}
}

@media only screen and (max-width: 1600px) {
	.naver li {
		padding: 0 20px;
	}

	.naver li a {
		font-size: 18px;
	}
	.foot_list li {
	    margin-left: 30px;
	}
}

@media only screen and (max-width: 1500px) {
	.naver li {
		padding: 0 15px;
	}

	.p100 {
		padding: 90px 0;
	}

	.about_tit {
		font-size: 30px;
		line-height: 45px;
		margin-top: 20px;
	}

	.about p {
		font-size: 20px;
		margin-top: 30px;
	}

	.more_btn {
		margin-top: 40px;
	}

	.index_swiper p {
		font-size: 22px;
		line-height: 38px;
	}

	.new_project .tit h3 {
		font-size: 30px;
		margin-top: 10px;
	}

	.pro_list li {
		margin-top: 40px;
	}
	
	.new_box .new_list{
		margin-top: -40px!important;
	}

	.index_box2 .info h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.foot_list li {
	    /*margin-left: 46px;*/
	}
	.foot_list li span{
		white-space: nowrap;
	}
	.banner .b_info h2 {
	    font-size: 35px;
	    line-height: 38px;
	}
	.inside_title h3 {
	    font-size: 27px;
	    line-height: 41px;
	}
	.banner .b_info h3{
		font-size: 23px;
	}
	.more_btn2,
	.project_cont{
		margin-top: 60px;
	}
	.contact_cont{
		margin-top: 70px;
	}
}
@media only screen and (max-width: 1440px){
	.foot_list li dd a{
		font-size: 14px;
	}
	.cont_left {
	    width: 48%;
	}
	.foot_list li {
    	margin-left: 30px;
	}
}
@media only screen and (max-width: 1400px) {
	.naver li a {
		font-size: 16px;
	}

	.h_head {
		height: 100px;
	}

	.ht {
		padding-top: 100px;
	}

	.naver li a {
		line-height: 100px;
	}

	.ht {
		padding-top: 100px;
	}
	.banner .b_info h2 {
	    font-size: 32px;
	    line-height: 34px;
	}
	.inside_title h3 {
	    font-size: 24px;
	    line-height: 37px;
	}
	.banner .b_info h3{
		font-size: 20px;
	}
	.about_list li span{
		font-size: 16px;
	}
	.coop_list{
		margin-top: 60px;
	}
	.mt60{
		margin-top: 40px;
	}
	.pinfo_list li .icon{
		width: 55px;
	}
	.pinfo_list li{
		margin-top: 40px;
	}
	.pinfo_list {
	    margin-top: 30px;
	}
	.pinfo_list li span{
		margin-top: 10px;
		font-size: 16px;
	}
	.pinfo_list li .txt{
		margin-top: 15px;
		font-size: 13px;
		line-height: 20px;
	}
	.solution_list li{
		margin-bottom: 120px;
	}
	.input_section{
		height: 50px;
		line-height: 50px;
		margin-bottom: 15px;
	}
	.txt_section{
		height: 150px;
	}
	.information dd{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.information dd span{
		/*width: 40px;*/
		margin-right: 15px;
	}
	.information{
		margin-top: 30px;
	}
	.cont_left .p {
	    margin-top: 30px;
	    font-size: 18px;
	}
	.icon_list{
		margin-top: 20px;
	}
	.cont_form .tip{
		font-size: 14px;
	}
	.input_section input, .input_section textarea,.input_section span{
		font-size: 14px;
		padding: 0 15px;
	}
	.input_section span a{
		font-size: 14px;
	}
	.txt_section textarea{
		padding: 15px;
	}
	.contact_cont{
		margin-top: 60px;
	}
	.banner .b_txt h2{
		font-size: 42px;
	}
	.banner .b_txt h3{
		font-size: 32px;
	}
	.more_btn2 img{
		width: 10px;
	}
	.foot_list li {
	    margin-left: 40px;
	}
}

@media only screen and (max-width: 1366px) {
	.p100 {
		padding: 80px 0;
	}

	.pro_list li {
		margin-top: 30px;
	}
	
	.new_box .new_list{
		margin-top: -30px!important;
	}

	.foot_list li span {
		font-size: 18px;
	}

	.foot_list li dl {
		margin-top: 30px;
	}

	.foot_list li dd a {
		font-size: 14px;
	}

	.foot_list li dd {
		margin-top: 15px;
	}

	.foot_cont {
		margin-top: 25px;
	}

	.foot_cont p {
		font-size: 12px;
		margin-top: 15px;
	}

	.remark {
		margin-top: 40px;
	}
	.coop_list{
		margin-top: 50px;
	}
	.down_btn a{
		font-size: 14px;
	}
	.down_cont li .info p{
		font-size: 14px;
	}
	.down_list .li .left p{
		font-size: 16px;
	}
	.contact_cont{
		margin-top: 50px;
	}
	.banner .b_txt h2{
		font-size: 40px;
	}
	.banner .b_txt h3{
		font-size: 30px;
	}
	.banner .more_btn{
		margin-top: 20px;
	}
	.foot_cont p span:first-child {
	    width: 60px;
	}
	.foot_list li {
	    margin-left: 32px;
	}
}

@media only screen and (max-width: 1200px) {
	.naver li {
		padding: 0 10px;
	}

	.banner .swiper-pagination {
		bottom: 30px;
	}

	.banner .swiper-pagination-white .swiper-pagination-bullet-active {
		width: 40px;
	}

	.p100 {
		padding: 60px 0;
	}

	.about_tit {
		font-size: 26px;
		line-height: 38px;
		margin-top: 20px;
	}

	.about p {
		font-size: 18px;
		margin-top: 25px;
	}

	.more_btn {
		margin-top: 30px;
	}

	.more_btn a {
		font-size: 14px;
	}

	.index_swiper .swiper-pagination {
		margin-top: 35px;
		transform: translateY(-50px);
	}

	.index_swiper p {
		font-size: 18px;
		line-height: 33px;
	}

	.new_project .tit h4 {
		font-size: 12px;
	}

	.new_project .tit h3 {
		font-size: 28px;
		margin-top: 8px;
	}

	.new_project .n_tab a {
		font-size: 16px;
		height: 35px;
	}

	.pro_list li .info {
		margin-top: 15px;
	}

	.pro_list li .info .p1 {
		font-size: 18px;
	}

	.pro_list li .info .p2 {
		font-size: 14px;
	}

	.index_box2 .info h2 {
		font-size: 28px;
	}

	.foot_list li span {
		font-size: 16px;
	}

	.foot_list li dd a {
		font-size: 12px;
	}

	.foot_list li {
		margin-left: 30px;
	}
	
	.banner .b_info h2 {
	    font-size: 28px;
	    line-height: 30px;
	}
	.inside_title h3 {
	    font-size: 22px;
	    line-height: 34px;
	}
	.banner .b_info h3{
		font-size: 18px;
	}
	.about_list li span{
		font-size: 14px;
	}
	.about_list li .icon{
		height: 30px;
	}
	.more_btn2,
	.project_cont{
		margin-top: 30px;
	}
	.pro_tab a{
		font-size: 16px;
		margin-right: 30px;
	}
	.pro_right dl{
		margin-top: 20px;
	}
	.pro_right dl dd .icon{
		height: 30px;
		width: 30px;
	}
	.pro_right dl dd{
		margin-top: 20px;
	}
	.pro_right dl dd p{
		font-size: 15px;
	}
	
	.pro_info .swiper-pagination{
		margin-top: 30px;
	}
	.pro_info .info h2{
		margin-top: 20px;
	}
	.project_info .pro_right dd span{
		font-size: 14px;
	}
	.project_info .pro_right dd{
		margin-right: 40px;
	}
	.pinfo_list li {
	    margin-top: 30px;
	}
	.pinfo_list li .txt{
		font-size: 12px;
		margin-top: 10px;
	}
	.new_rtxt {
	    margin-top: 20px;
	    padding-top: 20px;
		font-size: 14px;
	}
	.solution_list li{
		margin-bottom: 100px;
	}
	.solution_list li .right .txt{
		margin-top: 20px;
	}
	.solution_list li .right {
	    width: 45%;
	}
	.down_cont li .img img {
	    width: 72.5%;
	}
	.search_box{
		width: 300px;
		margin-top: 30px;
	}
	.search_box input{
		height: 40px;
		font-size: 14px;
	}
	.down_list li,.p_img{
		border-radius: 5px;
	}
	.down_list .li .left p{
		margin-left: 10px;
	}
	.down_list .li .left .img{
		width: 105px;
	}
	.down_btn a {
	    font-size: 12px;
	}
	.newinfo_cont {
	    margin-top: 15px;
	}
	.info_title h2{
		font-size: 22px;
	}
	.new_info nav a{
		font-size: 14px;
	}
	.info_title .p {
	    margin-top: 10px;
	}
	.info_title .icon_list2 span{
		height: 18px;
		margin-right: 15px;
	}
	.info_txt{
		font-size: 14px;
		line-height: 32px;
	}
	.contact_cont{
		margin-top: 40px;
	}
	.cont_left .inside_title{
		padding-bottom: 30px;
	}
	.information dd span {
	    /*width: 35px;*/
	    margin-right: 12px;
	}
	.contact_cont .more_btn{
		margin-top: 25px;
	}
	.adver_tab a{
		font-size: 14px;
		border-radius: 5px;
	}
	.advertise_list .li_tit p,
	.advertise_list .li_info .txt span{
		font-size: 16px;
	}
	.advertise_list .li_tit{
		padding: 15px 0;
	}
	.advertise_list li{
		padding: 0 15px;
		border-radius: 5px;
	}
	.advertise_list .li_info{
		padding: 30px 0;
	}
	.advertise_list .li_info .txt div{
		margin-top: 10px;
		margin-bottom: 25px;
		font-size: 14px;
		line-height: 30px;
	}
	.new_box .info .more{
		margin-top: 15px;
	}
	.proinfo_box .project_list {
	    margin-top: 0;
	}
}

@media only screen and (max-width: 1024px) {
	.container {
		width: 90%;
	}

	.naver li a {
		font-size: 14px;
		line-height: 80px;
	}

	.s_nav span a {
		font-size: 12px;
	}

	.h_head {
		height: 80px;
	}

	.ht {
		padding-top: 80px;
	}

	.logo {
		width: 15%;
	}

	.p100 {
		padding: 50px 0;
	}

	.about_tit {
		font-size: 22px;
		line-height: 34px;
		margin-top: 15px;
	}

	.about p {
		font-size: 16px;
		margin-top: 20px;
	}

	.more_btn {
		width: 130px;
		height: 40px;
	}

	.more_btn a img {
		width: 17px;
	}

	.index_swiper .swiper-pagination-bullet {
		width: 9px;
		height: 9px;
	}

	.index_swiper .swiper-pagination {
		margin-top: 20px;
		transform: translateY(-40px);
	}

	.index_swiper p {
		font-size: 16px;
		line-height: 30px;
	}

	.new_project .tit h3 {
		font-size: 24px;
		margin-top: 6px;
	}

	.new_project .n_tab a {
		font-size: 12px;
		height: 27px;
		margin-left: 10px;
	}

	.pro_list li {
		margin-top: 25px;
	}
	
	.new_box .new_list{
		margin-top: -25px!important;
	}

	.pro_list li .info .p1 {
		font-size: 15px;
	}

	.pro_list li .info .p2 {
		font-size: 12px;
	}

	.pro_list li .info {
		margin-top: 10px;
	}

	.index_box2 .info h2 {
		font-size: 21px;
		line-height: 30px;
	}

	.index_box2 .info .more_btn {
		margin-top: 30px;
	}

	.more_btn {
		width: 110px;
		height: 35px;
	}

	.more_btn a {
		font-size: 12px;
	}

	.foot_list li span {
		font-size: 14px;
	}

	.foot_list li dl {
		margin-top: 20px;
	}

	.foot_list li dd {
		margin-top: 12px;
	}

	.foot_right {
		display: none;
	}
	.about_cont{
		display: block;
	}
	.about_box .left{
		width: 100%;
		margin-left: auto;
	}
	.about_box .right{
		width: 70%;
		margin: 50px auto 0;
	}
	.inside_title h4{
		font-size: 12px;
	}
	.inside_title h3{
		font-size: 20px;
		line-height: 30px;
	}
	.coop_list {
	    margin-top: 30px;
	}
	.more_btn2,
	.project_cont{
		margin-top: 20px;
	}
	.pro_tab a{
		font-size: 14px;
		margin-right: 20px;
	}
	.pro_right dl{
		margin-top: 15px;
	}
	.pro_right dl dd .icon{
		height: 20px;
		width: 20px;
	}
	.pro_right dl dd{
		margin-top: 15px;
	}
	.pro_right dl dd p{
		font-size: 14px;
	}
	.project_list li .info .p1{
		font-size: 18px;
	}
	.project_list li .info .p2{
		font-size: 14px;
	}
	.more_btn2 a img{
		width: 10px;
	}
	.project_list li .info{
		padding: 15px 0;
	}
	.mt60{
		margin-top: 30px;
	}
	.project_info .pro_right dd span{
		font-size: 12px;
	}
	.project_info .pro_right dd{
		margin-right: 30px;
	}
	.project_info .more_btn {
	    margin-top: 20px;
	}
	.new_rtxt {
	    margin-top: 15px;
	    padding-top: 15px;
		font-size: 12px;
		line-height: 25px;
	}
	.new_list .img,
	.about_box .right img{
		border-radius: 5px;
	}
	
	.solution_list li{
		margin-bottom: 80px;
	}
	.solution_list li .right .txt{
		margin-top: 15px;
		font-size: 14px;
		line-height: 28px;
	}
	.down_cont li .info,
	.down_btn a{
		height: 32px;
		line-height: 32px;
	}
	.down_btn{
		width: 70px;
	}
	.down_cont li .info p{
		padding: 0 5px;
	}
	.contact_cont {
	    margin-top: 30px;
	}
	.cont_left .inside_title {
	    padding-bottom: 20px;
	}
	.information {
	    margin-top: 20px;
	}
	.information dd {
	    font-size: 12px;
		margin-bottom: 12px;
	}
	.information dd span {
	    /*width: 32px;*/
	    margin-right: 10px;
	}
	.cont_left .p {
	    margin-top: 20px;
	    font-size: 16px;
	}
	.icon_list span{
		width: 95px;
		height: 40px;
	}
	.icon_list span img{
		height: 18px;
	}
	.input_section input, .input_section textarea,.input_section span {
	    font-size: 12px;
	    padding: 0 11px;
	}
	.input_section span a{
		font-size: 12px;
	}
	.input_section textarea{
		padding: 11px;
	}
	.input_section {
	    height: 45px;
	    line-height: 45px;
	    margin-bottom: 10px;
	}
	.txt_section{
		height: 100px;
	}
	.cont_form .tip {
	    font-size: 12px;
	    line-height: 18px;
	}
	.banner .b_txt h2{
		font-size: 36px;
	}
	.banner .b_txt h3{
		font-size: 26px;
	}
}

@media only screen and (max-width: 900px) {
	.search_box {
	    width: 260px;
	    margin-top: 20px;
	}
	.search_box input {
	    height: 37px;
	    font-size: 12px;
		padding: 0 15px;
	}
	.search_btn{
		width: 45px;
	}
	.down_cont li .img{
		padding: 15px 0;
	}
	.banner .b_txt h2{
		font-size: 34px;
	}
	.banner .b_txt h3{
		font-size: 24px;
	}
	.banner .more_btn{
		margin-top: 15px;
	}
}

@media only screen and (max-width: 768px) {
	.container {
		padding: 0 40px;
		width: 100%;
	}

	.header {
		padding: 0 20px;
	}

	.h_head {
		height: 60px;
	}

	.ht {
		padding-top: 60px;
	}

	.logo {
		width: 17%;
	}

	.nav_icon {
		display: flex;
	}

	.naver {
		position: fixed;
		width: 100%;
		left: 0;
		top: 60px;
		height: 0;
		z-index: 101;
		transition: all ease-in-out .4s;
	}

	.naver.fold {
		height: 100vh;
	}

	.naver ul {
		margin-top: 20px;
		height: 100%;
		overflow-y: scroll;
	}

	.naver ul li {
		width: 100%;
		display: block;
		text-align: left;
		line-height: 45px;
	}

	.naver ul li>a.navYi {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.naver ul li a {
		text-align: left !important;
		padding: 0 20px;
	}

	.s_nav {
		position: static;
		padding-left: 10px;
	}

	.naver ul li a {
		font-size: 12px;
		line-height: 30px;
	}
	
	.naver li::after{
		display: none;
	}

	.language {
		right: 50px;
	}

	.banner .swiper-pagination {
		bottom: 10px;
	}

	.banner .swiper-pagination-white .swiper-pagination-bullet {
		width: 9px;
		height: 9px;
	}

	.banner .swiper-pagination-white .swiper-pagination-bullet-active {
		width: 30px;
	}

	.p100 {
		padding: 30px 0;
	}

	.tit_h2 {
		font-size: 14px;
	}

	.about_tit {
		font-size: 18px;
		line-height: 29px;
		margin-top: 10px;
	}

	.about p {
		font-size: 14px;
		margin-top: 15px;
		line-height: 26px;
	}

	.more_btn {
		width: 100px;
		height: 30px;
		margin-top: 20px;
	}

	.index_swiper p {
		font-size: 13px;
		line-height: 24px;
	}

	.index_swiper .swiper-pagination-bullet {
		width: 7px;
		height: 7px
	}
	.index_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	    margin: 0 4px;
	}
	.new_project .tit h3 {
	    font-size: 20px;
	    margin-top: 4px;
	}
	.pro_list li {
	    margin-top: 20px;
	}
	.new_box .new_list{
		margin-top: -20px!important;
	}
	.index_box2 .info h2 {
	    font-size: 18px;
	    line-height: 28px;
	}
	.index_box2 .info .more_btn {
	    margin-top: 20px;
	}
	.new_box .info h2{
		font-size: 14px;
	}
	.new_box .info .txt{
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px;
	}
	.new_box .info .more{
		margin-top: 15px;
		font-size: 12px;
	}
	.remark{
		margin-top: 20px;
		display: block;
	}
	.foot_cont p span:first-child{
		width: 70px;
	}
	.foot_cont p{
		margin-top: 10px;
	}
	.foot_cont{
		margin-top: 15px;
	}
	.index_box2 .cont{
		padding: 20px 0;
		position: static;
	}
	.index_box2 .bg{
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.about_box .inside_title h3{
		width: auto;
	}
	.banner .b_info h2 {
	    font-size: 25px;
	    line-height: 28px;
	}
	.banner .b_info .arrow{
		font-size: 12px;
	}
	.banner .b_info .arrow img{
		height: 15px;
	}
	.inside_title h3 {
	    font-size: 18px;
	    line-height: 27px;
	}
	.about_box .left .txt{
		margin-top: 15px;
		font-size: 14px;
		line-height: 28px;
	}
	.about_list li span {
	    font-size: 12px;
		margin-top: 10px;
	}
	.coop_list {
	    margin-top: 20px;
	}
	.coop_list li{
		height: auto;
		height: 45px;
		margin-bottom: 20px;
	}
	.pro_tab a {
	    font-size: 12px;
	    margin-right: 15px;
	}
	.pro_right{
		margin-top: 10px;
	}
	.proin_swiper .swiper-pagination-bullet {
	    width: 6px;
	    height: 6px;
	}
	.proin_swiper .swiper-pagination{
		line-height: 1;
	}
	.project_cont .mySwiper .swiper-slide,
	.project_cont .mySwiper .swiper-slide img{
		border-radius: 5px;
	}
	.pro_right dl dd p {
	    font-size: 12px;
	}
	.pro_right dl dd {
	    margin-top: 10px;
	}
	.project_list li .info .p1 {
	    font-size: 16px;
	}
	.project_list li .info .p2 {
	    font-size: 12px;
	}
	.project_list li .info {
	    padding: 10px 0;
	}
	.mt60{
		margin-top: 20px;
	}
	.pro_info .swiper-pagination{
		margin-top: 20px;
	}
	.pro_info .info h2{
		margin-top: 10px;
	}
	.pinfo_list li {
	    margin-top: 20px;
	}
	.pinfo_list li .icon {
	    width: 50px;
	}
	.pinfo_list li span{
		font-size: 14px;
	}
	.pinfo_list {
	    margin-top: 10px;
	}
	.pinfo_list li .txt{
		margin-top: 5px;
	}
	.pro_info .swiper-pagination {
	    margin-top: 10px;
	}
	.solution_list li {
	    margin-bottom: 60px;
	}
	.down_cont{
		flex-wrap: wrap;
	}
	.down_cont li{
		width: 48%;
		margin-top: 20px;
	}
	.down_cont li:nth-child(-n+2){
		margin-top: 0;
	}
	.down_list li{
		margin-bottom: 15px;
	}
	.down_list .li{
		padding: 15px;
	}
	.down_list .li .left .img {
	    width: 75px;
	}
	.down_list .li .left p{
		font-size: 14px;
	}
	.down_cont li .info, .down_btn a {
	    height: 29px;
	    line-height: 29px;
	}
	.down_btn {
	    width: 65px;
		border-radius: 3px;
	}
	.down_btn img{
		width: 7px;
	}
	.down_cont li .img{
		border-radius: 5px;
	}
	.search_box {
	    width: 180px;
	    margin-top: 12px;
	}
	.search_box input {
	    height: 27px;
	    padding: 0 10px;
		max-width: 80%;
	}
	.search_btn {
	    width: 35px;
	}
	.search_btn img {
	    width: 13px;
	}
	.new_info nav a {
	    font-size: 12px;
	}
	.new_info nav a::after{
		width: 4px;
		height: 8px;
		margin: 0 7px;
	}
	.info_title h2 {
	    font-size: 20px;
		line-height: 28px;
	}
	.newinfo_cont {
	    margin-top: 10px;
	}
	.info_title .p p{
		margin-left: 20px;
		font-size: 12px;
	}
	.con_info{
		display: block;
	}
	.cont_left,
	.cont_form{
		width: 100%;
	}
	.cont_form{
		margin-top: 30px;
	}
	.contact_cont .more_btn{
		margin-top: 20px;
	}
	
	.banner .b_txt h2{
		font-size: 30px;
	}
	.banner .b_txt h3{
		font-size: 20px;
	}
	.index_swiper .swiper-pagination {
		transform: translateY(-30px);
	}
	
	.header:not(.inside_header):hover, .header:not(.inside_header):hover .naver{
		background-color: #90be3d;
	}
	.header:not(.inside_header):hover .logo2{
		opacity: 0;
		display: none;
	}
	.header:not(.inside_header):hover .logo1 {
	    opacity: 1;
	    display: inline-block;
	}
	.header:not(.inside_header):hover .language span.on{
		background-color: #fff;
		color: #105e31;
	}
	.header:not(.inside_header):hover .language span{
		color: #fff;
	}
	.header:not(.inside_header):hover .naver ul li a{
		color: #fff;
	}
	img{
		max-width: 100%!important;
	}
	.project_list li{
		width: 48%;
		margin-top: 20px;
	}
	.project_list{
		margin-top: -20px;
	}
	.naver li:hover a {
		color: #fff !important;
	}
	.project_list li{
		width: 48%;
		margin-right: 4%;
	}
	.project_list li:nth-child(3n){
		margin-right: 4%;
	}
	.project_list li:nth-child(2n){
		margin-right: 0;
	}
	.foot_left{
		max-width: 100%;
	}
}

@media only screen and (max-width: 650px) {
	.container {
		padding: 0 20px;
	}

	.language {
		right: 40px;
	}

	.language span {
		width: 25px;
		height: 25px;
		margin-left: 2px;
		font-size: 12px;
	}

	.logo {
		width: 26%;
	}
	.index_box2 .info h2 {
	    font-size: 15px;
	    line-height: 24px;
	}
	.footer{
		padding: 0 25px;
	}
	.pro_list li{
		margin-top: 13px;
		width: 47%;
	}
	.new_box .new_list{
		margin-top: -13px!important;
	}
	.pro_list li:nth-child(3n){
		margin-right: 3%;
	}
	.pro_list li:nth-child(2n){
		margin-right: 0;
	}
	.new_project .tit h3 {
	    font-size: 18px;
	    margin-top: 1px;
	}
	.new_box .info .more {
	    margin-top: 10px;
	}
	.new_box .info .txt{
		margin-top: 5px;
	}
	.pro_list li .info .p1 {
	    font-size: 13px;
	}
	.pro_list li .info {
	    margin-top: 5px;
	}
	.index_swiper p {
	    font-size: 12px;
	    line-height: 20px;
	}
	.index_swiper .swiper-pagination{
		line-height: 0;
		transform: translateY(-20px);
	}
	.banner .swiper-pagination-white .swiper-pagination-bullet {
	    width: 6px;
	    height: 6px;
	}
	.banner .swiper-pagination-white .swiper-pagination-bullet-active {
	    width: 25px;
	}
	.banner .b_info h2 {
	    font-size: 18px;
	    line-height: 22px;
	}
	.banner .b_info h3 {
	    font-size: 12px;
	}
	.about_box{
		padding: 0 35px;
	}
	.inside_title h3 {
	    font-size: 16px;
	    line-height: 23px;
	}
	.about_box .left .txt {
	    margin-top: 10px;
	    font-size: 12px;
	    line-height: 23px;
	}
	.about_list {
	    margin-top: 20px;
	}
	.about_list li .icon {
	    height: 25px;
	}
	.about_box .right {
	    width: 100%;
	    margin: 30px auto 0;
	}
	.coop_list li{
		width: 22%;
		margin-bottom: 10px;
	}
	.project_cont{
		display: block;
	}
	.project_cont .pro_left,
	.project_cont .pro_right{
		width: 100%;
	}
	.project_list li .img,
	.pro_list li .img{
		border-radius: 5px;
	}
	.project_list li .info {
	    padding: 5px 0;
	}
	.project_list li .info .p1 {
	    font-size: 14px;
	}
	.project_list li .info .p2 {
	    font-size: 12px;
	}
	.solution_list li{
		display: block;
		margin-bottom: 30px;
	}
	.solution_list li .right{
		width: 100%;
		margin-top: 20px;
	}
	.solution_list li .left{
		width: 85%;
	}
	.solution_list li:nth-child(2n) .left{
		margin-left: auto;
	}
	.solution_list li .right .txt{
		font-size: 12px;
		line-height: 24px;
		margin-top: 10px;
	}
	.solution_list li:nth-child(2n) .right{
		margin-top: 40px;
	}
	.down_cont{
		display: flex;
	}
	.banner .b_info{
		bottom: 15%;
	}
	.down_btn {
	    width: 55px;
	}
	.down_cont li .info, .down_btn a {
	    height: 26px;
	    line-height: 26px;
	}
	.down_list .li .left p,
	.down_cont li .info p{
	    font-size: 13px;
	}
	.down_btn img {
	    width: 6px;
	    margin-left: 2px;
	}
	.down_btn a {
	    font-size: 10px;
	}
	.down_cont li .img {
	    padding: 10px 0;
	}
	.more_btn a img {
	    width: 13px;
	}
	.more_btn2 a img {
	    width: 8px;
	}
	.foot_cont p span{
		margin-right: 10px;
	}
	.info_title h2 {
	    font-size: 18px;
	    line-height: 26px;
	}
	.info_title .p {
	    margin-top: 6px;
		display: block;
	}
	.info_title .p .p1{
		justify-content: flex-start;
		margin-top: 10px;
	}
	.info_title .icon_list2 span{
		height: 14px;
		margin-right: 10px;
	}
	.info_txt {
	    font-size: 12px;
	    line-height: 27px;
	}
	.icon_list span img {
	    height: 16px;
	}
	.contact_cont .more_btn{
		margin-top: 15px;
	}
	.new_rtxt{
		padding-top: 10px;
		line-height: 22px;
	}
	.contact_cont{
		margin-top: 25px;
	}
	.adver_tab a{
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}
	.advertise_list .li_tit p, .advertise_list .li_info .txt span {
	    font-size: 14px;
	}
	.advertise_list .li_info {
	    padding: 20px 0;
	}
	.advertise_list li{
		margin-top: 10px;
		padding: 0 10px;
	}
	.advertise_list .li_tit {
	    padding: 10px 0;
	}
	.advertise_list .li_info .txt div {
	    margin-top: 7px;
	    margin-bottom: 15px;
	    font-size: 12px;
	    line-height: 21px;
	}
	.advertise_list .li_tit p img{
		width: 5px;
	}
	.new_box .info .txt{
		-webkit-line-clamp: 2;
	}
	.input_section {
	    height: 40px;
	    line-height: 40px;
	}
	.cont_form {
	    margin-top: 25px;
	}
	.txt_section{
		height: 80px;
	}
	.banner .b_txt h2{
		font-size: 26px;
	}
	.banner .b_txt h3{
		font-size: 16px;
	}
	.banner .more_btn{
		margin-top: 10px;
	}
	.index_swiper .info{
		width: 75%;
	}
	.project_list{
		margin-top: -15px;
	}
	.project_list li{
		width: 48%;
		margin-top: 15px;
	}
}

@media only screen and (max-width: 480px) {
	.h_head {
		height: 50px;
	}

	.ht {
		padding-top: 50px;
	}

	.naver {
		top: 50px;
	}

	.contact {
		padding: 25px 0 20px;
	}
	.down_list .li .left .img {
	    width: 65px;
	}
	
	.banner .b_txt h2{
		font-size: 19px;
	}
	.banner .b_txt h3{
		font-size: 14px;
	}
	.banner .more_btn{
		margin-top: 8px;
	}
	
	.index_swiper .swiper-pagination {
		transform: translateY(-20px);
	}
}

@media only screen and (max-width: 330px) {
	.mt60 {
	    margin-top: 15px;
	}
	.advertise_list .li_tit p, .advertise_list .li_info .txt span {
	    font-size: 12px;
	}
	.advertise_list .li_tit p img{
		margin-left: 6px;
	}
	.adver_tab a{
		height: 30px;
		line-height: 30px;
	}
	.container {
	    padding: 0 16px;
	}
	.advertise_list .li_info {
	    padding: 15px 0;
	}
	.banner .b_info h2 {
	    font-size: 15px;
	    line-height: 19px;
	}
	.contact_cont {
	    margin-top: 20px;
	}
}
