@charset "utf-8"; /* 注意:以下长度用em换算,1em=10px。特别注意文字大小,父子层级会继承,所以不要在div中定义字体大小,只能用span修改字体。 ------------------------------------------------------------------------------------------------------ */ /* 全局样式 -------------------------------------------------------------- */ html, body, a, p, span, ul, img { padding: 0; margin: 0; list-style: none; border: none; font-size: 14px; font-family: "microsoft yahei", "arial"; color: #666; } p { line-height: 25px; } img { border: none; vertical-align: middle; } td { vertical-align: center; font-size: 14px; } * { margin: 0; padding: 0; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; } body, button, input, select, textarea { outline: none; } .body { background: #fff; } .nbody { background: #efefef; } ul, ol, li { list-style: none; } img { border: 0px; } table, table tr, table td { border: solid 1px #777777; } html, body { height: auto; margin: 0 auto; } .hide { display: none; } .clear { clear: both; } input, textarea { font-family: "microsoft yahei", "arial"; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1 { font-size: 3em; line-height: 1; margin: 0; padding: 0; } h2 { font-size: 2em; margin: 0; padding: 0; } h3 { font-size: 1.5em; line-height: 1; margin: 0; padding: 0; } h4 { font-size: 1.2em; line-height: 1.25; margin: 0; padding: 0; } h5 { font-size: 1em; margin: 0; padding: 0; } h6 { font-size: 1em; } body { background: #fff; } /* 页面基本元素 -------------------------------------------------------------- */ /* 链接样式 */ a { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } /* 常用元素 */ .clear { clear: both; font-size: 1px; line-height: 0px; height: 0px; } /* 层浮动 */ .left { float: left; } .right { float: right; } .center { margin: 0 auto; } /* 文字对齐 */ .tleft { text-align: left; } .tright { text-align: right; } .tcenter { text-align: center; } img { webkit-transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1); transition: transform .75s cubic-bezier(.19, 1, .22, 1); transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1); } /* top -------------------------------------------------------------- */ .header { width: 100%; height: 100px; position: fixed; z-index: 999; top: 0; padding:0 1%; border-bottom:solid 1px rgba(255,255,255,0.2); } .logo { overflow: hidden; padding:21.5px 0; } .nav-right{ padding:25px 0; margin-left:40px; } .header .nav-right{ width:50px;} .header .nav-right img{ width:50px;} #form2{ position: absolute; } /*#iframe1{ width:50px !important; height: 50px !important; } #iframe1 img{ width:100% !important; height: 100% !important; }*/ .topewm { height: 100%; padding:38px 0 38px 42px; border-left:solid 1px rgba(255,255,255,0.2); margin-left:18px; position:relative; } .topewm .ewmimg{ opacity:0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position:absolute; background:#fff; padding:10px; border-radius:5px; top:80px; right:0; } .topewm .ewmimg img{ width:100px; } .topewm:hover{ cursor:pointer; } .topewm:hover .ewmimg{ opacity:1; } .small{ background:rgba(0,0,0,0.5); box-shadow: 0px 2px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.3); } /* nav -------------------------------------------------------------- */ .menu, .menu ul { list-style: none; padding: 0; } .menu > li { position: relative; display: inline-block; outline: 0; } .submenu { position: absolute; left: 0; top: 100%; z-index: 0; overflow: hidden; /* ie8 needs this */ overflow: hidden\0/ !important; max-height: 0; /* a .submenu should be only revealed when hovering the .menu */ pointer-events: none; } .menu > li:hover .submenu, .menu > li:focus .submenu { pointer-events: auto; z-index: 10; max-height: 2000px; -webkit-transition: none; -moz-transition: none; } /* default ================================================================= */ .submenu li { opacity: 0; -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s; -moz-transition: opacity .4s, -moz-transform .6s, max-height .6s; -ms-transition: opacity .4s, -ms-transform .6s, max-height .6s; -o-transition: opacity .4s, -o-transform .6s, max-height .6s; transition: opacity .4s, transform .6s, max-height .6s; } .menu > li:hover .submenu li, .menu > li:focus .submenu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* shield ================================================================= */ .shield { overflow: visible; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .shield li { -webkit-transform: rotatex(90deg); -moz-transform: rotatex(90deg); -ms-transform: rotatex(90deg); -o-transform: rotatex(90deg); transform: rotatex(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7); -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7); -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7); -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7); transition-timing-function: cubic-bezier(0, .35, .5, 1.7); } .nav{ text-align:right; } .nav > ul{ display:inline-block; margin:0; } .nav .menu > li{ float:left; text-align:center; line-height:100px; position:relative; } .nav .menu > li a{ color:#fff; font-size:17px; display:block; margin:0 32px; line-height:100px; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position:relative; } .nav .menu > li a:after { content: ""; position: absolute; width: 0; height: 2px; background: #fff; left: 50%; margin-left:-9px; bottom: 0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .nav .menu > li:hover a,.nav .menu > li.current a{ } .nav .menu > li a:hover:after, .nav .menu > li.active a:after { width: 18px; } .nav .menu > li .submenu{ width:132px; left:50%; margin-left: -66px; } .nav .menu > li .submenu li{ width:132px; line-height:40px; background:#12699e; text-align:center; margin-top:1px; } .nav .menu > li .submenu li a{ display:block; color:#fff; background:none; font-size:14px; padding:0; margin:0; line-height:40px; } .nav .menu > li .submenu li a:after,.nav .menu > li .submenu li:hover a:after{ display:none; } .nav .menu > li .submenu li:hover{ background:#114463; } /* cont -------------------------------------------------------------- */ .cont { width: 1400px; overflow: hidden; margin: auto; } .cont1 { width: 1400px; height:auto; margin: auto; } /* banner -------------------------------------------------------------- */ .banner{ position:relative; } .indexbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none; } .banner .owl-wrapper .owl-item:nth-child(2){ background: url(/uploads/image/simages/banner1.jpg) no-repeat top center; background-size: cover; } .banner .owl-wrapper .owl-item:nth-child(3){ background: url(/uploads/image/simages/banner2.jpg) no-repeat top center; background-size: cover; } .banner .owl-wrapper, .banner .owl-carousel .owl-wrapper-outer, .banner .owl-item{ height:100%; } .banner .owl-pagination{ position:absolute; left:50px; bottom:40px; } .banner .owl-page{ float:left; margin:0 18px; } .banner .owl-page span{ display:block; height:50px; line-height:50px; font-family:arial; font-size:18px; color:rgba(255,255,255,0.3); } .banner .owl-page span:before{ content:"0"; } .banner .owl-page.active span{ font-size:40px; color:#fff; } .banner .owl-prev{ background:url(/uploads/image/simages/prev.png) no-repeat left center; width:14px; height:15px; position:absolute; left:35px; bottom:54px; } .banner .owl-number{ text-align:center; font-size:15px; font-family:arial; position:absolute; right:222px; top:50%; margin-top:-54.5px; color:#fff; display:none; } .banner .owl-number span{ font-family:arial; font-size:18px; color:rgba(255,255,255,0.3); display:block; float:left; margin-right:5px; padding-top:7px; } .banner .owl-next{ background:url(/uploads/image/simages/next.png) no-repeat left center; width:14px; height:15px; position:absolute; left:242px; bottom:54px; } .banner .owl-item img{ width:100%; height:100%; } .banner .banner_more{ width:480px; height:180px; background:url(/uploads/image/simages/bannerbg.jpg) no-repeat center; position:absolute; right:0; bottom:0; padding-top:72px; } .banner .banner_more a{ font-size:20px; color:#fff; margin-left:140px; position:relative; } .banner .banner_more a:before{ content:""; width:30px; height:2px; background:#fff; position:absolute; left:-58px; top:12px; } .item .cont{ position:absolute; top:49%; padding-left:12.5%; } .item p.p1{ color:#fff; line-height:100px; font-size:120px; font-family:arial; text-transform:uppercase; } .item p.p1 img{ width:auto; } .item p.p2{ color:#fff; line-height:55px; font-size:50px; margin-top:15px; } .item p.p3{ width:50%; color:#fff; line-height:30px; font-size:16px; margin-top:72px; } .item p.p4{ width:46%; color:#fff; line-height:60px; font-size:18px; background:#dd141e; text-align:center; letter-spacing:5px; margin-top:34px; } .item p.p5{ font-family:arial; font-size:23px; color:rgba(255,255,255,0.4); line-height:30px; margin-top:4px; } /*shubiao*/ .mouse-index{ position:absolute; bottom:40px; left:50%; width:70px; margin-left:-35px; z-index:99; } .mouse { width: 100%; overflow:hidden; text-align:center; position:relative; left:50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-animation: scroll 1s infinite alternate; animation: scroll 1s infinite alternate; } .mouse-index p{ width:100%; overflow:hidden; text-align:center; color:#fff; font-size:16px; line-height:25px; margin-top:20px; } .tztel{position:absolute;float:right;top:-126px;right:18px;z-index:999999999;font-size: 16px;color: #666;} .tztel a{font-size: 26px;color: #333;} .tztel2{position:absolute;float:right;top:-154px;right:18px;z-index:999999999;font-size: 16px;color: #666;} .tztel2 a{font-size: 26px;color: #333;} @-webkit-keyframes scroll { 100% { -webkit-transform: translate(-50%, 8px); transform: translate(-50%, 8px); } } @keyframes scroll { 100% { -webkit-transform: translate(-50%, 8px); transform: translate(-50%, 8px); } } .click{ width:136px; overflow:hidden; position:absolute; right:142px; top:50%; margin-top:5px; border-top:solid 1px rgba(255,255,255,0.5); padding-top:19px; } .click h5{ width:100%; overflow:hidden; font-size:15px; color:#fff; } .click p{ width:100%; overflow:hidden; font-size:12px; color:#fff; font-family:arial; } /**/ .culture02{padding-bottom:10px;} .culture02 li{background:#f4f4f4; margin-top:37px; transition:all 0.5s ease;} .culture02 li:first-child{margin-top:0;} .culture02 li .li_box{padding:26px 50px;} .culture02 li .li_box .left{width:12%; float:left; line-height:58px; position:relative; font-size:24px; color:#000; font-weight:600;} .culture02 li .li_box .left:after{content:''; width:1px; height:58px; background:#d7dee3; position:absolute; right:0; top:50%; margin-top:-29px;} .culture02 li .li_box .right{width:88%; float:left;} .culture02 li .li_box .right .r_box{padding:0 23px 0 29px; line-height:58px;} .culture02 li .li_box .right .r_box .tit{float:left; width:70%; font-size:16px; color:#000; margin-bottom:0px;} .culture02 li .li_box .right .r_box .tit p{ line-height:58px; text-align:left; font-size:16px; color:#000;} .culture02 li .li_box .right .r_box .more{width:13%; float:right; position:relative; font-size:15px; color:#da2d27;} .culture02 li .li_box .right .r_box .more:after{content:''; width:11px; height:12px; background: no-repeat; position:absolute; right:0; top:50%; margin-top:-6px;} .culture02 li:hover{background:#009944;} .culture02 li:hover .li_box .left{color:#fff;} .culture02 li:hover .li_box .left:after{background:#fff; background:rgba(255,255,255,0.7);} .culture02 li:hover .li_box .right .r_box .tit{color:#fff;} .culture02 li:hover .li_box .right .r_box .tit p{color:#fff;} .culture02 li:hover .li_box .right .r_box .more{color:#fff;} .culture02 li:hover .li_box .right .r_box .more:after{background-position:-11px 0;} .culture02 li .hidden_detail{display:none;} .el{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} @media(min-width:1920px) { .p_video{ width:100%;} .lingyudk{ width:40%; margin:0px auto;} } video{ width:100%; height:100%; object-fit: cover;} /**/ /* tit -------------------------------------------------------------- */ .tit { width:100%; overflow:hidden; } .tit h3 { width:100%; overflow: hidden; font-size: 24px; color: #737373; line-height:35px; font-weight:normal; margin-top:6px; } .tit h3 a { font-size: 24px; color: #737373; } .tit p{ width:100%; overflow: hidden; font-size:40px; font-family:arial, helvetica, sans-serif; color:#343434; line-height:40px; text-transform:uppercase; } /* topcontact -------------------------------------------------------------- */ .topcontact { height:90px; color:#fff; line-height:90px; padding-left:38px; font-size:18px; margin-top: -45px; background:#2552c5; position: relative; z-index: 99; } .topcontact .dh{ width:90px; height:90px; background:url(/uploads/image/simages/icon1.png) no-repeat center; } .topcontact .dh a{ width:100%; height:100%; display:block; } /* pro -------------------------------------------------------------- */ .pro{ width:100%; overflow:hidden; background:url(/uploads/image/simages/probg.jpg) no-repeat left center; padding-top:92px; padding-bottom:135px; } .pro .pronr{ position:relative; } .pronr .prolf,.pronr .prort{ padding:0; } .pronr .prolf .projs{ width:100%; overflow:hidden; font-size:16px; color:#9a9a9a; line-height:30px; margin-top:30px; } .pronr .prort ul li img{ max-width:100%; height:auto; } .swiper-container{ width:100%; } .prort .product-thumbs .swiper-wrapper{ text-align:right; } .product-thumbs{ height:40px; padding-bottom:70px; margin-top:78px; } .product-thumbs .swiper-wrapper .swiper-slide .item{ width:100%; overflow:hidden; float:left; } .product-thumbs:before{ content:""; width:100%; height:1px; background:rgba(255,255,255,0.2); position:absolute; top:19px; left:0; } .product-thumbs .title{ width:100%; overflow:hidden; font-size:24px; height:80px; line-height:80px; color:#333333; text-align:center; background:url(/uploads/image/simages/icon8.png) no-repeat left center; cursor:pointer; position:relative; } .product-thumbs .title:after{ position:absolute; font-size:100px; line-height:88px; color:rgba(18,105,158,0.1); font-family:arial, helvetica, sans-serif; bottom:0; left:12px; opacity:0; } .prort .product-thumbs .swiper-wrapper .swiper-slide:nth-child(2n) .title:after{ content:"03"; } .prort .product-thumbs .swiper-wrapper .swiper-slide:nth-child(3n-1) .title:after{ content:"02"; } .prort .product-thumbs .swiper-wrapper .swiper-slide:nth-child(3n 1) .title:after{ content:"01"; } .product-thumbs .swiper-slide-active .title,.product-thumbs .swiper-slide:hover .title{ font-weight:bold; } .product-thumbs .swiper-wrapper .swiper-slide .item:hover .title:after,.product-thumbs .swiper-slide-active .title:after{ opacity:1; } .pronr .prolf .promore{ width:100%; overflow:hidden; margin-top:500px; } .pronr .prolf .promore a{ font-size:16px; position:relative; letter-spacing:4px; } .pronr .prolf .promore a:after{ content:""; width:100%; height:3px; background:rgba(1,88,135,0.6); position:absolute; left:0; bottom:0; } /* hyyy -------------------------------------------------------------- */ .hyyy{ width:100%; overflow:hidden; background:url(/uploads/image/simages/hyyybg.jpg) no-repeat top center; background-size:cover; padding-top:47px; } .hyyy .tit h3,.hyyy .tit h3 a{ color:#fff; font-size:36px; } .hyyy .tit h3{ margin-top:0; line-height:45px; } .hyyy .hyyynr{ width:87%; overflow:hidden; float:right; } .hyyy .hyyynr hr{ width:40%; border:none; border-bottom:solid 1px rgba(255,255,255,0.2); margin-top:27px; } .hyyy .hyyylf{ width:22%; overflow:hidden; padding-right:60px; } .hyyy .hyyyrt{ width:78%; overflow:hidden; margin-top:32px; position:relative; } .hyyy .hyyylf span{ display:block; width:54px; height:2px; background:#fff; margin-top:126px; margin-bottom:23px; } .hyyy .hyyylf .hyyyen{ width:100%; overflow:hidden; font-size:36px; color:#fff; line-height:36px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; margin-top:11px; } .hyyy .hyyylf .hyyyjs{ width:100%; overflow:hidden; font-size:16px; color:#fff; line-height:30px; margin-top:46px; } .hyyymore{ width:100%; overflow:hidden; margin-top:123px; } .hyyymore a{ display:block; width:210px; height:68px; border:solid 1px #fff; font-size:16px; text-align:center; line-height:68px; color:#fff; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; } .hyyymore a:hover{ background:#fff; color:#12699e; } .hyyy .hyyyrt .tab_box{ width:100%; overflow:hidden; } .hyyylist{ width:100%; overflow:hidden; } .hyyylist img{ width:100%; height:auto; } .hyyy .hyyyrt .tab,.hyyy .hyyyrt .tab ul{ width:100%; overflow:hidden; } .hyyy .hyyyrt .tab ul li{ width:25%; height:110px; overflow:hidden; float:left; padding-left:164px; position:relative; border-right:solid 1px #fff; } .hyyy .hyyyrt .tab ul li:last-child{ border-right:none; } .hyyy .hyyyrt .tab ul li:before{ content:""; width:1px; height:36px; background:rgba(255,255,255,0.3); position:absolute; left:136px; top:32px; } .hyyy .hyyyrt .tab{ position:absolute; left:0; bottom:0; border-top:solid 1px #fff; } .hyyy .hyyyrt .tab ul li:first-child{ background:url(/uploads/image/simages/icon4.png) no-repeat 15% center; } .hyyy .hyyyrt .tab ul li:nth-child(2){ background:url(/uploads/image/simages/icon5.png) no-repeat 15% center; } .hyyy .hyyyrt .tab ul li:nth-child(3){ background:url(/uploads/image/simages/icon6.png) no-repeat 15% center; } .hyyy .hyyyrt .tab ul li:nth-child(4){ background:url(/uploads/image/simages/icon7.png) no-repeat 15% center; } .hyyy .hyyyrt .tab ul li a{ display:block; } .hyyy .hyyyrt .tab ul li h5{ width:100%; overflow:hidden; color:#fff; font-size:20px; line-height:30px; margin-top:22.5px; } .hyyy .hyyyrt .tab ul li p{ width:100%; overflow:hidden; color:#fff; font-size:12px; line-height:20px; font-family:arial; text-transform:uppercase; margin-top:5px; } .hyyy .hyyyrt .tab ul li:first-child.hover{ background:#fff url(/uploads/image/simages/iconh4.png) no-repeat 15% center; } .hyyy .hyyyrt .tab ul li:nth-child(2).hover{ background:#fff url(/uploads/image/simages/iconh5.png) no-repeat 15% center; } .hyyy .hyyyrt .tab ul li:nth-child(3).hover{ background:#fff url(/uploads/image/simages/iconh6.png) no-repeat 15% center; } .hyyy .hyyyrt .tab ul li:nth-child(4).hover{ background:#fff url(/uploads/image/simages/iconh7.png) no-repeat 15% center; } .hyyy .hyyyrt .tab ul li.hover h5{ color:#313131; } .hyyy .hyyyrt .tab ul li.hover p{ color:#9b9b9b; } .hyyy .hyyyrt .tab ul li.hover:before{ background:#c6c6c6; } /* about -------------------------------------------------------------- */ .about{ padding-top:107px; } .about .aboutnr{ width:100%; overflow:hidden; margin-top:20px; } .about .aboutlf{ padding:25px 20px 0 0; } .aboutlf .aboutimg{ position:relative; } .aboutlf .aboutimg img{ width:100%; height:auto; } .aboutlf .aboutimg a{ display:block; width:80px; height:80px; background:#12699e url(/uploads/image/simages/icon3.png) no-repeat center; z-index:99; position:absolute; right:0; bottom:0; } .about .aboutrt{ padding:0 0 0 48px; } .aboutrt h4{ width:100%; overflow:hidden; font-size:32px; color:#343434; line-height:40px; } .aboutrt .abouten{ width:100%; overflow:hidden; font-family:arial; font-size:16px; color:#a3a3a3; line-height:20px; text-transform:uppercase; margin-top:15px; } .aboutrt hr{ width:35px; border:none; border-bottom:solid 2px #12699e; margin-top:38px; } .aboutrt h5{ width:100%; overflow:hidden; font-size:20px; color:#343434; line-height:30px; margin-top:64px; } .aboutrt .aboutms{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#7f7f7f; margin-top:10px; } .ab_fl{ width:100%; overflow:hidden; margin-top:80px; } .ab_fl dl{ overflow:hidden; padding:0; border-right:solid 1px #e0e0e0; } .ab_fl dl:last-child{ border-right:none; } .ab_fl dl dt{ width:100%; overflow:hidden; font-size:15px; font-weight:normal; color:#343434; text-align:center; } .ab_fl dl dd{ width:100%; overflow:hidden; color:#343434; font-size:15px; line-height:25px; margin-top:10px; text-align:center; } .ab_fl dl dt .counter{ font-size:62px; color:#12699e; margin-right:10px; font-weight:bold; line-height:50px; font-family:arial, helvetica, sans-serif; } .aboutmore{ width:100%; overflow:hidden; margin-top:104px; } .aboutmore a{ width:182px; height:48px; display:block; margin:auto; line-height:48px; text-align:center; background:#d61821; color:#fff; font-size:16px; border-radius:30px; } /* ys -------------------------------------------------------------- */ .ys{ width:100%; height:859px; overflow:hidden; background:url(/uploads/image/simages/ysbg.jpg) no-repeat top center; background-size:cover; margin-top:158px; } .ys .ysnr{ width:86%; overflow:hidden; float:right; } .ys .ysnr .yslf{ width:27%; overflow:hidden; padding-top:150px; } .yslf .tit h3,.yslf .tit p{ color:#fff; } .yslf .ysbtn{ width:100%; overflow:hidden; margin-top:157px; } .yslf .ysbtn a{ display:block; width:210px; height:68px; text-align:center; line-height:68px; background:#fff; font-size:16px; color:#12699e; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; } .yslf .ysbtn a:hover{ background:#12699e; color:#fff; } .ysnr .ysrt{ width:73%; overflow:hidden; } .cloud-product-box{ width:100%; overflow:hidden; } .cloud-product-wrapper { margin: 0 auto; width: 1200px } .cloud-product { position: relative; z-index: 9; } .cloud-product-title { height: 32px; text-align: center; line-height: 32px; font-size: 32px; color: #333 } .color-blue { color: #009fd9 } .cloud-product-explain { margin-top: 26px; margin-bottom: 82px; height: 16px; line-height: 16px; text-align: center; font-size: 16px; color: #999 } .cloud-product-ul { width: 100% } .cloud-product-ul li { height:859px; position: relative; width: 30%; float: left; } .cloud-product-ul li:first-child { margin-left: 0 } .active-inner-item{ width:100%; overflow:hidden; } .active-inner-item h4{ width:100%; overflow:hidden; text-align:center; font-size:30px; color:#fff; line-height:40px; } .active-inner-item hr{ width:32px; border:none; border-bottom:solid 1px #fff; margin:auto; } .cloud-product-ul li h4{ width:40px; overflow:hidden; font-size:30px; color:#fff; margin:auto; line-height:30px; font-weight:normal; margin-top:180px; } .cloud-product-ul li hr{ width:32px; border:none; border-bottom:solid 1px #fff; position:absolute; bottom:292px; left:50%; margin-left:-16px; } .cloud-product-ul li .ysnum{ width:100%; overflow:hidden; font-size:80px; color:#fff; text-align:center; line-height:80px; font-family:arial, helvetica, sans-serif; position:absolute; bottom:172px; } .cloud-product-single-top { width: 100%; height: 60px; line-height: 60px; text-align: center; background-color: #f2f2f2 } .cloud-product-name { font-size: 18px; color: #333; font-weight: 700 } .cloud-product-single-bottom { width: 100%; height: 340px } .empty-space { width: 100%; height: 99px; padding: 26px 0 0 0; } .product-introduce-title { margin-bottom: 14px; height: 22px; line-height: 22px; font-size: 22px; text-align: center } .product-introduce-title.normal-weight { font-weight: 400 } .product-introduce-content { margin: 0 auto 26px; width: 180px; line-height: 14px; font-size: 14px; text-align: center; color: #999 } .product-introduce-list { margin: 0 auto; padding-top: 28px; height: 135px; width: 84%; border: 1px solid #f1f1f1; border-left: none; border-right: none } .introduce-list-small { margin-bottom: 18px; line-height: 14px; font-size: 14px; color: #999; text-align: center } .product-introduce-price { margin: 48px auto 0; font-size: 14px; text-align: center; color: #333 } .price-blue { color: #0af; font-size: 38px } .normal-inner { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s } .active-inner { position: relative; display: none; height: 100%; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s } .introduce-link { position: absolute; top: 0; left: 0; width: 100%; height: 360px } .cloud-product-ul li.active .active-inner { display: block; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } .cloud-product-ul li.active .normal-inner { display: none; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 } .cloud-product-ul li { -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear; transition: width .15s linear } .cloud-product-ul li.active { z-index: 9; width: 40%; background: rgba(18,105,158,0.9); } .cloud-product-ul li.active .ysimg,.cloud-product-ul li.active h4{ text-align:left; } .cloud-product-ul li.active{ padding:102px 95px 0 95px; } .cloud-product-ul li.active h4{ width:100%; overflow:hidden; text-align:center; font-size:30px; color:#fff; line-height:40px; margin-top:70px; } .cloud-product-ul li.active hr{ width:32px; border:none; border-bottom:solid 1px #fff; position:inherit; bottom:0; left:0; margin:26px auto 0; } .cloud-product-ul li.active .ysjs{ width:100%; overflow:hidden; font-size:16px; color:#fff; line-height:30px; margin-top:47px; } .cloud-product-ul li.active .ysnum{ width:100%; overflow:hidden; font-size:220px; line-height:164px; font-family:arial, helvetica, sans-serif; color:rgba(255,255,255,0.1); position:absolute; bottom:-3px; letter-spacing:-20px; } .active .product-introduce-content { color: #eff6ff } .active-product-introduce-title { color: #fff } .active .product-introduce-list { padding-top: 22px; border-color: #3f9ff9 } .introduce-list-large { margin: 0 auto; width: 228px; line-height: 22px; color: #ddebff; font-size: 14px } .active .product-introduce-price { margin-top: 32px; color: #fefeff } .product-introduce-price .price-white { display: inline-block; font-size: 36px; height: 36px; line-height: 36px; color: #fff } .buy-link-btn { display: block; margin: 30px auto 0; width: 90%; height: 40px; line-height: 40px; background-color: #ff9600; color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .buy-link-btn:hover { background-color: #f80 } /* customer -------------------------------------------------------------- */ .customer{ width:100%; overflow:hidden; background:url(/uploads/image/simages/hzhbbg.jpg) no-repeat top center; background-size:cover; padding-top:123px; padding-bottom:194px; } .customerlist{ width:100%; overflow:hidden; margin-top:64px; } .customerlist .customerlf{ overflow:hidden; padding:0 196px 0 0; } .customerlist .customerlf ul{ width:100%; overflow:hidden; } .customerlist .customerlf ul li{ width:48%; overflow:hidden; float:left; margin:5px 1%; border:solid 1px #e3e3e3; text-align:center; } .customerlist .customerlf ul li img{ max-width:100%; height:auto; } .customerlist .customerrt{ overflow:hidden; padding:0; position:relative; } .customerrt .customeimg{ width:74%; overflow:hidden; float:left; } .customerrt .customeimg img{ max-width:100%; height:auto; } .customerrt .custometit{ width:24%; overflow:hidden; float:right; } .customerrt .custometit span{ font-size:20px; color:#000; float:left; margin-top:100px; } .customerrt .custometit h4{ width:100%; overflow:hidden; font-size:36px; color:#343434; line-height:45px; font-weight:normal; margin-bottom:13px; } .customerrt .custometit p{ width:100%; overflow:hidden; font-size:16px; color:#a3a3a3; font-family:arial; line-height:24px; } .customerlist .customerrt .customerbtn{ width:100%; overflow:hidden; height:68px; line-height:68px; text-align:center; margin-top:70px; } .customerlist .customerrt .customerbtn a{ width:100%; overflow:hidden; background:#12699e; display:block; font-size:18px; color:#fff; } /* news -------------------------------------------------------------- */ .news { width:100%; overflow:hidden; background:#f8f8f8; padding-top:100px; padding-bottom:106px; } .news .tit{ width:40%; float:left; } .newsmenu{ width:60%; overflow:hidden; float:right; text-align:right; } .newsmenu ul{ overflow:hidden; display:inline-block; } .newsmenu ul li{ overflow:hidden; float:left; margin-left:28px; position:relative; } .newsmenu ul li a{ font-size:24px; color:#333333; font-weight:bold; } .newsmenu ul li:after{ content:""; width:0; height:4px; background:rgba(1,88,135,0.6); position:absolute; left:0; bottom:4px; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .newsmenu ul li:hover:after{ width:100%; } .news .newslist { width:100%; overflow:hidden; margin-top:42px; } .newslist .news_nr{ width:31.33333333%; height:280px; overflow:hidden; margin:10px 1%; float:left; background:#fff; padding:50px 20px 0 20px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; } .news_nr .newsdate{ padding:0; } .news_nr .newsdate .newsyear,.news_nr .newsdate .newsday{ width:100%; overflow:hidden; text-align:right; } .news_nr .newsdate .newsyear{ font-size:18px; color:#333; font-family:arial; line-height:22px; } .news_nr .newsdate .newsday{ font-size:30px; color:#000; font-family:arial; font-weight:bold; line-height:35px; } .news_nr .newsrt{ padding:0 0 0 30px; } .news_nr .newsrt h4{ width:100%; overflow:hidden; color:#333; font-size:24px; line-height:30px; text-overflow: ellipsis; white-space: nowrap; } .news_nr .newsrt p{ width:100%; overflow:hidden; color:#adadad; margin-top:8px; } .news_nr .newsmore{ overflow:hidden; font-size:16px; letter-spacing:3px; position:relative; margin-top:106px; } .news_nr .newsmore:after{ content:""; width:72px; height:4px; background:rgba(1,88,135,0.6); position:absolute; left:0; bottom:3px; } .newslist .news_nr:hover{ background:#12699e; } .news_nr:hover .newsdate .newsyear,.news_nr:hover .newsdate .newsday,.news_nr:hover .newsrt h4,.news_nr:hover .newsrt p,.news_nr:hover .newsmore{ color:#fff; } .news_nr:hover .newsmore:after{ background:rgba(255,255,255,0.6); } /* link -------------------------------------------------------------- */ .blogo{ width:50%; overflow:hidden; } .blogo img{ max-width:100%; height:auto; } .link-select-box a:link, .link-select-box a:visited { color: #333;} .link-select-box a:active,.link-select-box a:hover { color: #fff;} .link-select-box { background-color: #fff; font-family: arial, helvetica, sans-serif; width:176px; height: 50px; position: relative; line-height: 50px; transition: 300ms; -webkit-transition: 300ms; color: #343434; margin-top:10px;} .link-select-box .mt { padding: 0 58px 0 15px; position: relative; cursor: pointer; line-height: 50px; color:#343434; font-size:16px; } .link-select-box .mt .aw { width: 46px; position: absolute; top: 0; bottom: 0; right: 0px; background: url(/uploads/image/simages/link.png) no-repeat scroll center center; height: 100%; transition: 300ms; -webkit-transition: 300ms; } .link-select-box .mc { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; bottom: 46px; display: none; } .link-select-box ul { background-color: #fff; padding: 8px 0; overflow: hidden; } .link-select-box a { display: block; padding: 5px 15px; line-height: 1.4; font-size: 12px;} .link-select-box a:hover { background-color: #12699e; } .link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } /* footer -------------------------------------------------------------- */ .footer { background: #e5e5e5; padding-top: 100px; padding-bottom:90px; } .footer .footernr{ border-bottom:solid 1px #c3c3c3; padding-bottom:37px; } .footernr .footerlf{ padding:0 150px 0 0; } .footernr .footerlf .blxfs{ width:100%; overflow:hidden; border-top:solid 1px #c3c3c3; margin-top:86px; padding-top:28px; } .blxfs .blxfslf{ width:75%; overflow:hidden; } .blxfs .blxfslf .btel{ width:100%; overflow:hidden; font-size:40px; color:#2e2e2e; line-height:45px; margin-bottom:21px; } .blxfs .blxfslf .btel a{ font-size:40px; color:#2e2e2e; } .blxfs .blxfslf p{ width:100%; overflow:hidden; font-size:15px; color:#7e7e7e; line-height:26px; } .blxfs .blxfsrt{ width:25%; overflow:hidden; } .blxfs .blxfsrt dl{ overflow:hidden; float:right; } .blxfs .blxfsrt dl dt,.blxfs .blxfsrt dl dd{ overflow:hidden; text-align:center; } .blxfs .blxfsrt dl dt img{ max-width:100%; height:auto; } .blxfs .blxfsrt dl dd{ color:#4e4e4e; line-height:30px; margin-top:6px; font-size:13px; } .footernr .bnav{ padding:0; } .footernr .bnav ul li{ width:20%; overflow:hidden; float:left; } .footernr .bnav ul li h4{ width:100%; overflow:hidden; font-size:18px; color:#2e2e2e; line-height:30px; font-weight:normal; margin-bottom:18px; } .footernr .bnav ul li h4 a{ font-size:18px; color:#2e2e2e; } .footernr .bnav ul li p{ width:100%; overflow:hidden; font-size:16px; color:#7e7e7e; line-height:32px; } .footernr .bnav ul li p a{ font-size:16px; color:#7e7e7e; } .footernr .bnav ul li dl{ overflow:hidden; float:left; margin-top:50px; } .footernr .bnav ul li dl dt,.footernr .bnav ul li dl dd{ overflow:hidden; text-align:center; } .footernr .bnav ul li dl dd{ font-size:12px; color:#fff; line-height:30px; } .bnav .bot{ margin-top:32px; } .bnav .bot,.bnav .bot p{ width:100%; overflow: hidden; } .bnav .bot p,.bnav .bot p a{ font-size:13px; color:#858585; } .bnav .bot p{ text-align:right; } /* banner_n -------------------------------------------------------------- */ .banner_n { width: 100%; height: 712px; background: url(/uploads/image/simages/aboutban.jpg) no-repeat top center; background-size: cover; position:relative; } @media(max-width:1680px) { .banner_n{ height:623px; } } @media(max-width:1440px) { .banner_n{ height:534px; } } @media(max-width:1360px) { .banner_n{ height:504px; } } @media(max-width:1280px) { .banner_n{ height:475px; } } @media(max-width:1152px) { .banner_n{ height:427px; } } @media(max-width:1024px) { .banner_n{ height:380px; } } @media(max-width:991px) { .banner_n{ height:367px; } } @media(max-width:768px) { .banner_n{ height:285px; } } @media(max-width:640px) { .banner_n{ height:237px; } } @media(max-width:540px) { .banner_n{ height:200px; } } @media(max-width:425px) { .banner_n{ height:158px; } } .banner_nnr{ position:absolute; bottom:0; background:rgba(255,255,255,0.9); left:50%; margin-left:-700px; padding:10px 18px 0 18px; } .position{ width:100%; overflow:hidden; line-height:30px; font-size:13px; color:#747474; background:url(/uploads/image/simages/icon9.png) no-repeat left center; padding-left:22px; } .banner_nnr ul{ width:100%; overflow:hidden; margin-top:26px; } .mmenu ul{ width:100%; overflow:hidden; margin-top:10px; } .banner_nnr ul li{ overflow:hidden; float:left; line-height:30px; padding:0 30px 32px 30px; margin:0 28px; position:relative; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .mmenu ul li{ overflow:hidden; float:left; line-height:30px; padding:0 10px 10px 10px; margin:5px 10px; position:relative; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .banner_nnr ul li:first-child,.mmenu ul li:first-child{ margin-left:0; } .banner_nnr ul li a,.mmenu ul li a{ font-size:16px; color:#000; display:block; } .banner_nnr ul li:after,.mmenu ul li:after{ content:""; width:0; height:2px; background:#11689e; position:absolute; left:0; bottom:0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .banner_nnr ul li:hover:after,.banner_nnr ul li.active:after,.mmenu ul li:hover:after,.mmenu ul li.active:after{ width:100%; } .banner_nnr ul li:hover a,.banner_nnr ul li.active a,.mmenu ul li:hover a,.mmenu ul li.active a{ color:#12699e; } .mmenu{ display:none; } /* ntit -------------------------------------------------------------- */ .ntit{ width:100%; overflow:hidden; } .ntit h3{ width:100%; overflow:hidden; font-size:30px; color:#000; line-height:40px; font-weight:normal; } .ntit hr{ width:40px; border:none; border-bottom:solid 2px #e00515; margin-top:20px; } /* nabout -------------------------------------------------------------- */ .nabout{ margin-top:120px; margin-bottom:120px; } .nabout h3{ width:100%; overflow:hidden; font-size:40px; color:#343434; line-height:50px; font-weight:normal; } .nabout .naboutnr{ width:100%; overflow:hidden; margin-top:64px; font-size:16px; color:#737373; line-height:30px; } .nabout .naboutnr h4{ width:100%; overflow:hidden; font-size:25px; line-height:40px; color:#343434; font-weight:normal; } .nabout .naboutnr p{ overflow:hidden; font-size:16px; color:#737373; line-height:30px; } .naboutimg{ width:100%; overflow:hidden; margin-top:86px; } .naboutimg img{ max-width:100%; height:auto; } .njyqj{ padding:0; background:url(/uploads/image/simages/naboutbg.jpg) no-repeat top center; background-size:cover; padding-top:418px; padding-bottom:328px; position:relative; margin-top:86px; } .njyqjnr h3{ width:100%; overflow:hidden; font-size:35px; color:#fff; line-height:45px; text-align:right; } .njyqjnr hr{ width:80px; border:none; border-bottom:solid 1px #fff; float:right; margin-top:40px; } .njyqjms{ width:40%; font-size:16px; color:#fff; line-height:30px; margin-top:43px; text-align:right; float:right; } .nab_fl{ width:1400px; overflow:hidden; background:#f6f6f6; position:absolute; padding:70px 0; left:50%; margin-left:-700px; top:-113px; } .nab_fl dl{ overflow:hidden; padding:0; border-right:solid 1px #e0e0e0; } .nab_fl dl:last-child{ border-right:none; } .nab_fl dl dt{ width:100%; overflow:hidden; font-size:15px; font-weight:normal; color:#000; text-align:center; } .nab_fl dl dd{ width:100%; overflow:hidden; color:#6f6f6f; font-size:15px; line-height:25px; margin-top:10px; text-align:center; } .nab_fl dl dt .counter{ font-size:60px; color:#12699e; margin-right:10px; font-weight:bold; line-height:50px; font-family:arial, helvetica, sans-serif; } /* nqywh -------------------------------------------------------------- */ .nqywh{ width:100%; overflow:hidden; margin-top:40px; } .nqywh dl{ overflow:hidden; margin:20px 0 0 0; } .nqywh dl dt,.nqywh dl dd{ width:100%; overflow:hidden; } .nqywh dl dt img{ width:100%; height:auto; } .nqywh dl dd h4{ width:100%; overflow:hidden; font-size:25px; color:#343434; line-height:35px; font-weight:normal; margin-top:67px; } .nqywh dl dd p{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#585858; margin-top:17px; } /* nfzlc -------------------------------------------------------------- */ .nfzlc{ width:100%; overflow:hidden; background:url(/uploads/image/simages/fzlcbg.jpg) no-repeat top center; padding-top:120px; padding-bottom:120px; } .nfzlcnr h3{ width: 100%; overflow: hidden; font-size: 40px; color: #343434; line-height: 50px; font-weight: normal; } /*大事记start*/ .event_box{width:100%;margin:100px auto 0;position:relative;min-height:420px;} .event_box .parhd {width:100%;display:inline-block;height:92px;overflow:hidden;} .parhd ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;} .parhd .tempwrap{margin:0 auto;} .parhd .tempwrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;} .parhd li.no_line:before{display:none;} .parhd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;} .parhd li:after{content:'';background:url(/uploads/image/simages/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:0;left:50%;margin-left:-12px;} .parbd{text-align:center;margin-top:60px;} .parbd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;} .parbd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;} .parbd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;} .parbd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;} div#listbox {width:100%;} .sprev,.snext{width:30px;height:30px;display:block;position:absolute;top:20px;z-index:99;} .sprev{left:0;} .snext{right:0;} .sprev img,.snext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);} .parhd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(/uploads/image/simages/cat.png) no-repeat;position:absolute;top:0;left:49px;z-index:21;} .parhd li span,.parhd li.clone span{display:none;} /* nhyyy -------------------------------------------------------------- */ .nhyyy{ width:100%; height:960px; overflow:hidden; background:url(/uploads/image/simages/nhyyybg.jpg) no-repeat top center; background-size:cover; } .nhyyy ul{ width:100%; height:100%; overflow:hidden; } .nhyyy ul li{ width:25%; height:100%; overflow:hidden; float:left; padding-top:318px; position:relative; } .nhyyy ul li .nhyyyicon{ width:100%; overflow:hidden; text-align:center; } .nhyyy ul li .nhyyyicon img{ max-width:100%; height:auto; } .nhyyy ul li h4{ width:100%; overflow:hidden; font-size:30px; color:#1f1f1f; font-weight:normal; text-align:center; line-height:40px; margin-top:42px; } .nhyyy ul li hr{ width:34px; border:none; border-bottom:solid 2px #fff; margin:26px auto 0; display:none; } .nhyyy ul li p{ width:100%; overflow:hidden; font-size:18px; font-family:arial; color:#b8b8b8; line-height:30px; text-align:center; margin-top:30px; } .nhyyy ul li .nhyyyms{ width:100%; overflow:hidden; font-size:16px; padding:0 68px; color:#fff; line-height:30px; opacity:0; margin-top:48px; } .nhyyynr{ width:100%; overflow:hidden; position:relative; z-index:2; } .nhyyy ul li:first-child .nhyyybg{ background:url(/uploads/image/simages/nhyyybg1.jpg) no-repeat top center; background-size:cover; } .nhyyy ul li:nth-child(2) .nhyyybg{ background:url(/uploads/image/simages/nhyyybg2.jpg) no-repeat top center; background-size:cover; } .nhyyy ul li:nth-child(3) .nhyyybg{ background:url(/uploads/image/simages/nhyyybg3.jpg) no-repeat top center; background-size:cover; } .nhyyy ul li:nth-child(4) .nhyyybg{ background:url(/uploads/image/simages/nhyyybg4.jpg) no-repeat top center; background-size:cover; } .nhyyy ul li .nhyyybg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; opacity:0; } .nhyyy ul li:hover{ padding-top:270px; } .nhyyy ul li:hover .nhyyybg{ opacity:1; } .nhyyy ul li:hover .nhyyyicon{ display:none; } .nhyyy ul li:hover .nhyyyms{ opacity:1; } .nhyyy ul li:hover p{ display:none; } .nhyyy ul li:hover hr{ display:block; } .nhyyy ul li:hover h4,.nhyyy ul li:hover p{ color:#fff; } /* nhonor -------------------------------------------------------------- */ .nhonor{ margin-top:60px; margin-bottom:60px; } .nhonornr dl{ padding:0 10px; margin:20px 0; } .nhonornr dl dt,.nhonornr dl dd{ width:100%; overflow:hidden; text-align:center; } .nhonornr dl dt img{ max-width:100%; height:auto; } .nhonornr dl dd{ font-size:16px; line-height:30px; margin-top:10px; } .poptrox-popup{ overflow:visible !important; } /* ncase -------------------------------------------------------------- */ .ncase { margin-top: 45px; margin-bottom: 45px; } .ncase .ncasenr { width: 100%; overflow: hidden; margin-top: 25px; } .ncase .ncasenr dl { width: 375px; overflow: hidden; float: left; margin-right: 37.5px; } .ncase .ncasenr dl { width: 375px; overflow: hidden; float: left; margin-right: 37.5px; margin-top: 20px; margin-bottom: 20px; } .ncase .ncasenrr dl dt, .ncase .ncasenr dl dd { width: 100%; overflow: hidden; text-align: center; } .ncase .ncasenr dl dd { font-size: 16px; color: #000; line-height: 30px; padding: 12px 0; background: #ebebeb; } .ncase .ncasenr dl:nth-child(3n) { margin-right: 0; } /* npro -------------------------------------------------------------- */ .bg{ background:#f8f8f8; } .npro{ margin-top:50px; margin-bottom:50px; } .npro .nprolist{ position:relative; padding:0; } .npro .nprolist .pronum{ overflow:hidden; font-size:94px; color:#4f4f4f; position:absolute; right:50px; top:0; font-family:arial, helvetica, sans-serif; font-weight:bold; } .npro .nprolist .proen{ width:27%; overflow:hidden; font-size:130px; line-height:130px; color:#f7f7f7; position:absolute; right:5px; bottom:50px; text-transform:uppercase; font-family:arial, helvetica, sans-serif; } .npro .nprolist .proen img{ max-width:100%; height:auto; } .npro dl{ padding:0 35px 105px 35px; margin:69px 0 35px 0; background:#fff; } .npro dl dt{ overflow:hidden; padding:0 20px 0 0; margin-top:-34px; } .npro dl dt img{ max-width:100%; height:auto; } .npro dl dd{ overflow:hidden; padding:68px 0 0 0; } .npro dl dd ul{ width:100%; overflow:hidden; } .npro dl dd ul li{ overflow:hidden; font-size:16px; color:#484848; line-height:30px; background:url(/uploads/image/simages/icon19.png) no-repeat left center; padding:0 15px 0 26px; margin-top:10px; } .npro dl dd ul li a{ font-size:16px; color:#484848; } .npro dl dd ul li:hover{ background:url(/uploads/image/simages/iconh19.png) no-repeat left center; } .npro dl dd ul li:hover a{ font-size:16px; color:#12699e; } .npro .nprolist:nth-child(2n) .pronum,.npro .nprolist:nth-child(2n) .proen{ left:0; } /* npro2 -------------------------------------------------------------- */ .npro2{ margin-top:60px; margin-bottom:60px; } .npronr2{ width:100%; overflow:hidden; } .npronr2 ul{ width:100%; overflow:hidden; } .npronr2 ul li{ width:23%; overflow:hidden; margin:20px 1%; float:left; border: solid 5px #ececec; text-align:center; } .npronr2 ul li img{ max-width:100%; height:auto; } .npronr h1{ width: 100%; overflow: hidden; font-size: 24px; line-height: 35px; color: #333; font-weight: bold; text-align: center; margin: 0 0 14px 0; padding-bottom:20px; border-bottom: solid 1px #ebebeb; } .nprofbnr{ overflow:hidden; font-size:16px; line-height:30px; margin-top:40px; } .nprofbnr p{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#333; } .nprofbnr img{ max-width:100%; height:auto; } .nprofbnr table{ width:100%; height:auto; } .nprofbnr table tr,.nprofbnr table tr td{ font-size:16px !important; line-height:30px !important; } .nprofbnr table tr td{ padding:0 10px; text-align:center; } /* ntzzgx -------------------------------------------------------------- */ .ntzzgx{ margin-top:60px; margin-bottom:60px; position: relative; } .gshq_tit{ width:100%; overflow:hidden; font-size: 40px; line-height:50px; margin-bottom: 80px; color:#323232; } .gshq_nr{ width:100%; overflow:hidden; border: 1px solid #ededed; margin-bottom: 80px; color: #343434; padding: 35px 40px; background: -webkit-linear-gradient(left, #095b8c , #057abb); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #095b8c , #057abb); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #095b8c , #057abb); /* firefox 3.6 - 15 */ background: linear-gradient(to right, #095b8c , #057abb); /* 标准的语法 */ } .gshq_lf{ width:25%; overflow:hidden; float:left; } .gshq_lf h4{ width:100%; overflow:hidden; font-size: 25px; color: #fff; font-weight: bold; line-height:40px; } .gshq_lf .gshq_lfnr{ width:100%; overflow:hidden; color: #fff; font-size: 16px; font-family: arial; line-height:40px; margin-top:15px; } .gshq_lf .gshq_lfnr .num{ font-size: 30px; font-family: arial; color: #343434; } .gshq_lf .gshq_lfnr .num_zt{ margin-left:10px; } .gshq_rt{ width:75%; overflow:hidden; float:right; position:relative; } .gshq_rt:before{ content:""; width:1px; height:26px; background:rgba(255,255,255,0.3); position:absolute; left:0; top:7px; } .gshq_rt dl{ width:25%; overflow:hidden; float:left; } .gshq_rt dl dt,.gshq_rt dl dd{ overflow:hidden; text-align:center; line-height:40px; color:#fff; font-weight:normal; } .gshq_rt dl dt{ font-size: 16px; } .gshq_rt dl dd{ font-size: 30px; font-family: arial; margin-top:15px; } .gshq_img{ margin-top:40px; padding:0 0 64px 30px; background:#fff; box-shadow: 5px 0px 20px rgba(0,0,0,0.04); -moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.04); -webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.04); } .gshq_imglf{ width:50%; overflow:hidden; float:left; position:relative; height:526px; margin-top:-30px; } .gshq_imglf img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; } .gshq_imgrt{ width:50%; height: 526px; overflow:hidden; float:right; padding: 30px 75px 20px 60px; } .gshq_imgtit{ width:100%; overflow:hidden; line-height:30px; margin-bottom:10px; } .gshq_imgrt .tab,.gshq_imgrt .tab ul{ width:100%; overflow:hidden; } .gshq_imgrt .tab ul li{ width: 20%; overflow:hidden; float: left; background: #f0f0f0; line-height: 35px; text-align: center; } .gshq_imgrt .tab ul li:hover,.gshq_imgrt .tab ul li.hover{ background: #005caa; color:#fff; } .gshq_imgrt .tab ul li:hover a,.gshq_imgrt .tab ul li.hover a{ color:#fff; } .tab_box{ width:100%; overflow:hidden; margin-top:20px; } .tab_box .gshqlist{ width:100%; overflow:hidden; text-align:center; } .tab_box .gshqlist img{ max-width:100%; height:auto; } .tz_contact{ width:100%; overflow:hidden; } .tz_contact dl{ width:23%; height:200px; overflow:hidden; margin:10px 1%; float:left; padding: 30px 28px; background: #f7f7f7; border-radius:7px; } .tz_contact dl dt{ width:100%; overflow:hidden; font-size:20px; line-height:35px; color: #2b56a7; margin-bottom:10px; } .tz_contact dl dd{ width:100%; overflow:hidden; font-size:16px; line-height:30px; } .tz_message{ width:100%; overflow:hidden; margin-top:30px; padding:0 1%; } .tz_message h4{ width:100%; overflow:hidden; text-align:center; line-height:40px; font-size:30px; margin-bottom:10px; } .tz_messagenr{ width:100%; overflow:hidden; } .tz_messagenr ul{ width:100%; overflow:hidden; } .tz_messagenr ul li{ width:49%; overflow:hidden; float:left; margin-top:30px; } .tz_messagenr ul li:first-child{ margin-right:2%; } .tz_messagenr ul li:last-child{ width:100%; } .tz_messagenr ul li input{ width:100%; height:50px; overflow:hidden; border: 1px solid #d5d5d5; font-size: 16px; border-radius: 5px; line-height:50px; } .tz_messagenr ul li textarea { width:100%; height: 150px; line-height: 30px; padding: 6px 10px; resize: vertical; font-size: 16px; } .tz_tjbtn{ width:100%; overflow:hidden; margin-top:30px; text-align:center; } .tz_tjbtn input{ width:160px; height:45px; line-height:45px; text-align:center; overflow:hidden; background: #0284f2; } .dtbg{ width:100%; overflow:hidden; margin-top:88px; } .dtbg h3{ width:100%; font-size:40px; color:#323232; line-height:50px; font-weight:normal; background:url(/uploads/image/simages/icon20.png) no-repeat right center; border-bottom:solid 1px #d6dadd; padding-bottom:40px; position:relative; margin-bottom:30px; } .dtbg h3:after{ content:""; width:88px; height:3px; background:#12699e; position:absolute; left:0; bottom:0; } .dtbg ul,.dtbg ul li{ width:100%; overflow:hidden; } .dtbg ul li{ border-bottom:solid 1px #d6dadd; background:url(/uploads/image/simages/icon21.png) no-repeat right center; padding-bottom:30px; margin-top:30px; } .dtbg ul li h4{ width:100%; overflow:hidden; font-size:20px; color:#000; line-height:35px; font-weight:normal; } .dtbg ul li p{ width:100%; overflow:hidden; font-size:15px; line-height:30px; color:#9e9e9e; } .dtbg ul li:hover h4{ color:#12699e; } /* news -------------------------------------------------------------- */ .nnews { width:100%; overflow:hidden; margin:100px 0; } .nnews .nnewsnr .nnewsimg{ padding:0; text-align:center; } .nnews .nnewsnr .nnewsrt{ padding:35px 66px 0 66px; } .nnews .nnewsnr .nnewsimg img{ max-width:100%; height:auto; } .nnews .nnewsnr .nnewsrt .nnewsrtdate{ width:100%; overflow:hidden; border-bottom:solid 1px #cecece; padding-bottom:10px; } .nnewsrt .nnewsrtdate .day,.nnewsrt .nnewsrtdate .date{ padding:0; } .nnewsrt .nnewsrtdate .day{ font-size:45px; color:#4f4f4f; font-family:arial, helvetica, sans-serif; font-weight:bold; line-height:50px; } .nnewsrt .nnewsrtdate .date p{ width:100%; overflow:hidden; text-align:right; font-size:18px; color:#4f4f4f; font-weight:bold; font-family:arial, helvetica, sans-serif; line-height:25px; } .nnewsrt h4{ width:100%; overflow:hidden; font-size:23px; color:#000; line-height:35px; font-weight:normal; margin-bottom:33px; margin-top:70px; } .nnewsrt p{ width:100%; overflow:hidden; font-size:16px; color:#585858; } .nnewslist{ width:100%; overflow:hidden; background:#f7f7f7; padding:65px 0; } .nnewslist dl{ width:48%; overflow:hidden; float:left; background:#fff; padding:30px; margin:15px 1%; } .nnewslist dl dt{ width:16%; overflow:hidden; float:left; border-right:solid 1px #dddddd; padding:15px 0; } .nnewslist dl dt .nnews_day{ width:100%; overflow:hidden; font-size:50px; color:#343434; font-family:arial; line-height:50px; } .nnewslist dl dt .nnews_year{ width:100%; overflow:hidden; font-size:15px; color:#343434; font-family:arial; font-weight:normal; line-height:24px; font-weight:bold; } .nnewslist dl dd{ width:84%; overflow:hidden; float:right; padding-left:32px; } .nnewslist dl dd h4{ width:100%; overflow:hidden; font-size:19px; line-height:30px; color:#000; font-weight:normal; margin-top:10px; text-overflow: ellipsis; white-space: nowrap; } .nnewslist dl dd p{ width:100%; overflow:hidden; font-size:15px; color:#737373; margin-top:10px; text-overflow: ellipsis; white-space: nowrap; } .nnewslist dl:hover{ background: -webkit-linear-gradient(left, #095b8c , #057abb); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #095b8c , #057abb); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #095b8c , #057abb); /* firefox 3.6 - 15 */ background: linear-gradient(to right, #095b8c , #057abb); /* 标准的语法 */ } .nnewslist dl:hover dd h4,.nnewslist dl:hover dt .nnews_day,.nnewslist dl:hover dt .nnews_year{ color:#fff; } .nnewslist dl:hover dd p{ color:rgba(255,255,255,0.7); } .nnewslist dl:hover dt{ border-right:solid 1px rgba(255,255,255,0.3); } .marg{ margin-top:40px; } .nnews h1{ width: 100%; overflow: hidden; font-size: 24px; line-height:35px; color: #333; font-weight:bold; text-align: center; margin: 0 0 14px 0; } .nnews .fbtime { width: 100%; overflow: hidden; font-size: 15px; line-height: 30px; color: #666; text-align: center; border-bottom: solid 1px #ebebeb; padding-bottom: 23px; } .nnews .fbnr { width: 100%; overflow: hidden; margin-top: 30px; font-size: 18px; line-height: 35px; color: #333; } .nnews .fbnr p { width: 100%; overflow: hidden; font-size: 18px; line-height: 35px; color: #333; } .nnews .fbnr p span,.nnews .fbnr p strong{ font-size: 18px; } .nnews .fbnr img{ max-width:100%; height:auto; } /* nyfsl -------------------------------------------------------------- */ .nyfsl{ margin-top:60px; margin-bottom:60px; } .nyfsl h3{ width:100%; overflow:hidden; font-size:40px; color:#000; line-height:50px; font-weight:normal; } .nyfsl .nyfslms{ width:66%; overflow:hidden; font-size:15px; color:#737373; line-height:30px; margin-top:34px; } .nfzlclist{ width:100%; overflow:hidden; } .dsjlist{ width:100%; overflow:hidden; background:url(/uploads/image/simages/tb4.png) repeat-y left top; margin-top:88px; } .dsjlist dl{ width:100%; overflow:hidden; background:url(/uploads/image/simages/tb5.png) no-repeat left center; box-sizing: border-box; padding-left:5%; margin-top:60px; } .dsjlist dl dt p,.dsjlist dl dd{ color:#fff; font-size:16px; } .dsjlist dl dt{ min-height: 84px; position:relative; } .dsjlist dl dt p{ position:absolute; height:30px; line-height:30px; top:50%; margin-top:-15px; } /*dashiji*/ .industrial-inner { width: 100%; position: relative; display: block; } .memorabiliabox { height: 386px; overflow: hidden; cursor: url(/uploads/image/simages/mouse2.png) 16 16, default; } .memorabiliabox .mcsb_scrolltools { visibility: hidden !important; } .industrial-bot { position: absolute; left: 116px; top: 0; width: 10px; height: 2px; background-color: #c1cbde; display: block; } .industrial-line { position: absolute; left: 120px; top: 0; width: 2px; height: 100%; background-color: #c1cbde; } .industrial-item { padding: 15px 0px 15px 150px; position: relative; background:url(/uploads/image/simages/tb5.png) no-repeat left center; } .industrial-item .time { position: absolute; left:5%; top: 50%; margin-top: -10px; font-size: 20px; line-height: 1; color: #12699e; font-weight:bold; } .industrial-item .ico { border-radius: 50%; background-color: #f6d196; width: 34px; height: 34px; display: block; position: absolute; left: 105px; top: 50%; margin-top: -17px; transition: 0.3s; -webkit-transition: 0.3s; } .industrial-item .ico:before { content: ""; background-color: #eaa334; border-radius: 50%; width: 10px; height: 10px; position: absolute; left: 50%; top: 50%; margin: -5px 0px 0px -5px; transition: 0.3s; -webkit-transition: 0.3s; } .industrial-item .ico:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); border-radius: 50%; visibility: hidden; z-index: -1; } .industrial-item .sj { position: absolute; left: 142px; top: 50%; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #eaa334; transition: 0.3s; -webkit-transition: 0.3s; } .industrial-item .pagec { transition: 0.3s; -webkit-transition: 0.3s; font-size:16px; color:#585858; line-height:30px; } .industrial-item .pagec p{ font-size:16px; line-height:30px; color:#585858; } .industrial-item .pagec h3 { color: #333333; line-height: 1.5; margin-bottom: 10px; font-size: 18px; } .industrial-btn { position: absolute; right: -100px; top: 50%; margin-top: -60px; z-index: 10; } .industrial-btn span { cursor: pointer; width: 56px; height: 56px; display: block; border-radius: 50%; background-color: #cccccc; background-repeat: no-repeat; background-position: center center; transition: 0.6s; -webkit-transition: 0.6s; position: relative; } .industrial-btn span:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); border-radius: 50%; visibility: hidden; z-index: -1; } .industrial-btn span:hover:before { opacity: 0; visibility: visible; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all .37s; -o-transition: all .37s; transition: all .37s; } .industrial-prev { margin-bottom: 8px; background-image: ; } .industrial-next { background-image: ; } .industrial-btn span:hover { background-color: #263d8f; } .industrial-item:hover .ico { background-color: #76bee0; } .industrial-item:hover .ico:before { background-color: #204ea4; } .industrial-item:hover .ico:after { opacity: 0; visibility: visible; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .5s; transition: .5s; } .industrial-item:hover .time { color: #c7964f; } .industrial-item:hover .sj { border-left-color: #204ea4; margin-left: 5px; } .industrial-item:hover .pagec { border-color: #2c84b2; } .industrial-demo { height: 420px; overflow: hidden; cursor: url(/uploads/image/simages/mouse2.png) 20 20, default; margin-top: 18px; } .industrial-demo .mcsb_scrolltools { visibility: hidden !important; } .sidemenu .joblist table{ width:100%; } .sidemenu .joblist table tr,.sidemenu .joblist table tr td{ line-height:30px; font-size:16px; } .sidemenu .joblist img{ max-width:100%; height:auto; } /* yflist -------------------------------------------------------------- */ .yflist{ width:100%; overflow:hidden; margin-top:60px; } .sidemenu{ width: 100%; overflow:hidden; } .sidemenu h4{ width: 100%; height: 110px; line-height: 110px; background: -webkit-linear-gradient(left, #095b8c , #057abb); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #095b8c , #057abb); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #095b8c , #057abb); /* firefox 3.6 - 15 */ background: linear-gradient(to right, #095b8c , #057abb); /* 标准的语法 */ font-size: 28px; font-weight:normal; color: #fff; cursor: pointer; margin:0 0 20px 0; padding:0 50px; } .sidemenu h4 span{ float:right; } .sidemenu h4 div{ padding:0; text-align:center; font-size:16px; height:70px; line-height:70px; } .sidemenu h4.on{ background: -webkit-linear-gradient(left, #095b8c , #057abb); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #095b8c , #057abb); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #095b8c , #057abb); /* firefox 3.6 - 15 */ background: linear-gradient(to right, #095b8c , #057abb); /* 标准的语法 */ color:#fff; margin:0; } .sidemenu h4.on a{ color:#fff; } .sidemenu h4 a{ color: #2e2e2e; font-size: 16px; } .sidemenu .joblist{ display: none; width:100%; overflow:hidden; padding:30px; border:solid 1px #085ab2; border-top:none; font-size:16px; color:#737373; line-height:30px; margin-bottom:20px; } .sidemenu .joblist p{ overflow:hidden; font-size:16px; color:#737373; line-height:30px; } /* nhzhb -------------------------------------------------------------- */ .nhzhb{ margin-top:60px; margin-bottom:60px; } .nhzhbnr{ width: 100%; overflow: hidden; } .nhzhbnr ul{ width: 100%; overflow: hidden; } .nhzhbnr ul li{ width: 18%; overflow: hidden; float: left; margin: 17px 1%; box-shadow: 0px 0px 8px rgba(4,0,0,0.08); -moz-box-shadow: 0px 0px 8px rgba(4,0,0,0.08); -webkit-box-shadow: 0px 0px 8px rgba(4,0,0,0.08); } .nhzhbnr ul li img{ max-width:100%; height:auto; } /* ncjzsnr -------------------------------------------------------------- */ .ncjzsnr { width: 100%; overflow: hidden; margin-top: 40px; margin-bottom: 40px; } .ncjzsnr ul { width: 100%; overflow: hidden; } .ncjzsnr ul li { width: 419px; overflow: hidden; margin-right: 71.5px; margin-top: 30px; margin-bottom: 30px; float: left; } .ncjzsnr ul li img { max-width: 100%; height: auto; } .ncjzsnr ul li:nth-child(3n) { margin-right: 0; } /* ncontact -------------------------------------------------------------- */ .ncontact{ width:100%; overflow:hidden; background:#f8f8f8; position:relative; } .ncontact .map{ width:100%; height:800px; border-top:solid 1px #d1d1d1; } .ncontact .ncontactnr{ margin-top:-210px; position: relative; z-index: 10; } .ncontact .ncontactnr .ncontact1{ width:100%; overflow:hidden; } .ncontact .ncontactnr .ncontact1 h3{ width:100%; overflow:hidden; font-size:25px; color:#fff; line-height:40px; font-weight:normal; padding:23px 46px; background: -webkit-linear-gradient(left, #095b8c , #057abb); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #095b8c , #057abb); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #095b8c , #057abb); /* firefox 3.6 - 15 */ background: linear-gradient(to right, #095b8c , #057abb); /* 标准的语法 */ } .ncontact .ncontactnr .ncontact1 h3 span{ float:right; } .ncontact_nr{ width:100%; overflow:hidden; background:#fff; padding:80px 110px 52px 138px; } .ncontact_nr .ncontactlf,.ncontact_nr .ncontactrt{ padding:0; } .ncontact_nr .ncontactrt dl{ overflow:hidden; float:right; margin-left:42px; } .ncontact_nr .ncontactrt dl dt,.ncontact_nr .ncontactrt dl dd{ width:100%; overflow:hidden; text-align:center; } .ncontact_nr .ncontactrt dl dt img{ max-width:100%; height:auto; } .ncontact_nr .ncontactrt dl dd{ font-size:16px; color:#000; } .ncontact_nr .ncontactlf p{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#1f1f1f; padding-left:34px; margin-bottom:28px; } .ncontact_nr .ncontactlf p a{ font-size:16px; color:#1f1f1f; } .ncontact_nr .ncontactlf p:first-child{ background:url(/uploads/image/simages/icon15.png) no-repeat left center; } .ncontact_nr .ncontactlf p:nth-child(2){ background:url(/uploads/image/simages/icon16.png) no-repeat left center; } .ncontact_nr .ncontactlf p:nth-child(3){ background:url(/uploads/image/simages/icon17.png) no-repeat left center; } .ncontact_nr .ncontactlf p:nth-child(4){ background:url(/uploads/image/simages/icon18.png) no-repeat left center; } .contactlist,.contactlist ul{ width:100%; overflow:hidden; } .contactlist{ margin-top:30px; padding-bottom:136px; } .contactlist ul li{ width:49%; height:358px; overflow:hidden; float:left; margin:10px 2% 10px 0; background:#fff url(/uploads/image/simages/contactbg.jpg) no-repeat right bottom; } .contactlist ul li:last-child{ margin-right:0; } .contactlist ul li dl,.contactlist ul li dl dt,.contactlist ul li dl dd{ width:100%; overflow:hidden; } .contactlist ul li dl{ padding:64px 50px 50px 50px; } .contactlist ul li dl dt{ font-size:25px; color:#095a8b; font-weight:normal; border-bottom:solid 1px #e3e3e3; padding-bottom:20px; } .contactlist ul li dl dd{ padding-top:10px; } .contactlist ul li dl dd p{ width:100%; overflow:hidden; padding-left:34px; font-size:16px; line-height:30px; margin-top:22px; } .contactlist ul li dl dd p a{ font-size:16px; } .contactlist ul li dl dd p:nth-child(1){ background:url(/uploads/image/simages/icon16.png) no-repeat left center; } .contactlist ul li dl dd p:nth-child(2){ background:url(/uploads/image/simages/icon17.png) no-repeat left center; } /* nmessage -------------------------------------------------------------- */ .nmessage{ margin-top:60px; margin-bottom:60px; } .nmessage .tit hr{ margin:18px auto 0; } .nmessagenr{ margin-top:57px; } .nmessage dl{ width:49%; overflow:hidden; float:left; margin-bottom:22px; } .nmessage dl dt{ width:100%; overflow:hidden; color:#343434; font-size:16px; line-height:30px; padding-bottom:10px; font-weight: normal; } .nmessage dl dd{ width:100%; overflow:hidden; } .nmessage dl dd input{ width:100%; overflow:hidden; border:solid 1px #e4e4e4; line-height:60px; padding-left:56px; color:#323232; font-size:15px; } .nmessage dl dd textarea{ width:100%; height:308px; overflow:hidden; border:solid 1px #e4e4e4; line-height:30px; padding-left:56px; padding-top:18px; } .nmessage dl:last-child{ width:100%; } .nmessage dl:nth-child(2n 1){ margin-right:1%; } .nmessage dl:nth-child(2n){ margin-left:1%; } .nmessage dl:nth-child(1) dd input{ background:#fff url(/uploads/image/simages/icon9.png) no-repeat 24px center; } .nmessage dl:nth-child(2) dd input{ background:#fff url(/uploads/image/simages/icon10.png) no-repeat 24px center; } .nmessage dl:nth-child(3) dd input{ background:#fff url(/uploads/image/simages/icon11.png) no-repeat 24px center; } .nmessage dl:nth-child(4) dd input{ background:#fff url(/uploads/image/simages/icon12.png) no-repeat 24px center; } .nmessage dl:nth-child(5){ width:100%; } .nmessage dl:nth-child(5) dd textarea{ background:#fff url(/uploads/image/simages/icon13.png) no-repeat 24px 21.5px; } .nmessage .tjbtn { width: 100%; overflow: hidden; margin-top:20px; } .nmessage .tjbtn button { width: 100%; height: 60px; background: #dd141e; color: #fff; text-align:center; font-size:16px; } /* dede_pages -------------------------------------------------------------- */ .pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden} .pages ul{display:inline-block;margin:0 auto;padding:0} .pages ul a{color:#555;display:block;padding: 5px 11px; border: 1px solid #ddd;float: left;margin:5px;font-size:12px} .pages ul a.page-num-current{ background:#004d95;color:#fff;border: 1px solid #004d95; } .pages ul a:hover{ background:#004d95;color:#fff;border: 1px solid #004d95;} .news-exp { overflow: hidden; line-height:30px; margin-top:30px; } .news-exp .news-explf,.news-exp .news-exprt{ padding:0; } .news-exp .news-explf i{ width:33px; height:33px; background: no-repeat center; border-radius:50%; display:block; float:left; margin-right:22px; } .news-exp .news-exprt i{ width:33px; height:33px; background: no-repeat center; border-radius:50%; display:block; float:right; margin-left:22px; } .news-exp a { width:50%; float:left; overflow: hidden; font-size:16px; color:#343434; text-overflow: ellipsis; white-space: nowrap; } .news-exp a:last-child{ text-align:right; } .news-exp .news-exprt{ text-align:right; } .news-exp a:hover{ color:#004d95; text-decoration:none; } .a_txt,.rg{ display:none; } /*移动端导航*/ @media screen and (max-width: 1023px) and (min-width: 0px){ .nav,.tel{display:none} .headernr{ width:98%; } .rg{display:block;padding-top:34px;float:right;margin-right:5px;} .rg a img{vertical-align:top} .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000} .a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1} .a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0} .a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%} .a_txt .div3 ul{padding-left:5%;padding-right:5%} .a_txt .div3 ul li{border-bottom:1px solid #232530} .a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px} .a_txt .div3 ul li .a_js2{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .a_txt .div3 ul li .a_js2_on{background: 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .a_txt .div3 ul li .a_txt2{display:none} .a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px} } @media only screen and (min-width: 1921px) and (max-width: 2560px) { } @media(max-width:1680px) { .nhyyy{ height:840px; } .pronr .prolf .promore{ margin-top:460px; } .product-thumbs .title:after{ font-size:80px; } .hyyy .hyyylf .hyyyen{ font-size:30px; } .hyyy .hyyyrt .tab ul li h5{ font-size:16px; } .cloud-product-ul li.active .ysnum{ font-size:200px; } .cloud-product-ul li.active { padding: 102px 60px 0 60px; } .tit p{ font-size:36px; } } @media(max-width:1600px) { .nav .menu > li a { margin: 0 25px; } .hyyymore a{ width:180px; } } @media(max-width:1440px) { .cont, .cont1,.nab_fl{ width: 88%; } .nav .menu > li a { margin: 0 20px; } .tit p{ font-size:30px; line-height:35px; } .newsmenu ul li a{ font-size:20px; } .parbd h4{ font-size:36px; } .hyyy .hyyylf .hyyyen { font-size: 26px; line-height:30px; } .hyyy .hyyyrt .tab ul li{ padding-left:130px; } .hyyy .hyyyrt .tab ul li:before{ left: 100px; } .ys .ysnr{ width:93%; } .customerrt .custometit span{ margin-top:80px; } .customerrt .customeimg { width: 72%; } .customerrt .custometit { width: 26%; } .news_nr .newsrt h4{ font-size:20px; } .news_nr .newsdate .newsday{ font-size:26px; } .blxfs .blxfslf .btel,.blxfs .blxfslf .btel a{ font-size:36px; } .banner_nnr,.nab_fl{ margin-left:-44%; } .cloud-product-ul li.active .ysnum{ font-size:160px; } .cloud-product-ul li h4,.cloud-product-ul li.active h4{ font-size:26px; } .nhyyy{ height:720px; } .nhyyy ul li{ padding-top:280px; } .nhyyy ul li h4{ font-size:26px; margin-top:30px; } .nhyyy ul li p{ margin-top:20px; } .nhyyy ul li:hover { padding-top: 200px; } .banner_nnr ul li{ margin: 0 20px; } .product-thumbs .title{ font-size:20px; } .pronr .prolf .promore { margin-top: 420px; } .hyyymore{ margin-top:80px; } .customerlist .customerlf { padding: 0 100px 0 0; } .cloud-product-ul li .ysnum{ font-size:60px; line-height:60px; } .news_nr .newsmore{ margin-top:80px; } .footernr .bnav ul li h4 a{ font-size:18px; } .footernr .bnav ul li p a{ font-size:15px; } } @media(max-width:1360px) { .nav .menu > li a { margin: 0 15px; } .nab_fl dl dt .counter{ font-size:50px; } .tit p{ font-size:26px; line-height:30px; } .newsmenu ul li a{ font-size:18px; } .customerrt .customeimg { width: 70%; } .customerrt .custometit { width: 28%; } .customerrt .custometit span { margin-top: 60px; } .nhyyy { height: 680px; } .nhyyy ul li { padding-top: 250px; } .nhyyy ul li:hover { padding-top: 170px; } .hyyy .hyyyrt .tab ul li{ padding-left:100px; } .hyyy .hyyyrt .tab ul li:before{ left: 85px; } .hyyy .hyyyrt .tab ul li h5 { font-size: 15px; } .hyyy .hyyylf .hyyyen { font-size: 22px; line-height: 25px; } .pronr .prolf .promore { margin-top: 380px; } .hyyymore{ margin-top:40px; } .ab_fl,.aboutrt h5{ margin-top:40px; } } @media(max-width:1280px) { .ab_fl dl dt .counter{ font-size:50px; } .about .aboutrt { padding: 0 0 0 20px; } .aboutrt h4{ font-size:28px; } .news_nr .newsrt h4{ font-size:18px; } .blxfs .blxfslf .btel,.blxfs .blxfslf .btel a{ font-size:32px; } .customerrt .custometit h4{ font-size:30px; margin-bottom:5px; } .yslf .ysbtn a{ width:180px; } .parbd h4{ font-size:32px; } .nabout h3,.gshq_tit,.dtbg h3,.nyfsl h3,.nfzlcnr h3{ font-size:36px; line-height:45px; } .cloud-product-ul li h4,.cloud-product-ul li.active h4{ font-size:22px; } .product-thumbs .title{ font-size:18px; } .njyqj { padding-top: 300px; padding-bottom: 228px; } .gshq_lf h4{ font-size:22px; } .nqywh dl dd h4 { font-size: 22px; margin-top: 30px; } .nhyyy { height: 640px; } .nhyyy ul li { padding-top: 230px; } .nhyyy ul li:hover { padding-top: 150px; } .hyyy .hyyylf { padding-right: 40px; } .hyyy .hyyylf span{ margin-top:80px; } .banner_nnr ul li{ margin: 0 15px; } .nav .menu > li a { margin: 0 10px; } .pronr .prolf .promore { margin-top: 340px; } .footernr .footerlf { padding: 0 100px 0 0; } } @media(max-width:1200px) { .customerrt .customeimg span { margin-left: 50px; } } @media(max-width:1152px) { .topewm{ margin-left:10px; } .nav .menu > li a { margin: 0 8px; } .banner_nnr ul li { margin: 0 10px; } .newsmenu ul li a{ font-size:16px; } .topewm { padding: 38px 0 38px 30px; } .nav-right{ margin-left:30px; } .banner .banner_more { width: 440px; height: 140px; } .customerrt .custometit span { margin-top: 40px; } .nnewslist dl dt .nnews_day{ font-size:50px; } .nnewslist dl dd { padding-left: 20px; } .news_nr .newsmore { margin-top: 60px; } .news_nr .newsrt h4,.news_nr .newsdate .newsyear{ font-size:16px; } .news_nr .newsdate .newsday { font-size: 22px; } .tit p{ font-size:22px; line-height:25px; } .cloud-product-ul li.active { padding: 102px 40px 0 40px; } .hyyy .hyyylf .hyyyen { font-size: 18px; line-height: 20px; } .hyyymore a { width: 150px; } .hyyy .hyyylf .hyyyjs{ margin-top:20px; } .hyyy .hyyylf span{ margin-top:40px; } .pronr .prolf .promore { margin-top: 300px; } .customerrt .custometit h4 { font-size: 26px; } .ncontact_nr .ncontactrt dl{ margin-left:20px; } .ncontact_nr { padding: 80px 110px 52px 110px; } .contactlist ul li dl { padding: 40px 30px 50px 30px; } .blxfs .blxfslf .btel,.blxfs .blxfslf .btel a{ font-size:28px; } .nabout h3,.gshq_tit,.dtbg h3,.nyfsl h3,.nfzlcnr h3{ font-size:32px; line-height:40px; } .njyqjnr h3{ font-size:30px; } .nqywh dl dd h4{ font-size:20px; } .nhyyy ul li .nhyyyms{ padding:0 30px; } .nhyyy ul li h4 { font-size: 22px; } .nhyyy { height: 576px; } .nhyyy ul li { padding-top: 210px; } .nhyyy ul li:hover { padding-top: 130px; } .nhyyy ul li p{ font-size:16px; line-height:25px; } .footernr .footerlf { padding: 0 60px 0 0; } } @media(max-width:1070px) { .nav .menu > li a { margin: 0 5px; } } @media(max-width:1024px) { .gshq_lf h4{ font-size:20px; } .gshq_imgrt { padding: 30px 50px 20px 50px; } .banner_nnr ul li { padding: 0 20px 32px 20px; } .pronr .prolf .promore { margin-top: 250px; } .customerrt .customeimg img { width: 300px; } .customerrt .custometit span { margin-top: 20px; } .parbd h4{ font-size:28px; } .tztel{top:-100px;} .tztel2{top:-100px;} } @media(max-width:991px) { .mmenu{ display:block; } .banner_n .banner_nnr{ display:none; } .about .aboutrt{ padding:0; margin-top:30px; } .aboutrt h4 { font-size: 24px; } .banner .banner_more{ display:none; } .banner .owl-pagination{ bottom:20px; } .banner .owl-prev,.banner .owl-next{ bottom:34px; } .banner_nnr ul{ margin-top:10px; } .banner_nnr ul li { padding: 0 20px 10px 20px; } .ncontact .ncontactnr { margin-top: -140px; } .ncontact .map{ height:380px; } .newslist .news_nr{ width:48%; } .news .tit,.newsmenu{ width:100%; } .newsmenu{ margin-top:20px; text-align:left; } .newsmenu ul li{ margin-left:0; margin-right:20px; } .gshq_imgrt,.gshq_imglf{ height:auto; } .gshq_imglf img { position: inherit; top: 0; left: 0; transform: translate(0, 0); } .gshq_nr{ margin-bottom:40px; } .cloud-product-ul li.active .ysnum { letter-spacing: 0; } .cloud-product-ul li h4{ margin-top:100px; } .cloud-product-ul li hr{ bottom:200px; } .cloud-product-ul li{ height:575px; } .cloud-product-ul li.active h4{ margin-top:0; } .customerrt .customeimg { width: 66%; } .customerrt .custometit { width: 32%; } .cloud-product-ul li .ysnum{ bottom:100px; } .npro .nprolist .proen { width: 35%; } .ys .ysnr .yslf{ padding-top:60px; } .yslf .ysbtn{ margin-top:50px; } .ys .ysnr{ width:88%; float:none; margin:auto; } .ys .ysnr .yslf,.ysnr .ysrt{ width:100%; } .ysnr .ysrt{ margin-top:40px; } .hyyy{ background-position:left; } .hyyy .hyyylf,.hyyy .hyyyrt{ width:100%; } .hyyy .hyyynr { width: 88%; float: none; margin: auto; } .hyyy .hyyyrt .tab ul li,.hyyy .hyyyrt .tab ul li.hover{ background:none !important; } .hyyy .hyyyrt .tab ul li{ padding-left:0; } .hyyy .hyyyrt .tab ul li:before{ display:none; } .hyyy .hyyyrt .tab ul li.hover{ background:#fff !important; } .hyyy .hyyyrt .tab ul li h5,.hyyy .hyyyrt .tab ul li p{ text-align:center; } .hyyy .hyyyrt .tab{ position:inherit; } .mouse-index{ bottom:20px; } .pronr .prolf .promore { margin-top: 160px; } .pronr .prort{ margin-top:40px; } .product-thumbs{ margin-top:40px; } .product-thumbs .title:after { font-size: 60px; } .ncontact_nr .ncontactrt dl{ float:left; margin-left:0; margin-right:20px; } .ncontact_nr{ padding:50px; } .contactlist ul li{ width:100%; margin: 10px 0; } .ncontact .ncontactnr .ncontact1 h3{ font-size:20px; } .ncontact_nr .ncontactlf p{ margin-bottom:10px; } .nnews h1,.npronr h1{ font-size:20px; } .nnewslist dl dt,.nnewslist dl dd{ width:100%; } .nnews .nnewsnr .nnewsrt { padding: 30px 30px 0 30px; } .nnewslist dl dt,.nnewslist dl:hover dt{ border-right:none; } .nnewslist dl dd{ padding-left: 0; } .nnewsrt h4 { margin-bottom: 20px; margin-top: 20px; } .njyqjms{ width:50%; } .nabout{ margin-top:60px; margin-bottom:100px; } .nabout .naboutnr{ margin-top:40px; } .gshq_imglf,.gshq_imgrt{ width:100%; } .gshq_imgrt { padding: 30px 0 20px 0; } .dtbg ul li h4{ font-size:18px; } .gshq_img { padding: 0; } .dtbg{ margin-top:30px; } .gshq_lf,.gshq_rt{ width:100%; } .gshq_rt:before{ display:none; } .nhyyy { height: 496px; } .nhyyy ul li { padding-top: 160px; } .nhyyy ul li:hover { padding-top:80px; } .nhyyy ul li h4 { font-size: 20px; } .npro .nprolist .proen{ font-size: 100px; line-height: 100px; } .npro .nprolist:nth-child(2n) dl dt{ margin-top:10px; } .npro dl dd { padding: 30px 0 0 0; } .npro dl dt{ padding:0; } .npro .nprolist .pronum{ font-size:80px; right:10px; } .industrial-item .time{ left:8%; } .sidemenu h4{ padding:0 20px; } .nyfsl .nyfslms{ width:100%; } .footernr .footerlf { padding:0; margin-bottom:20px; } .bnav .bot p{ text-align:center; } .cloud-product-ul li.active .ysnum { font-size: 140px; line-height:140px; } } @media(max-width:767px) { .mouse-index{ display:none; } .banner .owl-item img { width: 113%; } .header{ height:70px; background:#000; border-bottom:none; } .header .nav-right img { width: 40px; } .banner,.banner_n{ margin-top:70px; } .logo { padding: 12px 0; } .logo img{ height:46px; } .rg{ padding-top:19px; } .topewm { padding: 23px 0 23px 15px; } .customer { padding-top: 80px; padding-bottom: 80px; } .news_nr .newsrt { padding: 0; } .ab_fl dl{ margin-top:20px; } .ab_fl dl:nth-child(2){ border-right:none; } .ab_fl dl:nth-child(3){ border-right: solid 1px #e0e0e0; clear:both; } .ab_fl dl dt .counter { font-size: 40px; } .cloud-product-ul li.active { padding: 60px 20px 0 20px; } .customerlist .customerlf { padding: 0; } .customerlist .customerrt{ margin-top:30px; } .cloud-product-ul li.active .ysnum { font-size: 100px; line-height:100px; } .ncontact .ncontactnr .ncontact1 h3{ padding:20px; } .contactlist ul li dl dt{ font-size:20px; } .blxfs .blxfslf,.blxfs .blxfsrt{ width:100%; } .blxfs .blxfsrt dl{ float:left; margin-top:10px; } .nav-right { margin-left: 15px; } .nav-right { padding: 18px 0; } .npro .nprolist .pronum { font-size: 70px; } .nabout h3,.gshq_tit,.dtbg h3,.nyfsl h3,.nfzlcnr h3{ font-size: 28px; } .nabout .naboutnr h4{ font-size:22px; line-height:30px; } .njyqjnr h3{ font-size:26px; } .njyqjms{ width:60%; } .nab_fl{ padding: 40px 0; } .nab_fl dl{ margin-bottom:10px; } .nab_fl dl dt .counter { font-size: 46px; } .dtbg ul li h4{ font-size:16px; } .gshq_nr{ padding:20px; } .gshq_rt dl{ width:50%; } .nhyyy ul li{ width:50%; height:248px; } .nhyyy ul li { padding-top: 60px; } .nhyyy ul li:hover { padding-top:30px; } .nhyyy ul li .nhyyyms{ margin-top:20px; } .nhyyy ul li h4,.nhyyy ul li p{ margin-top:10px; } .nhyyy ul li h4{ line-height:30px; } .nprofbnr table,.sidemenu .joblist table{ width:767px !important; } .npronr2 ul li { width: 31.33333333%; } .npro .nprolist .proen { font-size: 80px; line-height: 80px; } .industrial-item .time { left: 10%; } /*.tztel,.tztel2{display:none;}*/ .tztel,.tztel2 {top: -46px; left: 0px;} .tztel a,.tztel2 a{font-size:20px} } @media(max-width:640px) { .banner .owl-page.active span{ font-size:24px; } .banner .owl-page span{ height:30px; line-height:30px; } .banner .owl-prev, .banner .owl-next { bottom: 26px; } .banner .owl-page { margin: 0 10px; } .banner .owl-next{ left:184px; } .banner .owl-pagination { bottom: 10px; } .banner .owl-prev, .banner .owl-next { bottom: 16px; } .nnewslist dl { width: 100%; } .sidemenu h4{ font-size:24px; height:80px; line-height:80px; } .sidemenu h4 span img{ width:50px; } .aboutlf .aboutimg a { width: 60px; height: 60px; } .cloud-product-ul li h4 { width: 30px; } .cloud-product-ul li h4, .cloud-product-ul li.active h4 { font-size: 20px; line-height:30px; } .cloud-product-ul li.active hr { margin: 10px auto 0; } .cloud-product-ul li.active .ysjs{ margin-top:10px; } .cloud-product-ul li.active .ysjs { font-size: 14px; line-height: 25px; } .newslist .news_nr{ width:98%; } .ncontact_nr { padding: 40px 30px; } .ncontact_nr .ncontactrt dl{ margin-right:10px; } .ncontact_nr .ncontactrt dl dt img{ width:100px; } .ncontact .ncontactnr .ncontact1 h3{ font-size:18px; padding:20px 10px; } .ncontact .ncontactnr .ncontact1 h3 span img{ width:25px; } .ncontact_nr .ncontactlf p,.ncontact_nr .ncontactlf p a{ font-size:15px; } .nav-right { margin-left: 10px; } .npro .nprolist .proen { font-size: 70px; line-height: 70px; } .nab_fl dl dt .counter { font-size: 40px; } .nab_fl dl dd{ font-size:14px; line-height:20px; } .njyqjnr h3 { font-size: 22px; line-height:40px; } .nabout .naboutnr h4{ font-size:20px; } .nhyyy ul li .nhyyyms { padding: 0 20px; } .nhyyy ul li p{ font-size:14px; line-height:20px; } .npronr2 ul li { width: 48%; } .industrial-item .time { left: 12%; } .footernr .bnav ul li{ width:33.3333333%; } .footernr .bnav ul li:nth-child(4){ clear:both; } .footernr .bnav ul li h4 a { font-size: 16px; } .footernr .bnav ul li p a { font-size: 14px; } } @media(max-width:540px) { .product-thumbs .title { font-size: 16px; padding-left:24px; } .sidemenu h4{ font-size:20px; height:60px; line-height:60px; } .sidemenu h4 span img { width: 30px; } .nab_fl dl dt .counter { font-size: 36px; } .nhyyy ul li .nhyyyms{ font-size: 15px; line-height: 25px; } .npro .nprolist .proen { font-size: 60px; line-height: 60px; } .industrial-item .time { left: 14%; } .aboutrt h4 { font-size: 20px; line-height:35px; } .aboutrt .abouten{ font-size:14px; margin-top:0; } .link-select-box{ width:46%; margin-top:0; } .link-select-box .mt { padding: 0 0 0 15px; font-size:15px; } } @media(max-width:500px) { .mmenu ul li{ width:50%; overflow:hidden; padding:5px 0; margin:5px 0; text-align:center; } } @media(max-width:425px) { .cloud-product-ul li.active .ysnum { font-size: 70px; line-height: 70px; } .cloud-product-ul li .ysnum { font-size: 40px; line-height: 40px; } .cloud-product-ul li h4, .cloud-product-ul li.active h4{ font-size:18px; } .cloud-product-ul li.active { padding: 40px 10px 0 10px; } .cloud-product-ul li.active .ysjs{ line-height:22px; } .npro .nprolist .proen { width: 40%; } .nhyyy ul li hr{ margin: 20px auto 0; } .nhyyy ul li .nhyyyms { margin-top: 10px; } .npro dl { padding: 0 25px 105px 25px; } .nhonornr dl { padding: 0 5px; } .nhonornr dl dd{ font-size:14px; } .industrial-item { padding: 15px 0px 15px 130px; } .industrial-item .time { left: 16%; } .hyyy .hyyyrt .tab ul li{ width:50%; } .hyyy .hyyyrt .tab ul li:nth-child(2){ border-right:none; } .hyyy .hyyyrt .tab ul li:nth-child(1),.hyyy .hyyyrt .tab ul li:nth-child(2){ border-bottom: solid 1px #fff; } .customerrt .custometit h4 { font-size: 22px; line-height:30px; margin-bottom:0; } .customerrt .custometit p{ font-size:15px; line-height:20px; } .customerrt .customeimg { width: 63%; } .customerrt .custometit { width: 35%; } .customerlist .customerrt .customerbtn{ height: 50px; line-height: 50px; } } @media(max-width:375px) { .ncontact .ncontactnr .ncontact1 h3{ font-size:16px; } .xwxqhz { width: 100%; overflow-x: scroll; padding: 0; margin: 0; } .xwxqhz table { width: 250% !important; } .ncontact_nr .ncontactlf p,.ncontact_nr .ncontactlf p a{ font-size:14px; } .customerrt .customeimg { width: 60%; } .customerrt .custometit { width: 38%; } .cloud-product-ul li.active .ysnum { font-size: 60px; line-height: 60px; } .sidemenu h4 { padding: 0 10px; font-size:18px; } } @media(max-width:320px) { }