@media only screen and (min-width: 320px) and (max-width: 768px) {
	
.nav_bar,.en,.diaBtn,.blue,.foonter,.n_list,.portoptxtb,.portoptxt,.porleft,.porso,.portop,.mianc { display:none;}	


/*----------------------------------------- ----------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;position:fixed;z-index:15;width:60%; right:0px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.navmore{ margin-top:60px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px; margin-right:5%}
.sp_nav span{display:block;background:#ffea00;width:30px;height:4px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{display:block;position:fixed;z-index:14;background:#333;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 100px)}
.sjj_nav>ul>li:first-child .language{float:right;width:80px;overflow:hidden;line-height:50px;margin-top:0px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #474747 solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:0px;right:0px;border-left:1px #474747 solid;height:50px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #474747 solid;margin-left:20px;position:relative;line-height:50px;font-size:18px}
.sjj_nav>ul >li:last-child{border-bottom:1px #474747 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#ccc;width:80%}
.sjj_nav ul li ul li a{color:#ccc;display:block;text-align:left;}
.sjj_nav ul li i svg{width:30px;height:20px;fill:#d9d9d9;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#ffea00}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.nav_barv {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 60px;
}
.logo {
    width: 20%;
    margin-bottom: -65px;
    margin-top: 5px;
    float: left;
    margin-left: 10%;
    overflow: hidden;
}




.txt {
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.swiper-container-solutionb {
    width: 100%;
    overflow: hidden; margin-bottom:50px;
}


.server li {
    width:100%;
    margin-right: 0px;
    float: left;
    padding-bottom: 100px;
    overflow: hidden;
    position: relative;
}
.servertxt p {
    text-align: center;
    font-size: 20px;
    color: #FFF;
    margin-bottom: 13px;
    font-weight: 900;
}
.servertxt span {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    color: #FFF;
    overflow: hidden;
    width: 100%;
    display: block;
}

.txt1 {
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    text-align: center;
    color: #FFF;
}
.txt1 p {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    font-family: arial,helvetica,sans-serif;
}
.server {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}



.aboutmain li {
    min-width: 1%;
    width: calc((100% - 10%)/2);
    cursor: pointer;
    margin-right: 0%; margin-left:2.8%;
    height: 180px;
    float: left;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    transition: 0.3s;
    position: relative; margin-bottom:20px;
}


.aboutmain li:last-child {
    margin-right: 0px;
	float:left;
}

.aboutmainpic{ width:50px ; overflow:hidden;  margin: 25% auto 5% auto; z-index:9999;}


.txtj {
    position: absolute;
    top: 0px;
    text-align: center;
    width: 90%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}



.indexabout {
    width: 100%;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;}



.mian{ max-width:90%; margin:0 auto; overflow:hidden;}


.aboutus {
    text-align: center;
    line-height: 1.5;
    overflow: hidden;
    width: 100%;
    margin-bottom: 50px;
}

.w_grid {
    width: 100%; padding:50px;
    margin-left: 0px; background:url(a_s16.png); background-size:100% 100%;
    float: left;
    margin-top: 0px;
    color: #FFF;
    font-size: 26px;
    overflow: hidden;
    line-height: 160%;
}
.index_news {
    width: 100%;
    float: right;
    margin-right: 0px;
    overflow: hidden; background:#017dc5;
}
.newsgjb{ background:#017dc5;}
.index_newslist {
    width: 100%;
    color: #FFF;
    overflow: hidden;
    float: right;
    margin-top: 10px;
}


.index_newslist li {
    width: 90%; margin:0 auto;
    padding-bottom: 5%;
    overflow: hidden;
    border-bottom: 1px solid #e8e8e7;
    margin-bottom: 5%;
}





element.style {
}
.casebanner {
 
    min-height: 220px;}

.ntxt {
    width: 100%;
    text-align: center;
    overflow: hidden;
    color: #FFF;
    font-size: 26px;
    margin-top: 30px;
    line-height: 1.3;
}

.casebox li {
    width: 100%;
    float: left;
    margin-right: 0px;
    margin-bottom: 50px;
    overflow: hidden;
}
.porright {
    width: 100%;
    float: right;
    overflow: hidden;
    margin-top: 10px;
}

.n_txth1 {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.5;
    margin-bottom: 30px; padding-bottom:10px;
}


.proContainer li {
    width: calc(100%/2 - 15px);
    float: left;
    margin: 10px 15px 10px 0px;
}
.proContainer li:nth-child(3n) {
    margin: 10px 15px 10px 0px;
}

.n_por {
    width: 100%;
    float: left;
    border: solid 1px #d9d9d9;
}


.n_portxtmai {
    width: 100%;
margin-top:20px;
}



.xinjia7 { margin:10px auto;} 

.about_left {
 width: 100%; overflow:hidden; font-size:30px;color:#b4b4b4; float:left; margin-top:10px; margin-bottom:20px;
}

.about_right {
    width: 100%;
    float: none; margin-top:0px; margin-bottom:30px;}




.rongyuaboutlist li{ width:calc(100%/2 - 20px); float:left;  margin-right:20px; margin-bottom:50px; overflow:hidden; } .rongyuaboutlist li img{ width:100%; display:block;}
.rongyuaboutlist li:nth-child(4n){margin-right:0; }

.p_gridboxcx {
    border: 2px solid #ff9900;
    border-radius: 100%;
    width: 10PX;
    height: 10PX;
    margin: 0 auto;
    margin-bottom: 10px;
}
.p_gridboxright {
    width: 47%;
    float: right;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.3;
    font-family: georgia,serif;
}
.p_gridboxleft {
    width: 47%;
    float: left;
    text-align: right;
    font-family: georgia,serif;
    font-size: 14px;
}
.p_gridboxcx2 {
    border: 2px solid #0060b2;
    border-radius: 100%;
    width: 10PX;
    height: 10PX;
    margin: 0 auto;
    margin-bottom: 10px;
}

.gongchang {
    width: 100%;
    float: left;
    overflow: hidden;
}




.gongchangrig {
    float: right;
    width: 100%;
    font-size: 15px;}



.yuangong {
    width: 100%;
    float: left;
    overflow: hidden;
}

.yuangongrig {
    width: 100%;
    float: right;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 50px;
}
.about_leftrongy {
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    color: #b4b4b4;
    float: left;
    margin-top: 30px;
    margin-bottom: 10px;
}

.aboutbj {
    width: 100%;
    overflow: hidden;
    background-color: rgba(238, 238, 238, 1);
    padding-top: 0px;
  padding-bottom: 0px;
}

.contactleft {
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
    overflow: hidden;
    width: 100%;
}



.contactright {
    width: 100%;
    float: right;
    overflow: hidden;
    margin-top: 80px;
    margin-bottom: 50px;
}






.contacttxalaft {
    width: 12%;
    float: left;
    text-align: left;
}

.contactbanner {

    min-height: 220px;
}


.aboutbanner {
 
    min-height: 220px;

}

.n_rightli{ width:100%;}
.n_txthxtc {
    width: 100%;
    padding-left: 0%;
    margin-top: 20px;
    padding-right: 0%;
    overflow: hidden;
    font-size: 18px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.2;
    padding-bottom: 15px;
    margin-bottom: 10px;
}




.changzhang li {
    width: 100%;
    float: left;


}
.changzhangn {
    width: 100%;
    padding: 20px;}


.p_CommonBtn {
    background-color: #0060b2;
    text-align:center;
    width:250px;
    border-radius: 29px;
    line-height: 34px;
    margin:0 auto;
    color:#FFF;
    font-size:16px;
    margin-bottom: 50px;
}

.n_portxt {
    overflow: hidden;
    width: 100%;
    color: #007dc5;
    font-size: 16px;
    font-weight: 900;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.ershou li {
    float: left;
    width: calc((100% - 0px)/1);
    margin-right: 0px;
}
.ershoupic {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 auto;
  height: auto; 
}


.xxnrt {
    float: none; width:100%; overflow:hidden;
}

.xxnrtr {
 float: none; width:100%; overflow:hidden; margin-top:10px;
}


.p_gridbox {
    width: 100%;
    overflow: hidden;
    position: static;
    padding: 0px;
}



.gongchangrig img{ width:100%; display:block;}



}