@charset "utf-8";a,article,aside,blockquote,body,button,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,menu,nav,ol,p,pre,section,span,td,textarea,th,ul{margin:0;padding:0;-webkit-text-size-adjust:100%;position:relative} /*@font-face{font-family:AkkuratPro-Regular;src:url(Akkurat-Pro-Regular-2.ttf)}*/ em,i{font-style:normal} li{list-style:none} img{border:0} img,input{vertical-align:middle} article,aside,footer,header,hgroup,menu,nav,section{display:block} a{text-decoration:none;color:#333} textarea{-webkit-appearance:none} a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} a:active,a:link,a:visited{text-decoration:none} a:focus{outline:0;-moz-outline:none} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none} input,textarea{border-radius:0} :focus{outline:0} button,input[type=button],input[type=file],input[type=submit]{cursor:pointer;-webkit-appearance:none;border:0} body{text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;font-family:"AkkuratPro-Regular",Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;font-family:"AkkuratPro-Regular",Microsoft YaHei,Arial,Helvetica,sans-serif!important;font-size:18px;background-color:#fff} body,html{width:100%;overflow-x:hidden;position:relative} .middle{width:1400px;margin:0 auto} .btn{cursor:pointer} .shadowDiv{overflow:hidden;box-shadow:0 0 16px 5px #E0DEDF} .shadowDiv dd i{font-size:36px} .clr{clear:both;height:1px;margin:0;padding:0} .fl{float:left} .fr{float:right} .txt_r{text-align:right} .txt_l{text-align:left} .txt_c{text-align:center} .auto{margin-left:auto;margin-right:auto} .clearfix{zoom:1} .elps{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .elps_2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .elps_3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .elps_4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical} .ver-mid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .ver-mid-x{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)} a.goUrl:hover{color:#352cb5;text-decoration:underline} body>div.banner{margin-top:90px} .banner .swiper-slide img{width:100%} .banner .banner-button-next{background:url(../img/banner-arr-02.png) no-repeat;height:53px;width:35px;top:50%} .banner .banner-button-prev{background:url(../img/banner-arr-01.png) no-repeat;height:53px;width:35px;top:50%} .banner .swiper-pagination-bullet{width:14px;height:14px;background:#fff;border-radius:7px;opacity:1;margin:0 8px} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#d81718;width:28px} .banner .banner-pagi{bottom:23px} .banner .bannerTitleBox{position:absolute;width:100%;margin:0 auto;top:50%;z-index:9999} .banner .bannerTitleBox .title_word{font-size: 40px;color:#fff;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,1);transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1400px;margin:0 auto;padding-left:140px;padding-right: 140px;box-sizing: border-box;} footer{margin-top:130px;min-width:1400px} footer #footerGoTopBtn{position:absolute;top:-70px;right:-70px;cursor:pointer} footer #footerGoTopBtn img{width:30px;height:30px;} .footer_img,.footer_img>img{width:100%} .qrcodeDiv{margin-top:60px;position:absolute;bottom:0;right:0} .qrcodeDiv img{width:160px} .qrcodeDiv img.show{width:280px} .mod-footer{min-height:320px;background-color:#F8F6F7;width:100%;margin:0 auto} .mod-footer-w{width:1400px;height:100%;margin:0 auto;overflow:hidden;padding-bottom:75px} .mod-footer-l,.mod-footer-r{display:block;height:100%;margin:0;float:left;position:relative} .mod-footer-l{display:none;width:370px;overflow:hidden} .mod-footer-r{width:100%;overflow:hidden;display:flex;flex-wrap:wrap} .mod-footer-r dl{height:auto;margin-top:80px;overflow:hidden;padding-left:17px;background:url(../img/footer_red_01.png) no-repeat;background-position:0 12px;box-sizing:border-box;width:14.28%;} .mod-footer-r>dl:nth-child(3n){/* margin-right:0 */} .mod-footer-r>dl:nth-child(3n)>dd>div:last-child>a{margin-right:0} .mod-footer-l .loca{margin-bottom:70px;background-image:url(../img/loca_r.png);background-position:3px 1px;background-repeat:no-repeat;background-size:15px} .mod-footer-r dl dt{font-size: 22px;font-weight:400;position:relative;font-weight:700;margin-bottom:11px;} .mod-footer-r dl dd{overflow:hidden} .mod-footer-r dl dd>div{width:100%;} .mod-footer-r dl dd a{font-size:14px;display:block;height:auto;padding:0;color: #222;margin-top: 15px;line-height: 1.625;} .mod-footer-r dl dd a:last-child{margin-right:0;} .mod-footer-r dl dd a:hover{color:#D71718} .mod-footer-l .logo{margin:50px 0 0 0;display:block} .mod-footer-l .wchart{margin:190px 0 30px 31.5px} .mod-footer p{width:100%;height:60px;color:#333;font-size:14px} .mod-footer-l>p{color:#6E6C6D;height:auto} #footer-copyRight{ height:50px; line-height:50px; background:#d81718; color:#fff; } #footer-copyRight span{float: left;padding-right:60px;} #footer-copyRight span:last-child{padding-right: 0;} #footer-copyRight *{color:#fff;font-size:14px} div.pagination{text-align:center;height:auto;background:0 0} div.pagination a{width:34px;height:34px;color:#333;text-align:center;line-height:34px;display:inline-block;font-size:16px} div.pagination a.next,div.pagination a.pre{transform:scaleY(1.5);-webkit-transform:scaleY(1.5);-moz-transform:scaleY(1.5);-ms-transform:scaleY(1.5);-o-transform:scaleY(1.5);color:#b8b7b7;font-size:22px;margin:0 1%} div.pagination a.num{background:0 0} div.pagination a.num:hover,div.pagination a.on{color:#fff;background:#d71718} div.pagination>a{cursor:pointer} .m-part3,.m-part4,.m-part5,.m-part6,.m-part7{padding-top:77px} .tab-m{margin-top:0;text-align:center} .tab-m ul{clear:both;overflow:hidden} .tab-m ul.on{display:block} .tab-m ul li{width:440px;margin:40px 40px 0 0;position:relative;float:left;box-sizing:border-box;height:540px} .tab-m ul>li:nth-child(3n){margin-right:0} .introduce{padding:60px 0 40px} .introduce p{color:#333;font-size:18px;line-height: 30px;margin:0;font-family:inherit;} .introduce p>strong{padding-left:27px;/* font-size:22px; */background:url(../img/engineering/icon-1.png) left no-repeat;background-position: left 5px;margin: 16px 5px 0 -5px;font-family:inherit;display:inline-block;} .introduce p>strong img{max-height:62px} .m-part1{padding-top:60px} .m-part1 h1:after{content:'';width:204px;height:4px;background:#d71718;display:block;margin:30px 0 30px} .m-part1 h1+span{margin-bottom: 40px;display:inline-block;} .m-part1>h1,.m-part1>h2{color:#333;font-size:35px;font-weight:400;font-weight:700} .swiper-button-next:hover{background-color:#D81718;background-image:url(../img/arr_r_w1.png)} .swiper-button-prev:hover{background-color:#D81718;background-image:url(../img/arr_l_w1.png)} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1!important} .part4-prev{display:block;background:url(../images/site-017.png) #fff no-repeat;right:87px;background-size:14px;background-position:53px 30px;width:88px;height:88px;left:auto;right:88px;bottom:0;top:auto} .part4-next{display:block;background:url(../images/site-018.png) #fff no-repeat;background-position:15px 30px;background-size:14px;width:88px;height:89px;right:0;bottom:-1px;top:auto} .now_localtion p{width:100%;text-align:right;color:#666;font-size:16px;padding-top:20px} .imgBoxShow{overflow:hidden;border-radius:5px;opacity:0;-webkit-transform:translateY(130px);transform:translateY(130px);transition:opacity 1.5s,-webkit-transform 1s;-webkit-transition:opacity 1.5s,-webkit-transform 1s;transition:transform 1s,opacity 1.5s;transition:transform 1s,opacity 1.5s} .imgBoxShow.is-active{opacity:1;transform:translate(0,0)} .imgBoxScale .img_scale{transition:transform 2s cubic-bezier(.23,1,.32,1);transform:scale(1)} .imgBoxScale:hover .img_scale{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .imgBoxScale:before{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;content:"";transition:opacity 2s cubic-bezier(.23,1,.32,1),height 2s cubic-bezier(.23,1,.32,1);opacity:0;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.7))} .page_pagination_div{width:100%;text-align:center;margin-bottom:80px} .page_pagination_div>.box{display:inline-block} .page_pagination_div>.box>*{display:inline-block;width:34px;height:34px;color:#474747;font-size:16px;line-height:34px;text-align:center;vertical-align:bottom;margin-top:0} .page_pagination_div>.box .act{color:#fff;background:url(../images/pagination_act_1.png) no-repeat center} .page_pagination_div>.box>.lf_btn{background:url(../images/pagination_l.png) no-repeat center;margin-right:30px} .page_pagination_div>.box>.rt_btn{background:url(../images/pagination_r.png) no-repeat center;margin-left:30px} .map .imgBox{position:relative;overflow:hidden} .map .imgBox img{position:absolute;width:108%;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);} .map .imgBox span{position:absolute;z-index:1;bottom:10px;width:100%;text-align:center;color:#fff} .map i{width:30px;height:30px;border-radius:100%;display:inline-block;position:absolute;background:#DA292A} .map i::after,.map i::before{display:block;content:"";position:absolute;transition:all .4s} .tag .mapImgBox{position:absolute;border-radius:5px;overflow:hidden;-webkit-transform:rotate(-10deg) scale(0);transform:rotate(-10deg) scale(0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86);transition:all .6s cubic-bezier(.785,.135,.15,.86)} .tag .act .mapImgBox{-webkit-transform:none;transform:none;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transition:-webkit-transform .4s .2s cubic-bezier(.075,.82,.165,1);-webkit-transition:-webkit-transform .4s .2s cubic-bezier(.075,.82,.165,1);transition:transform .4s .2s cubic-bezier(.075,.82,.165,1);transition:transform .4s .2s cubic-bezier(.075,.82,.165,1),-webkit-transform .4s .2s cubic-bezier(.075,.82,.165,1);background:#fff} .tag .imgBox{width:360px;height:200px;overflow:hidden} .tag .textDiv{padding:16px 20px;box-sizing:border-box;width:360px;max-width:100%;font-size:14px} .tag .title{position:absolute;bottom:0;z-index:1;color:#fff;font-size:18px;padding:10px 20px;width:100%;box-sizing:border-box;text-align:center;text-shadow:0 5px 5px rgba(0,0,0,1);background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.6))} .e_p{margin:0!important;} .factoryP span.num { font-size: 25px; font-weight: bold; color: #d71718; } @media screen and (min-width:1680px){header{zoom:1} .banner{zoom:1} [class*=m-part]{zoom:1} footer>div{zoom:1} } @media screen and (min-width:1200px) and (max-width:1679px){ header.mod-header .dl .dd .sec_nav a{font-size:15px;} header .mod-header-w{width:1200px;} header.mod-header .dt_box{width:1200px;} header.mod-header .dt{width: 420px;} header.mod-header .logo_box .dd{width: 753px;margin-left: 26px;} header.mod-header .dd{width:720px;} header.mod-header .dl .dd a{min-width: 106px;font-size: 12px;margin-top: 36px;} header .mod-header-w #searchForm{width:1200px;} footer{min-width:1200px;} footer .mod-footer-w,footer #footer-copyRight .middle{width:1200px;} #footer-copyRight span{padding-right: 70px;} footer .mod-footer-r dl dd a{max-width:100%;} .banner .bannerTitleBox .title_word{width: 1200px;padding-left: 80px;} body dl.home-con{width:1200px;} /*行业应用*/ body .industry .home-con{width: 1260px;} body .industry .home-con .industry-sw{width: 1260px;margin:0 auto;} .middle{width:1200px;} .tab-m ul li{width:373px;height:457px;} .map i{width:24px;height:24px;} .map>img{max-width:100%;} .mapMiddle{ width:1400px; transform:scale(0.875); -webkit-transform:scale(0.875); -moz-transform:scale(0.875); -ms-transform:scale(0.875); -o-transform:scale(0.875); transform-origin: center; -webkit-transform-origin:center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; margin-top:-60px; } .mapMiddle .act.mapImgBox_s{ width:200px;height:115px; } #index .right_part .intro>div:first-child{height: 369px;} div.m-part1>h1, div.m-part1>h2{font-size: 34px;} div.m-part3 h2{font-size: 30px;} div.introduce p{/* font-size: 16px; *//* line-height: 28px; */} div.m-part1 h1+span{margin-bottom:30px;} div.introduce p>strong{/* font-size: 19px; *//* line-height: 34px; *//* background-position: left 8px; *//* margin-top: 21px; */} div.productLogoDiv>p img{max-height:42px;} .swiper-slide div.txt h2{font-size: 30px;margin-bottom: 1%;} #index .part4-container{width:600px;height:580px;} #index .m-part4 .right_part{width:600px;height:518px;margin-left:600px;} #index .m-part4 .part4-container .swiper-slide img{width:600px;height:580px;} #index .right_part .intro p{font-size:14px;line-height:28px;} #index .right_part .btn_list{margin-top:14px;} #index .right_part .btn_list > div > a{font-size:14px;} #index dl.home-con dt{font-size:36px;} #index .box-item .info_div .title{font-size:18px;height: auto;} #index .box-item .info_div .title span{font-size: 18px;position: static;color: #333;text-align: center;width: 100%;display: inline-block;cursor: pointer;} #index dl.news dd .item{width:373px;} #index dl.news dd .item .title{margin:0;font-size:20px;} #index dl.news dd .item .intro{font-size:16px;margin-top:5px;height:80px;line-height:26px;} #page-domInter .map{ width:1400px; transform:scale(0.875); -webkit-transform:scale(0.875); -moz-transform:scale(0.875); -ms-transform:scale(0.875); -o-transform:scale(0.875); transform-origin: center; -webkit-transform-origin:center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; } #page-domInter .map .hoverPoint{ width:20px;height:20px; border-radius: 50%;background: #D81718; margin-top:5px;margin-left:5px; } #page-domInter .map i::before{display: none;} #page-techInno .shadowDiv dl dt{font-size:20px;line-height:30px;margin-bottom:40px;} #page-ship div.middle{width:1200px;} #page-ship div.m-part3 li{width:580px;height:307px;} #page-report div.m-part1 ul li, #page-rules div.m-part1 ul li{width:30.3%;height:470px;} #page-report ul li > div.info h5, #page-rules ul li > div.info h5{font-size:20px;margin-bottom:15px;} #page-report ul li > div.info, #page-rules ul li > div.info{height:220px;} } /*@media screen and (min-width:960px) and (max-width:1399px){ header{zoom:.643} .banner{zoom:.643} [class*=m-part]{zoom:.643} footer>div{zoom:.643} }*/ .cahpnmo ul li{width:23.5%;margin:23px 23px 0 0;position:relative;float:left;box-sizing:border-box;height:290px} .cahpnmo ul li a{width: 100%;height:220px;display: inline-block;} .cahpnmo ul li a img{width: 100%;height:220px;border-radius: 5px;} .cahpnmo ul li .caom{ font-size: 16px; line-height: 26px; color: #333; padding: 10px; height: 55px; } .cahpnmo ul>li:nth-child(3n){margin-right:23px} .cahpnmo ul>li:nth-child(4n){margin-right:0} footer #footerGoTopBtn{text-align: center;} footer #footerGoTopBtn p{font-size: 15px;line-height: 33px;text-align: center;}