header{
    height: 80px;
    z-index: 900;
    background: #FFF url(../images/headerBg.jpg) no-repeat center center;
    background-size: cover;
    /*border-bottom: 1px solid rgba(255,255,255,.15);*/
    /*padding: 0 30px;*/
    box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 15%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background-image: linear-gradient(to right, #e6ebf1 , #414d5b);*/
    box-sizing: border-box;
}
.mobileShow{ display: none; }
.fixed{top: 0px;
    width: 100vw;
    position: fixed; z-index: 100000;}
  
.flex{ display: flex; }
.jcenter{ justify-content: center; }
.jleft{ justify-content: flex-start; }
.jright{ justify-content: flex-end; }
.jbt{ justify-content: space-between; }
.acenter{ align-items: center; }
.atop{ align-items: flex-start; }
.abottom{ align-items: flex-end; }
header{ width: 100%;  }
header h1{
    background: url(../images/logo.png) no-repeat center center; flex:0 0 15%; 
}
header h1 a{ display: inline-block; width: 100%; height: 60px;}
header nav{ display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
header nav .weixin i{ border-radius: 50%; line-height: 25px; text-align: center; width: 25px; color: #FFF; height: 25px; border: #FFF solid 1px; display: inline-block; }
header ul:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 80px;
    box-sizing: border-box;
}
header ul li{ flex: 0 0 120px; font-size: 14px; color:#FFF; line-height: 1; position: relative; }
header ul li.umei-num{ font-size: 18px; position: relative; }
header ul li .snav{ z-index: 999; opacity: 0; transition: all ease 0.5s; background: #2f65cb; display: flex; flex-direction: column; position: absolute; top: 20px; width: 190px;}
header ul li:hover .snav{ top:46px; opacity: 1; }
header ul li li{ position: relative; transition: all ease 0.5s; height: 45px ; line-height: 45px !important; flex:0 0 45px; width: 100%; text-align: left !important; padding-left: 20px; box-sizing: border-box; }
header ul li li i{ position: absolute; right: 40px;transition: all ease 0.5s; opacity: 0;}
header ul li li:hover{ background: #224a95;}
header ul li li:hover i{right: 15px; display: inline-block;opacity: 1;}
header ul li li.umei-num:nth-child(n+2):not(:nth-last-child(-n+2)){ font-size: 14px !important;}
header .weixin{ position: relative; flex: 0 0 50px; text-align: right; }
header .weixin .img{ z-index: 999999; display: none; position: absolute; text-align: center; top:40px;right:0px; background: #FFF; padding: 3px; border-radius: 3px; }
.dowebok{ position: relative; top:-90px; }

footer{ background: #e6e6e6; padding: 40px 30px 20px; color: #999;}
footer .fNav{ display: flex; justify-content: space-between; align-items: flex-start; }
footer .fNav .logo{display: flex; flex-direction: column; flex: 0 0 400px; width: 400px; margin-right: 50px;} 
footer .fNav .logo img{ width: 160px; margin-bottom: 20px; }
footer .fNav .logo .fcontact{ background: #FFF; padding: 10px; line-height: 21px; border-radius: 5px; border:#ececec solid 1px; }
footer .nav{ flex-grow: 1; display: flex; flex-direction: column; }
footer .nav ul{ display: flex; justify-content: space-around; align-items: flex-start; }
footer .nav li{ font-size: 14px; color: #333; display: flex; flex-direction: column; line-height: 25px;  }
footer .nav li .ma{ display: flex; margin-top: 10px;  }
footer .nav li .ma img{ margin-right: 10px;width: 90px; }
footer .nav span,footer .nav span a{ color: #999; font-size: 12px; margin-top: 5px; }
footer .nav .copyright{ line-height: 50px; color: #333; padding: 0 0 0 47px; }

.box{ width: 1280px !important; margin: 0 auto;}  
#dowebok{ height: 100vh; width: 100vw; }
#dowebok .section{ height: 100vh; width: 100vw; z-index: 99;}
.fp-overflow{ height: 100vh; width: 100vw;}
.dims{  width: 100vw; background: url(../images/ban.jpg) no-repeat; background-size: cover; display: flex; justify-content: flex-start; align-items: center; height: 100vh; }
.dims .dimsCon{ flex:0 0 450px; margin: 0 0 0 0px;  }
.mySwiper .dimsCon .ani img{ width: 160px; }
.cam{  width: 100vw; background: url(../images/cam.jpg) no-repeat; background-size: cover; }
.cam .box{display: flex; justify-content: flex-end; align-items: center; height: 100vh; }
.cpcs .box{display: flex; justify-content: flex-end; align-items: center; height: 100vh; }
.cols .box{display: flex; justify-content: flex-end; align-items: center; height: 100vh; }
.cam .camCon{ flex:0 0 450px; padding:0 20% 0 0; }
.cpcs{  width: 100vw; background: url(../images/cpcs.jpg) no-repeat; background-size: cover; display: flex; justify-content: flex-end; align-items: center; height: 100vh; }
.cpcs .cpcsCon{ flex:0 0 450px; padding:0 20% 0 0; }
.cols{  width: 100vw; background: url(../images/cols.jpg) no-repeat; background-size: cover; display: flex; justify-content: flex-end; align-items: center; height: 100vh; }
.cols .colsCon{ flex:0 0 450px; padding:0 10% 0 0; }
.zc{  width: 100vw; background: url(../images/zc.jpg) no-repeat; background-size: cover; display: flex; justify-content: flex-start; align-items: center; height: 100vh; }
.zc .zcCon{ flex:0 0 450px; padding:0 8%; }
.mySwiper{ position: relative; }
.mySwiper .title{ font-size: 46px; line-height: 1; font-weight: 800; }
.mySwiper .title i.umei-num{ font-size: 52px; position: relative; text-transform:uppercase; top:5px; left: 10px}
.mySwiper .descri{ width: 450px; font-size: 14px; margin: 10px 0 45px 0; color: rgba(255,255,255,.8); line-height: 1.5;}
.mySwiper .more{ color: rgba(255,255,255,.6); align-items: center; display: flex; text-transform:uppercase;font-family: 'Base-font';}
.mySwiper .more i{ font-size: 30px; }
.mySwiper {width: 100vw;height: 100vh;}
.mySwiper .swiper-pagination{ bottom:20px; width: 100%; text-align: center;}
.mySwiper .swiper-pagination-bullet-active{  background:rgba(255, 255, 255, 0.6); width:25px; border-radius:45px;}
.mySwiper .swiper-pagination-bullet{transition:.3s ease-out; margin: 0 5px;}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ display: none; left: 60px; color: #FFF; z-index: 999999999999!important; }
.mySwiper .swiper-button-next{right: 60px; left: auto;}
.mySwiper .swiper-slide{ z-index: 99999; }
.mySwiper:hover .swiper-button-next,.mySwiper:hover .swiper-button-prev{ display: inline; }

.about{ height: 100vh;  box-sizing: border-box; padding: 0px 100px 0; background: url(../images/about.jpg); background-size: cover; display: flex; align-items: center; justify-content: space-between;}
.about .aboutCon,.about .vedio{ flex:1; }
.about .vedio .title{ font-size: 30px; font-weight: 600; margin-bottom: 30px; }
.vedio .title .t{ border-bottom: #FFF solid 2px; display: inline-block; line-height: 2; position: relative;}
.vedio .title .t::after{ position: absolute; bottom: -2px; left:0;height: 2px; background: #00b8ee; width: 50%; content: ''; }
.about .vedioCon img{ width: 90%; } 
.about .aboutCon{ padding-top: 50px; }
.about .aboutCon .title{ font-size: 40px; }
.about .aboutCon .descri{ margin:20px 0; }
.about .aboutCon .descri p{ margin-bottom: 15px; font-size: 14px; line-height: 1.5; }
.product{height: 100vh; width: 100vw; box-sizing: border-box; background: url(../images/product.jpg); background-size: cover; display: flex; align-items: center; justify-content: space-between;}
.product .swiper-slide{height: 100vh;display: flex; position: relative; overflow: hidden;  align-items: center; justify-content: center; flex-direction: column;}
.product .proItem{position: absolute;  padding: 0 40px; box-sizing: border-box; transition: all ease 0.5s; z-index: 99; top: 0;left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; flex-direction: column; display: flex; }
.product .proItem img{ width: 56px; }
.product .proItem .title{ font-size: 16px; position: relative; font-weight: 600; margin:20px 0 40px 0; text-align: center; line-height: 1.5; }
.product .proItem .title::after{ position: absolute; height: 2px; background: #FFF; width: 40px; content: ''; left:50%; margin-left: -20px; bottom:-20px; }
.product .proItem .umei-num{ font-size: 20px; }
.product .proItem .descri{ font-size: 12px; text-align: center; line-height: 1.5; }
.product .proHoverItem{ height: 100vh; width: 100vw; z-index: 98; transition: all ease 0.5s;  width: 100%;  position: relative; height: 100vh; top: 100vh; position: absolute; }
.product .CGPSHOVER{ background: url(../images/cgpsHover.jpg) no-repeat; background-size: cover;}
.product .cpcsHover{ background: url(../images/cpcsHover.jpg) no-repeat; background-size: cover;}
.product .dolsHover{ background: url(../images/dols.jpg) no-repeat; background-size: cover;}
.product .dimsHover{ background: url(../images/dimsHover.jpg) no-repeat; background-size: cover;}

.map{height: 100vh; width: 100vw; display: flex; justify-content: center; align-items:center; background: url(../images/map.jpg) center bottom; background-size: cover;}
.map img{ max-width: 100%; }
.contact{height: 100vh; width: 100vw; box-sizing: border-box; background: url(../images/contact.jpg); background-size: cover; display: flex; align-items: center; justify-content: flex-start; padding:5% 0 0 6%;}
.contact h1{ font-size: 32px; font-weight: 600; line-height: 0.8; }
.contact h6{ font-size: 12px; font-weight: 600; position: relative; line-height:3; margin-bottom: 50px;}
.contact h6::after{ position: absolute; height: 2px; width: 50px; left: 0; bottom: -15px; background: #FFF; content: '';}
.contact li{ font-size: 16px; margin-bottom: 20px; line-height: 1.5; }
.contact li span{ font-size: 14px; display: block; }
.contact li img{ margin: 10px 10px 0 0; }
.news{height: 100vh; width: 100vw; background: url(../images/news.jpg); background-size: cover;}
.news .box{ height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.news dt{ font-size: 46px; }
.news dd { width: 85vw; margin: 50px 0 0; display: flex; align-items: center; justify-content: center; }
.news dd .viewMore{ font-size: 14px; border:#FFF solid 1px; border-radius: 60px; padding: 6px 20px; }
.news .swiper-wrapper{ width: 90vw;  box-sizing: border-box; }
/*.news .newsCon{width: 100vw !important;}*/
.news .newsCon .swiper-slide{ display: flex; flex-direction: column; }
.news .newsCon .newsImg img{ width: 100%;object-fit: cover; display: block; }
.news .newsCon .newsInfo{border: #FFF solid 1px; border-top: none; padding: 10px; }
.news .newsCon .newsInfo .title{ font-size: 14px; }
.news .newsCon .newsInfo .detail i{ font-size: 30px; }
.news .swiper-button-prev{ left:4vw; font-size: 16px; color: #FFF; background: #929ba5 !important; width: 40px; height: 40px; border-radius: 50%; }
.news .swiper-button-next{ right:4vw; font-size: 16px; color: #FFF; background: #929ba5 !important; width: 40px; height: 40px; border-radius: 50%;  }
.news .swiper-button-next::after,.news .swiper-button-prev::after{ font-size: 16px !important; }
.product .swiper-button-prev{  color: #FFF; }
.product .swiper-button-next{ color: #FFF; }

section{ padding:20px 0px; box-sizing: border-box; position: relative; z-index: 99; }
.location{ background: #f6f6f6; } 
.location span{ padding: 0 10px; display: inline-block; color: #999 !important; }
.prodetail{ display: flex; align-items: flex-start; justify-content: space-between; }
.prodetail .img{ flex:0 0 200px; margin-right: 50px; border:#ececec solid 1px; border-radius: 3px; padding: 15px;}
.prodetail .detail{ flex-grow: 1; }
.prodetail .detail h2{ font-size: 22px; color: #333; font-weight: 400; line-height: 2; margin-bottom: 10px; }
.prodetail .content p{ color: #999; line-height: 23px; text-indent:2em; font-size: 14px; }
.prodetail .content h6{ color: #333; font-weight: 600; font-size: 18px; line-height: 3; margin:20px 0 0px; }
.prodetail .content table{ border:#c8c8c8 solid 1px; width: 90%; }
.prodetail .content table th{ background:#c8c8c8; line-height: 40px; font-weight: bold; color: #333; }
.prodetail .content table th:first-child{ width: 150px; }
.prodetail .content table td{ border:#c8c8c8 solid 1px; line-height: 35px; padding:0 10px;}
.prodetail .content table tr td:first-child{ text-align: center; }

.service{}

.newsPage ul{ border-top:#ececec solid 1px;  }
.newsPage ul li{ border-bottom: #ececec solid 1px; padding: 25px; transition: all ease 0.5s;  }
.newsPage li a{ display: flex; justify-content: space-between; align-items: center;}
.newsPage li .times{ flex-grow:1;display: flex; justify-content: flex-start; align-items: center;transition: all ease 0.5s;}
.newsPage li .times .time{ flex: 0 0 80px; }
.newsPage .date{ font-size: 20px; color: #999; margin-bottom: 15px; transition: all ease 0.5s;}
.newsPage .times i{ font-size: 20px; color: #999; width: 40px; text-align: center; line-height: 30px; height: 30px; display: inline-block; transition: all ease 0.5s; }
.newsPage li .times .line{ flex:0 0 40px; margin-right: 50px; height: 2px; background: #ececec; transition: all ease 0.5s;}
.newsPage li .newsDetail{ flex:0 0 200px; display: flex; justify-content: space-between; align-items: center;}
.newsPage .newImg img{ width: 200px; }
.newsPage li:hover .date{ color: #333; }
/*.newsPage li:hover .times{ flex: 0 0 250px  }*/
.newsPage li:hover .line{ flex: 0 0 100px; }
.newsPage li:hover .times i{ font-size: 20px; color: #FFF; background: #224a95;}
.newsPage .newsInfo h6{ margin-bottom: 10px; font-size: 18px; font-weight: 400; } 
.newsPage .newsInfo p{ color: #999; }

.pages{ clear:both;}
.pages ul{ text-align: center; margin:30px 0; border: none;}
.pages li{ display: inline-block; background: #FFF; padding:10px 15px !important; margin:0 3px; font-size:15px;}

.pages li.current{font-family:Arial; background: #224a95; border:#224a95 solid 1px; color: #FFF;}
.pages li.current a{ color: #FFF;}
.pages li.num{ font-family:Arial; font-size: 15px;}
.pages li a{ color: #333; display: block;}


.pageContact { display: flex; justify-content: space-between; align-items: stretch; }
.pageContact .contactInfo{ flex: 0 0 50%; }
.pageContact .guest{ flex-grow: 1; padding:50px; background: #0096da;}
.pageContact .guest .layui-input,.pageContact .guest .layui-textarea{ resize:none; background: none; color: #FFF !important; border: none; border-bottom: rgba(255,255,255,.3) solid 1px; z-index: 98; }
.pageContact .guest .layui-input::placeholder {font-size: 12px;color: #FFF !important;}
.pageContact .guest .layui-textarea::placeholder {font-size: 12px;color: #FFF !important;}
.pageContact .guest .layui-btn{ margin-top:10px; background:#FFF; font-size: 14px; color:#0096da ; }

.newsDetail h2{ font-size: 22px; font-weight: 500; color: #000; margin-bottom: 10px; text-align: center; border-bottom: #ececec solid 1px; padding:15px 30px; }
.newsDetail .date{ border-bottom: #ececec solid 1px; padding:15px 30px; text-align: center; margin-bottom: 10px;}
.newsDetail .newsContent{ line-height: 23px; padding: 0 50px;}
.nav{ display: flex; flex-direction: column; position: relative; }
.nav .line{ z-index: 1000000000 !important; width: 25px; position: relative; height: 2px;border-radius: 2px; margin: 3px 0; background-color: #fff; transition: all ease .2s;}
nav.mobileShow{
    position: fixed; top: 0;left: 100px; transition: all ease 0.5s; opacity: 0; padding: 0 30px; box-sizing: border-box; background: rgba(55,55,55,.95); width: 100vw; height: 100vh; z-index: 1;
}
nav.mobileShow ul{margin-top: 60px;}
nav.mobileShow li{ line-height: 60px; padding: 0 20px; width:calc( 100vw - 60px); box-sizing: border-box; font-size: 15px; border-bottom: #555 solid 1px;  }
nav.mobileShow li.umei-num{ font-size: 18px; }
nav.mobileShow li .t{ display: flex; justify-content: space-between; align-items: center; }
nav.mobileShow li .t i{ color: #999; }
nav.mobileShow li ul{ margin: 0 0 20px 0; display: none;}
nav.mobileShow li ul li{ border-bottom: none; line-height: 45px; padding: 0 15px; font-size: 14px; background:url(../images/dot.png) no-repeat left center; }
nav.mobileShow li ul li a{ color: #ccc !important; }
.service p{ margin-bottom: 15px; }
.service img{ max-width: 100%;}
footer.mobileShow{ display: none; text-align: center; padding: 20px 0px; width: 100vw !important; line-height: 19px; box-sizing: border-box; z-index: 999;}
footer.mobileShow div{ width: 100vw !important; }
.umei-ellipsis-1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobList{ padding:10px 0px; }
.jobList dt{ border-bottom: #ececec solid 1px; font-size: 14px; font-weight: 600; line-height: 40px; color: #333; }
.jobList ul{ display: flex; justify-content: space-between; align-items: center; }
.jobList ul li:first-child{ flex:0 0 30%; }
.jobList ul li:last-child{ flex:0 0 10%; }
.jobList ul li:nth-child(2) { flex:0 0 10%; }
.jobList ul li i{ font-size: 14px; transition: all ease 0.5s; }
.jobList dd .jobItem { border-bottom: #eeeeee solid 2px; line-height: 50px; font-size: 13px; }
.jobList dd .jobItem ul{ cursor: pointer; }
.jobList dd .jobItem ul.active{ background: #ececec; }
.jobList dd .jobItem .detail{ padding:15px 20px; display: none; }
.jobList dd .jobItem table{ width: 100%; }
.jobList dd .jobItem table td{ line-height: 21px; }
.jobList dd .jobItem table td.item{ line-height: 35px; }
.jobList dd .jobItem table span{ font-size: 14px; font-weight: 800; color: #333; }
.jobList dd .jobItem h6{ font-size: 14px; font-weight: 800; color: #333; line-height: 40px; padding-top: 10px; }

.contactInfo { border: #c7c7c7 solid 1px; padding: 30px; }
.contactInfo h6{ font-size: 16px; font-weight: 400;}
.contactInfo li { margin-top: 25px; color: #999; line-height: 1.5; }
.contactInfo li span{ font-size: 14px; color: #333; display: block; }
.contactInfo li .ma{ margin-top: 10px; }
.contactInfo li .ma img{ margin-right: 10px; }
.sban img{ max-width: 100%; }

.aboutTxt{ flex:0 0 45%; padding: 30px 50px 30px 0; box-sizing: border-box}
.aboutTxt h5{ font-size: 30px; font-weight: 700; margin-bottom: 30px; color: #333; position: relative;}
.aboutTxt h5::before{ background: #001cdb; height: 2px; width: 40px; content: ''; position:absolute; bottom:-10px; left:0;}
.aboutTxt p{ font-size: 15px; line-height: 1.8;  color:#333;}
.aboutImg{ flex-grow: 1;}
.aboutImg img{ max-width: 100%;}
.honor{ position: relative}
.honor .honorImg{ position: absolute; top:0;left:0; width: 450px;}
.honor .honorList{ flex: 0 0 63%; min-height: 800px;}
.honor .honorList .t h5{ font-size: 22px; font-weight: 700; color: #333; line-height: 1.5; }
.honor .honorList .t span{ color: #999;text-transform: uppercase;}
.honor .honorList ul{ margin-top: 50px;}
.honor .honorList li{ display: flex; align-items: center;}
.honor .honorList li:nth-child(odd){ justify-content: flex-end; }
.honor .honorList li:nth-child(even){ justify-content: flex-start; }
.honor .honorList li .item{ flex:0 0 50%; position:relative; min-height: 90px; }
.honor .honorList li:hover .item,.honor .honorList li:hover .item a{ color: #1e509e;}
.honor .honorList li:nth-child(odd):hover .item::after,.honor .honorList li:nth-child(even):hover .item::after{ border: #1e509e solid 2px; }
.honor .honorList li:nth-child(odd):hover .item::before,.honor .honorList li:nth-child(even):hover .item::before{ background: #1e509e; border: #1e509e solid 2px;}
.honor .honorList li .item a{ font-size: 15px; border: #e8e8e8 solid 1px; background: #f9f9f9; width: 300px; height: 45px; line-height: 45px; display: inline-block; text-align: center;}
.honor .honorList li:nth-child(odd) .item{  border-left:#0076ff solid 2px; display: flex; justify-content: flex-end;}
.honor .honorList li:nth-child(odd) .item::after{ z-index: 99; background: #FFF; border-radius: 50%; position: absolute; border: #b2d5ff solid 2px; top: 16px; left:-10px; content:""; width:16px; height: 16px; }
.honor .honorList li:nth-child(odd) .item::before{ z-index:100; background: #FFF; border-radius: 50%; position: absolute; border: #c6e5ff solid 2px; top: 19.2px; left:-6.3px; content:""; width:9px; height: 9px; }
.honor .honorList li:nth-child(even) .item::after{ z-index: 99; background: #FFF; border-radius: 50%; position: absolute; border: #b2d5ff solid 2px; top: 16px; right:-10px; content:""; width:16px; height: 16px; }
.honor .honorList li:nth-child(even) .item::before{ z-index:100; background: #FFF; border-radius: 50%; position: absolute; border: #c6e5ff solid 2px; top: 19.3px; right:-6.1px; content:""; width:9px; height: 9px; }
.honor .honorList li:nth-child(even) .item{  border-right:#0076ff solid 2px; display: flex; justify-content: flex-start;right:1.5px; }
@media only screen and (min-width: 1920px){
.honor .honorList li:nth-child(even) .item{ right:1.5px; }
}
/*@media only screen and (min-width: 768px) and (max-width: 959px){
    .pcShow{ display: none; }
    .mobileShow{ display: flex; }
    footer.mobileShow{ display: flex;}
    header{ padding:0 15px; height: 60px; }
    section{ padding:15px 15px; }
    .prodetail{ flex-direction: column; }
    .prodetail .img{ width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
    .prodetail .content table{ width:100%; }
    .pageContact{ flex-direction: column; }
    .pageContact .contactInfo{ margin-bottom: 20px; }
    .pageContact .guest{ padding: 30px; }
}  
@media only screen and (min-width: 480px) and (max-width: 767px){
    .mobileShow{ display: flex; }
    footer.mobileShow{ display: flex;}
    header{ padding:0 15px; height: 60px; }
    section{ padding:15px 15px; }
    .prodetail{ flex-direction: column; }
    .prodetail .img{ width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
    .prodetail .content table{ width:100%; }
    .pageContact{ flex-direction: column; }
    .pageContact .contactInfo{ margin-bottom: 20px; }
    .pageContact .guest{ padding: 30px; }
}  */
@media only screen and (max-width: 959px){
    .box{ width: 100% !important; }
    .pcShow{ display: none; }
    .mobileShow{ display: flex; }
    header{ padding:0 15px; height: 60px; z-index: 10000000 !important; }
    header h1{ flex:0 0 180px; background: url(../images/mlogo.png) center center; background-size: cover;}
    section{ padding:15px 15px; }
    .prodetail{ flex-direction: column; }
    .prodetail .img{ width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
    .prodetail .content table{ width:100%; }
    .pageContact{ flex-direction: column; }
    .pageContact .contactInfo{ margin-bottom: 20px; }
    .pageContact .guest{ padding: 30px; }
    footer.mobileShow{ display: flex;}
    .newsPage li{ padding: 10px !important; }
    .newsPage li .newsDetail,.newsPage li .newsDetail .newImg,.newsPage li .newsDetail .newImg img{width: 100%;}
    .newsPage li .newsDetail{ margin-bottom: 15px; }
    .newsPage li a{ flex-direction: column-reverse; }
    .newsPage li .times .line{ display: none; }
    .newsPage li .times .newsInfo p{ line-height: 19px; }
    .newsDetail .newsContent{ padding: 10px; }
    .newsDetail .newsContent p{ font-size: 14px !important; }
    .newsDetail .newsContent img{ max-width: 100%; }
    .product .CGPSHOVER{ background: none;}
    .product .cpcsHover{ background: none;}
    .product .dolsHover{ background: none;}
    .product .dimsHover{ background: none;}
    .product .swiper-button-prev:after,.product .swiper-button-next:after{ text-align: center; line-height: 30px; width: 30px; height: 30px; border-radius: 50%; font-size: 16px !important; background: rgba(0,0,0,.5);  }
    .contact .contact_con h1{ font-size: 20px; } 
    .about{ padding: 0 30px; }
    .about .vedio{ display: none; }
    .about .aboutCon{ padding:30px 0; }
    .mySwiper  .box{ width: 90% !important; margin: 0 auto }
    .mySwiper .descri{ width: 80%; }
    .mySwiper .dims{ background: url(../images/3.jpg) no-repeat center center; background-size:cover;}
    .mySwiper .dimsCon{ flex:0 0 85%; padding: 0 30px; display: none; }
    .mySwiper .dimsCon .ani img{ width: 100px; }
    .mySwiper .title{ font-size: 30px; }
    .mySwiper .descri{ font-size: 12px; }
    .mySwiper .cam{  background: url(../images/2.jpg) no-repeat center center; background-size:cover; }
    .mySwiper .cam .camCon{flex:0 0 85%; padding: 0 30px;}
    .mySwiper .cpcs{ background: url(../images/1.jpg) no-repeat center center; background-size:cover; }
    .mySwiper .cpcs .cpcsCon{flex:0 0 85%; padding: 0 30px;}
    .mySwiper .camCon .title .umei-num{ font-size: 34px; position: relative; top:3px;  }
    .mySwiper .cpcsCon .title .umei-num{ font-size: 34px; position: relative; top:3px;  }
    .mySwiper .colsCon .title .umei-num{ font-size: 34px; position: relative; top:3px;  }
    .mySwiper .zcCon .title .umei-num{ font-size: 34px; position: relative; top:3px;  }
    .mySwiper .cols{ background: url(../images/4.jpg) no-repeat right center; background-size:cover; }
    .mySwiper .zc{ background: url(../images/5.jpg) no-repeat right center; background-size:cover; }
    .mySwiper .pic{ display: none; }
    .mySwiper .cols .colsCon{flex:0 0 85%; padding: 0 30px; display: none}
    .mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ z-index: 999999 !important; color: #FFF !important; }
    .mySwiper .zc .zcCon{flex:0 0 85%; padding: 0 30px; display: none;}
    .jobList ul li:nth-child(2) { flex:0 0 20%;display: none; }
    .jobList ul li:last-child { flex:0 0 30%;}
    .jobList ul li:first-child { flex:0 0 30%;}
        .contact{ padding: 0 0 0 5%; }
    .contact li{ font-size: 14px; margin-bottom: 10px; line-height: 1.5; }

    .aboutSub{ flex-direction: column;}
    .aboutTxt{ flex:0 0 100%; padding: 20px 0px; box-sizing: border-box}
    .honor .honorImg{ display: none}
    .honor .honorList{ flex: 0 0 100%; min-height: auto;}
    .honor .honorList li .item a{  width: 150px; font-size: 12px;}
    .honor .honorList .t h5{ font-size: 18px; }
}