@media screen and (max-width: 1800px) {

	.preowb_tinfor h3 {

		font-size: 15px;

	}

	.preowb_title {

		padding: 20px 15px;

	}

	.preowb_title img {

		right: 15px;

	}

	.oter_othweb a {

		padding: 0 15px;

		font-size: 14px;

		height: 45px;

		line-height: 45px;

	}

}



@media screen and (max-width: 1600px) {
	.header,.hd_right{height: 110px;}
	.naver{
		width: 90%;
		padding-left: 40px;
	}
	.naver ul li>a{padding: 0 16px;  font-size: 15px;line-height: 110px;}
	a.logo{
		padding-top: 15px;
	}
	a.logo img{height: 80px;}
	.two_nav{top: 110px;}
	.two_nav dl,.three_navlist{
		padding-left: 146px;
		padding-right: 0;
	}
	.two_nav dl dd>a{
		line-height: 78px;
		font-size: 15px;
	}
	.three_nav{
		padding: 30px 0;
	}
	.three_navlist a{
		font-size: 15px;margin-right: 70px;
	}
	.hd_webkit h2{
		line-height: 110px;
	}
	.oter_othweb a{
		font-size: 16px;
		line-height: 50px;
		height: 50px;
	}
	.preowb_tinfor h3{
		font-size: 16px;
	}
	.adv_content{
		padding: 55px;
	}
	.adv_cmleft h2{
		font-size: 46px;
		line-height: 58px;
	}
	.hddistance{
		padding-top: 110px;
	}
	.i2_title{
		font-size: 32px;
	}
	.ft1_nav ul li>h3,.ft1_cp1 h3,.ft1_cp2 h3{
		font-size: 18px;
	}
	.ft1_nav dl dd a{
		font-size: 14px;
	}
	.ft1_nav ul li{margin-right: 25px;}
	.ft1_nav dl dd {
	    margin-bottom: 14px;
	}
	.ft1_cp1 .infor h2{
		font-size: 30px;
	}
	.ft1_ccode img{height: 120px;}
	.ft1_nav ul li>h3{
		margin-bottom: 20px;
	}
	.ft1_cp2link{
		margin-left: 10px;
	}
	.ft1_cp2link a {
	    margin-right: 20px;
	}
	.ft1_cp2link a img{height: 38px;}
	.ft1_cphone {
	    margin-right: 30px;
	}
	.i1_lvideo{height: 440px;}
	.pb_inner h2{
		font-size: 42px;
	}
	.profile_list li{height: 384px;}
	.profile2 h2,.brand_lmain>h2{
		font-size: 28px;
	}
	.htyl_cdata{
		font-size: 22px;
	}
	.history_list li:hover .htyl_cdata{
		font-size: 28px;
	}
	.prot_olist ul li > a{
		font-size: 16px;
		margin-right: 35px;
	}
	.prot_olist ul li {
	    padding: 30px 0;
	}
	.prot_tllist {
	    padding: 36px 0;
	}
	.prot_tllist a{
		font-size: 16px;
	}
	.prot_tllist dd{
		margin-right: 50px;
	}
	.pro_cinfor span,.product_dother h2{
		font-size: 22px;
	}
	.product_dmain h2{
		font-size: 32px;
	}
	.pro_cip h3,.case_dmdetails h2{
		font-size: 22px;
	}
	.case_swiper{
		height: 522px;
	}
	.case_stimg{
		height: 115px;
	}
	.news_rgmain>h2,.news_ltitle{
		font-size: 44px;
	}
	.news_rglinfor h2{
		font-size: 32px;
	}
	.news_rglcont{height: 515px;}
	.news_lsminfor h3{
		font-size: 32px;
	}
	.news_lsmain{
		height: 367px;
	}
	.news_llimg{height: 300px;}
	.news_llinfor h2{
		margin-bottom: 25px;
		font-size: 22px;
		line-height: 28px;	
	}
	.news_llinfor{
		height: 265px;
	}
	.news_dmtitle{
		font-size: 32px;
	}
	.cooper_title{
		font-size: 28px;
	}
	.cp1_lctitle span{
		font-size: 22px;
	}
	.cp1_lctitle img{height: 40px;}
	.cp4_scont h2,.cp5_mcont h2{
		font-size: 22px;
	}
	.cp5_mrp h5{
		width: 38%;
	}
	.cp5_mrp h6{
		width: 60%;
	}
	.cp5_mlphone {
		font-size: 44px;
	}
	.join1_citem>h2,.join1_citem>h4{
		font-size: 22px;
	}
	.contact_tlist li h2{
		font-size: 22px;
	}
	.contact_tlist li .txt{
		font-size: 16px;
	}
	.search_rh1{
		font-size: 44px;
		padding-bottom: 40px;
	}
	.search_rform h3{
		width: 12%;
	}
	.search_rfinp{
		width: 86%;
	}

	

	.logo1 {

		margin-bottom: 20px;

	}

	.logo1 img {

		height: 120px;

	}

	.guide_h1 p {

		font-size: 20px;

		line-height: 54px;

	}

	.guide_h2 {

		height: 64px;

	}

	.guide_info1 h2 {

		font-size: 12px;

	}

	.guide_info1 h3 {

		font-size: 14px;

	}

	.guide_language {

		font-size: 15px;

	}

	.guide_h3 ul li a {

		height: 46px;

		font-size: 14px;

	}

	.guide_h3 ul {

		max-height: 184px;

	}

	.guide_bottom {

		font-size: 14px;

		margin-top: 12px;

	}

	.guide_info1 a {

		height: 22px;

		font-size: 14px;

	}

	.guide_info1 h2 {

		font-size: 14px;

	}
}
@media screen and (max-width: 1560px) {
	.ft1_cp1 .infor h2 {
	    font-size: 24px;
	}
	.ft1_nav ul li>h3, .ft1_cp1 h3, .ft1_cp2 h3 {
	    font-size: 16px;
	}
}
@media screen and (max-width: 1440px) {

	.oter_othweb a{

		font-size: 14px;

	}
	.oter_othweb a span{
		width: 62%;

		font-size: 14px;
	}
	.hd_webkit{
		padding-left: 20px;
	}
	.preowb_title{
		padding: 20px;
	}
	.preowb_title img{
		right: 20px;
	}
	.oter_othweb a{
		padding-left: 20px;
		padding-right: 15px;
	}
	.naver{
		padding-left: 15px;
	}
	.naver ul li>a{
		padding: 0 14px;
	}
	.two_nav dl, .three_navlist{
		padding-left: 134px;
	}
	.adv_cmleft h2 {
	    font-size: 43px;
	    line-height: 56px;
	}
	.i2_title {
	    font-size: 28px;
		padding-bottom: 30px;
	}
	.ft1_nav dl dd a {
	    font-size: 13px;
	}
	.ft1_nav dl dd {
	    margin-bottom: 10px;
	}
	.ft1_nav ul li>h3 {
	    margin-bottom: 14px;
	}
	.ft1_cp1 .infor h2 {
	    font-size: 20px;
		line-height: 22px;	
	}
	.ft1_cp1 .infor h5{
		font-size: 13px;	
	}
	.ft1_cp2link a img {
	    height: 30px;
	}
	.ft1_ccode img {
	    height: 100px;
	}
	.ft1_cp2{
		margin-top: 20px;
	}
	.ft1_mcont{
		margin-top: 35px;
	}
	.ft1_cphone {
	    margin-right: 22px;
	}
	.profile_list li{height: 345px;}
	.profile2 h2,.brand_lmain>h2{
		font-size: 26px;
	}
	.history_list li:hover .htyl_cdata{
		font-size: 26px;
	}
	.prom1_left,.prom1_right,.prom2_cont{height: 273px;}
	.product_dmain {
	    margin-top: 50px;
	}
	.product_dmain h2 {
	    font-size: 28px;
	}
	.prodm_stimg{
		height: 174px;
	}
	.prodm_sthumb .swiper-button-prev, .prodm_sthumb .swiper-button-next{
		height: 174px;
	}
	.pro_cip h3,.case_dmdetails h2{
		font-size: 20px;
	}
	.case_stimg{
		height: 100px;
	}
	.case_swiper{
		height: 470px;
	}
	.news_rgmain>h2,.news_ltitle {
	    font-size: 38px;
	}
	.news_lsminfor h3 {
	    font-size: 28px;
	}
	.news_lsminfor .txt{
		font-size: 16px;
	}
	.news_lsmain{
		height: 330px;
	}
	.news_lsmdata .time h5{
		font-size: 24px;
	}
	.news_llimg{height: 270px;}
	.news_llinfor h2 {
	    margin-bottom: 20px;
	    font-size: 20px;
	    line-height: 24px;
	}
	.news_lul li{margin-top: 80px;}
	.news_dmtitle {
	    font-size: 28px;
	}
	.cp1_lcinfor .txt{
		font-size: 16px;
		line-height: 26px;
	}
	.join1_tsel select{
		height: 72px;
		line-height: 72px;
	}
	.join1_tserach{height: 72px;}
	.contact_tlist li{
		height: 280px;
		padding: 35px 20px;
	}
	.ct_tlink a{
		font-size: 16px;
		margin-right: 60px;
		line-height: 100px;
	}
	.contact_tab{height: 100px;}
	.search_rh1{
		font-size: 38px;
	}

	

	
}

@media screen and (max-width: 1366px) {

	.two_nav dl dd{margin-right: 22px;}
	a.logo img {
	    height: 70px;
	}
	a.logo{width: 75px;padding-top: 10px;}
	.header, .hd_right {
	    height: 90px;
	}
	.naver ul li>a,.hd_webkit h2{line-height: 90px;}
	.naver ul li>a {
	    padding: 0 10px;
	}
	.two_nav {
	    top: 90px;
	}
	.two_nav dl, .three_navlist {
	    padding-left: 115px;
	}
	.two_nav dl dd>a{
		line-height: 70px;

		font-size: 14px;
	}
	.adv_cmleft h2 {
	    font-size: 38px;
	    line-height: 48px;
	}
	.adv_cmrinp input{
		padding: 0 20px;
	}
	.adv_cmrinp input,.adv_submit{
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	.adv_cmrtxare{height: 160px;padding: 20px;}
	.adv_cmleft .txt{
		width: 93%;
	}
	.adv_content {
	    padding: 45px;
	}
	.hddistance{
		padding-top: 90px;
	}
	.ft1_nav ul li {
	    margin-right: 20px;
	}
	.ft1_cp1 .infor h2 {
	    font-size: 18px;
	    line-height: 18px;
	}
	.ft1_cp2link a img {
	    height: 24px;
	}
	.ft1_cp2link a {
	    margin-right: 15px;
	}
	.index1_right .txt{
		font-size: 14px;
		line-height: 24px;
	}
	.i1_lvideo{
		height: 380px;
	}
	.index1_left{
		padding-top: 30px;
		padding-left: 25px;
	}
	.i1_video_btn img{height: 90px;}
	.i1_rmore h2{
		font-size: 16px;
		padding-bottom: 20px;
	}
	.i2_title{
		font-size: 24px;
		padding-bottom: 25px;
	}
	.i2_minfro h2{
		font-size: 16px;
		line-height: 28px;
		height: 54px;

		width: 100%;
	}
	.i2_mimg {
	    width: 140px;
	    height: 134px;
	}
	.index1 {
	    padding-top: 100px;
	    padding-bottom: 85px;
	}
	.profile_list li{height: 330px;margin-bottom: 90px;}
	.profile1 {
	    padding-top: 90px;
	    padding-bottom: 25px;
	}
	.prof_infor .txt {
	    font-size: 15px;
	    line-height: 24px;
	}
	.profile2 h2,.brand_lmain>h2{
		font-size: 22px;
	}
	.profile2 ul{
		margin-top: 70px;
	}
	.profile_list1 .prof_ipage h4{
		font-size: 16px;
	}
	.profile_list1 .prof_ipage h6{
		font-size: 15px;
	}
	.htyl_cinfor .txt{
		width: 90%;
		font-size: 16px;
		line-height: 26px;
	}
	.history_list li:hover .htyl_cdata{
		font-size: 22px;
	}
	.htyl_cdata::after{
		width: 50px;
		height: 50px;
		right: -25px;
	}
	.history_list li:nth-child(2n) .htyl_cdata::after{
		left: -25px;
	}
	.history_main{
		padding-bottom: 50px;
	}
	.hist_more{
		padding: 28px 0;
	}
	.hist_more span{
		font-size: 16px;
	}
	.htyl_cinfor{
		padding: 0 60px;
	}
	.prom1_left, .prom1_right, .prom2_cont {
	    height: 260px;
	}
	.product_list li{
		margin-bottom: 45px;
	}
	.prot_olist ul li > a {
	    font-size: 15px;
	    margin-right: 25px;
	}
	.prot_tllist a {
	    font-size: 15px;
	}
	.pro_cinfor span ,.product_dother h2{
	    font-size: 18px;
	}
	.pro_cinfor img{height: 32px;}
	.pro_cinfor{
		bottom: 30px;
	}
	.product_dmain h2 {
	    font-size: 26px;
	    padding-bottom: 30px;
	}
	.prodm_dmp .txt{
		width: 80%;
		font-size: 16px;
		line-height: 26px;
	}
	.prodm_dmp h4{
		width: 14%;
	}
	.pro_cip h3{
		font-size: 18px;
		margin-bottom: 6px;
	}
	,.case_dmdetails h2{
		font-size: 18px;
	}
	.case_main .pro_cinfor {
	    bottom: 26px;
	}
	.case_sthumb{
		padding: 40px 15px;
	}
	.case_sthumb .swiper-button-prev {
	    top: 10px;
	}
	.case_sthumb .swiper-button-next {
	    bottom: 10px;
	}
	.case_swiper{
		height: 445px;
	}
	.case_stimg{height: 108px;}
	.case_dmp h4{
		font-size: 14px;
		width: 30%;
	}
	.case_dmp .txt{
		width: 68%;
		font-size: 14px;
	}
	.news_rgmain>h2 ,.news_ltitle{
	    font-size: 34px;
	}
	.news_region{
		padding: 60px 0 100px;
	}
	.news_rglcont{
		height: 440px;
	}
	.news_rglinfor h2 {
	    font-size: 28px;
	}
	.news_lsmain{
		height: 314px;
	}
	.news_lsminfor h3 {
	    font-size: 26px;
	    line-height: 32px;
		margin-bottom: 30px;
	}
	.news_lsmdata .time h5,.news_lsmdata .time h6 {
	    font-size: 22px;
	}
	.news_llimg{height: 256px;}
	.news_llinfor {
	    height: 220px;
	    padding: 30px 20px;
	}
	.news_llinfor .txt{
		font-size: 16px;
		line-height: 22px;
	}
	.news_llinfor h5{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.news_lul li {
	    margin-top: 60px;
	}
	.news_dmtitle {
	    font-size: 24px;
		line-height: 38px;
	}
	.news_dmain {
	    margin-top: 40px;
	}
	.news_dmcont{
		margin: 60px 0;
	}
	.cooper1_list li{
		height: 280px;
		padding: 35px 25px;
	}
	.cooper_title {
	    font-size: 24px;
	}
	.cooperation {
	    padding-top: 80px;
	    padding-bottom: 30px;
	}
	.cp2_linfor .txt{
		width: 76%;
		font-size: 16px;
		line-height: 22px;
	}
	.cooper2 {
	    margin-bottom: 120px;
	}
	.cp2_limg{
		width: 200px;
		height: 200px;
	}
	.cp3_linfor .txt{
		font-size: 16px;
		line-height: 22px;
	}
	.cooper3{
		margin-bottom: 100px;
	}
	.cp4_scont h2, .cp5_mcont h2 {
	    font-size: 20px;
	}
	.cp4_scont{
		padding: 50px 20px 40px;
	}
	.cp4_scimg img{height: 100px;}
	.cp5_mlphone {
	    font-size: 40px;
	}
	.cp5_mcont{
		width: 90%;
	}
	.cp5_mrp h5{
		width: 32%;
	}
	.cp6_mfinp input,.cp6_mfsel select{
		height: 60px;
		padding: 0 30px;
		line-height: 60px;
		font-size: 16px;
	}
	.cp6_mftxare textarea{
		padding: 20px 30px;
		font-size: 16px;
	}
	.join1_tsel select{
		padding: 0 25px;
		font-size: 16px;
		height: 64px;
		line-height: 64px;
	}
	.join1_tserach{
		height: 64px;
		padding: 0 25px;
	}
	.join1_tserach input{
		font-size: 16px;
	}
	.join1_citem{
		padding: 40px 25px;
	}
	.joinus {
	    padding-top: 90px;
	    padding-bottom: 70px;
	}
	.contact_tlist li .txt {
	    font-size: 14px;
	}
	.contact_img{
		height: 640px;
	}
	.search_rh1{
		font-size: 34px;
		padding-bottom: 30px;
	}
	.search_rlp h3,.search_rlp .txt{
		font-size: 16px;
	}
	.search_rli a{
		padding: 20px 0;
	}
}

@media screen and (max-width: 1200px) {
	.m_header{
		display: block;
	}
	.header{
		display: none;
	}
	.adv_cmleft h2 {
	    font-size: 35px;
	    line-height: 42px;
	}
	.adv_contact {
	    margin-top: 48px;
	}
	.ft1_nav{
		display: none;
	}

	.ft1_contact{

		width: 100%;

		align-items: center;

		margin-left: 0;

	}
	.ft1 {

	    padding: 20px 0;
	}

	.ft1_cp1 h3{

		font-size: 14px;

	}

	.ft1_cp1 .infor h2{

		font-size: 16px;

	}

	.ft1_cp1 .infor h5 {

	    font-size: 12px;

	}

	.ft1_ccode img{height: 60px;}
	.ft1_logo{
		text-align: center;
	}
	.ft2{
		padding: 15px 0;
		font-size: 14px;
	}
	.hddistance {
	    padding-top: 56px;
	}
	.prom1_left, .prom1_right, .prom2_cont {
	    height: 227px;
	}
	

	

	.logo1 {

		margin-bottom: 25px;

	}

	.logo1 img {

		height: 100px;

	}

	.guide_h1 p {

		font-size: 18px;

		line-height: 50px;

	}

	.guide_h3 .title {

		line-height: 42px;

	}

	.guide_h3 ul li a {

		font-size: 12px;

		height: 46px;

	}

	.guide_bottom {

		font-size: 12px;

		margin-top: 10px;

	}
}

@media (max-width: 1199px) and (min-width: 768px) {
	.cooper1_list li {
		height: 350px;
		padding: 35px 25px;
	}
	.adv_cmleft,.adv_cmright{
		float: none;
		width: 100%;
	}
	.adv_content {
		max-height: 80%;
	    padding: 30px;
		overflow-y: auto;
	}
	.adv_cmleft h2 {
	    font-size: 26px;
	    line-height: 30px;
	}
	.adv_cmleft .txt{
		width: 100%;
		font-size: 16px;
		margin-top: 15px;
		line-height: 20px;
	}
	.adv_contact {
	    margin-top: 24px;
	}
	.adv_ctp img{height: 20px;}
	.adv_ctp span{
		font-size: 16px;
		padding-left: 10px;
	}
	.adv_ctp{
		margin-bottom: 15px;
	}
	.adv_cmright{margin-top: 15px;}
	.adv_cmrinp input, .adv_submit {
	    height: 40px;
	    line-height: 40px;
	    font-size: 15px;
	}
	.adv_cmrtxare textarea{font-size: 15px;}
	.adv_cmrtxare {
	    height: 130px;
	    padding: 12px;
		margin-bottom: 15px;
	}
	.adv_cmrinp input {
	    padding: 0 12px;
		margin-bottom: 12px;
	}
	.index1 {
	    padding-top: 70px;
	    padding-bottom: 55px;
	}
	.pb_sb{bottom: 30px;}
	.pb_btn .swiper-pagination{
		font-size: 14px;
		padding: 10px 0;
	}
	.pb_btn{
		bottom: 20px;
	}
	.index1_right .txt{
		-webkit-line-clamp: 4;
	}
	.index1_left {
	    padding-top: 20px;
	    padding-left: 15px;
	}
	.i1_lvideo {
	    height: 220px;
	}
	.i1_rmore{margin-top: 25px;}
	.index2 {
	    padding-bottom: 20px;
	}
	.i2_mlist ul li{
		width: 33.33%;
		margin-bottom: 40px;
	}
	.ft2{
		padding: 15px 6px;
	}
	.pb_inner h2 {
	    font-size: 36px;
	}
	.htyl_cinfor .txt{
		font-size: 14px;
		line-height: 22px;
	}
	.brand_list li {
	    margin-top: 80px;
	}
	.product_tab{
		display: none;
	}
	.prodm_stimg{
		height: 128px;
	}
	.prodm_sthumb .swiper-button-prev, .prodm_sthumb .swiper-button-next{height: 128px;}
	.prodm_sthumb{
		padding: 20px;
	}
	.prodm_sthumb .swiper-container {
	    width: 84%;
	}
	.product_dmain h2 {
	    font-size: 22px;
	    padding-bottom: 22px;
	}
	.product_details{
		padding-top: 40px;
	}
	.case_dmain {
	    margin-top: 50px;
	    margin-bottom: 55px;
	}
	.case_swiper{
		float: none;
		width: 100%;
		height: 380px;
	}
	.case_stimg{height: 88px;}
	.case_dmdetails{
		float: none;
		width: 100%;
	}
	.case_dmdetails h2{
		padding-bottom: 20px;
	}
	.case_dmpage {
	    margin-top: 30px;
	}
	.case_dmp h4{
		width: 18%;
	}
	.case_dmp .txt{
		width: 70%;
	}
	.case_sthumb .swiper-slide-thumb-active .case_stimg{
		border: 3px solid #000;
	}
	.news_rglist {
	    margin-top: 40px;
	}
	.news_rgmain>h2 ,.news_ltitle{
	    font-size: 30px;
	}
	.news_rglcont{height: 248px;}
	.news_rglinfor h2 {
	    font-size: 22px;
	}
	.news_list{
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.news_lsmain{
		height: 200px;
	}
	.news_lsminfor{
		padding: 0 30px;
	}
	.news_lsminfor h3 {
	    font-size: 22px;
	    line-height: 28px;
	    margin-bottom: 16px;
	}
	.news_lsminfor .txt {
	    font-size: 15px;
	    line-height: 22px;
	    margin-bottom: 25px;
	}
	.news_lsminfor img{height: 20px;}
	.news_lsmdata .time h5, .news_lsmdata .time h6 {
	    font-size: 18px;
	}
	.news_lsmdata img{height: 20px;}
	.news_lsmdata .time h5{
		padding-bottom: 5px;
	}
	.news_lsmdata .time h6{
		padding-top: 5px;
	}
	.news_llimg{
		height: 150px;
	}
	.news_dmtitle {
	    font-size: 22px;
	    line-height: 32px;
	    width: 80%;
	}
	.news_dmtop {
		padding-bottom: 30px;
	}
	.news_dmcont {
	    margin: 40px 0;
	}
	.news_dmcont .txt{
		font-size: 16px;
		line-height: 30px;
	}
	.news_dmbtn a{
		padding: 20px 0;
		font-size: 16px;
	}
	.news_dmbtn a span{
		width: 90%;
	}
	.cooperation {
	    padding-top: 60px;
	    padding-bottom: 20px;
	}
	.cooper1 {
	    padding-bottom: 40px;
	}
	.cooper1_main {
	    margin-top: 40px;
	}
	.cooper1_list li{
		padding: 20px 10px;
	}
	.cp1_lctitle span {
		width: 78%;
		margin-left: 10px;
	    font-size: 18px;
	}
	.cp1_lctitle img {
	    height: 30px;
	}
	.cp1_lcinfor {
	    margin-top: 25px;
	}
	.cp1_lcinfor .txt {
	    font-size: 14px;
	    line-height: 23px;
	}
	.cooper2_list li{
		width: 50%;
		margin-bottom: 15px;
	}
	.cp2_linfor .txt{
		font-size: 14px;
	}
	.cooper2 {
	    margin-bottom: 80px;
	}
	.cp2_limg{
		width: 160px;
		height: 160px;
	}
	.cp2_linfor {
	    margin-top: 20px;
	}
	.cooper3_list {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		width: 100%;
	}
	.cooper3_list li{
		float: none;
		width: 33.33%;
	}
	.cp3_linfor .txt {
	    font-size: 14px;
	    line-height: 20px;
	}
	.cp3_limg img{height: 120px;}
	.cp3_limg p{
		padding: 10px;
	}
	.cooper5_main {
	    margin-top: 80px;
	}
	.cp5_mleft, .cp5_mright{
		width: 100%;
		height: auto;
		padding: 30px 10px;
	}
	.cp5_mright{
		margin-top: 15px;
	}
	.cp5_mlphone {
		margin-top: 25px;
	    font-size: 36px;
	}
	.joinus {
	    padding-top: 50px;
	    padding-bottom: 40px;
	}
	.join1_tsel{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.join1_tsel select{
		margin-bottom: 25px;
	}
	.join1_tserach{
		width: 100%;
	}
	.join1_citem>h2{
		width: 80%;
	}
	.join1_citem>h2, .join1_citem>h4 {
	    font-size: 18px;
	}
	.join1_citem>h4{
		top: 42px;
	}
	.join1_citem .txt {
	    margin-top: 30px;
	    font-size: 16px;
	    line-height: 28px;
	}
	.ct_tlink a {
	    font-size: 15px;
	    margin-right: 40px;
	    line-height: 70px;
	}
	.ct_tlink{
		white-space: nowrap; 
		overflow-x: auto; 
		-webkit-overflow-scrolling: touch;
	}
	.contact_tab {
	    height: 70px;
	}
	.contact_tlist li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 15px;
		height: 260px;
		padding: 30px 15px;
	}
	.contact_tlist li:nth-child(2n){margin-right: 0;}
	.contact_mtop {
	    margin-bottom: 80px;
	}
	.contact_img{
		height: 360px;
	}
	.search_rlp .txt{
		width: 64%;
	}
	.search_rform h3 {
	    width: 18%;
	}
	.search_rfinp {
	    width: 80%;
	}
	.search_rfinp .inp{
		width: 80%;
		font-size: 16px;
	}
	.search_rfinp .btn{
		width: 20%;
		font-size: 16px;
	}
	.search_rh1{
		font-size: 30px;
	}

	

	.guide_wrap {

		width: 100%;

		padding: 0 4%;

	}
}
@media screen and (max-width: 640px) {
	.prot_olist ul li {
		padding: 20px 0 15px 0;
	}
	.prot_tllist{padding: 15px 0;}
	.prot_two{top: 60px;
		z-index: 123;}
	.cp5_mrp h5{width: 100%;
		padding-left: 11px;}
	.cp5_mrp h6 {width: 60%;}
	.cp5_mrp{display: inline-block;}
	.cooper3_list li{width: 50%;
		height: 310px;}
	.cp2_limg{width: 75px;
		height: 75px;}
	.hddistance{padding-top: 56px;
		overflow-x: hidden;}
	.adv_content{
		padding: 20px;
	}
	.adv_close{
		top: 12px;
		right: 12px;
	}
	.adv_cmleft h2 {
	    font-size: 20px;
	    line-height: 22px;
	}
	.adv_cmleft .txt {
		display: none;
	    width: 100%;
	    font-size: 14px;
	    margin-top: 5px;
	    line-height: 18px;
	}
	.adv_contact {
		display: none;
	    margin-top: 16px;
	}
	.adv_ctp img {
	    height: 16px;
	}
	.adv_ctp span {
	    font-size: 15px;
	    padding-left: 8px;
	}
	.adv_ctp {
	    margin-bottom: 8px;
	}
	.adv_cmrinp input{
		float: none;
		width: 100%;
		padding: 0 10px;
		margin-bottom: 8px;
		font-size: 14px;
		line-height: 30px;
		height: 30px;
	}
	.adv_cmrtxare {
	    height: 110px;
	    padding: 10px;
	}
	.adv_cmrtxare textarea{
		font-size: 14px;
		line-height: 20px;
	}
	.pc_banner{
		width: 100%;
		height: 200px;
	}
	.pb_swiper,.pb_swiper .swiper-container,.pb_inner{
		width: 100%;
		height: 100%;
	}
	.pb_inner img{
		height: 100%;
		object-fit: cover;
	}
	.pb_inner h2{
		top: 38%;
		font-size: 24px;
	}
	.pb_sb {
	    bottom: 20px;

		margin-left: 0;
	}
	.pb_sb img{height: 30px;}
	@keyframes downward{
	    0%{opacity:0; transform:translate(0,-10px);}
	   50%{opacity:1; transform:translate(0,0px);}
	   100%{opacity:0; transform:translate(0,5px);}
	}
	.pb_btn .swiper-pagination {
	    font-size: 12px;
	    padding: 8px 0;
	}
	.pc_banner .swiper-button-next, .pc_banner .swiper-button-prev{
		height: 10px;
		font-size: 0;
		text-align: center;
	}
	.pc_banner .swiper-button-next img, .pc_banner .swiper-button-prev img{height: 10px;}
	.pb_btn {
	    bottom: 15px;
		left: 6%;
	}
	.index1 {
	    padding-top: 35px;
	    padding-bottom: 30px;
	}
	.index1_left,.index1_right{
		display: block;
		width: 100%;
	}
	.i1_video_btn img {
	    height: 56px;
	}
	.index1_right{
		margin-top: 15px;
	}
	.i2_title {
	    font-size: 20px;
	    padding-bottom: 20px;
	}
	.i2_mlist {
	    margin-top: 40px;
	}
	.i2_mlist ul li{
		width: 50%;
		margin-bottom: 25px;
	}
	.i2_mimg {
	    width: 120px;
	    height: 114px;
	}
	.i2_minfro {
	    margin-top: 12px;
	}
	.i2_minfro h2 {
	    font-size: 13px;
	    line-height: 22px;
	    height: 45px;
	}
	.ft2{
		font-size: 12px;
	}
	.ft1_logo img{height: 80px;}
	.profile_list li{
		height: auto;
		margin-bottom: 30px;
	}
	.prof_infor{
		float: none;
		width: 100%;
		display: block;
	}
	.profile1 {
	    padding-top: 40px;
	    padding-bottom: 10px;
	}
	.prof_infor .txt {
	    font-size: 13px;
	    line-height: 20px;
	}
	.prof_img{
		float: none;
		width: 100%;
		margin-top: 15px;
	}
	.profile2 h2 ,.brand_lmain>h2{
	    font-size: 18px;
	}
	.profile2 ul {
	    margin-top: 30px;
	}
	.profile_list1 li:nth-child(2n) .prof_img, .profile_list1 li .prof_infor,.profile_list1 li .prof_img, .profile_list1 li:nth-child(2n) .prof_infor{
		float: none;
	}
	.prof_ipage{
		margin-top: 15px;
	}
	.profile_list1 .prof_ipage h4 {
	    margin-bottom: 12px;
	}
	.profile_list1 .prof_ipage h6{
		margin-bottom: 20px;
	}
	.history{
		padding: 30px 0 15px;
	}
	.history_main {
	    padding-bottom: 20px;
	}
	.history_lcont {
	    padding: 10px 0;
	}
	.htyl_cdata{
		padding: 0 20px;
	}
	.htyl_cinfor {
	    padding: 0 20px;
	}
	.htyl_cdata {
	    font-size: 16px;
	}
	.history_list li:hover .htyl_cdata {
	    font-size: 20px;
	}
	.htyl_cdata::after {
	    width: 30px;
	    height: 30px;
	    right: -15px;
	}
	.history_list li:nth-child(2n) .htyl_cdata::after {
	    left: -15px;
	}
	.htyl_cinfor .txt {
	    font-size: 12px;
	    line-height: 16px;
	    width: 100%;
		text-align: left;
	}
	.hist_more{
		padding: 15px 0;
	}
	.hist_more span {
	    font-size: 15px;
	}
	.history_list li:last-child .history_main::before{
		height: 38%;
	}
	.history_list li:first-child .history_main::after{
		top: 40%;
		height: 80%;
	}
	.brand_list li {
	    margin-top: 40px;
	}
	.brand_lmain .txt{
		width: 92%;
		font-size: 13px;
		line-height: 20px;
		text-align: left;
		margin: 20px auto 30px;
	}
	.prom1_left,.prom1_right{
		float: none;
		width: 100%;
	}
	.prom1_right{
		margin-top: 15px;
		height: 200px;
	}
	.prom1_left{
		height: 120px;
	}
	.prom1_left::before{
		bottom: -8px;
		right: -8px;
	}
	.pro_cinfor img {
	    height: 28px;
	}
	.pro_cinfor {
	    bottom: 10px;
		padding: 0 10px;
	}
	.product_main {
	    margin-top: 30px;
	    padding-bottom: 15px;
	}
	.product_m1{margin-bottom: 30px;}
	.product_list li{
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 20px;
	}
	.product_list li:nth-child(3n){margin-right: 3%;}
	.product_list li:nth-child(2n){margin-right: 0;}
	.prom2_cont{
		height: 120px;
	}
	.goTop{
		right: 10px;
	}
	.goTop img{height: 30px;}
	.product_dmain h2 {
	    font-size: 20px;
	    padding-bottom: 18px;
	}
	.product_dmain {
	    margin-top: 20px;
	}
	.product_details {
	    padding-top: 20px;
	}
	.product_dmcont {
	    padding-top: 30px;
	    padding-bottom: 40px;
	}
	.prodm_sview {
		margin-bottom: 20px;
	}
	.prodm_sthumb {
	    padding: 10px;
	}
	.prodm_sthumb .swiper-button-next{
		right: 10px;
	}
	.prodm_sthumb .swiper-button-prev {
	    left: 10px;
	}
	.prodm_sthumb .swiper-container {
	    width: 78%;
	}
	.prodm_stimg{height: 85px;}
	.prodm_sthumb .swiper-slide-thumb-active .prodm_stimg {
	    border: solid 3px #000000;
	}
	.prodm_sthumb .swiper-button-prev, .prodm_sthumb .swiper-button-next {
	    height: 85px;
		width: 30px;
	}
	.prodm_dmpage {
	    margin-top: 20px;
	}
	.prodm_dmp{
		margin-bottom: 15px;
	}
	.prodm_dmp h4{
		display: block;
		width: 100%;
	}
	.prodm_dmp .txt {
	    width: 100%;
		margin-top: 8px;
	    font-size: 13px;
	    line-height: 20px;
	}
	.product_doth{
		padding-bottom: 20px;
	}
	.pro_docont {
	    margin-top: 30px;
	}
	.pro_cip h3{
		margin-bottom: 4px;
	}
	.pro_cip h4{
		font-size: 15px;
		line-height: 1;
	}
	.case_main .pro_cinfor {
	    bottom: 15px;
	}
	.pro_cip h3,.case_dmdetails h2{
		font-size: 16px;
	}
	.case_dmain {
	    margin-top: 25px;
	    margin-bottom: 30px;
	}
	.case_swiper{
		height: 185px;float:none;width:100%;
	}
	.case_dmdetails{float:none;width:100%;}
	.case_stimg{height: 50px;}
	.case_sthumb .swiper-button-prev img, .case_sthumb .swiper-button-next img{height: 10px;}
	.case_sthumb {
	    padding: 25px 10px;
	}
	.case_sthumb .swiper-button-prev, .case_sthumb .swiper-button-next{
		height: 10px;
		font-size: 0;
	}
	.case_dmpage {
	    margin-top: 20px;
	}
	.case_dmp h4 {
	    font-size: 13px;
	    width: 30%;
		line-height: 20px;
	}
	.case_dmp .txt{
		line-height: 20px;
	}
	.news_rglist ul li{
		width: 49%;
		margin-bottom: 10px;
		margin-right: 2%;
	}
	.news_rglist ul li:nth-child(2n){margin-right: 0;}
	.news_rgmain>h2 ,.news_ltitle{
	    font-size: 24px;
		line-height: 1;
	}
	.news_rglist {
	    margin-top: 20px;
	}
	.news_region {
	    padding: 30px 0 40px;
	}
	.news_rglinfor h2 {
	    font-size: 18px;
	}
	.news_list {
	    padding-top: 25px;
	    padding-bottom: 20px;
	}
	.news_lcont {
	    margin-top: 30px;
	}
	.news_lsmpage{
		width: 72%;
	}
	.news_lsmimg{
		float: none;
		width: 100%;
		height: 186px;
	}
	.news_lsmain{
		height: auto;
	}
	.news_lsminfor{
		display: block;
		float: none;
		width: 100%;
		padding: 10px 15px;
	}
	.news_lsminfor h3 {
	    font-size: 16px;
	    line-height: 22px;
	    margin-bottom: 12px;
	    width: 100%;
	}
	.news_lsminfor .txt {
	    font-size: 13px;
	    line-height: 20px;
	    margin-bottom: 20px;
	}
	.news_lsmdata .time h5, .news_lsmdata .time h6 {
	    font-size: 15px;
	}
	.news_lsmdata img {
	    height: 16px;
	}
	.news_lsmdata .time{
		margin-left: 6px;
	}
	.news_lul li{
		width: 49%;
		margin-right: 2%;
		margin-top: 40px;
	}
	.news_lul li:nth-child(3n){margin-right: 2%;}
	.news_lul li:nth-child(2n){
		margin-right: 0;
	}
	.news_llinfor h5 {
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	.news_llinfor {
	    height: 150px;
	    padding: 15px 10px;
	}
	.news_llinfor h2 {
	    margin-bottom: 15px;
	    font-size: 16px;
	    line-height: 20px;
	}
	.news_llinfor .txt {
	    font-size: 13px;
	    line-height: 18px;
	}
	.news_detail{
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.news_dmtitle {
	    font-size: 18px;
	    line-height: 24px;
	    width: 78%;
	}
	.news_dmtop {
	    padding-bottom: 20px;
	}
	.news_dmcont {
	    margin: 20px 0;
	}
	.news_dmcont .txt {
	    font-size: 13px;
	    line-height: 22px;
	}
	.news_dmbtn a{
		display: block;
		width: 100%;
		font-size: 14px;
		padding: 10px 0;
	}
	.cooper1_list li{
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.cooperation {
	    padding-top: 30px;
	    padding-bottom: 10px;
	}
	.cooper_title {
	    font-size: 20px;
	}
	.cooper2_main {
	    margin-top: 30px;
	}
	.cp2_limg {
	    width: 120px;
	    height: 120px;
	}
	.cp2_linfor .txt {
		width: 90%;
	    font-size: 12px;
		line-height: 16px;
	}
	.cooper2 {
	    margin-bottom: 40px;
	}
	.cooper3 {
	    margin-bottom: 50px;
	}
	.cooper3_list li{
		width: 50%;
	}
	.cp3_limg img {
	    height: 78px;
	}
	.cp3_linfor {
	    width: 92%;
	    margin: 10px auto 0;
	}
	.cp4_scont {
	    padding: 25px 10px 30px;
	}
	.cp4_scimg img {
	    height: 78px;
	}
	.cp4_scont h2, .cp5_mcont h2 {
	    font-size: 18px;
	}
	.cp4_scont .txt{
		font-size: 14px;
		line-height: 22px;
	}
	.cooper4_swiper::before{
		width: 0;
	}
	.cooper4_swiper{
		min-height: 0;
	}
	.cp4_buttons{margin-top: 20px;}
	.cooper4 {
	    margin-bottom: 50px;
	}
	.cooper5_main {
	    margin-top: 40px;
	}
	.cp5_mcont img{height: 40px;}
	.cp5_mlphone {
	    margin-top: 20px;
	    font-size: 30px;
	}
	.cp5_mrp>*{
		display: block;
		font-size: 13px;
		line-height: 18px;	
	}
	.cp5_mcont {
	    width: 100%;
	}
	.cp5_mrp{
		display: flex;
		align-items: flex-start;
	}
	.cp5_mrp h5 {
	    width: 22%;
	}
	.cp5_mrp h6 {
	    width: 78%;
	}
	.cooper5 {
	    margin-bottom: 50px;
	}
	.cooper6_main {
	    margin-top: 40px;
	}
	.cp6_mfinp input{
		float: none;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0 15px;
		margin-bottom: 15px;
	}
	.cp6_mfsel select{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding: 0 15px;
		margin-bottom: 15px;
	}
	.cp6_mftxare textarea {
	    padding: 15px;
	    font-size: 14px;
		height: 160px;
		margin-bottom: 15px;
	}
	.cp6_submit{
		width: 200px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.joinus {
	    padding-top: 25px;
	    padding-bottom: 20px;
	}
	.join1_tsel select {
	    padding: 0 15px;
	    font-size: 14px;
	    height: 44px;
	    line-height: 44px;
		margin-bottom: 15px;
	}
	.join1_tserach{
		height: 44px;
		padding: 0 15px;
	}
	.join1_citem {
	    padding: 20px 15px;
	}
	.join1_citem>h2, .join1_citem>h4 {
	    font-size: 16px;
	}
	.join1_citem>h2 {
	    width: 70%;
	}
	.join1_citem>h4 {
	    top: 22px;
	}
	.join1_citem .txt {
	    margin-top: 20px;
	    font-size: 13px;
	    line-height: 22px;
	}
	.join1 {
	    padding-bottom: 30px;
	}
	.contact_tab {
	    /*height: 56px;*/
	}
	.ct_tlink a {
	    margin-right: 30px;
	    line-height: 56px;
	}
	.contact_tlist li{
		width: 100%;
		float: none;
		height: auto;
		min-height: 220px;
		padding: 15px 10px;
	}
	.contact_tlist li h2 {
	    font-size: 18px;
	}
	.contact_tlist li .txt {
	    font-size: 13px;
	}
	.contact_main {
	    margin-top: 30px;
	    margin-bottom: 60px;
	}
	.contact_mtop {
	    margin-bottom: 40px;
	}
	.contact_img{height: 180px;}
	.search_result{
		padding: 50px 0;
	}
	.search_rh1 {
		padding-bottom: 20px;
	    font-size: 28px;
		line-height: 1;
	}
	.search_rform h3,.search_rfinp{
		width: 100%;
	}
	.search_rmcont {
	    margin-top: 20px;
	}
	.search_rfinp{
		margin-top: 15px;
		height: 40px;
	}
	.search_rfinp .inp{
		width: 76%;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.search_rfinp .btn{
		width: 24%;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.search_rform{
		margin-bottom: 25px;
	}
	.search_{
		font-size: 16px;
		line-height: 22px;
	}
	.search_rlist{
		margin-top: 20px;
	}
	.search_rlp h3, .search_rlp .txt {
	    font-size: 14px;
	}
	.search_rli a {
	    padding: 12px 0;
	}
	.search_rli:hover .jt{
		opacity: 0;
		display: none;
	}
	.search_rlp{
		width: 100%;
	}
	.search_rlp h3{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.pc_banner{

		height: auto;

	}

	.pb_inner{

		height: 200px;

	}

	.pb_swiper{

		height: 340px;

	}

	.pb_swiper img{

		object-fit: cover;

	}

	.mhd_page{

		max-height: 86%;

		overflow-y: auto;

	}
}
@media screen and (max-width: 450px) {
	.logo1 {

		margin-bottom: 20px;

	}

	.logo1 img {

		height: 74px;

	}

	.guide_language {

		font-size: 14px;

	}

	.guide_language img {

		margin-left: 6px;

		height: 12px;

	}

	.guide_h1 {

		padding: 0 15px;

	}

	.guide_h1 p {

		font-size: 16px;

		line-height: 50px;

	}

	.guide_h2 {

		padding: 0 15px;

	}

	.guide_h3 .title {

		padding: 0 15px;

	}

	.guide_h3 ul {

		max-height: 168px;

	}

	.guide_h3 ul li a {

		padding: 0 15px;

		font-size: 14px;

		height: 42px;

	}

	.guide_bottom {

		font-size: 12px;

		margin-top: 10px;

	}
	.guide_wrap{width:90%;}
}