@media screen and (min-width:1004px) {
    .news .list li:hover {
        border: 1px solid #6cbd65;
    }
    .ui-btn-group{display:block}
    
    .ind-box .tlt ul li.on a,.ind-box .tlt ul li a:hover{color: #259b24; border-bottom:2px solid #259b24; } 
}

@media screen and ( max-width:1004px ){
.pc-hide{display:block;}
.pc-show{display:none;}
.tech{width: 94%;margin:0 auto;}

.bannerPic,.bannerPic img{width: 100%;}

.container {padding-bottom: 40px; }

.header .link {padding-right: 17px; background-size: 8%; font-size: .8em; } 
.header .link-box {margin-left: -15px; padding: 6px 0; } 
.header .link-box li a {padding: 0 15px 0 15px; font-size: .8em; line-height: 25px; } 
.header .rg-box li {margin-left: 8px; } 
.header .rg-box li a {font-size: .8em; } 
.header .bot {height: 50px; line-height: 50px;    margin-bottom: 10px; } 
.header .logo{width: 24%; display: inline-block; } 
.header .memu{width: 8%; margin-left: 5%; display: inline-block; } 
.header .m-search{width: 7%;margin-left: 5%; display: inline-block; }
.header .logo img,
.header .memu img,
.header .m-search img{width: 100%;}

.ind-banner .swiper-pagination-bullet {width: 9px; height: 9px; margin: 0 5px!important; }

.ind-wrap {background: #f0f0f2;}

.ind-part1 .banner {padding: 0 11% 0;width: 78%;margin-bottom: 20px;} 
.ind-part1 .swiper-container {width: 100%; } 
.ind-part1 .swiper-slide {height: auto; padding-bottom: 15px; } 
.ind-part1 .swiper-slide img {margin: 12px 0 12px; } 
.ind-part1 .swiper-button-prev {background: #cccccc url(../../../images/m4_1.png) no-repeat center center; background-size: 40%; 
border-radius: 0; width: 8%; height: 100%; margin-top: 0; top: 0; left: 3%; } 
.ind-part1 .swiper-button-next {background: #cccccc url(../../../images/m4_2.png) no-repeat center center; background-size: 40%;
 border-radius: 0; width: 8%; height: 100%; margin-top: 0; top: 0; right: 3%; } 
.ind-part1 .swiper-button-prev:hover{background: rgba(37, 155, 36, 0.6) url(../../../images/m4_1.png) no-repeat center center; } 
.ind-part1 .swiper-button-next:hover{background: rgba(37, 155, 36, 0.6) url(../../../images/m4_2.png) no-repeat center center; } 
.ind-part1:hover .swiper-button-prev{left: 3%; } 
.ind-part1:hover .swiper-button-next{right: 3%;} 

.ind-box {margin-bottom: 20px; padding:0 4%; }
 .ind-box .tlt {padding: 25px 0 0px; margin-bottom: 15px; } 
 .ind-box .tlt img {margin-right: 8px; max-width: 19px; } 
 .ind-box .tlt .t1 {font-size: 16px; background: url(../../../images/a7.png)no-repeat right 6px; background-size: 10%; padding-right: 13px; margin-right: 15px; }
.ind-box .tlt ul li {margin-right: 10px; padding-top: 5px; } .ind-box .tlt ul li a {font-size: 12px; } 

.ind-part2 .box li {margin-right: 0; width: 48.5%; margin-bottom: 10px; margin-right: 0%; } 
.ind-part2 .box li:first-child {width: 100%; margin-right: 0; } 
.ind-part2 .box li:nth-child(2n){margin-right: 3%; } 
.ind-part2 .box li img {height: 150px;}
.ind-part3 {width: auto; } 
.ind-part3 .cont {margin-top: 10px; } 
.ind-part3 .cont li {width: 48.5%; margin-right: 3%; margin-bottom: 10px; } 
.ind-part3 .cont li:nth-child(2n){margin-right: 0; } 

.ind-part4 {width: 92%; margin-left: 0px; } 
.ind-part4 .box {margin-top: 0px; } 
.ind-part4 .box li{height:auto;}
.ind-part4 .box li .img {margin-right: 5%; width: 45%; } 

/*.ind-part6 {box-shadow: 0 7px 18px -3px #a7a7a7; margin-bottom: 20px; background: #fff url(../../../img/m5.png) bottom no-repeat; 
height: auto; background-size: 100%; overflow: hidden; padding-bottom: 32px; } */
.ind-part6 img {float: none; margin: 33px 0 0 30%; width: 34%; } 
.ind-part6 p {line-height: 25px; width: 90%; float: none; margin: 21px 5% 0; font-size: 12px; } 

.ind-part7 .box {overflow: hidden; padding: 0px 0 50px; } 
.ind-part7 li img {max-width: 85%; max-height: 85%; } 
.ind-part7 .box li {width: 33.33%; }

.right-cont {width: 100%;}

.rg-tlt {font-size: 22px; margin-bottom: 20px; margin-top: 20px; }

.proIntro1 ul {background-color:inherit; } 
.proIntro1 li {width: 42.5%; margin: 0 3% 10px 0; background: #fff; padding: 10px 3% 20px; height: auto; } 
.proIntro1 li:nth-child(2n){margin-right: 0;} 
.proIntro1 li .prosimg {width: 100%; height: 130px; margin: 0; } 
.proIntro1 li .prostit {width: 100%; margin: 10px auto 0px; } 
.proIntro1 li .probran {width: auto; margin: 4px auto 0; } 
.proIntro1 li .probus {width: auto; } 
.proIntro2 .title .sp03,.select,
.proIntro2 .list li .txt,
.proIntro2 .list li .place,
.proIntro2 .list li .tab,
.proIntro2 .list li .tab2,
.proIntro2 .list li .ico,.proIntro2 .list li .name i{display: none; } 
.proIntro2 .title .sp01 {width: 30%; padding-left: 5%; margin-right: 3%; } 
.proIntro2 .title .sp02 {width: 55%; padding-left: 7%; }
.proIntro2 .title .sp03, .proIntro2 .title .sp04 { display:none;}
.proIntro2 .list li .name {width: 35%; margin-left: 5%; margin-right: 5%;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/ } 
.proIntro2 .list li .name2 {width: 55%; margin-right: 0; } 
.proIntro2 .list li .name2 i{display:inline;}
.proIntro2 .list li {border-bottom: 1px solid #f0f0f2; padding: 10px 0 10px;min-height:50px; }
.proIntro2 .list li span {display:none;}
.proIntro2 .list li .apply {width: 70px; font-size: 12px; height: 26px; line-height: 26px; }
.proIntro2 .list li .more{ display:block;margin:0 1%;width: 5%;float: left;} 
.proIntro3 .list li {margin: 0 3% 10px 0; height: auto; width: 48.5%; background: #fff; } 
.proIntro3 .list li:nth-child(3n) {margin-right: 3%; } 
.proIntro3 .list li:nth-child(2n){margin-right: 0; } 
.proIntro3 .list li .name {line-height: 35px; height: 35px; font-size: 14px; } 
.proIntro3 .list li .txt {line-height: 20px; height: 60px; opacity: 1; padding: 0 10px; }
.proIntro3 .list li .img{ height: auto;} 

.proShow .left,
.proShow .right {width: 100%; } 
.proShow .tlt {font-size: 22px; color: #333; margin: 20px 0; } 
.proShow .tip {margin-bottom: 20px; } 
.proShow .tip li {margin-right: 10px; } 
.proShow .tip li a {padding: 0 15px; height: 33px; line-height: 33px; } 
.proShow .top {font-size: 20px; margin-bottom: 10px; } 
.proShow .top i {width: 4px; height: 18px; margin-right: 12px; margin-bottom: -2px; } 
.proShow p {margin-bottom: 20px;margin-left: 15px; } 
.proShow .apply {width: 100%; height: 45px; line-height: 45px; margin: 20px auto 30px; } 
.proShow .right .img,
.proShow .right img{width: 100%;} 
.proShow .img1{margin-bottom: 15px;} 
.proShow .img2{margin-bottom: 35px;}
.supplier .apply1 {width: 100%;height: 45px;line-height: 45px;margin: 20px auto 30px;}

.supplier .list li {margin: 0 3% 20px 0; width: 48.5%; height: auto;} 
.supplier .list li:nth-child(5n){margin-right: 3%; } 
.supplier .list li:nth-child(2n){margin-right: 0; } 
.supplier .list li p {line-height: 20px; height: 40px; } 
.supplier .list li img{width: 100%;height: 134px;} 

.supplierShow .list{margin-left: 15px;margin-bottom: 20px; } 
.supplierShow .list li i {margin-right: 12px; } 
.supplierShow .list li {font-size: 14px; margin-bottom: 11px; }

.introduction img.i {margin: 20px auto; width: 50%; } 
.introduction .list1 {margin-bottom: 10px; } 
.introduction .list1 .img {width: 48.5%; } 
.introduction .list2 .img {width: 31.33%; margin-right: 3%; float: left; }

.join .tlt {font-size: 20px; padding: 20px 0; } 
.join .txt {line-height: 25px; } 
.join .list1 li {width: 100%; margin-bottom: 10px; } 
.join .list1 li p {font-size: 16px; line-height: 45px; text-align: center; } 
.join .list1 li .img{width: 100%;} 
.join .list1 li img{height: auto;} 
.join .list2 li .img {width: 100%; margin-right: 0; margin-bottom: 10px; } 
.join .list2 li .cont {width: 94%; padding: 0 3% 15px; }

.cultrue .list3 li {width: 48.5%; margin: 0 3% 10px 0; } 
.cultrue .list3 li:nth-child(3n) {margin-right: 3%; } 
.cultrue .list3 li:nth-child(2n) {margin-right: 0; } 
.cultrue .list3 li p {font-size: 14px; }

.contact .tlt {font-size: 22px; margin: 20px 0; }
.contact p {margin-bottom: 20px; }
.contact .map-box{width: 100%;height:250px}

.msgBoard .tlt {font-size: 22px; margin: 20px 0; } 
.msgBoard .right {width: 90%; padding: 20px 5% 0; margin-bottom: 10px; } 
.msgBoard .table {padding: 20px 5% 30px; width: 90%; } 
.msgBoard .left {width: 100%; } 
.msgBoard .table {padding: 20px 5% 30px; width: 90%; } 
.msgBoard .table input {margin-bottom: 9px; width: 100%; height: 35px; line-height: 35px; font-size: 14px; padding: 0 5%; box-sizing: border-box; } 
.msgBoard .table textarea{margin-bottom: 9px; width: 100%; height: 125px; line-height: 35px; font-size: 14px; padding: 0 5%; box-sizing: border-box; } 
.msgBoard .table .inp1 {width: 135px; } 
.msgBoard .table img {margin-top: 3px; } 
.msgBoard .search {margin-bottom: 10px; } 
.msgBoard .search input {width: 70%; font-size: 14px; box-sizing: border-box; } 
.msgBoard .search .ico {width: 30%; height: 38px; line-height: 38px; font-size: 14px; } 
.msgBoard .list li {line-height: 25px; font-size: 14px; }

.news .tlt {font-size: 22px; margin: 20px 0; } 
.news .search {margin-top: 0; margin-bottom: 20px; float: none; } 
.news .search input {font-size: 14px; width: 80%; } 
.news .list li {padding: 10px; } 
.news .list li .img {margin-right: 0px; width: 100%; } 
.news .list li .cont {width: 100%; } 
.news .list li .name {padding-top: 10px; } 
.news .list li .time {margin-top: 15px; } 
.news .year {margin: 20px 0 20px; } 
.news .year span {width: 30%; margin: 0 3%; } 
.news .year i {width: 32%; }

.newDetail .left {width: 100%; } 
.newDetail h2{font-size: 18px; margin: 20px 0;} 
.newDetail .tip span {margin-right: 20px; } 
.newDetail .line {height: 20px; margin-bottom: 20px; } 
.newDetail .img {margin: 20px 0 15px; width: 100%; } 
.newDetail .t1 {font-size: 17px; line-height: 40px; } 
.newDetail .icos {float: none; display: table; margin: 30px auto 0; } 
.newDetail .icos li {padding: 0 7px; margin-right: 6px; font-size: 12px; } 
.newDetail .icos li img {margin-right: 6px; } 
.newDetail .right {width: 100%; } 
.newDetail .tt {font-size: 18px; margin-top: 30px; } 
.newDetail .new-notes {margin-top: 0; } 
.newDetail .tt1 {margin: 30px 0 15px; } 
.newDetail .hot-read {padding: 10px 15px 0; } 
.newDetail .hot-read li {height: 35px; line-height: 35px; } 
.newDetail .next-new {padding: 10px 15px 40px; } 
.newDetail .next-new p {font-size: 14px; line-height: 40px; }


.proShow .icos {float: none; display: table; margin: 30px auto 0; } 
.proShow .icos li {padding: 0 7px; margin-right: 6px; font-size: 12px; } 
.proShow .icos li img {margin-right: 6px; } 




/*个人中心模块*/
.center-wrap .tlt {font-size: 22px; margin: 20px 0 15px; } 
.center-tab ul {float: none; margin: 0 auto; } 
.center-tab ul li a {width: 100px; height: 35px; line-height: 35px; font-size: 14px; } 
.center-box .head-img {display: none; } 
.center-box .box {margin-top: 0; padding: 0 10px 40px; } 
.center-notes .head-img-box {width: 88px; right: auto; top: 20px; } 
.center-notes .head-img-box img {width: 80px; height: 80px; border: 4px solid #f0f0f2; } 
.center-notes .head-img-box span {line-height: 35px; } 
.center-notes .tlt1 {font-size: 16px; padding: 150px 0 10px; } 
.center-notes .tlt1 img {margin-right: 11px; width: 17px; } 
.center-notes .inp {line-height: 40px; height: 40px; width: 100%; } 
.center-notes .inp em {margin-right: 3%; width: 22%; } 
.center-notes .inp input {height: 40px; line-height: 40px; width: 68%; } 
.center-notes .inp2 .check a {margin-right: 21px; } 
.center-notes .inp2 .check span {width: 9px; height: 9px; } 
.center-notes .tlt2 {padding: 20px 0 10px; } 
.center-notes .p {margin: 30px 0 20px; } 
.center-notes .list dd {width: 95px; margin-bottom: 10px; } 
.center-notes .save {margin-top: 20px; width: 106px; height: 45px; line-height: 45px; } 

.safe-box .o {padding: 20px 0; } 
.safe-box .o img {margin-top: 2px; margin-right: 4%; width: 6%; } 
.safe-box .o p {width: 80%; } 
.safe-box .o p span {font-size: 16px; padding-bottom: 10px; } 
.safe-box .o .edit {width: 110px; height: 35px; line-height: 35px; } 

.footprint .tlt{font-size: 22px; margin: 20px 0 15px; } 
.footprint span {line-height: 45px; font-size: 14px; } 
.footprint .span01 {width: 35%; margin-left: 3%; } 
.footprint .span02 {width: 27%; margin-right: 3%; } 
.footprint .span03 {width: 32%; } 
.footprint .bot-txt span {line-height: 25px; font-size: 12px; } 
.footprint .bot-txt span.span03 {width: 29%; margin-right: 3%; } 

.edit-password .tlt{font-size: 22px; margin: 20px 0 15px; } 
.edit-password p {font-size: 14px; margin-bottom: 10px; } 
.edit-password .inp {margin-bottom: 10px; } 
.edit-password .inp em {width: 30%; line-height: 40px; font-size: 14px; } 
.edit-password .inp input {height: 38px; line-height: 38px; width: 60%; box-sizing: border-box; padding: 0 5%; font-size: 14px; } 
.edit-password .save {margin-top: 20px; width: 110px; height: 40px; line-height: 40px; font-size: 14px; } 

.edit-phone .inp em {width: 35%; } 
.edit-phone .inp .sendNum {width: 100px; height: 40px; line-height: 40px; margin-left: 0px; margin-top: 10px; } 
.edit-phone .inp1 em {width: 124px; } 
.edit-phone .inp1 em {width: 22%; } 
.edit-phone .inp span {line-height: 40px; font-size: 14px; } 

.register h2 {font-size: 22px; margin: 20px 0 15px; } 
.register .tech {width: 94%; } 
.register .inp {width: 100%; margin: 0 auto 10px; } 
.register .inp em {width: 27%; line-height: 40px; } 
.register .inp input {height: 40px; line-height: 40px; width: 73%; padding: 0 3%; box-sizing: border-box; } 
.register .check {margin: 10px auto 10px; display: table; } 
.register .check a {margin-right: 22px; line-height: 40px; } 
.register .check span {width: 12px; height: 12px; margin-right: 8px; margin-bottom: -2px; } 
.register .inp2 input {width: 43%; } 
.register .sendNum {width: 27%; height: 40px; line-height: 40px; margin-left: 3%; } 
.register .inp2 .sendNum input{width: 100%;}
.register .ico {width: 100%; height: 40px; line-height: 40px; } 
.register p {padding: 20px 0 40px; } 
.register .select-box {margin: 0 auto 10px; } 
.register .select {display: block; width: 32%; margin-right: 2%; box-sizing: border-box; } 
.register .select:nth-child(3){margin-right: 0;} 
.register .select dt {width: 71%; line-height: 40px; height: 40px; padding: 0 20% 0 8%; margin-right: 3%; background: url(../../../images/z9.png) no-repeat 90% center; background-size: 10%; } .select dt a {font-size: 12px; text-align: left; } 
.register .select dd {top: 41px; width: 100%; } 
.register .select dd ul li {line-height: 35px; padding: 0 8%; font-size: 12px; text-align: left; }


.register .select1 {display: block; width: 32%; margin-right: 2%; box-sizing: border-box; } 
.register .select1:nth-child(3){margin-right: 0;} 
.register .select1 dt {width: 71%; line-height: 40px; height: 40px; padding: 0 20% 0 8%; margin-right: 3%; background: url(../../../images/z9.png) no-repeat 90% center; background-size: 10%; } .select1 dt a {font-size: 12px; text-align: left; } 
.register .select1 dd {top: 41px; width: 100%; } 
.register .select1 dd ul li {line-height: 35px; padding: 0 8%; font-size: 12px; text-align: left; }


/*申请体验--弹窗*/
.ApplyAlert {width: 80%; height: auto; top: 8%; left: 10%; margin-left: 0; margin-top: 0; } 
.ApplyAlert .tlt {font-size: 16px; padding: 32px 0 12px; } 
.ApplyAlert .o1,.ApplyAlert .o2,.ApplyAlert .o3 {margin-left: 10%; margin-bottom: 10px; } 
.ApplyAlert .o1 em ,.ApplyAlert .o2 em,.ApplyAlert .o3 em{font-size: 14px; line-height: 30px; } 
.ApplyAlert .o1 i {font-size: 14px; margin-top: 8px; left: -12px; } 
.ApplyAlert .sel input{box-sizing: border-box; width: 90%;background: url(../../../images/z13.png) no-repeat 95% center;background-size: 10px;padding: 0 13% 0 5%;vertical-align: middle;height: 30px;line-height: 30px;} 
.ApplyAlert .alert-sel-cont {width: 80%; height: auto; padding: 10px 5%; } 
.ApplyAlert .alert-sel-cont li {width: 100%; border-right: 0; } 
.ApplyAlert .alert-sel-cont li em {margin-bottom: 3px; } 
.ApplyAlert .alert-sel-cont li dl {height: 60px; } 
.ApplyAlert .alert-sel-cont li dd {width: 50%; line-height: 30px; font-size: 12px; } 
.ApplyAlert .alert-sel-cont li:last-child {border-right: 0; margin-left: 0; } 
.ApplyAlert .alert-sel-cont .ico {margin-top: 13px;margin-bottom: 25px; }
.ApplyAlert .o2 input {width: 130px; height: 30px; line-height: 30px; font-size: 12px; padding: 0 5%; } 
.ApplyAlert .o2 span {font-size: .8em; margin-top: 6px; line-height: 22px; } 
.ApplyAlert .o3 textarea {width: 81%;height: 75px;line-height: 30px;font-size: 12px;padding: 5px 5%;}
.ApplyAlert .ico {width: 90px; height: 32px; line-height: 32px; font-size: 14px; margin: 5px 5px 30px; }



/*登录界面*/
.LoginAlert{width: 80%; height: auto; top: 16%; left: 10%; margin-left: 0; margin-top: 0; }
.LoginAlert p {font-size: 16px;    margin-bottom: 30px;}
.LoginAlert .inp {height: 45px;line-height: 45px;}
.LoginAlert .inp img {margin: 8px 13px 0 8px;}
.LoginAlert .inp input {line-height: normal;width: 80%;font-size: 14px;margin: 15px 0;}
.LoginAlert .box {padding: 58px 20px 0;}
.LoginAlert .login {margin-top: 40px;line-height:48px;height:48px;}


/*更换头像*/
.ChangeImgAlert {
    width: 80%;
    height: auto;
    top: 16%;
    left: 10%;
    margin-left: 0;
    margin-top: 0;
}
    .ChangeImgAlert .box li {
    width:21%;}
 .ChangeImgAlert .box {padding: 2px 5px 27px;}




/*找回密码*/
.findPass{min-height: 70vh;} 
.findPass h2 {font-size: 22px; margin: 20px 0 15px; } 
.findPass .tech {width: 94%; } 
.findPass .inp1 em ,.findPass .inp2 .ico{width: 30%; height: 45px; line-height: 45px; } 
.findPass .inp1 input{width: 70%; height: 45px; line-height: 45px; padding: 0 10px; box-sizing: border-box; } 
.findPass .inp2 input{width: 66%; height: 45px; line-height: 45px; padding: 0 10px; box-sizing: border-box; } 
.findPass .inp1 {margin-bottom: 15px; } 
.findPass .inp2 {margin-bottom: 30px; } 
.findPass .next {height: 45px; line-height: 45px; }

/*重置密码*/
.resetPass{min-height: 70vh;}
.resetPass h2 {font-size: 22px; margin: 20px 0 15px; }
.resetPass .tech {width: 94%; }
.resetPass .inp {margin-bottom: 15px; }
.resetPass .inp i {width: 7%; margin-right: 2%; line-height: 41px; }
.resetPass .inp input {width: 87%; height: 40px; line-height: 40px; }
.resetPass .next {height: 45px; line-height: 45px;margin-top: 20px; }


.loginb h2 {font-size: 22px; margin: 20px 0 15px; } 
.loginb .tech {width: 94%; } 
.loginb .inp {width: 100%; margin: 0 auto 10px; } 
.loginb .inp {height: 45px;line-height: 45px;}
.loginb .inp img {margin: 8px 13px 0 8px;}
.loginb .inp input {line-height: normal;width: 80%;font-size: 14px;margin: 15px 0;}
.loginb .box {padding: 58px 20px 0;}
.loginb .login {margin-top: 40px;line-height:48px;height:48px;width:100%;}

}

/*搜索结果页面*/
.resultPage {padding-bottom: 40px; }
.pagetit {font-size: 20px; margin-top: 20px; }
.pageinput {margin: 20px 0; }
.pageinput input {width: 100%; height: 40px; padding-left: 50px; font-size: 14px; background: url(../../../images/a21.png) no-repeat 13px center; background-size: 22px; box-sizing: border-box; }
.searchcls li {width: 57px; height: 37px; line-height: 37px; margin-right: 11px; }
.searchcls li.actioncli {height: 35px; line-height: 35px; }
.searchcls li a {font-size: 16px; }
.resunum {line-height: 27px; margin-top: 10px; font-size: 14px; }
.search_resul .resultlist {padding: 20px 0; }
.search_resul .resultlist .resul-info {width: 100%; }
.search_resul .resultlist .resul-info .resultit {width: 100%; font-size: 16px; line-height: 30px; }
.search_resul .resultlist .resul-info .resultit a {font-size: 16px; line-height: 30px; }
.search_resul .resultlist .resul-info .result .resultcent {width: 100%; margin-left: 0; }
.search_resul .resultlist .resul-info .result .pruinfo {width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; }
.search_resul .resultlist .resul-info .result .pruinfos {width: 100%; padding-left: 0px; }


@media screen and ( max-width:800px ) {
    .header .link {    white-space: nowrap;text-overflow: ellipsis;width: 45%;overflow: hidden;}
    .footer .footer_top .footer_top_cont .dl_list{width:100%;}
}

@media screen and ( max-width:320px ) {
    ul.nav li{padding: 0 3%;}
    .nav .menu{right:3px;}
}