@media screen and (max-width: 768px){
.layui-fluid,.layui-container{padding: 0}
.layui-fluid,.layui-row{overflow: hidden;}

.header{position:relative;z-index:1000;}
.header .logo{position:relative;z-index:1000;padding:8px 0;background-color:#ffffff;text-align: left;}
.header .logo img{height:40px;margin-left:10px;}
.header .top-more{position:absolute;top:20px;right:12px;z-index:1002;}
.header .top-more img{width:26px;}
.position-bottom{position: fixed;bottom: 0;width: 100%}

.mainnav{
    position: absolute;
    background-color:#003366;
    width: 100%;
    z-index: 99999;
    padding-top: 10px;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    top:-350px;
    margin-left:0;
}
.show {
    top:45px;
    overflow: hidden;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}
.mnav ul{padding:0px 15px 20px;}
.mnav li{text-align:left;padding: 15px 0;width: 100%;}
.mnav li.on{border-bottom: 2px solid #ffffff;}
.mnav li span{
    color: rgba(255,255,255,1);
    font-size: 16px;
}
.mnav li:hover span{
    color:#ffea00;
}
.mnav .language:hover span{
}
.mnav .language .home{margin-right:40px;width:80px;display:inline-block;}
.mnav .column2{
    border-top:1px solid rgba(255,255,255,0.1);
    display: none;
    margin: 15px 0 0;
    padding:0 0;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')";
    /* For IE 5.5 - 7 */
    filter:" progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')";
}
.mnav .column2 li{text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);padding: 16px 0px;}
.mnav .column2 li a{color:rgba(255,255,255,.7);}
.mnav > ul > li:hover .column2{display: block;}
.mnav .pro-column{width:180px;}
.all-main{padding:0 4% 60px 4%;min-height:225px;}
.navtui4{margin-left: 0;}
.top{margin:0 0px;}
.secondnav dl{top: 34px;}
.toubu{position: relative;padding: 20px;}
.toubu h1{color: #ffffff;font-size: 1.2em;font-weight: bold;}
.toubu h1 span{color: #ffffff;font-size: 1.5em;font-family: 'Impact';font-weight: normal;padding-right: 5px;}
.guanbibtn{position: absolute;right: 20px;top: 30px;color: #ffffff; }

 #mobileNav a{color:#ffffff;}
/*page*/
.page{text-align:center;margin:40px 0 55px 0;}
.page a{padding:5px 10px;color:#ffffff;background:#2e98db;font-weight:bold; border:1px solid #2e98db;border-radius:3px;-moz-border-radius:3px; -ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;width: auto;line-height: 100%;
}
.page span{color:#2e98db;padding:5px 22px;margin:0 6px;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border:1px solid #2e98db;}
.page a span{color: #ffffff;}
.page .num {display: none;}
.page .showpc{display: none;}
.page .showmb {display: inline-block;}
.page .prev, .page .next {display: inline-block;background-color:#5aae00;font-size:18px;}
.page .current{background-color: #ffffff;}
.page .current span{color: #5aae00;}

.nnav{width: 100%;overflow-x: scroll;white-space: nowrap;padding-left: 20px;}
.nnav li{width: auto;}
.nnav a{padding: 8px 25px;}

.preview-2 .nivo-directionNav a.nivo-prevNav::before, .preview-2 .nivo-directionNav a.nivo-nextNav::before{width: 45px;height: 45px; line-height: 45px;font-size: 34px;}
.preview-2 .nivo-directionNav a.nivo-prevNav::before{top: 31px;}
.index-about{margin-top: 0px;overflow: visible;background-size: 63%;}
.right-title{font-size: 20px;margin-left: 31px;}
.index-ti::after{height: 70px;top: -20px;    width: 55%;}
.index-ti::before{height: 0px;top: -20px;border-width: 35px 22px;left: 55%;}
.iaboutp{margin: 0 30px 0px;}
.index-about p{ margin-top: 88px;}
.index-about .show-more{ margin-bottom: 60px;}
.center-title{font-size: 30px;padding-bottom: 0px;padding-top: 44px;}
.center-title span{font-size: 14px; margin: 6px 0;}
.swiper-navigation{margin:0 0 60px;}
.service-list a{width: 50%;}
.service-list p{font-size: 18px;font-weight: bold;}
.service-list a div img{width: 30px;}
.service-list a div span{width: 28px;height: 1px;}
.index-news-type{ }
.index-news-type a{margin: 0 5px 5px;width: 40% ; }
.index-news-list{padding:0 20px;}
.index-news-list .item:after{    content: '';
    display: block;
    clear: both;}
.index-news-list .item:nth-of-type(even){margin:0;}
.index-news-list .item{width: 100%;margin-bottom:10px!important;}
.show-more2{margin:0 0 80px;}
.index-recruitment-list{margin-left: 0px;background: none;padding: 20px 0 50px;}
.index-recruitment-list .item{width: 100%;}
.footinfor{text-align: center;}
.bannerpart{height: 288px;}
.bannerpic{height: 288px;}
.nbtitle{padding: 71px 0 0;}
.nbtitle h1{font-size: 30px;}
.nbtitle p{padding: 14px 0 38px;font-size: 12px;}
.about1a{margin-bottom:-30px;}
.about1title{font-size: 24px;}
.about1a ul{padding: 20px 0;}
.about1a li{width: 50%;margin-bottom: 30px;}
.about1a li h1{font-size: 28px;}
.about1a li h6{letter-spacing: 5px;}
.zhengwen{margin:0 10px;}
.about2 .infor p { padding: 10px 20px 40px;}
.about3 ul{padding-right: 30px;}

.newslist li .infor p{margin-bottom: 30px;}
.company{margin:0 10px;}
.searchpart{padding: 20px;overflow: visible;}
.searchpart .layui-container,.searchpart .layui-row{overflow: visible;;}

.searchpart .layui-form-item{margin-bottom: 0px;}
.soubtn{border-radius: 3px;}
.company .item p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 60px;}
.qycontent .content{padding: 10px 20px;}
.companyd{padding: 30px 20px;}
.companyd .shuzi2 {padding-top: 30px;border-top: 1px solid rgba(255,255,255,.3);}
.companyd .shuzi2 h2 {font-size: 31px;}
.companyd {text-align: center;}
.companyd .picbg {display: inline-block;width: initial}
.companyd .pic img{width: 90%;}
.companyd .infor{text-align: center;}
.activity li .infor p {margin-bottom: 0px;}
.detail-title p{font-size: 22px;}
.biaodan {padding: 30px 0;}
.header .usercenter{top: 14px;right: 58px;}
.usercenter i{font-size: 29px;color: #3e3e3e;}
.login .content{padding: 50px 6% 90px;}
.usernav ul{    width: 100%;overflow-x: scroll;white-space: nowrap;}
.userneed img{display: none;}
.benlogo{margin-bottom: 20px;}
.change{margin:30px 0;}
.changemode{padding: 50px 10% 50px 3%;}
.user .shuzi2{padding-top: 30px;margin:20px 0 0;border-top: 1px solid rgba(255,255,255,.1);}
.companyd .shuzi p{opacity: .5}
.zengjia a{margin-right: 12px;}

.userform .layui-form-label{width: 100%;color: #a5a5a5;text-align: left;padding: 9px 0px;float:inherit;}
.userform .layui-input-block{margin-left:0px;}
.userform .layui-form-item{margin-bottom: 20px;}
#tlogo-proSize{display: block;padding-top: 5px;opacity: .5;}
.userp{padding: 9px 0px;}
.cjianjie{padding: 9px 0px;}
.logonn{top: 0;}
.service1{margin:0 -3%;}
.service1 li{background: #2e98db;border-radius: 20px;display: inline-block;width: 44%;height: 90px;margin:10px 3%;text-align: center; }
.service1 li h1{color: #ffffff;opacity: .5;font-size: 28px;padding: 10px 0 5px;}
.service1 li h2{color: #ffffff;padding:0 5%;font-size:14px;}

.service2a li{width:100%;margin-right: 0;margin-bottom: 3px;text-align: left;padding:20px 15px;height: 80px; }
.service2a li img{display: inline-block;margin: 0px;padding-right: 10px;height: 40px;float: left;}
.service2a li h1{display: block;height: auto;padding-top: 10px;font-size: 16px;}
.service2c .part1 .arrow{width: 30px;height: 15px;margin:0 auto;transform:rotate(90deg);
            -webkit-transform:rotate(90deg);  /*兼容-webkit-引擎浏览器*/
            -moz-transform:rotate(90deg);     /*兼容-moz-引擎浏览器*/}
.shuzi{font-size: 32px;}
.about4 .item{margin-right: 0px;}
.about4 .infor{    margin-left: 45px;padding: 0 0 30px;}
.about4 .infor h1{padding: 5px 0 10px;}
.qyjianjie{padding: 0 20px;margin-bottom: 80px; }
.aboutplan .item li{font-size: 16px;margin-left: 15px;}
.aboutplan .item li h1{font-size: 18px;}
.about5 .item .infor h1{font-size: 18px;}
.about5 .item .infor i{font-size: 30px;}
.newslist li .infor h6{font-size: 14px;}
.tongtitle{padding: 0px 0 0px 44px;}
.tongtitle .shuzi{top: -8px;}
.service .item{    padding-left: 0px;}
.service{padding-top: 30px;}
.service2b h1{font-size: 16px;}
.service2c{padding: 30px 20px 50px;margin:20px -30px;}
.service2c .part2 span{font-size: 28px;}
.service2c .part2 h1{padding-left: 63px;}
.service3 li{margin-left: 20px;font-size: 18px;}
.contact{padding: 30px 20px;}
.contact .infor h1{font-size: 20px;font-weight: bold;}
.contact .infor i{margin-right: 5px;}
.contact .ewm{text-align: center;}
.contact .ewm .item{width: 80%;max-width: 200px;}
.imdate{color: #2e98db;font-size: 14px;text-align: left;padding:20px 0 0 28px;}
.swiper-news .item h1, .swiper-news .item p{padding: 14px 28px 0;}
.swiper-news .item p{height: 66px;}
.ijoinpark {padding: 0px 0 80px;}
.ijoinpark .itembtn .title h1{font-size: 20px;font-weight: bold;padding-bottom: 5px;}
.ijoinpark .itembtn .title h6{font-size: 14px;}
.ijoinpark .itembtn .title{top: 40px;left: 20px;}
.index-policy{background-size:auto 100% }
.index-company .swiper-navigation{padding: 0px 0 0;}



}
@media screen and (max-width: 320px){
    .ijoinpark .itembtn{height: 200px;}
    .ijoinpark .itembtn .title h6{font-size: 12px;}
    .ijoinpark .itembtn .title{left: 15px;}
}