@charset "utf-8";
/* CSS Document */





@media screen and (max-width:1200px){
	.map_r .map_box2 {
    border: none;
    padding-bottom: 0px;
    margin-top: 0px;
}
	.map_l {
    width: 100%;height:305px;
}
	.map_box{padding:10% 0px;}
	.map_r {
    width: 100%;
    padding: 0px;
}
	/*.map_l img{width: 100%;}*/
	.news_top{margin-top: 5%;}
	.new_l {
    width: 94%;
    background: #cdcdcd;
    padding: 3%;
    border-radius: 8px;
}
.new_l img{width: 100%;}
.new_r{width: 100%;}
	.ny_top{display: none;}
	.ny1_nav {
    width: 95%;
    margin: 0px auto;
    text-align: center;
}
	.ioc_logo{width: 220px;}
	.heder{display: none;}
	.mobile_head{display: block;}
	.wrap{width: 97%;}
	.mobile_head{padding: 2% 0px;}
	.out_div{width: 100%;}
	.out_big .swiper-button-next, .out_big .swiper-button-prev{display: none;}
	.out_big .swiper-button-next, .out_big .swiper-button-prev{display: none;}
	.pro_nav ul li{width: 22%;}
	.xj_r{width: 100%;text-align: center;margin-top: 3%;}
	.xj_l{width: 100%;text-align: center;height: inherit;border-radius: 6px 6px 0px 0px;}
	.xj_l span{display: block;width: 100%;}
	.xj_r .gg_txt p{text-align: left;}
	.xj_r ul li{margin-right: 0px;width: 30%;text-align: center;}
	.por3_top{display: none;}
	.mbx{display: block;margin-bottom: 3%;}
	.xj_l {
    margin-top: 0px;}
    .cpxj {
    margin-top: 3%;}
    .intro_banner .swiper-button-next,.intro_banner .swiper-button-prev{display: none;}
    .pro{padding-bottom: 10%;}
    .news{padding-bottom: 10%;}
    .ny_tabe{padding-bottom: 10%;}
}
@media screen and (max-width:800px){
	.new_txt p{overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:4;}
	.sub_nav{padding: 3% 0px;}
	.news2_txt p {
    font-size: 12px;
    color: #272727;
    /*text-indent: 2em;*/
    line-height: 22px;
}
	.div{display: block;}
	.news_top span {
		margin-bottom: 3%;
    display: block;
    font-size: 24px;
    color: #0d0d0d;
}
	.new_nav ul li {
    border-bottom: 1px solid #d9d6d7;
    padding: 5% 0px;
}
	.new_txt {
    width: 100%;
}
	.new_txt span {
    font-size: 14px;
    color: #0d0d0d;
    font-weight: bold;
    display: block;
    margin: 2% 0px;
}
	.newday_txt h3 {
    font-size: 24px;
    color: #7f7f7f;
    display: block;
    margin: 5% 0px 0%;
}
	.newday_txt {
    width: 100%;
    text-align: center;
}
	.navContent {
    display: block;
    padding: 2% 5%;
    border: 1px solid #cecece;
    width: 90%;
    box-shadow: 1px 1px 1px 1px #cecece;
    display: none;
    margin-top: 5%;
}
	.join_top ul li:nth-child(2){display: none;}
	.join_top ul li:nth-child(4){display: none;}
	.join_top ul li:nth-child(5){display: none;}
	.sub_nav ul li:nth-child(2){display: none;}
	.sub_nav ul li:nth-child(4){display: none;}
	.sub_nav ul li:nth-child(5){display: none;}
	.join_top ul li{width: 32%;}
	.sub_nav ul li{width: 32%;}
	.ls_txt p {
    font-size: 14px;
    color: #1a1a1a;
    text-indent: 2em;
    line-height: 27px;
    text-align: left;
}
	.gs_ls ul li {
    width: 32%;
    display: inline-block;
    text-align: center;
}
	.gs_ls ul li span {
    font-size: 36px;
    color: #271f6a;
}
	.gs_ls ul li p {
    font-size: 18px;
    color: #7f7f7f;
}
	.about_cp {
    margin-top: 5%;
}
	.xj_l span {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #1a1a1a;
    margin: 2% auto;
}
	.more{display: block;}
	.ny_bnt{display: none}
	.tab > ul > li:nth-child(4n){margin: 0px;}
	.tab{text-align: center;}
	.tab > ul > li{width: inherit;float: inherit;display: inline-block;margin-bottom: 5%;margin-right: 0px;}
	.ny1_nav ul li{padding: 10px 12px 10px;margin-right: 0px;display: inline-block;}
	.ser_img img {
    margin-left: inherit;
    color: black;
    width: 25%;
}
	.ioc_nav{margin-top: 2%;width: 35px;}
	.ioc_search{width: 30px;margin-top: 2%;}
	.ft_fw span{display: inline-block;}
	.ft_fw{width: 100%;text-align: center;}
	.ft_nav{display: none}
	.banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #656565;
    opacity: 1;
}
	.news_nav ul li img{width: 100%;}
	.news_nav ul li {
    float: left;
    width: 94%;
    padding: 3%;
    background: #cccccc;
  	margin: 5% 0px;
    box-shadow: 1px 3px 4px 3px #c7c6c6;
}
	.ser_txt p{font-size: 12px;}
	.ser_nav ul li span {
    display: block;
    font-size: 18px;
    color: #271f6a;
}
	.cp_top{background: none;}
	.cp_top span {
    font-size: 24px;
   
}
	.cp_top p {
    font-size: 24px;
  
}
	.banner .swiper-button-next, .banner .swiper-button-prev{display: none;}
	.ser_img{text-align: center;}
	.ser_img img{margin-left: inherit;}
	.ser_nav ul li{width: 90%;min-height: inherit;padding: 5%;margin: 2% auto;}
	.pro_nav ul li {
    width: 30%;
}
.pro_nav ul li:nth-child(4n) {
    margin-right: 1%;
}
	.pro_nav ul li:nth-child(3n) {
    margin-right: 0px;
}
}
@media screen and (max-width:640px){
	.map_nav ul li{width: 100%;}
	.nf_r {
    width: 165px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #271f6a;
    margin-top: 3%;
}
	.nf_l a {
    display: block;
    font-size: 12px;
    color: #272727;
    line-height: 20px;
}
	.xj_l span {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #1a1a1a;
    margin: 2%
    auto: ;
}
	.ny3_top span {
    font-size: 16px;
    color: #271f6a;
}
	.ny3_top p {
    font-size: 12px;
    color: #585858;
    line-height: 26px;
}
	.tab > ul > li{width: 45%;float: inherit;display: inline-block;margin-bottom: 5%;margin-right: 0px;}
	.pro_nav ul li {
    width: 43%;
	margin: 0px 5% 4% 0px;
}
	.pro_nav ul li:nth-child(3n) {
    margin-right: 5%;
}
	.pro_nav ul li:nth-child(2n) {
    margin-right: 0px;
}
}
@media screen and (max-width:500px){
	.join_top ul li {
    padding: 10px 0px;
}
	.about_one .pt ul li span{display: block;line-height: 36px;font-size: 12px;}
	.about_one .pt ul li{width: 30%;}
	.gs_ls ul li p {
    font-size: 14px;
    color: #7f7f7f;
}
	.gs_ls ul li span {
    font-size: 28px;
    color: #271f6a;
}
	.tab > ul > li{width: 42%;float: inherit;display: inline-block;margin-bottom: 5%;margin-right: 0px;}
	.ft_fw span{margin: 3% 0px;}
	.end{font-size: 12px;line-height: 22px;padding: 2%;text-align: center;}
	.ioc_logo {
    width: 175px;
}
	.pro_nav ul li {
    width: 42%;
}
	.pro_nav ul li span {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 35px;
    color: #000000;
}

}