*{ margin:0; padding:0; border: none; user-select: none; } img{ border:0px solid red; border:0px solid red\0; border:0px solid red\9; } ul,li,ol,dl{ list-style:none; } body{ background-color: #fff; } body a{ text-decoration: none; display:inline-block; cursor: pointer; user-select:text; /*border:0px solid red;*/ } body a:hover{ text-decoration: none; } body p { margin: 0px; } .container{ margin:0 auto; } .clear{ clear:both; } body div{ user-select:text; } body h1,body h2,body h3,body h4,body h5,body h6,body p,body span{ margin-top: 0px; margin-bottom: 0px; user-select:text; } body .container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } body ol,body ul{ margin-top: 0px; margin-bottom: 0px; } @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1552126499919'); /* IE9 */ src: url('iconfont.eot?t=1552126499919#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('iconfont.woff?t=1552126499919') format('woff'), url('iconfont.ttf?t=1552126499919') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1552126499919#iconfont') format('svg'); /* iOS 4.1- */ } @font-face{ font-family: "Elephant"; src: url('../font/Elephant.eot'); src:url('../font/Elephant.woff') format('woff'), url('../font/Elephant.ttf') format('truetype'), url('../font/Elephant.svg') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ================== ??ʼ?? =================== */ .topHeader{ width: 100%; height: 90px; background: rgba(255, 255, 255, 1); border: none; border-radius: 0; position: relative; z-index: 200; margin-bottom: 0px; } .topHeader a{ color: #000; } .logo img{ /*width: 239px; height: 28px;*/ display: block; /*margin-top: 15px;*/ max-width: 200px; height: 50px; margin-top: 10px; } .navbar-header { height: 90px; padding: 0; margin: 0 } .navbar-toggle { border: none; padding: 0 !important; margin-top: 30px; cursor: pointer; width: 28px; height: 28px; margin-right: 30px; background: none } .navbar-toggle:hover { background: none !important; } .navbar-collapse { margin: 0 } .icon-bar { height: 5px !important; /*background: #FFF !important;*/ background: #666 !important; width: 28px !important; } .nav1 { padding: 0 !important; margin: 0 !important; width: 100%; } .nav1 li { height: 45px; background: #FFF; line-height: 45px; } .nav1 li a { font-size: 14px; line-height: 45px; display: block; height: 45px; padding: 0; width: 100% !important; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nav1 li.cur a { color: #d9261d !important; border-bottom: 1px solid #f00; } .headerR { padding: 0; padding-top: 4px; } .headerR .language { line-height: 40px; float: left; padding-right: 15px; color: #FFF; } .headerR .ser { height: 32px; float: right; position: relative; margin-top: 5px; } .headerR .ser-txt { width: 200px; height: 30px; float: left; padding-left: 10px; border-right: 1px solid rgba(180, 180, 180, 0.5); background: #eeeeee; outline: none; color: #000; font-family: "Microsoft YaHei"; font-size: 12px; } .headerR .ser-but { width: 30px; height: 30px; float: left; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; background-color: #ec1a23; } .headerR .ser-but span{ color: #fff; } .nav1 li a { font-size: 16px; line-height: 45px; display: block; height: 45px; padding: 0 10px; color: #000 !important; } .language img{ width: 19px; height: 19px; margin-top: -3px; margin-right: 5px; vertical-align: middle; } .language a{ font-size: 14px; color: #181818; } .language span{ font-size: 14px; color: #181818; } .language a:hover{ color: #f00; } .navMenu li{ width: 100%; } .navMenu li .cont a:hover{ color: #d9261d } .navMenuBox { width: 100%; /* background: rgba(0, 0, 0, 0.8); */ background: rgba(255, 255, 255, 1); position: absolute; top: 91px; left: 0; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18); z-index: 100; height: auto; padding: 50px 5%; display: none; text-align: center; } .navMenu li .cont { display: block; float: left; width: 33%; } .navMenu li .cont a { line-height: 40px; font-size: 14px; display: block; height: 40px; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /* color: #FFF; */ } .navbar-default .navbar-nav>li>a{ font-weight: bold; } .xwzx { color: #d9261d !important; font-size: 16px; display: block; height: 40px; line-height: 40px; float: left; width: 18%; padding-left: 2%;} .navMenu li .cont a.greyborderbottom{ font-weight: bold; } .greyborderbottom { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .navMenu li .cont a.tit { color: #d9261d; font-size: 16px; } .navMenu a:hover { text-decoration: none; } .xwzx:hover { color: #d9261d !important; } .navMenu li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .indexPos1-box{ padding-top: 80px; padding-bottom: 90px; } .indexPos1-title{ text-align: center; } .indexPos1-title img{ width: 334px; height: 40px; vertical-align: middle; } .ng-inhe{ width:100%; height:0px; position:relative; padding-bottom:32.6%; overflow:hidden; } .ng-inhe .vs-ini{ position:absolute; top:0px; top:0px; width:100%; height:100%; overflow:hidden; } .ng-inhe .inoh-swiper{ width:100%; height:100%; overflow:hidden; position:relative; } .ng-inhe .swiper-wrapper{ height:100%; /*min-height: 300px;*/ } .ng-inhe .swiper-slide{ height:100%; } .ng-inhe .inoh-swiper .pagination { position: absolute; z-index: 20; bottom:8px; width: 100%; text-align: center; } .ng-inhe .inoh-swiper .swiper-pagination-switch { display: inline-block; width: 11px; height: 11px; border-radius: 8px; /*background: #555;*/ margin: 0 7px; opacity: 0.9; background-color:#000; border: 1px solid #fff; cursor: pointer; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; } .ng-inhe .inoh-swiper .swiper-active-switch { background:#fff; border: 1px solid #fff; } .ng-inhe .inoh-link{ width:100%; height:100%; position:relative; overflow:hidden; display:block; background-repeat:no-repeat; background-position:50% 0; background-size:cover; } .fo-pro{ position:relative; } .fo-pro .fovs-tap{ width:100%; height:0px; position:absolute; /*top:50%;*/ left:0px;top:52%; } .fo-pro .fovs-tap-ico{ width:40px; /*height:60px;*/ height: 40px; background-color:#DDDDDD; border-radius:50%; display:block; position:absolute; top:50%; /*margin-top:-30px; */ font-size:20px; color:#fff; cursor:pointer; line-height:40px; text-align:center; z-index: 666; } .fo-pro .fovs-tap-ico:hover{ background-color: #ec1a23; } .fo-pro .fovs-tap-left{ /*left:-50px;*/ left:10px; } .fo-pro .fovs-tap-right{ /*right:-50px;*/ right: 10px; } .fo-pro .fovs-clist{ overflow:hidden; position:relative; padding-left: 35px; padding-right: 35px; } .fo-pro .fovs-row{ margin-left:-15px; margin-right:-15px; } .fo-pro .fovs-swiper{ position:relative; overflow:hidden; } .fo-pro .fovs-padd{ /*padding-left:15px; padding-right:15px;*/ padding-bottom:4px; padding-left: 5px; padding-right: 5px; } .fo-pro .fovs-vdoc{ position:relative; overflow:hidden; border:1px solid #CBCBCB; display:block; margin:2px 0px 6px; } .fo-pro .fovs-pice{ position:relative; overflow:hidden; width:100%; } .fo-pro .fovs-pice-be{ position:relative; overflow:hidden; padding-bottom:68.5%; } .fo-pro .fovs-pice-beine{ width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; z-index:10; } .fo-pro .fovs-pice-beine img{ width:100%; display:block; } .fo-pro .fovs-pice-lab{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:16; /*background-image:url(../img/ovns1.png);*/ opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; } .fo-pro .fovs-vdoc:hover .fovs-pice-lab{ opacity:1; filter:alpha(opacity=100); } .fo-pro .fovs-pice-lab-tit{ position:relative; line-height:32px; font-size:18px; color:#fff; text-align:center; padding:0px 12px; } .fo-pro .fovs-tnte{ position:relative; overflow:hidden; background-color:#fff; width:100%; } .fo-pro .fovs-tnte-tit{ overflow:hidden; position:relative; text-align:center; text-overflow:ellipsis; white-space:nowrap; font-size: 18px; color: #2e2e2e; line-height: 76px; } #fo-proswiper1{ margin-top: 75px; } .fo-pro .fovs-vdoc:hover .fovs-tnte .fovs-tnte-tit{ background-color: #ec1a23; color: #fff; } .more-link{ text-align: center; margin-top: 75px; } .more{ color: #fff; width: 360px; height: 54px; line-height: 54px; text-align: center; background-color: #ec1a23; border-radius: 8px; font-size: 18px; } .more:hover{ color: #fff; background: #c30008;} .indexPos2{ /*background-color: #fbfbfb;*/ } .indexPos2-box{ padding-top: 80px; padding-bottom: 90px; } .indexPos2-title{ text-align: center; } .indexPos2-title img{ width: 433px; height: 39px; vertical-align: middle; } .fo-pro2{ position:relative; } .fo-pro2 .fovs-tap{ width:100%; height:0px; position:absolute; /*top:50%;*/ left:0px;top:54%; } .fo-pro2 .fovs-tap-ico{ width:40px; /*height:60px;*/ height: 40px; background-color:#DDDDDD; border-radius:50%; display:block; position:absolute; top:50%; /*margin-top:-30px; */ font-size:20px; color:#fff; cursor:pointer; line-height:40px; text-align:center; z-index: 666; } .fo-pro2 .fovs-tap-ico:hover{ background-color: #ec1a23; } .fo-pro2 .fovs-tap-left{ /*left:-50px;*/ left:10px; } .fo-pro2 .fovs-tap-right{ /*right:-50px;*/ right: 10px; } .fo-pro2 .fovs-clist{ overflow:hidden; position:relative; padding-left: 35px; padding-right: 35px; } .fo-pro2 .fovs-row{ margin-left:-15px; margin-right:-15px; } .fo-pro2 .fovs-swiper{ position:relative; overflow:hidden; } .fo-pro2 .fovs-padd{ padding-left:5px; padding-right:5px; padding-bottom:4px; } .fo-pro2 .fovs-vdoc{ position:relative; overflow:hidden; border:1px solid #CBCBCB; display:block; margin:2px 0px 6px; } .fo-pro2 .fovs-pice{ position:relative; overflow:hidden; width: 100%; } .fo-pro2 .fovs-pice-be{ position:relative; overflow:hidden; /*padding-bottom:71%;*/ padding-bottom: 67%; } .fo-pro2 .fovs-pice-beine{ width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; z-index:10; } .fo-pro2 .fovs-pice-beine img{ width:100%; display:block; } .fo-pro2 .fovs-pice-lab{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:16; background-image:url(../images/ovns1.png); opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; } .fo-pro2 .fovs-vdoc:hover .fovs-pice-lab{ opacity:1; filter:alpha(opacity=100); } .fo-pro2 .fovs-pice-lab-ini{ top:12px; left:12px; right:12px; bottom:12px; overflow:hidden; position:absolute; /*border:1px solid #fff;*/ } .fo-pro2 .fovs-pice-lab-tit{ position:relative; line-height:32px; font-size:18px; color:#fff; text-align:center; padding:0px 12px; } .fo-pro2 .fovs-tnte{ position:relative; overflow:hidden; background-color:#fff; width:100%; } .fo-pro2 .fovs-tnte-tit{ overflow: hidden; position: relative; text-align: center; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #2e2e2e; line-height: 76px; } #fo-proswiper2{ margin-top: 75px; } .fo-pro2 .fovs-vdoc:hover .fovs-tnte .fovs-tnte-tit{ background-color: #ec1a23; color: #fff; } .ng-tales { display: table; width: 100%; height: 100%; vertical-align: middle; text-align: center; } .ng-tales .ng-tcell { display: table-cell; width: 100%; vertical-align: middle; text-align: center; } /*.fo-pro2 .fovs-tnte{ position:relative; overflow:hidden; background-color:#fff; padding:12px 10px; }*/ /*.fo-pro2 .fovs-tnte-tit{ overflow:hidden; position:relative; height:28px; line-height:28px; font-size:15px; color:#000; text-align:center; text-overflow:ellipsis; white-space:nowrap; }*/ .fo-pro .fovs-vdoc:hover .fovs-pice-lab{ opacity: 1; } /*#fo-proswiper2{ margin-top: 60px; }*/ .indexPos3-box{ padding-top: 80px; padding-bottom: 95px; } .indexPos3-title{ text-align: center; } .indexPos3-title img{ width: 466px; height: 39px; vertical-align: middle; } .indexPos3-news{ margin-top: 60px; padding-top: 55px; padding-bottom: 50px; border-radius: 10px; border: 1px solid #CBCBCB; /*box-shadow:0 0 10px 13px #f0f0f0, 0 0 10px 45px #f7f7f7; -webkit-box-shadow:0 0 10px 13px #f0f0f0, 0 0 10px 25px #f7f7f7; -moz-box-shadow:0 0 10px 13px #f0f0f0, 0 0 10px 25px #f7f7f7;*/ } .indexNews-left-pic img{ width: 100%; height: 209px; vertical-align: middle; } .indexNews-left-title{ font-size: 20px; color: #000000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 50px; } .indexNews-left-desc{ font-size: 16px; color: #848484; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; height: 104px; } .indexNews-item{ margin-bottom: 15px; width: 100%; } .indexNews-item-left{ padding-left: 0px; padding-right: 0px; } .indexNews-day{ font-size: 50px; color: #8d8d8d; font-weight: 700; text-align: center; } .indexNews-ym{ font-size: 14px; font-family: 'Elephant'; color: #969696; text-align: center; } .indexNews-left-day{ position: absolute; width: 95px; height: 95px; top: -35px; right: 55px; border: 6px solid #4c4c4c; background-color: #fff; } .indexNews-left-eg{ font-family: 'Elephant'; text-transform: uppercase; font-size: 16px; color: #000000; text-align: center; margin-top: 5px; } .indexNews-left-number{ color: #000000; text-align: center; font-size: 40px; font-weight: 700; } .indexNews-item-right{ padding-left: 0px; padding-right: 0px; margin-top: 15px; } .indexNews-item-title{ font-size: 20px; color: #000000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 15px; } .indexNews-item-desc{ font-size: 16px; color: #848484; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 52px; } .footer{ background-color: #4f4b4c; } .footer-box{ padding-top: 30px; } .footer-top{ border-bottom: 1px dashed #fff; padding-bottom: 23px; } .footer-nav-item{ padding-left: 10px; padding-right: 25px; } .footer-nav-item a:hover{ color: #ec1a23 } .footer-nav-item .footer-nav-item-til{ font-size: 14px; color: #fff; margin-bottom: 20px; } .footer-nav-item a{ font-size: 12px; color: #ffffff; white-space: nowrap;} .footer-nav-item ul li{ margin-bottom: 20px; } .footer-info-left-title{ font-size: 14px; color: #ffffff; } .footer-info-left{ width: 250px; margin-right: 45px; } .footer-info-left-title{ margin-bottom: 15px; } .info-item{ margin-bottom: 15px; } .info-item .iconfont{ margin-right: 5px; } .info-item span{ color: #fff; } .footer-info-right-title{ font-size: 18px; color: #fff; text-align: center; line-height: 36px; margin-bottom: 10px; } .footer-info-right-pic img{ width: 119px; height: 122px; vertical-align: middle; } .footer-copyright{ font-size: 14px; color: #ffffff; text-align: center; /*line-height: 70px;*/ height: 70px; } .footer-copyright span{ /*margin-top: 20px;*/ margin-top: 28px; display: inline-block; padding-left: 15px; padding-right: 15px; } .rightFlex { position: fixed; top: 50%; right: 30px; margin-top: -100px; z-index: 9999; } .rightFlex li{ margin-bottom: 2px; } .rightFlex li a{ /*width: 77px; height: 77px;*/ width: 65px; height: 65px; text-align: center; background-color: #1fd145; color: #fff; position: relative; } .rightFlex li a span{ /*font-size: 26px;*/ font-size: 22px; margin-top: 10px; display: inline-block; } .rightFlex li:last-child { margin-top: 0px; } .rightFlex li a:hover{ background-color: #ec1a23; } .right-item{ display: none; position: absolute; top: 0px; right: 100%; background-color: #ec1a23; width: 140px; font-size: 16px; line-height: 40px; } .right-a:hover .right-item{ display: block; } .right-ma-pic{ position: absolute; top: 0px; right: 100%; display: none; } .right-ma-pic img{ width: 119px; height: 120px; vertical-align: middle; } .right-ma:hover .right-ma-pic{ display: inline-block; } .language_xs{ text-align: center; } .language_xs img { width: 19px; height: 19px; margin-top: -3px; margin-right: 5px; vertical-align: middle; } .language_xs a { font-size: 14px; color: #181818; } .language_xs span { font-size: 14px; color: #181818; } .moblie-search{ width: 200px; margin: 0 auto; } .moblie-search .ser-txt1{ height: 30px; color: #FFF; font-family: "Microsoft YaHei"; font-size: 12px; border: 1px solid #cbcbcb; float: left; color: #333; border-radius: 3px; padding-left: 10px; outline: none; line-height: 30px; } .moblie-search .ser-but1{ height: 30px; line-height: 30px; background-color: #ec1a23; width: 50px; } .moblie-search .ser-but1 span{ font-size: 16px; color: #fff; } @media (min-width: 1200px){ .nav1 li a { padding: 0 20px; } .navMenuBox { /*padding: 50px 14%;*/ padding: 15px 10%; text-align: left; } .navMenu li .cont { width: 20%; } .navMenu li .cont6 { width: 19.99%; } } @media screen and (max-width:1200px){ .fo-pro .fovs-clist{ padding-left: 35px; padding-right: 35px; } .fo-pro .fovs-tap-left{ left: 0px; } .fo-pro .fovs-tap-right{ right: 0px; } .fo-pro2 .fovs-clist{ padding-left: 35px; padding-right: 35px; } .fo-pro2 .fovs-tap-left{ left: 0px; } .fo-pro2 .fovs-tap-right{ right: 0px; } .footer-nav-item{ padding-left: 15px; padding-right: 15px; } .fo-pro3 .fovs-clist{ padding-left: 35px; padding-right: 35px; } } @media screen and (max-width:992px) { .logo img{ max-width: 135px; height: 30px; margin-top: 30px; } .navMenuBox{ padding: 20px 5%; } .fo-pro .fovs-clist{ padding-left: 55px; padding-right: 55px; } .fo-pro2 .fovs-clist{ padding-left: 55px; padding-right: 55px; } .footer-nav{ width: 100%; } .footer-info{ width: 100%; } .footer-nav-item{ padding-left: 28px; padding-right: 28px; } } @media screen and (max-width:768px) { .logo img { width: 150px; height: 26px; margin-top: 15px; } .nav1 li:hover { background: #999; } .topHeader{ height: 70px; } .navbar-header{ height: 70px; } .navbar-collapse{ padding-left: 0px; padding-right: 0px; } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-left: 0px; margin-right: 0px; } .nav1 li{ height: 40px; line-height: 40px; } .nav1 li a{ height: 40px; line-height: 40px; } .language_xs{ line-height: 35px; } .navbar-collapse.in{ overflow-y:visible; } .fo-pro .fovs-pice{ width: 100%; } .fo-pro .fovs-tnte{ width: 100%; } .fo-pro2 .fovs-pice{ width: 100%; } .fo-pro2 .fovs-tnte{ width: 100%; } .indexPos3-news-left { margin-bottom: 20px; } .indexNews-left-pic img{ height: auto; } .footer-nav{ display: none; } .footer-info{ padding-left: 15px; padding-right: 15px; } .fo-pro .fovs-clist{ padding-left: 25px; padding-right: 25px; } .fo-pro2 .fovs-clist{ padding-left: 25px; padding-right: 25px; } } @media screen and (max-width:600px){ .indexPos1-title img{ width: 300px; height: auto; } .more{ width: 300px; } .indexPos2-title img{ width: 300px; height: auto; } .indexPos3-title img{ width: 300px; height: auto; } .footer-copyright span{ margin-top: 18px; } .fo-pro .fovs-clist{ padding-left: 16px; padding-right: 16px; } .fo-pro2 .fovs-clist{ padding-left: 16px; padding-right: 16px; } } @media screen and (max-width:460px){ .footer-info-left{ margin-right: 0px; } } @media screen and (max-width:414px){ .more-link{ margin-top: 45px; } } @media screen and (max-width:411px){ .footer-info-left{ width: 240px; } } @media screen and (max-width:375px){ .footer-info-left{ width: 210px; } } @media screen and (max-width:320px){ .footer-info{ padding-left: 8px; padding-right: 8px; } .footer-info-left{ width: 178px; } } /*=============== ?ҳ ======================*/ .banner{ width: 100%; position: relative; } .banner-box { height: 0px; padding-bottom: 36%; position: relative; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } .piece{ background-color: #e5e5e5; height: 40px; } .piece-box span,.piece-box a{ font-size: 14px; color: #1c1c1c; line-height: 40px; } .choose-box{ padding-top: 20px; } .choose-list li{ float: left; } .choose-item-a{ font-size: 16px; color: #1c1c1c; padding-left: 35px; padding-right: 35px; line-height: 80px; } .active .choose-item-a{ color: #ec1a23; border-bottom: 3px solid #ec1a23; } .category { margin-right: 30px; margin-left: 30px; margin-bottom: 15px; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .proUl{ padding: 0px; padding-top: 30px; padding-bottom: 35px; } .proUl .cur { display: block; } .proListM { width: 100%; height: 320px; background: #FFF; border: 1px solid #eee; box-sizing: border-box; overflow: hidden; margin-bottom: 30px; } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .proListM .proImg { width: 100%; height: 230px; /* border-bottom: 1px solid #eee; */ overflow: hidden; } .proListM .proImg img { width: 100%; height: 230px; -webkit-transition: all .3s; overflow: hidden; object-fit: cover; cursor:pointer; transition:all 0.6s; } .proListM .proImg img:hover{ transform:scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .proListM h3 { line-height: 20px; font-size: 16px; padding: 5px 20px 0 20px; /* height: 20px; */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 20px; margin-bottom: 10px; font-weight: 500; color: #1c1c1c; } .proListM p { color: #999; line-height: 30px; font-size: 12px; height: 30px; padding: 0 20px; margin-top: -15px; } /*=============== ??Ʒ ==================*/ .newsinfoBox{ width: 100%; background: #FFF; padding: 0; } .tpad80 { padding: 0; padding-top: 80px; } .proPic { height: 400px; position: relative; } .proPic ul { width: 100%; height: 400px; border: 1px solid #ececec; position: absolute; top: 0; left: 0; } .proPic ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; display: none; } .proPic ul li.cur { display: block; } .proPic ul li img { width: 100%; height: 100%; display: block; margin: auto; object-fit: cover; } .proPic ol { width: 90px; position: absolute; left: 50%; bottom: 20px; margin-left: -45px; z-index: 999; margin-bottom: 10px; } .proPic ol li { width: 10px; height: 10px; float: left; margin-right: 30px; background: #999; opacity: .3; border-radius: 50%; cursor: pointer; } .proPic ol li.cur { opacity: 1; } .proPic ol li:last-child { margin-right: 0; } .proPic .arr { display: block; width: 42px; height: 70px; position: absolute; top: 50%; margin-top: -35px; background: url(../images/arr.png) no-repeat; display: none; opacity: .5; cursor: pointer; z-index: 999; } .proPic .arrL { background-position: 0 0; left: 20px; } .proPic .arrR { background-position: -42px 0; right: 20px; } .proInfoFont { padding-left: 50px; } .proInfoFont h2 { font-size: 36px; color: #000; line-height: 40px; font-weight: normal; margin-top: 20px; margin-bottom: 10px; } .proInfoFont h3 { font-size: 24px; color: #333; line-height: 32px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; margin-top: 20px; margin-bottom: 10px; } .proInfoFont .ti { font-size: 14px; color: #FFF; background: #d9261d; display: block; line-height: 30px; height: 30px; text-align: center; width: 100px; margin: 40px 0 30px; } .proInfoFont .p { line-height: 30px; margin: 0 0 10px; font-size: 16px; } .proFontBox { margin-top: 50px; border-top: 1px solid #ececec; padding: 50px 0; } .proFontBox .hpad15 { padding: 0; padding-left: 15px; padding-right: 15px; } .ry .ryNum { width: 100%; height: 0px; } .ry .ryNum li { width: 20%; float: left; text-align: center; } .ry .ryNum li p { display: block; width: 100%; /* margin: 0 auto; */ height: 20px; line-height: 20px; font-size: 14px; } .ry .ryNum li.cur p { color: #d9261d; font-weight: bold; } .ry .ryNum li.cur { border-bottom: 3px solid #d9261d; box-sizing: border-box; } .ry .rycont { width: 100%; margin-bottom: 10px; } .rycont li { display: none; width: 100%; } .rycont li.cur { display: block; } @media (min-width: 768px){ .ry .ryNum { width: 100%; height: 60px; margin-bottom: 60px; border-bottom: 1px solid #a7a6a6; } .ry .ryNum li { cursor: pointer } .ry .ryNum li p { display: block width: 80%; margin: 0 auto; height: 57px; line-height: 57px; font-size: 16px; } } @media (max-width: 767px){ .newsinfoBox h2 { font-size: 20px; line-height: 24px; } .proInfoFont h3 { font-size: 18px; } .proFontBox { margin-top: 20px; padding: 20px 0; } .tpad80 { padding-top: 20px; } } /*=============== ??Ʒ ?? ==================*/ .newsinfoBox{ width: 100%; background: #FFF; padding: 0; } .fwzx1 { background: #f5f5f5; margin-top: 80px; padding: 0; } .fwzxR { padding: 10px 30px; } .fwzxR h4 { font-size: 30px; line-height: 50px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; } .fwzxR p { font-size: 14px; line-height: 24px; padding-bottom: 5px; margin: 0 0 10px; } body .hpad15{ padding: 0; padding-left: 15px; padding-right: 15px; } .fwzcCont { padding: 0; margin-top: 80px; font-size: 15px; } .fwzcCont p { margin: 0 0 10px; margin-bottom: 30px; } .fwzcCont b { display: block; padding-bottom: 10px; } .fwzx{ padding: 0; background: #f5f5f5; margin-top: 40px; } .fwzxL { padding: 30px 0 30px 80px; } .fwzxL h4 { font-size: 30px; line-height: 60px; margin-top: 10px; margin-bottom: 10px; } .fwzxL p { margin: 0 0 10px; padding: 0; font-size: 15px; line-height: 24px; padding-bottom: 10px; } .xzzq { margin-bottom: 60px; background: #f6f6f6; padding: 15px; } .xzzq h5 { font-size: 22px; color: #333; line-height: 30px; padding-bottom: 0px; margin: 20px 0; font-weight: normal; width: 97%; padding-left: 3%; position: relative; border-left: 6px solid #d9261d; } /*=============== ???֧?? ==================*/ .qyjj h2 { font-size: 48px; line-height: 48px; text-align: center; margin: 80px 0 50px; } .qyjj .col-xs-12 img { display: block; float: left; width: 42%; margin-right: 3%; margin-bottom: 3%; object-fit: cover; } .qyjj p { margin: 0 0 10px; font-size: 15px; color: #555; line-height: 29px; margin-bottom: 20px; } .ln { padding: 30px 0 !important; } .ln { padding: 0; overflow: hidden; } .ln .caption { padding: 0; margin-bottom: 0; } .ln h4 { font-size: 24px; color: #333; line-height: 40px; text-align: center; margin: 0 0 20px 0; } .ln p { margin: 0 0 10px; font-size: 14px; color: #555; line-height: 30px; margin-bottom: 8px; -webkit-transition: all .3s; transition: all .3s; padding: 0 10px; height: 150px; } .qyjj h2 a { color: #333; } .event_box { width: 100%; margin: 3% auto 0; position: relative; min-height: 320px; } .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 li { white-space: nowrap; display: inline-block; cursor: pointer; padding-top: 30px; font-size: 16px; color: #000; margin: 0 30px; position: relative; } .parHd li:after { content: ''; background: url(../images/dot1.png) no-repeat; width: 24px; height: 24px; position: absolute; z-index: 520; top: -12px; left: 50%; margin-left: -12px; } .parHd li.act span { display: block; width: 24px; height: 24px; overflow: hidden; background: url(../images/dot2.png) no-repeat; position: absolute; top: -12px; left: 50%; margin-left: -12px; z-index: 521; } .parHd li span, .parHd li.clone span { display: none; } .sPrev, .sNext { width: 30px; height: 30px; display: block; position: absolute; top: 10px; } .sPrev { left: 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); width: 100%; height: 100%; cursor: pointer; } .sNext { right: 0; } .parHd .tempWrap{ margin: 0 auto; } .parBd { text-align: center; margin-top: 60px; background: #eee; padding: 0; } .parBd h4 { position: relative; font-size: 28px; margin: 0; padding: 40px 60px; display: inline-block; text-align: center; line-height: 40px; } .qyjj h2 { font-size: 48px; line-height: 48px; text-align: center; margin: 80px 0 50px; } .ryzz { width: 100%; margin-top: 0; margin-bottom: 10px; } .ryzz li{ width: 20%; height: 70px; float: left; } .fo-pro3{ position:relative; } .fo-pro3 .fovs-tap{ width:100%; height:0px; position:absolute; /*top:50%;*/ left:0px;/*top:42%;*/ top: 37%; } .fo-pro3 .fovs-tap-ico{ width:40px; /*height:60px;*/ height: 40px; background-color:#DDDDDD; border-radius:50%; display:block; position:absolute; top:50%; /*margin-top:-30px; */ font-size:20px; color:#fff; cursor:pointer; line-height:40px; text-align:center; z-index: 666; } .fo-pro3 .fovs-tap-ico:hover{ background-color: #ec1a23; } .fo-pro3 .fovs-tap-left{ /*left:-50px;*/ left:10px; } .fo-pro3 .fovs-tap-right{ /*right:-50px;*/ right: 10px; } .fo-pro3 .fovs-clist{ overflow:hidden; position:relative; padding-left: 100px; padding-right: 100px; } .fo-pro3 .fovs-row{ margin-left:-15px; margin-right:-15px; } .fo-pro3 .fovs-swiper{ position:relative; overflow:hidden; } .fo-pro3 .fovs-padd{ padding-left:15px; padding-right:15px; padding-bottom:4px; } .fo-pro3 .fovs-vdoc{ position:relative; overflow:hidden; border:1px solid #dddddd; display:block; margin:2px 0px 6px; } .fo-pro3 .fovs-pice{ position:relative; overflow:hidden; /*width: 300px;*/ padding-left: 10px; padding-right: 10px; padding-top: 10px; } .fo-pro3 .fovs-pice-be{ position:relative; overflow:hidden; padding-bottom:68.5%; } .fo-pro3 .fovs-pice-beine{ width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; z-index:10; } .fo-pro3 .fovs-pice-beine img{ width:100%; display:block; } .fo-pro3 .fovs-pice-lab{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:16; /*background-image:url(../img/ovns1.png);*/ opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; } .fo-pro3 .fovs-vdoc:hover .fovs-pice-lab{ opacity:1; filter:alpha(opacity=100); } .fo-pro3 .fovs-pice-lab-tit{ position:relative; line-height:32px; font-size:18px; color:#fff; text-align:center; padding:0px 12px; } .fo-pro3 .fovs-tnte{ position:relative; overflow:hidden; background-color:#fff; /*width: 300px;*/ } .fo-pro3 .fovs-tnte-tit{ overflow:hidden; position:relative; text-align:center; text-overflow:ellipsis; white-space:nowrap; font-size: 18px; color: #2e2e2e; line-height: 76px; } #fo-proswiper3{ margin-top: 60px; margin-bottom: 40px; } /*================== 关于我们 ======================*/ .proBox { padding: 0; /*margin-top: 60px;*/ } .proOl { max-width: 980px; height: 60px; margin: 0px auto; } .proOl li{ cursor: pointer; } .proOl li.cur { border-bottom: 3px solid #d9261d; box-sizing: border-box; } .proOl li.cur p { color: #d9261d; } .proUl li { display: none; } .proUl .cur { display: block; } .proListM h4{ line-height: 20px; color: #333; font-size: 16px; padding: 20px 20px 40px 20px; height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; margin-bottom: 10px; } .newsinfoCont{ width: 100%; } .newsinfoCont h3 { font-size: 28px; color: #000; line-height: 32px; padding-bottom: 30px; border-bottom: 1px solid #f2f2f2; font-weight: normal; padding-right: 0px; position: relative; margin-bottom: 30px; text-align: center; } @media (min-width: 768px){ .proOl { max-width: 980px; height: 60px; margin: 30px auto 60px; } .proOl li p { text-align: center; line-height: 60px; font-size: 16px; color: #333; display: block; } } /*================== 行业应用 ======================*/ .lxwmPic{ padding: 0; } .lxwmPic img { width: 100%; } .lxwmTxt { padding-left: 50px; } .contact li { font-size: 14px; line-height: 30px; } .lxwmTxt h4 { font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 20px; margin-top: 10px; } .lxico { display: block; width: 30px; height: 30px; background: url(../images/contact.png) no-repeat; float: left; margin-right: 5px; } .lxico2 { background-position: 0 -30px; } .bscBox { padding: 50px 0 90px; /*margin-top: 50px;*/ /*margin-bottom: 50px;*/ } @media (max-width: 600px){ .bscBox iframe{ height: 300px; } } @media (max-width: 767px){ .lxwmTxt { padding-left: 15px; } } /*================== 联系我们 ======================*/ .newsActive { padding: 0; margin-bottom: 80px; } .newsActiveR { padding-left: 40px; } .newsActiveR h2 { color: #333; line-height: 34px; overflow: hidden; transition: color .3s; font-size: 26px; margin-top: 20px; margin-bottom: 10px; } .tim { font-size: 14px; color: #b4b4b4; line-height: 18px; padding-left: 22px; background: url(../images/clock.png) no-repeat; height: 18px; float: right; margin-top: 10px; display: block; } .newsActiveR p { color: #666; line-height: 25px; height: 50px; overflow: hidden; margin: 40px 0 45px; } .newsActiveR .mor { width: 140px; height: 40px; display: block; background: #d9261d; text-align: center; line-height: 40px; float: right; color: #FFF; } .newsItem { border-bottom: 1px dashed #b4b4b4; margin-bottom: 30px; padding-bottom: 10px; width: 100%; padding: 0; } .newsItem div { overflow: hidden; } .newsItem h3 { /* line-height: 40px; */ margin: 0 0 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; /* height: 40px; */ width: 100%; font-size: 24px; } .newsItem p { margin: 0 0 10px; font-size: 14px; color: #b4b4b4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow:ellipsis; max-height: 60px; } .newsItem h3 a { color: #666; } @media (max-width: 767px){ .newsActiveR h2 { font-size: 18px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newsActiveR h2 { font-size: 18px; line-height: 24px; } .newsActive { margin-bottom: 40px; } .newsItem h3 { font-size: 18px; } } @media screen and (max-width:992px) { .fo-pro3 .fovs-clist{ padding-left: 55px; padding-right: 55px; } } @media screen and (max-width:768px){ .fo-pro3 .fovs-pice{ width: 100%; } .fo-pro3 .fovs-tnte{ width: 100%; } } /*================== 新闻资讯 ======================*/ .art-detail{ padding-bottom: 25px; border-bottom: 1px solid #f2f2f2; margin-bottom: 30px; } .art-time{ text-align: center; margin-top: 25px; } .my-tim { font-size: 14px; color: #b4b4b4; line-height: 18px; margin-left: 5px; height: 18px; display: inline-block; } .art-detail-content{ padding-bottom: 60px; } .art-detail-content img{ max-width: 100%; vertical-align: middle; } /*================== 新闻资讯 -详情 ======================*/ .header-nav-xs{ background: #fff; padding-bottom: 10px; } @media (max-width: 420px){ .footer-info-left{ width: 100%; display: none; } .footer-info-right{ width: 100%; } .footer-info-right-pic{ text-align: center; } } @media (max-width: 767px){ .newsinfoBox h2 { font-size: 20px; line-height: 24px; } } @media (max-width: 767px){ .fwzxL { padding: 30px 15px 30px 15px; } } /*==================================================*/ .addCate-list{ padding-left: 10px; padding-right: 10px; } .addCate-item{ width: 33.3%; float: left; height: 40px; margin-bottom: 10px; } .addCate-item-a{ width: 100%; text-align: center; line-height: 39px; } .addCate-choose .addCate-item-a{ color: #ec1a23; border-bottom: 1px solid #ec1a23; } .addmenu-list{ padding-left: 10px; padding-right: 10px; } .addmenu-item{ width: 33.3%; float: left; height: 40px; margin-bottom: 10px; } .addmenu-item-a{ width: 100%; text-align: center; line-height: 39px; } .addmenu-choose .addmenu-item-a{ color: #ec1a23; border-bottom: 1px solid #ec1a23; } .div0427 img{ max-width: 100%!important; } .div0427 table{ max-width: 100%!important; } @media screen and (max-width: 1200px){ .div0427 img{ height: auto!important; } .div0427 table{ width: 100%!important; } }