@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1730px){
html{
	font-size:60%;
}
}
@media(max-width: 1600px){
html{
	font-size:56%;
}
}
@media(max-width: 1200px){
html{
	font-size:54%;
}
.w_all{
	width: 88%;
}
}
@media(max-width: 992px){
html{
	font-size:52%;
}
.w_all{
	width: 90%;
}
.header_b .logo {
    height: 42px;
    padding: 10px 0;
}
.nav_list{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #214f82;
}
.nav_list ul{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.nav_list ul li span{
	font-size: 2.1rem;
	display: block;
}
.nav_list ul li span i{
	display: none;
}
.nav_list ul li {
    width: 100%;
	text-align: center;
    padding: 8% 5%;
    box-sizing: border-box;
	border: none;
}
.nav_list ul li:before{
	display: none;
}
.s_menu{
	display: none !important;
}
.header_b .other .bb.wx{
	display: block;
	margin-right: 15px;
}
.header_b .other .bb.wx img:nth-of-type(2){
	width: 80px;
}
.header_b .other a:first-of-type .bb{
	display: none;
}
.header_b .other .language {
	margin-left: 0;
    margin-right: 20px;
    padding: 3px 10px;
}
.header_b .other .language img {
    margin-right: 3px;
}
.navBtn{
	display: block;
}
.index_bar2 .left{
	width: 70%;
	max-width: 70%;
}
}
/*首页内容部分调整<=766 手机*/
@media(max-width: 766px){
html{
	font-size:50%;
}
.w_all{
	width: 92%;
}
.banner .swiper-slide-active .txt{
	top: 32% !important;
}
.banner .txt{
	text-align: center;
}
.banner .txt h3 {
    font-size: 4.2rem;
    margin-bottom: 15px;
    letter-spacing:1px;
}
.banner .txt p {
    font-size: 2rem;
    line-height: 1.6;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
.banner .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    margin: 0 5px !important;
}
.slide .box{
	top: 52%;
}
.index_bar2 {
    background-position: 60% top;
}
.index_bar2 .left{
	width: 100%;
	max-width: 100%;
}
.title1 h3 {
    font-size: 5rem;
    letter-spacing: 0px;
}
.title1 h4:first-of-type {
    margin-top: 20px;
}
.title1 h4 {
    font-size: 2.6rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.index_bar2 ul li h3 {
    font-size: 2rem;
    letter-spacing: 1px;
}
.index_bar4 {
    background-position: 30% top;
}
.index_bar4 .ol{
	width: 100%;
	margin-top: 4%;
	max-width: 100%;
}
.index_bar4 ul{
	flex-wrap: wrap;
	justify-content: center;
}
.index_bar4 ul a {
    display: block;
    margin: 5% 0;
	width: 50%;
}
.index_bar4 ul li span {
    padding: 20px;
    margin: 0 auto 10px;
    width: 82px;
}
.index_bar3 .box{
	display: block;
}
.index_bar3 .left {
    width: 100%;
}
.index_bar3 .right {
    width: 100%;
	margin-top: 10%;
}
.index_bar3 .title1 h4:first-of-type {
    margin-top: 5px;
}
.index_bar3 .more2{
	margin-top: 5%;
}
.index_bar3 .right ul a{
	width: 100%;
}
.index_bar3 .right ul a:last-of-type{
	display: none;
}
.index_bar5 {
    background-position: 42% top;
}
.slide.index_bar5 .box {
    top: 46%;
}
.index_bar5 .more2 {
    margin-top: 20%;
}
.copy_right{
	display: block;
	text-align: center;
}
.copy_right a{
	display: block;
	margin: 4px 0;
}
.ban {
    padding: 18% 0 8%;
}
.ban p{
	font-size: 2.6rem;
	letter-spacing: 2px;
}
.navs a {
	margin: 3px 0;
    margin-right: 20px;
    padding-left: 12px;
}
.navs a:before{
	width: 4px;
	height: 4px;
}
.about .bar1 .left{
	position: relative;
	height: 220px;
	width: 100%;
	margin-bottom: 5%;
}
.about .bar1 .left:before {
    bottom: -4%;
}
.about .bar1 .right{
	width: 100%;
	float: none;
}
.about .bar3 dl{
	display: block;
}
.about .bar3 dl dd{
	margin: 3% 0;
	width: 100%;
}
.about .bar3 dl dd h3{
	margin-top: 10px;
}
.about .bar3 dl dd h3 img {
    width: 20px;
    margin-top: -3px;
}
.about .bar4 {
    padding: 2% 0 50%;
}
.title2{
	font-size: 2.2rem;
}
.pro .swiper-pagination{
	margin-bottom: 8%;
}
.pro .swiper-pagination-bullet{
	padding-top: 52px;
}
.pro .swiper-pagination-bullet:before{
	width: 38px;
	height: 38px;
}
.pro .btn .ll i{
	font-size: 4rem;
}
.pro .btn .ll {
    top: 54%;
	left: -12%
}
.pro .btn .llr {
	top: 53%;
	left: inherit;
    right: -12%;
}
.pro {
	overflow: hidden;
    height: auto;
    padding: 20% 0 8%;
}
.pro .bar{
	position: relative;
	left: inherit;
	top: inherit;
	-webkit-transform: none;
    transform: none;
	width: 80%;
}
.pro .bar .swiper-container{
	background: #fff;
}
.pro b{
	float: none;
	width: 100%;
}
.pro .txt{
	padding: 8%;
	width: 100%;
	float: none;
}
.pro .txt p:before{
	top: 6px;
}
.pro .txt p{
	padding-left: 12px;
	width: 44.5%;
}
.news ul a{
	width: 48.5%;
}
.news ul a:nth-of-type(3n){
	margin-right: 3%;
}
.news ul a:nth-of-type(2n){
	margin-right: 0;
}
.news ul li .txt p{
	display: none;
}
.news ul li .imgs{
	margin-bottom: 5%;
}
.news_d .contain h1{
	font-size: 2.4rem;
}
.news_d .contain p{
	margin: 15px 0;
}
.more3 {
    padding: 10px 30px;
}
.job .left {
    width: 100%;
    float: none;
}
.job dl dd .txt{
	width: 100%;
	position: relative;
	height: auto;
	margin-top: 3%;
}
.job dl dd:nth-of-type(2n) .left {
    float: none;
}
.job dl dd .title2{
	margin-bottom: 10px;
}
.job dl dd p{
	font-size: 1.6rem;
	line-height: 1.8;
}
.job ul li{
	width: 100%;
}
.job ul li .top{
	display: block;
	padding: 5px;
}
.job ul li h5{
	margin: 3% auto 1%;
}
.job ul li h6 {
    padding-right: 0;
    margin-right: 0;
    line-height: 22px;
}
.job ul li h6:before{
	display: none;
}
.job .swiper-pagination,.job dl dd:nth-of-type(2n) .swiper-pagination{
	text-align: center;
}
.job dl dd .txt{
	padding: 3% 0;
}
.contact .top .title2{
	margin: 2% 0 5%;
	font-size: 2.6rem;
}
.contact ul{
	justify-content: space-between;
}
.contact ul li{
	margin: 0;
}
.contact ul li img {
    width: 30px;
    padding: 18px;
}
.contact ul li p{
	margin: 10px 0;
}
.contact ul li p a{
	margin-top: 5px;
}
.contact .online p{
	padding: 10px 0;
	width: 100%;
}
.contact .online p textarea{
	width: 90%;
}
.contact .bottom .bb {
    padding: 18px 10px;
}
#pages{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
#pages li{
	margin: 4px;
}
html[lang="en"] .banner .txt h3{
	font-size: 3.6rem;
	letter-spacing: 0 !important;
}
html[lang="en"] .banner .txt p{
	font-size: 1.8rem;
}
html[lang="en"] .title1 h3{
	font-size: 4.6rem;
}
html[lang="en"] .nav_list ul li span{
	font-size: 2.2rem;
}
html[lang="en"] .pro .txt p{
	width: 100%;
}
html[lang="en"] .pro .swiper-pagination-bullet{
	margin: 0 3% !important;
	font-size: 1.4rem !important;
}
}