﻿@media screen and (min-width: 1400px) {
	/*.gnb-depth1 > li > a{padding: 19px 20px 38px;}*/
	#gnb{width: 1000px;}
	.main-title{margin-top: 70px;}
}
@media screen and (max-width: 1024px) {
	*{font-size: 15px;}
	.width-auto{width: 96%}
	#gnb{position: fixed;right: -80%;top: 0;width: 80%;z-index: 99;background: #fff;height: 100%;overflow-y: auto;padding-left: 0;}
	#header{padding: 13px 1%;}
	#header > h1{text-align: center;position: static;}
	/*#header > h1 a{background: url(../images/logoc.png) no-repeat left top;}*/
	#header h1 img{display: block;width: 145px;}
	.sp-nav{display: block;width:50px;float:right;position:relative;cursor:pointer;height:30px;position: absolute;right: 1%;top: 29px;z-index: 100;}
	.sp-nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;right:10px;transition:all ease 0.5s;}
	.sp-nav span:nth-of-type(1){top:0px;width: 24px;}
	.sp-nav span:nth-of-type(2){top:10px;width: 31px;}
	.sp-nav span:nth-of-type(3){top:20px;width: 28px;}
	.sp-nav-se span{background: #111 !important;}
	.sp-nav-se span:nth-of-type(1){top:10px;transform:rotate(45deg);width:30px;}
	.sp-nav-se span:nth-of-type(2){width:0}
	.sp-nav-se span:nth-of-type(3){top:10px;transform:rotate(-45deg);width:30px;}
	.gnb-depth1 > li{float: none;}
	.m-bar{display: block;padding: 13px 20px;position: relative;border-bottom: 1px solid #cbcbcb;}
	.m-bar h1{float: left;}
	#language{display: block;right: auto;left: 1%;top: 26px;}
	#language > a{border: 0;padding: 0;background: none;width: auto;height: auto;}
	#language > a i{width: 27px;height: 27px;background: url(../images/languagec.png) left top;display: block;}
	#language > a span{display: none;}
	#language > a img{display: block;}
	#language > a:hover{background: none;}
	#header .m-bg{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;left: 0;top: 0;}
	.gnb-depth1 > li:first-child{display: none;}
	.gnb-depth1 > li > a{border-bottom: 1px solid #cbcbcb;padding: 10px 4%;font-size: 18px;background: url(../images/plus.png) no-repeat 96% center;color: #111;}
	.gnb-depth1 > li > a:hover{text-shadow: none;color: #111;}
	#header.header .gnb-depth1 > li > a.on{background: #0f9d95 url(../images/subtract.png) no-repeat 96% center;color: #fff;}
	.gnb-depth2{display: none;position: static;padding: 5px 20px;background: #e7e7e7;border-bottom: 1px solid #cbcbcb;border-top: 0;width: 100%;}
	.gnb-depth1-title{display: none;}
	.gnb-depth2 > li{padding: 5px;margin-bottom: 0;}
	.gnb-depth2 > li > a{text-align: left;font-size: 15px;}
	.gnb-depth2::before{display: none;}
	.gnb-depth2::after{display: none;}
	.gnb-depth2 .close{display: none;}
	.main-title{font-size: 24px;margin-top: 30px;}
	.main-title span{font-size: 16px !important;}
	.main-content1{margin-top: 20px;}
	.main-content1 > li .txt-box > div{font-size: 16px;}
	.main-content1 > li .txt-box > div strong{font-size: 24px;}
	.main-content1 > li .txt-box p{font-size: 15px;}
	.main-content1-txt{margin-top: 20px;}
	.main-map{margin-top: 30px;}
	.main-map .country li{font-size: 16px;}
	.main-map .map{margin: 0 1%;}
	.main-map h3{font-size: 24px;}
	.main-map h3 span{font-size: 16px;}
	.business-area > li{width: calc(100% / 2 - 10px);height: 300px;}
	.business-area h4{font-size: 20px;}
	.business-area h4 span{font-size: 20px;}
	.pc{display: none;}
	.mo{display: block;}
	img.mo{width: 100%;}
	.main-button{margin-top: 30px;}
	.main-button a{height: 50px;line-height: 50px;}
	.main-button a::after{top: 18px;}
	.main-gray-box{margin-top: 30px;}
	.main-gray-box h3{font-size: 24px;}
	.main-gray-box h3 span{font-size: 16px;}
	.mgb-con{margin-top: 20px;text-align: center;display: inline-block;}
	.mgb-con .swiper-slide{width: 250px;}
	.mgb-con .swiper-slide a{height: 400px;}
	.mgb-con .swiper-slide a .mgb-txt{padding: 15px 10px;}
	.mgb-con .swiper-slide a .mgb-txt strong{font-size: 16px;}
	.footer-floor1{width: 100%;float: none;}
	.footer-floor2{width: 100%;float: none;}
	.f-contact li.td{padding-top: 3px;}
	.footer-floor1 .flogo{text-align: center;}
	#footer{padding: 30px 0 30px;}
	.footer-floor1 .flogo{padding-bottom: 20px;}
	.f-title1{margin-top: 20px;}
	.footer-floor2 h3{display: none;}
	.footer-floor2 p{display: none;}
	.footer-floor2 div{margin-top: 30px;text-align: center;}
	.main-title strong{font-size: 24px;}
	.main-map .country .cn{left: 29.1%;top: 35%;background: none;padding: 0;}
	.main-map .country .us{right: 17.8%;top: 31%;background:none;padding: 0;}
	.main-map .country .jp{left: 42.1%;top: 40.1%;background:none;padding: 0;}
	.main-map .country .kr{left: 38.5%;top: 46%;background:none;padding: 0;}
	.main-map .country .ca{right: 18.1%;top: 22.5%;background:none;padding: 0;}
	.main-map .country .au{left: 35.4%;bottom: 14%;background:none;padding: 0;}
	.main-map .country .eu{left: 0%;background:none;padding: 0;}
	.main-map .country li span{text-shadow: 0 0 1px #fff;}
	#language > a.on{background: none;}
	#language > ul{border-top: 1px solid #111;}
	#language > ul > li a{padding: 3px 10px;}

	#header.header .sp-nav span{background: #111;}
	#header.header #language > a{border: 0;}
	#header.header #language > a i{background: url(../images/language.png) no-repeat left top;}
	#banner h2{font-size: 24px;}
	.welcome{float: none;width: 100% !important;}
	.welcome p br{display: none;}
	.ceo{float: none;width: 100%;margin-top: 40px;text-align:center;padding: 0 2%;}
	.welcome h2{font-size: 16px;}
	.welcome h3{font-size: 20px;}
	.welcome h3 strong{font-size: 20px;}
	.welcome h4{font-size: 20px;}
	#banner h2{height: 250px;padding: 50px 0 20px;}
	#location ul li a{padding: 10px;font-size: 14px;}
	#location ul li::after{height: 12px;top: 12px;}
	.sub-title{padding: 30px 0 15px;font-size: 24px;padding-bottom: 10px;line-height: 30px}
	.sub-title strong{font-size: 24px;}
	.sub-title::after{height: 2px;width: 40px;left: calc(50% - 20px);}
	#sub-content > .width-auto:first-child > .sub-title:first-child{padding-top: 10px;}
	#sub-content .company3-bg1 > .width-auto:first-child > .sub-title:first-child{padding-top: 10px;}
	.company2-txt h4{font-size: 20px;}
	.company2-txt p{font-size: 14px;}
	.company-group-con{background: none;padding-top: 30px;}
	.company-group-con ul{padding: 0;width: 100%;}
	.company-group-con li{width: calc(100% / 3 - 20px);margin: 10px;height: 60px;}
	.company2-img-box a{margin-left: 0;float: none;display: block;width: 100%;height: auto;box-shadow: 0 0 5px #e6e6e6;margin-bottom: 15px;}
	.company2-img-box{margin-top: 20px;margin-left: 0;}
	.company2-img-box a ul{display: table;width: 100%;}
	.company2-img-box a ul li{display: table-cell;vertical-align: top;padding: 10px;}
	.company2-img-box ul li.txt *{text-align: left;margin-left: 0;padding-left: 0 !important;}
	.company2-img-box a ul li.img{padding: 0;border: 10px solid #fff;}
	.p-txt{font-size: 14px !important;padding: 0 20px;margin-top: 20px !important;}
	.p-txt br{display: none;}
	.width-auto > p.p-txt:first-child{margin-top: 0 !important;}
	.company-bg{padding: 50px 0;}
	.company2-bannner{margin-top: 20px;}
	.company2-bannner > li img{height: auto;}
	.company2-bannner > li{display: block;position: relative;width: 100%;}
	.company3-conbg{width: 688px;background-size: 100% auto;margin-top: 20px;height: 446px;}
	.company3-conbg li div{height: 239px;font-size: 18px;padding-top: 20px;}
	.company3-conbg li{width: 366px;}
	.company3-conbg li.num1{left: calc(50% - 182px);}
	.company3-conbg li div strong{margin-bottom: 15px;}
	.company3-conbg > img{width: 160px;top: calc(50% + 40px);left: calc(50% - 80px);}
	.company3-bg2-con li{margin: 0 10px;width: 160px;padding: 15px;height: 160px;margin-top: 30px;}
	.company3-bg2-con li h4{font-size: 18px;}
	.company3-bg2-con li div{font-size: 16px;margin: 5px 0;}
	.company3-bg2-con li p{font-size: 15px;}
	.table-box h4{font-size: 20px;}
	.table-style th, .table-style td{padding: 10px;font-size: 16px;}
	.table-button a{height: 50px;line-height: 50px;font-size: 18px;}
	.company3-banner{background-size: auto 100%;}
	.company3-banner span{height: 200px;}
	.gray-box{margin-top: 30px;}
	.welcome p{margin-top: 20px;font-size: 15px;}
	.news-title{float: none;width: 100%;height: 260px;padding: 20px 30px;padding-right: 70px;background-position: right top;}
	.news-title h3{margin-left: 0;}
	.news-title h3 img{width: 130px;}
	.news-title p{margin-top: 10px;font-size: 16px;text-align: left;text-shadow: 0 0 1px #000;padding-left: 40px;}
	.news-title.bg1{background-image: url(../images/news_banner_mbg1.jpg);}
	.news-title.bg2{background-image: url(../images/news_banner_mbg2.jpg);}
	.news-title.bg3{background-image: url(../images/news_banner_mbg3.jpg);}
	.news-board{float: none;width: 100%;margin-top: 30px;}
	.news-board-table > li{padding: 20px 5px;}
	.news-board-table > li a{font-size: 18px;}
	.news-board-table > li div{font-size: 16px;padding: 12px 0;}
	.news-board-table > li p{font-size: 14px;}
	.paging a.img:nth-child(2){margin-right: 5px;}
	.paging a.img:nth-child(8){margin-left: 5px;}
	.news-con{padding: 20px;}
	.news-view > h3{padding: 20px;font-size: 18px;}
	.news-member-date{padding: 20px;}
	.news-view{margin-top: 10px;}
	.data-box{margin-top: 30px;}
	.data-box > li{padding: 20px 0;padding-right: 60px;}
	.data-box > li > a{top: 16px;}
	.us-box{margin-top: 15px;}
	.us-box p{font-size: 14px;}
	.us-box ul{margin-top: 20px;}
	.us-box ul li{float: left;display: block;width: calc(100% / 3 - 10px);margin: 0 5px;padding: 10px 30px;}
	.us-box ul li h3 strong{font-size: 20px;background-size: 23px 23px !important;padding-left: 30px;background-position: left 2px;}
	.us-box ul li h3 span{font-size: 20px;}
	#banner{background-size: auto 270px;}
	.other1-bg{padding: 40px 0 100px;}
	.other1-bg li{margin-bottom: 15px;}
	.news-title h3{background: url(../images/news_mbanner.png) no-repeat left top;width: 182px;height: 52px;background-size: 100% auto;}
	.member-introduction li{width: calc(100% / 3 - 20px);}
	.member-introduction li a{height: 445px;}
	.member-introduction li a .mgb-txt strong{font-size: 16px;}
	.member-introduction li a .mgb-txt{padding: 15px 10px;}
	.mi-search{margin-top: 20px;}
	.mi-search li input[type="text"], .mi-search li select, .mi-search li a{font-size: 16px;}
	.member-photo{float: none;text-align: center;margin: 0 auto;width: 285px;}
	.member-txt{float: none;width: 100%;margin-top: 40px;}
	.member-txt h3{font-size: 20px;}
	.member-txt h3 strong{font-size: 26px;margin-right: 5px;}
	.ul-txt > li{margin-top: 20px;font-size: 20px;}
	.ul-txt > li > ul > li{margin-top: 5px;font-size: 16px;}
	.ul-txt > li::before{top: 2px;}
	.ul-txt > li > ul > li::before{top: 10px;}
	.view_box::after{top: 480px;left: auto;width: 200px;height: 275px;background-size: 100% auto;}
	.view_box{padding: 10% 5%;}
	.business1-box{margin-top: 30px;}
	.business1-box ul li{padding: 20px 30px;}
	.business1-box ul li.img{width: 200px;}
	.business1-box ul li.txt{padding-left: 0;}
	.business1-box ul li span{font-size: 18px;}
	.business1-box2 > li{margin-left: 0;float: none;height: auto !important;width: 100%;margin-bottom: 15px;padding: 10px;}
	.business1-box2 > li > div{float: left;height: auto !important;}
	.business1-box2 > li::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
	.business1-box2{margin-top: 30px;margin-left: 0;}
	.business1-box2 > li .img{width: 292px;}
	.business1-box2 > li .txt{width: calc(100% - 312px);}
	.business2-bg{padding: 40px 0;}
	.business2-box{padding: 50px;}
	.business2-txt1{float: none;width: 100%;font-size: 20px;line-height: 150%;}
	.business2-txt2{float: none;margin-top: 20px;width: 100%;}
	.business2-txt2 li{margin-bottom: 10px;font-size: 16px;}
	.business2-txt2 li::before{top: 11px;}
	.business2-floor1{padding-bottom: 20px;}
	.business2-floor2{margin-top: 40px;}
	.family-box li{height: 123px;}
	body#jp .company-bg .swiper-slide .txt{font-size:16px;}
	body#jp .business1-box ul li span{font-size: 15px;}
	body#jp .business2-txt1{font-size: 20px;}
	.company2-bannner-table colgroup{display: none;}
	.company2-bannner-table table th span{width: 200px;}
	body#en .company2-bannner{position: relative;}
	body#en .company-group-con li{width: calc(100% / 3 - 20px);margin: 10px;height: 60px;}
	body#en .company2-img-box a{height: auto;}
	body#en .company3-bg2-con{margin: 0 auto;}
	body#en .company3-bg2 .width-auto .company3-bg2-con{max-width: 80%;}
	body#en .company3-bg2 .width-auto .company3-bg2-con li{width: calc(50% - 22px);padding: 15px;margin-top: 30px;height: 180px;}
	body#en .company3-bg2 .width-auto .company3-bg2-con:first-child li:first-child{width: 100%;}
	body#en .company3-bg2 .width-auto .company3-bg2-con:last-child li{height: 230px;}
	body#en .business1-box ul li span{font-size: 18px;font-weight: 400;}
	body#en .company2-bannner > li{width: 100% !important;}
	body#en .company2-bannner > li:last-child{background: url(../images/company2_img1_2.jpg) no-repeat center top;background-size: 100% 100%;}
	body#en .company2-bannner > li:last-child img{display: none;}
	body#en .company2-bannner > li:last-child div{position: static;}
	.table-style td br{display: none;}
	.company3-bg1{min-height:auto;} 
}
@media screen and (max-width: 800px) {
	.x2{width: 100%;padding: 0;margin-bottom: 30px;}
	.table-button{text-align: center;}
	
}
@media screen and (max-width: 767px) {
	.main-content1 > li{float: none;width: 100%;height: auto;padding: 20px;padding-left: 100px;}
	.main-content1 > li .txt-box{position: static;height: auto;text-align: left;}
	.main-content1 > li > img{position: absolute;left: 30px;top: 30px;}
	.main-map{padding-bottom: 85px;}
	.main-map .country{position: absolute;left: 0;bottom: -80px;border: 1px solid #fff;padding: 5px;width: 100%;}
	.main-map .country li{position: static;line-height: 130% !important;font-size: 13px;text-align: left;width: calc(100% / 2);float: left;height: auto !important;}
	.main-map .country li span{font-size: 13px;}
	#main-slide #slider001 .flex-control-nav > li a{height: 10px;width: 10px;}
	#main-slide #slider001 .flex-control-nav > li a.flex-active{width: 25px;}
	.positionBar a{box-shadow: 0 0 10px #fff;}
	.f-contact li.th{width: 65px;}
	.f-contact li.td{padding-left: 19px;}
	.company-group ul{position: static;}
	.company-group ul.company-group-left{float: left;}
	.company-group ul.company-group-right{float: right;}
	.company-group-con li{width: calc(98% / 2 - 7px);margin: 1%;padding: 2% 0;height: auto;}
	.company-group-con li:first-child{width: calc(98% - 7px);}
	.company2-bannner > li div{padding: 5%;}
	.company2-bannner > li div h4{font-size: 24px;}
	.company2-bannner > li div p{font-size: 14px;margin-top: 5px;}
	.company2-bannner > li img{min-height: 200px;}
	.company-group-con li span{font-size: 16px;}
	.company3-conbg li{display: block;position: static;text-align: left;width: 100%;margin-top: 20px;border-radius: 30px;padding: 0 15px;}
	.company3-conbg{background: none;text-align: center;height: auto;width: auto;}
	.company3-conbg li.num1{background: rgba(22, 118, 187, 1);box-shadow: 0 0 10px #1676bb;}
	.company3-conbg li.num2{background: rgba(2, 109, 160, 1);box-shadow: 0 0 10px #026da0;}
	.company3-conbg li.num3{background: rgba(15, 145, 149, 1);box-shadow: 0 0 10px #0f9195;}
	.company3-conbg li div{height: auto;padding: 15px;display: block;position: relative;padding-left: 60px;padding-top: 18px;}
	.company3-conbg li div br{display: none;}
	.company3-conbg li div strong{margin-bottom: 0;position: absolute;left: 15px;top: 12px;}
	.company3-conbg > img{position: static;width: auto;}
	.company3-bg2{padding-bottom: 30px;background-size: auto 100%;}
	.company3-bg2-con{max-width: 500px;margin: 0 auto;}
	.width-auto ul.company3-bg2-con:first-child li:first-child{width: calc(100% - 20px);height: auto;margin-top: 30px;}
	.company3-bg2-con li{width: calc(50% - 12px);margin: 15px 5px 0;}
	.company3-bg2-con li h4{font-size: 18px;}
	.company3-bg2-con li div{font-size: 16px;margin: 5px 0;}
	.company3-bg2-con li p{font-size: 15px;}
	.company3-bg2-con li p br{display: none;}
	.company3-bg2{background-color: #f2f2f2;}
	.company3-banner{font-size: 24px;}
	.company3-banner strong{font-size: 24px;}
	.company3-banner span{height: 150px;}
	.company2-img-box ul h4{text-align: center;}
	.paging a{display: none;}
	.paging a.img{display: inline-block;}
	.news-button a{margin: 0 0 10px;}
	.news-button a.list{width: 100%;}
	.news-button a.next{float: right;}
	.us-box ul li{float: none;margin: 0 0 10px;width: 100%;}
	.qa-write table td.code span{display: block;margin-top: 10px;margin-left: 0;}
	.qa-write table tr{display: block;}
	.qa-write table th, .qa-write table td{display: block;padding: 5px 0;}
	.qa-write table td input[type="text"]{width: 100%;}
	.qa-write table td textarea{width: 100%;height: 100px;}
	.qa-write .table-txt{margin-top: 20px;padding: 20px 20px;padding-left: 30px;}
	.qa-write .table-txt i{left: 20px;top: 22px;}
	.table-button2{margin-top: 30px;}
	.table-button2 a{font-size: 18px;width: 200px;height: 50px;line-height: 50px;}
	.member-introduction li{width: calc(100% / 2 - 20px);}
	.mi-search li{width: calc(100% /2 - 10px);margin-top: 10px;}
	.mi-search li.input{width: calc(100% - 10px);}
	.mi-search li.button{width: calc(100% - 10px);}
	.member-introduction{margin-top: 30px;}
	.business1-box2 > li .txt h3{font-size: 20px;}
	.business1-box2 > li .txt p{margin-top: 10px;font-size: 15px;}
	.business1-box ul li.img{width: 120px;padding: 20px 10px;}
	.business1-box ul li.txt{padding: 20px 15px;}
	.data-title{font-size: 20px;padding-bottom: 10px;margin-top: 30px;}
	.family-box{margin-left: -10px;}
	.family-box li{margin-left: 10px;width: calc(100% / 3 - 10px);}
	body#jp .company3-bg2-con li div{font-size:16px;}
	body#jp .gnb-depth1 > li > a{padding: 10px 4%;}
	body#jp .welcome h3{font-size: 20px;}
	.company2-bannner-table{padding: 15px;}
	.company2-bannner-table table, .company2-bannner-table table td, .company2-bannner-table table th, .company2-bannner-table table th span{display: block;width: 100%;text-align: left;}
	body#en .company2-bannner-table h4{font-size: 24px;}
	body#en .company2-bannner-table p{font-size: 16px;}
	body#en .company-group-con li{width: calc(100% / 2 - 10px);margin: 5px;height: 60px;}
	body#en .company-group-con li:first-child{width: calc(100% - 10px);}
	body#en .company3-bg2 .width-auto .company3-bg2-con{max-width: 80%;}
	body#en .company3-bg2 .width-auto .company3-bg2-con li{width: calc(100% - 22px);height: auto !important;}
	body#en .business1-box ul li.img{width: 150px;padding: 20px 10px;}
	body#en .business1-box ul li span{font-size: 16px;font-weight: 400;}
	body#en .business1-box ul li.txt{padding-left: 0;}
	.qa-write table th br{display: none;}
}
@media screen and (max-width: 640px) {
	.business1-box2 > li{margin: 0 auto 15px;max-width: 292px;box-shadow: 0 0 10px #aaa;}
	.business1-box2 > li > div{float: none;}
	.business1-box2 > li .img{margin: 0 auto;width: 100%;max-width: 292px;}
	.business1-box2 > li .txt{margin: 0 auto;width: 100%;max-width: 292px;padding: 15px 0;}
	body#zh .main-content1 > li .txt-box p br{display: none;}
}
@media screen and (max-width: 500px) {
	.company2-img-box ul li.img{width: 120px;height: 120px;}
	.company2-img-box ul h4{font-size: 16px;padding: 0;}
	.company2-img-box ul h4 br{display: none;}
	.company2-img-box ul li.txt p{font-size: 14px;}
	.member-introduction li{width: calc(100% - 20px);max-width: 285px;float: none;margin: 20px auto;}
	.family-box li{width: calc(100% / 2 - 10px);font-size: 14px;}
}