@media screen and (max-height: 1720px){
html[lang="en"] .nav_list ul{
	width:70%;
	}
html[lang="jp"] .nav_list ul{
	width:70%;
	}
}
@media screen and (max-width: 1700px){
html{
	font-size:62.5%; 
	}
.contact_ban p{
	font-size:2.4rem;
	line-height:3.2rem;}
}
@media screen and (max-width: 1620px){
html[lang="en"] .nav_list ul li p{
		margin-left:20px;}
	}
@media screen and (max-width: 1560px){
html{
	}
.nav_list ul{
	width:60%
}
.nav_list ul li h1 {
    font-size: 1.8rem;
	}
}
@media screen and (max-width: 1500px){
html[lang="en"] .nav_list ul{
	width:76%;
	}
 .nav_list ul li p {
    padding: 20px 10px;
}
html[lang="jp"] .banner li p{
	font-size:4.2rem;
	line-height:5rem;}
}
@media screen and (max-width: 1390px){
html{
	}
html[lang="en"] .nav_list ul{
	width:80%;
}
.banner li p{
	font-size:4rem;
	line-height:4.8rem;}
.banner li p span {
    font-size: 1.48rem;}
.slide .txt p{
	font-size:4rem;
	line-height:4.8rem;}
.index_bar4 .index_title h1 {
    font-size: 3.6rem;}
.index_bar4 .box .right .time {
    font-size: 5rem;}
.about .bar3{
	padding:8% 0;}
.about .bar3 p{
	line-height:3rem;}
.about .bar2 p {
    font-size: 1.5rem;
	line-height: 2.2rem;}
.abou2 .right {
    width: 1200px;}
.title3 h1 {
    font-size: 3.4rem;
	letter-spacing:0;}
.title4 {
	letter-spacing:0;}
.develop3 .bar2 .contain ul li h3 {
    width: 66%;
	z-index:99;}
}
@media screen and (max-width: 1390px){
html[lang="en"] .nav_list ul{
	width:90%;
}
}
@media screen and (max-width: 1180px){
.nav_list ul{
	width:80%;
	}
html[lang="en"] .nav_list ul{
	width:96%;
}
.banner li p {}
.contact_ban p{
	font-size:2.2rem;
	line-height:2.8rem;}
}
@media screen and (max-width: 1000px){
html[lang="en"] .nav_list ul li h1{
	width:100px;}
html[lang="en"] .nav_list ul:before {
    left: 160px;
}
.nav_list ul li p {
    padding: 20px 5px;
}
}
@media screen and (max-width: 767px){
.w_all {
    width: 92%;}
header .language span:first-of-type {
    margin-right: 5px;
	font-size:1.3rem;
}
.o_header2 .language{
	font-size:1.3rem;
	}
header .logo img {
    height: 42px;
}	
header .language {
    margin-top: 12px;
    margin-right: 70px;
}
.nav_list ul {
    width: 88%;
}
.nav_list ul:before{
	left:2px;}
.nav_list ul li{
	margin-bottom:20px;}
.nav_list ul li:before{
	top:12px;}
.nav_list ul li h1 {
	padding:0;
    font-size: 1.6rem;
	padding-left:12px;
    line-height: 30px;
    letter-spacing: 0.1rem;
    float: none;
    width: auto;
}
.nav_list ul li h1:before{
	content:"+";
	font-size:16px;
	color:#fff;
	position:absolute;
	right:0;
	top:0;
	display:none;
	}
.nav_list ul li p {
    font-size: 1.4rem;
    letter-spacing: 0px;
    margin-left: 0px; 
    padding: 0px 12px;
	line-height:22px;
}
.banner li p {
    font-size: 2.4rem;
    line-height: 2.8rem;
}
.banner li p span {
    font-size: 1.4rem;
    line-height: 18px;}
.slide .txt {
    width: 100%;}
.slide .txt p {
    font-size: 2.4rem;
    line-height: 2.8rem;
}
.slide .index_mores {
    width: 140px;
    padding: 6px 0;
    font-size: 1.32rem;
    letter-spacing: 0px;
}
.slide .index_mores img {
    top: 7px;
    width: 20px;
}
.index_bar4 .box ul li{
	display:none;}
.index_bar4 .box ul li:first-of-type{
	display:block;
	width:100%;
	float:none;
	}
.index_bar4 .index_title {
    padding-bottom: 20px;
}
.index_bar4 .index_title h1 {
    font-size: 2.4rem;
}
.index_bar4 .box .right h1 {
    font-size: 1.6rem;}
.index_bar4 .box .right p {
    font-size: 1.2rem;
    line-height: 18px;}
.index_more {
    font-size: 1.2rem;
    width: 56px;
    margin-top: 20px;
}
.index_bar4 .index_mores {
    margin: 8% auto 0;}
.footer_con_top ul li{
	display:none;}
.footer_con_top ul li:last-of-type {
	display:block;
	width:100%;
	float:none;
}
.footer_con_top ul h1 {
    font-size: 1.6rem;}
.footer_con_top ul li p {
    font-size: 1.3rem;
	margin:0;
}
.footer {
    width: 100%;
    padding: 6% 0 2%;
}
.foot{
	padding:10px 0;}
.foot p{
	line-height:20px;}
.foot a {
    float: none;
    line-height: 20px;
	display:block;
}
.back_all {
    width: 40px;
    height: 40px;
    line-height: 40px;}
.back_all b {
    margin: 10px auto -8px;
}
.about{
	padding-top:18%;}
.n_title {
    font-size: 2.2rem;
    letter-spacing: 0rem;
}
.about ul {
    margin: 5% 0 0%;}
.about ul li {
    margin: 0 2%;
    background: url(../image/about_bc2_p.png) no-repeat center center;
    width: 120px;
    height: 149px;
}
.about ul li b strong {
    font-size: 30px;}
.about ul li p {
    padding-top: 34%;
    font-size: 1.3rem;
}
.about .bar3 {
    padding: 18% 0;
}
.about .bar3 p {
    width: 90%;
    line-height: 2rem;
    font-size: 1.8rem;
}
.about .bar2 p {
    font-size: 1.4rem;
    line-height: 1.9rem;
}
.abou2 {
    padding: 18% 0 8%;
}
.title2 h5 {
    font-size: 2.4rem;
    line-height: 3rem;}
.title2 h2 {
    font-size: 1.6rem;
	margin-bottom:20px;}
.abou2 .right .ol{
	top:2%;}
.abou2 .right {
    width: 90%;
	padding-bottom:2%;
}
.abou2 .right .box {
    width: 100%;
    height:inherit;
    position:static;
}
.abou2 .right .ol h1 {
    margin-bottom: 13px;}
.abou2  .d_ph{
	display:block;}
.abou2  .d_ph li{
	border-bottom:1px solid #074e97;
	margin-top:10px;
	padding-bottom:10px;
	background:#f6f6f6;
	padding:10px;
	}
.abou2  .d_ph img{
	float:left;
	width:24px;
	margin-right:5px;
	}
.abou2  .d_ph h3{
	font-size:15px;
	color:#333;
	margin-bottom:10px;
	}
.abou2  .d_ph p{
	line-height:20px;
	font-size:13px;
	}
.about3 {
    padding: 18% 0 0%;
}
.about3 .bar1 p {
    font-size: 1.4rem;
}
.about3 ul li h1 {
    font-size: 2.4rem;
    padding-bottom: 20px;
}
.about3 ul li p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    width: 88%;
}
.about4{
    padding: 18% 0 3%;
}
.histlist:before {
    width: 4px;
    margin-left: -2px;
}
.histime strong {
    font-size: 2.4rem;
    line-height: 24px;
}
.histime time{
	height:24px;}
.histime time:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(404.png) }
.histme p {
    font-size: 13px;
    line-height: 1.3;}
.histinfo2 {
    margin-top: -150px;
}
.product .box1 {
    padding: 18% 0 8%;}
.product .bar1 p {
    font-size: 1.4rem;
    margin-top: 5px;
    text-indent: 2.8rem;
    line-height: 1.5;
}
.product .bar1 ul li h1 {
    font-size: 1.8rem;}
.product .bar1 ul li h3 {
    font-size: 1.4rem;
	line-height:20px;
}
.product .bar2 h6 {
    font-size: 1.6rem;
    margin-bottom: 15px;}
.product .bar2 ul li{
	margin-bottom:10px;}
.product .bar2 ul li h1 {
	width:92%;
    font-size: 1.4rem;
	padding: 6px 2.5%;
	padding-left:5%;}
.product .bar2 dl dd h3 {
    font-size: 1.4rem;
    text-indent: 2.8rem;}
.product .bar2 dl dd p {
    font-size: 1.3rem;
    margin-top: 3px;
    text-indent: 2.6rem;
    line-height: 1.8rem;
}
.product .bar2 ul li h1:before{
	top:15px;}
.product .bar2 dl dd table tr td:first-of-type {
    font-size: 1.4rem;}
.product .bar2 dl dd table td {
    font-size: 1.3rem;}
.product .bar2 dl dd table.t2 tr:first-of-type td {
    background: rgba(2,80,155,0.05);
    font-size: 1.3rem;}
.product .bar2 ul li.case_p h3 {
    margin: 5px 0 0;
}
.product .bar_5 {
    padding: 6% 0;}
.product .bar_5 .title3 h1:before{
	width:58px;
	margin-left:-29px;}
.title3 h1 {
    font-size: 2.4rem;
    letter-spacing: 0px;
    padding-bottom: 20px;
	margin-bottom:20px;}
.product .bar_5 .b_box{
	width:700px;
	height:100px;}
.product .bar_5 .b_box li{
	width:150px;}
.product .bar_5 .b_box li p{
	font-size:1.2rem;
	padding:0;}
.bb_box .titles {
    margin-bottom: 10px;
    font-size: 1.8rem;
}
.product .bar2 h6 span {
    font-size: 1.3rem;
	line-height:2rem;
}
.product4 {
    padding: 18% 0 0%;}
.product .bar7 .txt {
	width:100%;
    position: static;
    left: 0%;
    top: 0%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(0%,0%);
}
.product .bar7{
	padding-top:5%;
	padding-bottom:25%;
	overflow:hidden;}
.product .bar7 img {
    width: 150%;
    display: block;
    position: absolute;
    right: 20%;
    bottom: -8%;
}
.title4 {
    font-size: 2rem;
    margin-bottom: 20px;
    letter-spacing: 0px;
    padding-bottom: 15px;}
.product .bar7 p {
    font-size: 1.4rem;
    color: #222;
    width: 100%;
    line-height: 18px;
    margin-top: 5px;
}
.honor .contain {
    width: 100%;
    float: none;
}
.honor dl {
    float: none;
    width: 100%;
}
.honor .contain li {
    font-size: 1.4rem;
	line-height:1.5;}
.big_imgs img {
    width: 90%;}
.title3 h1:before{
	width:58px;
	}
.product .bar_4 {
    padding: 6% 0;}
.product .bar_4 .title3 h1:before {
    margin-left: -29px;
}
.product .bar_4 p {
    font-size: 1.3rem;}
.product .bar_4 li {
    width: 14.4%;}
.product .bar8 {
    padding: 18% 0 6%;
	min-height:500px;}
.product .bar8 img {
    width: 15.8%;
    margin-right: 1%;
    margin-bottom: 1%;}
.product .bar8 img:nth-of-type(8n) {
    margin-right: 1%;
}
.product .bar8 img:nth-of-type(6n) {
    margin-right: 0;
}
.service{
	padding-top:18%;}
.service .bar1 p {
    font-size: 1.4rem;
	text-indent:2.8rem;
	line-height:1.8rem;}
.service .bar_2 .txt p {
    width: 90%;
    font-size: 1.5rem;
	line-height:2rem;
	margin:5px 0;}
.service3 .se_box3 dl{
	width:100%;
	}
.service3 .se_box3 dl dd{
	width:100%;
	float:none;
	}
.service3 .se_box3 dl dd span {
    font-size: 1.6rem;}
.service3 .se_box3 dl dd b {
    height: 50px;
    width: 50px;}
.xq .content {
    padding: 6%;
    width: 80%;
    margin-top: 15%;
}
.xq .content h1 {
    font-size: 2rem;}
.service3 .bx_box .imgs{
	width:49%;}
.service3 .bx_box .imgs:nth-of-type(3n) {
    margin-right: 2%;
}
.service3 .bx_box .imgs:nth-of-type(2n) {
    margin-right: 0;
}
.service3 .bx_box .imgs .v_btn {
    width: 30px;}
.service3 .bx_box .imgs i {
	margin-top:5px;
    font-size: 1.4rem;}
.news{
	padding-top:18%;}
.news ul li .left {
    float: none;
    width: 100%;}
.news ul li .right {
    float: none;
    width: 100%;
    text-align: left;
}
.news ul li .right h1 {
    font-size: 1.5rem;
	margin-top:10px;
	line-height:2rem;
	margin-bottom:2%;
}
.news ul li .right p {
    font-size: 1.3rem;
	line-height:18px;
	max-height:38px;}
.news_d .title2 h2 {
	margin-bottom:10px;
    font-size: 1.6rem;
	line-height:2rem;}
.news_d .bar2 {
    margin-top: 12%;
    overflow: hidden;
	padding: 5% 0;
}
.news_d .bar2 p,.news_d .bar2 p span{
	font-size: 1.4rem !important;
}
.nextto {
    width: 140px;
    padding: 6px 0;
}
.nextto a {
    font-size: 1.3rem;
    letter-spacing: 1px;}
.nextto img{
	top:4px;}
.res{
	padding-top:18%;}
.res .bar1 b {
    margin: 20px auto 10px;
}
.res .bar1 p {
    font-size: 1.4rem;
	line-height:1.8rem;
}
.res .bar2 .left {
    float: none;
    width: 100%;
}
.res .bar2 .right {
    loat: none;
    width: 100%;
}
.res .bar2 .right h1 {
    font-size: 2rem;
	margin-top:10px;}
.res .bar2 .right h2 {
    font-size: 1.4rem;
	margin: 2% 0 1%;}
.res .bar2 .right h3 {
    font-size: 1.3rem;
	margin:0;
}
.res .bar2 .right h4 {
    font-size: 1.36rem;
	line-height:18px;}
.develop3{
	padding-top:18%;}
.develop3 .bar1 p{
	font-size:1.4rem;
	text-indent:2.8rme;
	line-height:1.8rem;}
.develop3 .bar2 .title2 h1 {
    font-size: 1.8rem;}\
.develop3 .bar2 .contain ul li h3 {
    font-size: 1.4rem;
	width:76%;
}
.develop3 .contain .title2{
	padding-bottom:50%;
	}
.develop3 .bar2 .contain {
    padding: 0% 0 14%;}
.develop3 .bar2 .contain ul img {
   top: 35px;
    width: 70%;
    right: 15%;
}
.develop3 .bar2 .contain ul li h3 {
    width: 82%;
	font-size:1.3rem;
	line-height:1.6rem;
	left:70px;
	}
.develop3 .bar2 .contain ul:before {
    height: 340px;}
.develop3 .bar2 .contain ul li h3 strong {
    font-size: 1.6rem;}
.develop3 .bar2 .contain ul li {
    margin-top: 80px;}
.develop3 .bar2 .contain2 ul {
    padding: 5% 0;
}
.develop3 .bar2 .contain2 li {
    float: none;
    width: 100%;}
.develop3 .bar2 .contain2 li p{
	width:100%;
	font-size:1.4rem;}
.develop3 .bar3 .left {
    float: none;
}
.develop3 .bar3 .left img {
	display:block;
	width:100%;
}
.develop3 .bar3 .txt {
    float: none;
    width: 100%;
}
.develop3 .bar3 p {
    font-size: 1.4rem;}
.develop3 .bar4{
	padding:12% 0;
	}
.develop3 .bar4 .box p {
    font-size: 1.4rem;
	width:90%;
	line-height:1.8rem;
	}
.develop4{
	padding-top:18%;
	}
.develop4 ul {
    width: 84%;
	padding:12% 0 6%;}
.develop4 ul li .l1{
    width: 120px;
	height:120px;}
.develop4 ul li span {
    left: 22%;
    top: 30%;}
.develop4 .bar2 .left {
    float: none;
    width: 100%;
}
.develop4 .bar2 .right {
    float: none;
    width: 100%;}
.develop4 .bar2 .right h1 {
    font-size: 1.8rem;
	margin-top:10PX;
	letter-spacing:0;}
.develop4 .bar2 .right h2 {
    font-size: 1.4rem;}
.develop4 .bar2 .right h3 {
    font-size: 1.3rem;
	margin:0;
}
.develop4 .bar2 .right h3 a {
    font-size: 1.3rem;}
.contact .bar1 {
    padding: 8% 0;}
.contact .n_title {
    font-size: 2rem;
	letter-spacing:0}
.contact .n_title strong {
    font-size: 1.4rem;
    line-height: 1.8em;}
.contact ul li b {
    width: 60px;
    height: 60px;}
.contact ul li img {
    display: block;
    margin: 20% auto;
    width: 36px;
}
.contact ul li p strong {
    font-size: 1.6rem;}
.contact ul li p {
    font-size: 1.2rem;
	line-height:1.2;}
.contact .bar3 .article{
	width:48.5%;}
.contact .bar3 .article:nth-of-type(3n) {
    margin-right: 3%;
}
.contact .bar3 .article:nth-of-type(2n) {
    margin-right: 0;
}
.contact .bar3 {
    padding: 5% 0 2%;
}
.contact .bar3 dl {
    margin-top: 5%;}
.contact .bar3 h1 {
    font-size: 1.6rem;
	letter-spacing:0;
	line-height:2rem;}
.contact .bar3 h2 {
    font-size: 1.4rem;
	line-height:1.8rem;}
.contact .bar3 h3 {
    font-size: 1.3rem;
	line-height:1.6rem;
}
.zp{
	padding-top:18%;}
.zp ul {
    width:94%;
}
.zp .zp1 {
    min-height: 310px;
}
.zp ul .bar h6 {
	letter-spacing:0;
    font-size: 1.6rem;}
.zp ul .bar h6:before {
    left: -15px;
    font-size: 10px;}
.zp ul .bars .contain h6 {
    font-size: 14px;}
.zp ul .bars .contain h6 span {
    font-size: 15px;}
.zp ul .bar h5 {
    font-size: 14px;}
.about5 .bar1 h4{
	font-size: 1.8rem;
	margin: 10px 0;
}
.about5 .bar1 p{
	text-indent: 2em;
}
.about5 .bar1 h4:nth-of-type(2) {
    margin-top: 0px;
}
.about5 .bar1 p a{
	display: block;
}
}
@media screen and (max-width: 400px){
header .logo img {
    height: 30px;
}
header .language{
	font-size: 1.1rem;
	margin-top: 6px;
    margin-right: 65px;
	}
header .language span:first-of-type {
    margin-right: 3px;
    font-size: 1.1rem;
}
.navBtn {
    top: 15%;}
}