*{ margin:0; padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} body{color: #333; overflow-x:hidden;} body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1.5 Microsoft Yahei,Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;} table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;} ol,ul {list-style:none;} li { list-style-type:none;} img { vertical-align:middle;border:0;} address,cite,code,em,th,i { font-weight:normal; font-style:normal;} .clear { clear:both; *zoom:1;} .clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} a {text-decoration:none; color:#333;cursor:pointer;} a:visited { text-decoration:none;} a:hover { text-decoration:none;} a:active { text-decoration:none;} .fl { float:left;} .fr { float:right;} /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:3px !important;} ::-webkit-scrollbar-track { background-color:#e6e6e6; border-radius:0px;} ::-webkit-scrollbar-thumb { background-color:#2e71b4;border-radius:4px;} ::-webkit-scrollbar-thumb:window-inactive { background-color:#2e71b4;border-radius:4px;} /* 按钮样式去除*/ input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} input{ border-radius: 0; } .w1600{ width:1600px; margin:0 auto;} @media screen and (max-width:1650px){ .w1600{ width:94%;} } /**top start**/ .lff_top{ width:100%;background:#fff; height:100px;} .lff_top .lfftop_main{ height:100%; position:relative;padding: 0 60px;} .lff_top .lfftop_main .toplogo{ position:absolute; top:37px; width:296px;} .lff_top .lfftop_main .toplogo a{ display:block; width:100%; height:100%;} .lff_top .lfftop_main .toplogo a img{ max-width:100%;} .lff_top .lfftop_main .top_right{width: calc(100% - 400px); float:right; height:100%;} .lff_top .lfftop_main .top_right .nav{width: calc(100% - 306px);float:left; height:100%;transition:all 0.4s;} .lff_top .lfftop_main .top_right#showopen .nav{transform: scale3d(0, 0, 0); width:0;} .lff_top .lfftop_main .top_right .nav li{ width:12.5%;height:100%; float:left; text-align:center;position:relative;} .lff_top .lfftop_main .top_right .nav li:first-child{ width:10%;} .lff_top .lfftop_main .top_right .nav li> a{ height:100%; line-height:100px;font-size:18px; text-align:center;transition: .4s ease;display: inline-block; position:relative;} .lff_top .lfftop_main .top_right .nav li a::before,.lff_top .lfftop_main .top_right .nav li.navon a::before {content: "";display: block; position: absolute;bottom: 0;height: 3px; width:3px; left:50%; transform: translateX(-50%);opacity: 0;background-color: #2e71b4; -webkit-transition: all .4s; -o-transition: all .4s;-ms-transition: all .4s;transition: all .4s;} .lff_top .lfftop_main .top_right .nav li:hover a::before,.lff_top .lfftop_main .top_right .nav li.navon a::before{ width:100%;opacity: 1;-webkit-transition: all .4s;-o-transition: all .4s;-ms-transition: all .4s;transition: all .4s;} .lff_top .lfftop_main .top_right .nav li:hover a,.lff_top .lfftop_main .top_right .nav li.navon a{ color:#2e71b4;} .lff_top .lfftop_main .top_right .nav li a::after{content:"";display:block;width:15px; height:15px;background: url(../images/topjt.png) center no-repeat;-webkit-transition: all .4s; -o-transition: all .4s;-ms-transition: all .4s;transition: all .4s; position:absolute; top:43px; right:-23px;} .lff_top .lfftop_main .top_right .nav li:first-child a::after{ display:none;} .lff_top .lfftop_main .top_right .nav li:hover a:after{transform:rotate(180deg);} .lff_top .lfftop_main .top_right .nav li> i{ position:absolute; top:15px; right:0;display:block; width:30px; height:30px;background: url(../images/topjt.png) center no-repeat; -webkit-transition: all .4s; -o-transition: all .4s;-ms-transition: all .4s;transition: all .4s; display:none;} /*下拉*/ .nav_item_open { width: 140%; height: auto; position: absolute; left: -20%; top: 100%; z-index: 10; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); border-radius: 0; opacity: 0; visibility: hidden;-webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; z-index:99; } .ny_top .nav_item_open { background-color:#fff;} .lff_top .lfftop_main .top_right .nav li:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);} .lff_top .lfftop_main .top_right .nav li .subopen { display: none; } .lff_top .lfftop_main .top_right .nav li .nav_item2 { width: 100%;} .lff_top .lfftop_main .top_right .nav li .nav_item2 a { display: block; width:100%; height:60px; overflow:hidden; line-height:60px; padding: 0 10px; color: #666; font-size: 14px; white-space:nowrap; text-overflow: ellipsis; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .lff_top .lfftop_main .top_right .nav li .nav_item2 a { color:#565656;} .lff_top .lfftop_main .top_right .nav li .nav_item2:hover a { background-color: #2e71b4; color: #fff;} /*PC搜索*/ .lff_top .lfftop_main .top_search{ float:right;position:relative;transition:all 0.5s; margin-left:30px; height:100%;display:flex; display: -webkit-flex;align-items:center;} .lff_top .lfftop_main .nav-hide .top_search{ margin-top:19px;} .lff_top .lfftop_main .top_search em{background:url(../images/search.png) center center no-repeat;height:100%; width:26px; height:26px;cursor:pointer; display:block;float:right; overflow:hidden;transition:all 0.3s;} .lff_top .lfftop_main .top_search em:Hover{opacity:0.8;filter:Alpha(opacity=80);} .lff_top .lfftop_main #showopen .top_search em{opacity:0;filter:Alpha(opacity=0);} .lff_top .lfftop_main .top_search .search_con2{position:absolute; right:0px; height:50px;z-index:100;transform: scale3d(0, 0, 0);transform-origin: right center;transition:all 0.5s;opacity:0;filter:Alpha(opacity=0);width:500px;background: #fff;} .lff_top .lfftop_main #showopen .top_search .search_con2{opacity:1.0;filter:Alpha(opacity=100);transform: scale3d(1, 1, 1);} .top_search .search_con2 .search-input{ width:380px; float:left; height:48px; line-height:48px; overflow:hidden; border:1px solid #d4d4d4; border-radius:5px;font-size: 16px;padding-left: 20px; background:#fff;} .top_search .search_con2 .input1{ height:48px; line-height:48px; background:none; border:0;width:calc(100% - 57px);width:-webkit-calc(100% - 57px);width:-moz-calc(100% - 57px); float:left; outline:none; font-size:16px; color:#666; } .top_search .search_con2 .bnts{ float:right; width:56px; height:48px; background:url(../images/search.png) center center no-repeat; margin-right:1px; cursor:pointer; border:none;} .top_search .search_con2 .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);} .top_search .search_con2 .moblie-search-close{position: absolute; top: 15px; right: 15px; width:20px; height:20px;background:url(../images/scguan.png) center center no-repeat; } .nav-hide .top_search .search_con2 .moblie-search-close{ background-image:url(../images/scguan.png);} /*头部电话*/ .lff_top .lfftop_main .top_tel{float:right;transition:all 0.5s; height:100%;display:flex; display: -webkit-flex;align-items:center;} .lff_top .lfftop_main .top_tel em{background:url(../images/toptel.png) center center no-repeat;width:21px; height:21px;cursor:pointer; display:block;} .lff_top .lfftop_main .top_tel p{ color:#2e71b4; font-weight:bold; font-size:24px; padding-left:5px;} @media screen and (max-width:1650px){ .lff_top .lfftop_main{padding: 0 3%;} .lff_top .lfftop_main .top_right .nav li> i{ margin-right:0;} } @media (min-width: 1023px) and (max-width: 1550px) { .lff_top .lfftop_main .top_right .nav{width: calc(100% - 70px);} .lff_top .lfftop_main .top_tel{ position:relative;} .lff_top .lfftop_main .top_tel p{ position:absolute; top:100%; width:300px; background:#fff; padding:10px 20px; z-index:9; text-align:center;border-top: 1px solid #2e71b4; opacity:0;} .lff_top .lfftop_main .top_tel:hover p{opacity:1;left: -270px;transition: all .3s ease;} .lff_top .lfftop_main .top_search{margin-left: 20px;} } @media screen and (max-width:1399px){ .lff_top .lfftop_main .toplogo{ width:250px;} .lff_top .lfftop_main .top_right{width: calc(100% - 300px);} .lff_top .lfftop_main .top_right .nav li> a{font-size:16px;} } @media screen and (max-width:1200px){ .lff_top .lfftop_main .top_right .nav li a::after{ display:none !important;} } @media screen and (max-width:1023px){ .phonebox{position: fixed; width: 100%;z-index: 999999; background:#fff; top:0;} .lff_top{ height:68px; position:relative;} .lff_top .w1400{ width:100%;} .lff_top .lfftop_main .toplogo{ top:23px;} .lff_top .lfftop_main .top_right{ width:100%; position:absolute; top:68px; z-index:9999999; background:#fff; height:100vh;border-top:1px solid #ddd; left:100%;transition: all .5s ease;overflow: scroll;} .lff_top .lfftop_main .top_right.open{ left:0;} .lff_top .lfftop_main .top_right .nav{width:100%; height:auto;float: none;} .lff_top .lfftop_main .top_right .nav li:first-child{width:90%;} .lff_top .lfftop_main .top_right .nav li{width:90%;margin:0 auto; float:none;background: #fff; border-bottom:1px dashed #ddd;} .lff_top .lfftop_main .top_right .nav li> a{ line-height:60px;} .lff_top .lfftop_main .top_right .nav li::before, .lff_top .lfftop_main .top_right .nav li.navon a::before{ height:0;} .lff_top .lfftop_main .top_right .nav li .hide> a{ font-size:18px; line-height:60px;} .lff_top .lfftop_main .top_right .nav li> i{ display:block;} /*下拉*/ .nav_item_open{ position:static; width:100%; visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); box-shadow:none; display:none;transition:none;} .lff_top .lfftop_main .top_right .nav li.on> i{transform:rotate(180deg);} .lff_top .lfftop_main .top_right .nav li .nav_item2{background-color: #f7f7f7; margin-bottom:1px;} .lff_top .lfftop_main .top_search{ width:100%; height:auto; float:none; margin-left:0;} .lff_top .lfftop_main .top_search em{ display:none;} .lff_top .lfftop_main .top_search .search_con2{ opacity:1; transform:none; position:static; width:80%; margin:40px auto 0;} .top_search .search_con2 .search-input{ width:100%;} .top_search .search_con2 .moblie-search-close{ display:none;} .lff_top .lfftop_main .top_tel{ height:auto;display:flex; display: -webkit-flex;justify-content: center; float:none;margin-top: 30px; margin-bottom: 100px;} .lff_top .lfftop_main .top_tel p{} .lff_top .nav_menu{ position: absolute; right:3%;margin-top: 25px; height:25px; transition: all .5s ease;} .lff_top .nav_menu span{ display:block; width:26px; height:2px; background:#666;margin-top:7px;} .lff_top .nav_menu:before,.lff_top .nav_menu:after{ content:"";display:block; width:26px; height:2px; background:#666; } .lff_top .nav_menu:after{margin-top:7px;} .lff_top .nav_menu.open span{background: transparent; transform: translate(-50%, -50%) rotate(180deg);} .lff_top .nav_menu.open:before{margin-top:10px;transform: rotate(45deg); width:23px;} .lff_top .nav_menu.open::after { margin-top:-11px;transform: rotate(-45deg); width:23px;} } @media screen and (max-width:767px){ .lff_top .lfftop_main .toplogo{width: 204px;top: 26px;} } /* banner 开始 */ .apple-banner { width: 100%; height: 880px; overflow: hidden;} .apple-banner .swiper-container1 { width: 100%; height:880px; position:relative;} .apple-banner .swiper-container1 .swiper-button-prev, .apple-banner .swiper-container1 .swiper-button-next { width:42px; height: 42px; top:50%;transform: translateY(-50%); background:none; margin:0;} .apple-banner .swiper-container1 .swiper-button-prev { left:0;} .apple-banner .swiper-container1 .swiper-button-next { right:234px;} .apple-banner .swiper-container1 .swiper-button-prev.swiper-button-disabled,.apple-banner .swiper-container1 .swiper-button-next.swiper-button-disabled {opacity:1;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { display:block; width:42px; height: 42px; border-radius: 100%;} .apple-banner .swiper-button-prev span { background: url(../images/arrows1.png) center no-repeat,linear-gradient(to bottom, #2d6fb2, #2894aa);} .apple-banner .swiper-button-next span { background: url(../images/arrows2.png) center no-repeat,linear-gradient(to bottom, #2d6fb2, #2894aa);} .apple-banner .swiper-button-prev span:hover { background: url(../images/arrows1.png) center no-repeat,linear-gradient(to bottom, #2d6fb2, #2894aa);} .apple-banner .swiper-button-next span:hover { background: url(../images/arrows2.png) center no-repeat,linear-gradient(to bottom, #2d6fb2, #2894aa);} .apple-banner .swiper-container1 .swiper-button-prev.swiper-button-disabled span{background: rgba(255,255,255,0.3) url(../images/arrows1.png) center no-repeat; transition: all .5s ease;} .apple-banner .swiper-container1 .swiper-button-next.swiper-button-disabled span{ background: rgba(255,255,255,0.3) url(../images/arrows2.png) center no-repeat; transition: all .5s ease;} /*分页器*/ .apple-banner .lbanbox { position: absolute;right: 0;bottom: 0;padding-left: 103px; height: 110px;z-index: 1;} .apple-banner .lbanbox::after {content: ''; position: absolute;left: 0; top: 0;width: 103px; height: 110px;background: url(../images/balbanbg.png) no-repeat; background-size: cover;} .apple-banner .lbanbox .lban{padding:0 360px 0 60px; position: relative; height: 110px;background: linear-gradient(to top, rgba(45,111,178,.84), rgba(40,148,170,.84));} .apple-banner .swiper-pagination{ top:50%; transform:translateY(-50%); background:none;} .apple-banner .swiper-pagination-bullet { display: inline-block; margin: 0 6px; width:10px; height:10px;cursor: pointer; background:rgba(255,255,255,.88);opacity: 1;border-radius: 50%; transition: all .5s ease;} .apple-banner .swiper-pagination-bullet span { width: 12px; height: 12px; display: block; background: rgba(255,255,255,0.3); border-radius:6px;} .apple-banner .swiper-pagination-bullet-active span{width: 32px; background-color: #fff;} .apple-banner .swiper-pagination-bullet-active { width:32px; height:10px; border-radius:10px; background:#fff;} .apple-banner .autoplay .swiper-pagination-bullet-active span{ background: rgba(255,255,255,1);} .apple-banner .bannertext{position:absolute;top: 43%; left:40%;transform: translate(-50%,-50%);letter-spacing: 3px;} .apple-banner .bannertext p{color:#fff; font-size:50px;display:block;} .apple-banner .bannertext p i{ color:#fff;-webkit-background-clip: text; font-weight:bold;} .apple-banner .bannertext span{ font-weight:bold; color:#fff; font-size:60px;margin: 0px 0 30px; display:block; } .apple-banner .bannertext .babtn{letter-spacing: 1px;display:block; width:180px; height:56px; line-height:52px; border:1px solid rgba(255,255,255,.8); color:#fff; text-align:center; font-size:17px;background: rgba(255,255,255,.1) url(../images/bajt.png) 125px center no-repeat; padding-right: 20px;transition: all .4s ease;} .apple-banner .bannertext .babtn:hover{background: url(../images/bajt.png) 130px center no-repeat;padding-right: 30px;} @media screen and (max-width:1499px){ .apple-banner { height:700px;} .apple-banner .swiper-container1{ height: 700px;} .apple-banner .bannertext p{font-size:40px;} .apple-banner .bannertext span{ font-size:50px; } .apple-banner .bannertext .babtn{ width:160px; height:50px;line-height: 46px; font-size:16px;background: rgba(255,255,255,.1) url(../images/bajt.png) 115px center no-repeat;} .apple-banner .bannertext .babtn:hover{background: url(../images/bajt.png) 120px center no-repeat;padding-right: 30px;} } @media screen and (max-width:1299px){ .apple-banner { height: 550px;} .apple-banner .swiper-container1{ height: 550px;} .apple-banner .swiper-container1 .swiper-button-next {right: 124px;} .apple-banner .lbanbox{height:70px;} .apple-banner .lbanbox::after { height:70px;} .apple-banner .lbanbox .lban{ height:70px;padding: 0 250px 0 60px;} .apple-banner .bannertext img{ height:280px;} } @media screen and (max-width:1023px){ .apple-banner { height: 400px; margin-top:68px;} .apple-banner .swiper-container1{ height: 400px;} .apple-banner .bannertext p{font-size:30px;} .apple-banner .bannertext span{ font-size:34px;margin: 0 0 20px;} .apple-banner .bannertext .babtn{ width:150px;background: rgba(255,255,255,.1) url(../images/bajt.png) 110px center no-repeat;} .apple-banner .bannertext .babtn:hover{background: url(../images/bajt.png) 105px center no-repeat;} .apple-banner .bannertext img{ height:230px;} } @media screen and (max-width:767px){ .apple-banner { height: 350px;} .apple-banner .swiper-container1{ height: 350px;} .apple-banner .swiper-container-horizontal>.swiper-pagination-bullets, .apple-banner .swiper-pagination-custom, .apple-banner .swiper-pagination-fraction{bottom:60px;} .apple-banner .swiper-container1 .swiper-button-prev, .apple-banner .swiper-container1 .swiper-button-next{width:32px; height:32px;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span{ width:32px; height:32px;} .apple-banner .swiper-container1 .swiper-button-next { right:35px;} .apple-banner .lbanbox{height:50px;} .apple-banner .lbanbox::after { height:50px;} .apple-banner .lbanbox .lban{ height:50px;padding: 0 120px 0 40px;} .apple-banner .swiper-pagination-bullet{ width:8px; height:8px;} .apple-banner .swiper-pagination-bullet-active{ width:22px; height:8px;margin: 0 2px;} .apple-banner .bannertext{letter-spacing:1px;} .apple-banner .bannertext p{font-size:20px;} .apple-banner .bannertext span{ font-size:24px;margin: 0;} .apple-banner .bannertext .babtn{ display:none;} .apple-banner .bannertext img{ height:180px;} } @media screen and (max-width:600px){ .apple-banner { height: 300px;} .apple-banner .swiper-container1{ height: 300px;} .apple-banner .bannertext img{ height:220px;} } @media screen and (max-width:500px){ .apple-banner { height: 250px;} .apple-banner .swiper-container1 { height: 250px;} .apple-banner .bannertext img{ height:150px;} } @media screen and (max-width:375px){ .apple-banner { height: 200px;} .apple-banner .swiper-container1 { height: 200px;} .apple-banner .bannertext p{font-size:18px;} .apple-banner .bannertext span{ font-size:22px;} .apple-banner .bannertext img{ height:140px;} } @media screen and (max-width:320px){ .apple-banner { height: 180px;} .apple-banner .swiper-container1 { height: 180px;} .apple-banner .bannertext img{ height:120px;} } /* banner 结束 */ /*49987威尼斯标题*/ .big_biao p{ font-size:65px; line-height:60px; color:#ebebeb; font-weight:bold; text-transform:uppercase; text-align:center;} .big_biao span{ display:block; font-size:36px; color:#333; font-weight:bold; line-height:36px;margin: -25px 0 15px; text-align:center;} .big_biao span i{ color:#2e71b4; font-weight:bold;} .big_biao em{ display:block; width:18px; height:18px; position:relative; margin:0 auto 30px;} .big_biao em:before{ content:""; display:block; width:18px; height:10px; background: url(../images/biaojt.png) center no-repeat; position:absolute; top:0;animation: biaoti 1s infinite linear;} .big_biao em:after{ content:""; display:block; width:18px; height:10px; background: url(../images/biaojt.png) center no-repeat; position:absolute; bottom:0;animation: biaoti2 1s infinite linear;animation-delay:1s;} @keyframes biaoti{ 0%{ opacity:.2;} 50%{opacity:.6;} 100%{opacity:1;} } @keyframes biaoti2{ 0%{ bottom:6px;} 50%{bottom:3px;} 100%{bottom:0;} } @media (max-width:1023px) { .big_biao p{font-size:50px; line-height:50px; } .big_biao span{;margin: -20px 0 15px;} .big_biao em{ margin-bottom:20px;} } @media (max-width:767px) { .big_biao p{font-size:40px; line-height:40px; } .big_biao span{font-size:28px;margin: -20px 0 10px;} } @media (max-width:500px) { .big_biao p{font-size:34px; line-height:34px; } .big_biao span{font-size:24px;margin: -20px 0 5px;} } /*49987威尼斯关于我们*/ .ind_about{padding: 80px 0;background: url(../images/ab_map.png) left no-repeat;background-position:120px 96%; box-shadow:10px 10px 20px #f7f7f7;} .ind_about .big_biao p,.ind_about .big_biao span{ text-align:left;} .ind_about .big_biao em{ margin:0;} .ind_aboutl{width: 47%;float:left;padding: 2% 0;} .ind_aboutl .company{ font-size:30px; margin:20px 0;} .ind_about .ind_aboutl .indab_ms{line-height:33px;color:#777;max-height: 165px;overflow: hidden;font-size: 16px;text-indent: 2em; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .ind_about .ind_aboutl .indab_ms p,.ind_about .ind_aboutl .indab_ms span{ line-height:33px;color:#777;} .indab_more{display:block;margin-top:40px;color:#fff;font-size:17px;width: 180px;height:56px;line-height:56px;overflow: hidden;position: relative;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;text-align:center;background: url(../images/jhjt.png) 118px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);padding-right: 30px;} .indab_more:hover{background: url(../images/jhjt.png) 123px center no-repeat, linear-gradient(to right, #2894aa , #2d6fb2);} .ind_aboutr{width: 48%;float:right;background: url(../images/about.jpg) no-repeat center;background-size: cover;} .ind_aboutr .list{display: block;width: 100%; } .ind_aboutr .list li{width: 33.3334%;float: left; padding-top:230px;z-index: 9;height:500px;transition: all 0.5s; transition:0.5s; overflow: hidden;} .ind_aboutr .list li:nth-child(odd) { background: rgba(0,0,0,0.4)} .ind_aboutr .list li:nth-child(even){background: rgba(0,0,0,0.5)} .ind_aboutr .list li .box{text-align: center;width: 100%;transition: all 0.2s; position: relative; z-index: 50;padding: 0} .ind_aboutr .list li .ablizi{text-align: center;font-size: 20px;color: #FFFFFF;margin: 0 0 4px 0;position: relative;} .ind_aboutr .list li .ablizi span{font-size: 44px;margin-right: 3px;transition: all 0.4s;display: inline-block;font-weight: bold;} .ind_aboutr .list li.on .ablizi span{font-size: 50px;} .ind_aboutr .list li .ablizi i{font-style: inherit;position: absolute;bottom: 11px;font-weight: bold;} .ind_aboutr .list li p{font-size: 16px;line-height: 16px;margin: 0 0 16px 0;color: #FFFFFF;text-align: center;} .ind_aboutr .list li p img{height:16px;} .ind_aboutr .list li .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;background-size: cover !important;} .ind_aboutr .list li:nth-of-type(1) .bg {background: url('../images/a1.jpg') center bottom no-repeat;} .ind_aboutr .list li:nth-of-type(2) .bg {background: url('../images/a2.jpg') center bottom no-repeat;} .ind_aboutr .list li:nth-of-type(3) .bg {background: url('../images/a3.jpg') center bottom no-repeat;} .ind_aboutr .list li .ablizi:hover span{transform: scale(1.1);} .ind_aboutr .list li:hover{transform: scale(1.1); position: relative;z-index: 60} .ind_aboutr .list li.on{transform: scale(1.08,1.08); z-index: 10; box-shadow: 0px 0px 20px rgba(0,0,0,0);background-size: cover;opacity: 1; background-repeat: no-repeat;background-position: center center;} .ind_aboutr .list li.on .bg{display: block; overflow: hidden} .ind_aboutr .list li.on .bg:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 102%; height: 100%; background: rgba(0,0,0,0.07)} .ind_aboutr .list li .bg canvas{ width:333px !important; height:500px !important;} @media (max-width:1599px) { .ind_about{ background:none;} } @media (max-width:1299px) { .ind_aboutr .list li .ablizi span{font-size: 34px;} .ind_aboutr .list li.on .ablizi span{font-size: 40px;} .ind_aboutr .list li .ablizi i{ font-size:16px;} } @media (max-width:1200px) { .indab_more{ width:140px; height:46px; line-height:46px; font-size:16px;background: url(../images/jhjt.png) 100px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} } @media (max-width:1080px) { .indab_more{ width:120px; height:36px; line-height:36px; font-size:14px;background: url(../images/jhjt.png) 85px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} } @media (max-width:1023px) { .ind_about{padding:40px 0;} .ind_about .big_biao p{ text-align:center;} .ind_about .big_biao span{text-align:center;} .ind_about .big_biao em{ margin:0 auto;} .ind_aboutl{width:100%; padding:0;} .ind_aboutl .company{ text-align:center; margin:15px 0; font-size:26px;} .indab_more{ margin:20px auto 30px;} .ind_aboutr{width:100%;} .ind_aboutr .text,.ind_aboutr .list{ width: 100%; float: left} .ind_aboutr .text{ margin-bottom:40px; } .ind_aboutr .list li{ height:300px;padding-top: 120px;} .ind_aboutr .list li.on{transform: scale(1,1);} } @media (max-width:767px) { .ind_about{padding:30px 0;} .ind_aboutl .company{ margin:10px 0; font-size:22px;} .ind_about .ind_aboutl .indab_ms{line-height:25px; max-height: 200px; font-size:15px;-webkit-line-clamp: 8;} .indab_more {margin: 20px auto 25px;font-size:15px;width: 140px;height: 45px;line-height: 45px;background: url(../images/jhjt.png) 90px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} .indab_more:hover {background: url(../images/jhjt.png) 93px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} .ind_aboutr .list li{height: 180px; padding-top:55px;} .ind_aboutr .list li .ablizi span{ font-size:24px;} .ind_aboutr .list li.on .ablizi span{ font-size:30px;} .ind_aboutr .list li .ablizi i{ bottom:5px;} .ind_aboutr .list li .bg canvas{ width:150px !important; height:180px !important;} } @media (max-width:500px) { .ind_aboutr .list li{height: 300px;padding-top:110px;width:100%;} .ind_aboutr .list li:nth-of-type(1) .bg {background: url('../images/a1.jpg') center no-repeat;} .ind_aboutr .list li:nth-of-type(2),.ind_aboutr .list li:nth-of-type(3){ display:none;} } /*49987威尼斯业务领域*/ .indywly{ padding:60px 0 0; overflow:hidden; min-height:300px;} .indywly .yelybtn{ padding:0 50px; overflow:hidden; margin-bottom:30px;} .indywly .yelybtn li{ width:14.285%; height:100px; border-left:1px solid #eaedee; float:left; position:relative;} .indywly .yelybtn li:nth-of-type(7){border-right:1px solid #eaedee;} .indywly .yelybtn li .left{ width:48px; height:49px; overflow:hidden; position:absolute; top:50%; transform:translateY(-50%); left:20px;} .indywly .yelybtn li .left img{ width:100%;transition: all .4s ease;} .indywly .yelybtn li:hover .left img,.indywly .yelybtn li.on .left img{ margin-top:-50px;} .indywly .yelybtn li .right{width: calc(100% - 103px);position:absolute; top:50%; transform:translateY(-50%); right:20px; text-align:left;} .indywly .yelybtn li .right p{ font-size:14px; font-weight:bold; cursor:default;transition: all .4s ease;} .indywly .yelybtn li:hover .right p,.indywly .yelybtn li.on .right p{ color:#2e71b4;} .indywly .yelybtn li .right i{font-size:12px; color:#999; cursor:default;} .indywly .yelybtn li.phnoe{ display:none;} .indywly .ywlyimgbox{width:100%; height:614px;overflow:hidden;} .indywly .ywlyimgbox .imgtab{width:100%; height:100%; position:relative; background-size:cover;transition: all .5s ease;} .indywly .ywlyimgbox .imgtab .w1600{ padding-top:130px;} .indywly .ywlyimgbox .imgtab .tabtext{ padding:40px; width:600px; background:rgba(255,255,255,.72); position: absolute; z-index:2; top:50%; transform:translateY(-50%);} .indywly .ywlyimgbox .imgtab .tabtext p{ font-size:36px;} .indywly .ywlyimgbox .imgtab .tabtext em{ display:block; width:33px; height:2px; background:#2e71b4; margin:20px 0;} .indywly .ywlyimgbox .imgtab .tabtext .ms{ font-size:16px; color:#555; line-height:30px; max-height:90px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .indywly .ywlyimgbox .imgtab .tabtext .more{ display:block; width:60px; height:60px; border-radius:50%;background: url(../images/jhjt.png) center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2); margin-top:20px;transition: all .3s ease;} .indywly .ywlyimgbox .imgtab .tabtext .more:hover{background: url(../images/jhjt.png) center no-repeat, linear-gradient(to right, #2894aa , #2d6fb2);} @media (max-width:1400px) { .indywly .yelybtn{ margin-bottom:20px;} .indywly .yelybtn li{ height:80px;} .indywly .yelybtn li .left{left:10px;width: 38px; height: 39px;} .indywly .yelybtn li:hover .left img,.indywly .yelybtn li.on .left img{ margin-top:-40px;} .indywly .yelybtn li .right{width: calc(100% - 70px);right:10px;} .indywly .yelybtn li .right p{ height:84px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .indywly .yelybtn li .right i{ display:none;} .indywly .ywlyimgbox{height:500px;} .indywly .ywlyimgbox .imgtab .tabtext{ padding:30px;width: 50%;} .indywly .ywlyimgbox .imgtab .tabtext p{ font-size:30px;} .indywly .ywlyimgbox .imgtab .tabtext em{margin: 15px 0;} } @media (max-width:1300px) { .indywly .ywlyimgbox{height:400px;} .indywly .ywlyimgbox .imgtab .tabtext p{ font-size:24px;} .indywly .ywlyimgbox .imgtab .tabtext em{margin: 10px 0;} .indywly .ywlyimgbox .imgtab .tabtext .ms{ font-size:16px; line-height:30px;-webkit-line-clamp: 2;} .indywly .ywlyimgbox .imgtab .tabtext .more{ width:50px; height:50px;margin-top: 10px;} } @media (max-width:1080px) { .indywly .yelybtn li .right p{} } @media (max-width:1023px) { .indywly{ padding:40px 0 0;} .indywly .yelybtn{ padding:0 3%; margin-bottom:10px;} .indywly .ywlyimgbox{height:350px;} .indywly .ywlyimgbox .imgtab .tabtext{ padding:20px;width: 70%;} .indywly .ywlyimgbox .imgtab .tabtext .ms{ font-size:14px; line-height:22px;-webkit-line-clamp: 2;} } @media (max-width:880px) { .indywly .yelybtn li{height:54px;} .indywly .yelybtn li .left{ display:none;} .indywly .yelybtn li .right{ width:100%;right: 0;left: 0;} .indywly .yelybtn li .right p{text-align:center; height:40px;-webkit-line-clamp: 2; padding:0 10px;} } @media (max-width:767px) { .indywly{ padding:30px 0 0;} .indywly .yelybtn li{ width:25%; height:40px; margin-bottom:10px;} .indywly .yelybtn li:nth-of-type(7){border-right:0;} .indywly .yelybtn li:nth-child(4n){border-right:1px solid #eaedee;} .indywly .yelybtn li.phnoe{ display: block;} .indywly .ywlyimgbox{height:250px;} .indywly .ywlyimgbox .imgtab .tabtext{padding:15px; width:80%;} .indywly .ywlyimgbox .imgtab .tabtext p{ font-size:20px;} .indywly .ywlyimgbox .imgtab .tabtext em{margin: 5px 0 10px;} .indywly .ywlyimgbox .imgtab .tabtext .more{ width:40px; height:40px;} } /*49987威尼斯产品展示*/ .indpro{ padding:60px 0; overflow: hidden; background:#f7f7f7; min-height:300px;} .indpro .indpro_box{ overflow:hidden; margin:0 -30px; padding:0 30px 50px; position:relative;} .indpro .indpro_box ul{ width:100%;} .indpro .indpro_box ul li{ width:23.5%; border:1px solid #efefef; float:left; background:#fff;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;} .indpro .indpro_box ul li .proli_img{ display:block; width:100%; height:300px; position:relative; overflow:hidden;} .indpro .indpro_box ul li .proli_img img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;} .indpro .indpro_box ul li .lblibottom{ padding:20px 30px 30px; text-align:center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .indpro .indpro_box ul li .lblibottom .proli_name{ display:block;font-size:21px; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .indpro .indpro_box ul li .lblibottom p{ font-size:15px; color:#777; text-align:center; margin:10px 0 20px; height:22px; line-height:22px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .indpro .indpro_box ul li .lblibottom .proli_more{ display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:15px; background:linear-gradient(to bottom, #2894aa , #2d6fb2);transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;} .indpro .indpro_box ul li:hover{ box-shadow:0 10px 30px rgba(0,0,0,0.1);} .indpro .indpro_box ul li:hover .proli_img img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .indpro .indpro_box ul li:hover .lblibottom .proli_name{ color:#2e71b4;} .indpro .indpro_box ul li:hover .lblibottom .proli_more{ background:linear-gradient(to right, #2894aa , #2d6fb2);} .indpro .swiper-pagination { bottom:0;} .indpro .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background:#606060; border-radius:6px;transition: all .5s ease;} .indpro .swiper-pagination-bullet-active .swiper-pagination-bullet{width: 32px; background-color:linear-gradient(to bottom, #2894aa , #2d6fb2);} .indpro .swiper-pagination .swiper-pagination-bullet-active { width:32px; height:12px; border-radius:10px; background:linear-gradient(to bottom, #2894aa , #2d6fb2);} .indpro .autoplay .swiper-pagination-bullet-active .swiper-pagination-bullet{ background:linear-gradient(to bottom, #2894aa , #2d6fb2);} @media (max-width:1200px) { .indpro .indpro_box{ padding:0 0 50px; margin:0;} .indpro .indpro_box ul li .proli_img{height:200px;} } @media (max-width:1023px) { .indpro{ padding:40px 0;} .indpro .indpro_box{ padding:0 0 40px;} .indpro .indpro_box ul li .lblibottom{ padding:20px;} .indpro .indpro_box ul li .lblibottom p{margin: 10px 0 10px;} } @media (max-width:767px) { .indpro{ padding:30px 0;} .indpro .indpro_box{ padding:0 0 30px;} } @media (max-width:414px) { .indpro .indpro_box ul li .proli_img{height:250px;} } /*49987威尼斯技能大赛*/ .indjnds{padding:60px 0;min-height:300px;} .indjnds ul{ width:100%;} .indjnds ul li{ width:32%; float:left; margin-right:2%; margin-bottom:30px;background:#f4f4f4;transition: all .4s ease;} .indjnds ul li:nth-child(3n){margin-right:0;} .indjnds ul li .indjnimg{ width:100%; height:300px; display:block; position:relative; overflow:hidden;} .indjnds ul li .indjnimg img{width:100%; height:100%;object-fit: cover; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; } .indjnds ul li .indjntext{ padding:20px 30px 30px; overflow:hidden;} .indjnds ul li .indjntext .jnname{display:block;font-size:22px; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .indjnds ul li .indjntext p{ font-size:16px; color:#9ca3b0; line-height:28px; height:56px; margin:15px 0 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .indjnds ul li .indjntext .indjnfoot{ width:100%; height:60px; position:relative;} .indjnds ul li .indjntext time{ color:#777; font-size:16px; position:absolute; top:50%; transform:translateY(-50%);} .indjnds ul li .indjntext time:before{ content:""; display:block; width:18px; height:18px; overflow:hidden;background: url(../images/tbicojh.png) no-repeat; background-position:0 0; float: left; margin: 6px 6px 0 0;} .indjnds ul li .indjntext .indjnmore{ display:block; width:60px; height:60px;border-radius:50%; border:1px dashed #2e71b4;transition: all .3s ease; float:right; overflow:hidden; position:relative; z-index:1;} .indjnds ul li:hover .indjntext .indjnmore{border:1px solid #fff;} .indjnds ul li .indjntext .indjnmore:after{ content:"";display:block; width:100%; height:100%; background: url(../images/jhjt2.png) center no-repeat; z-index:3; position:absolute;} .indjnds ul li:hover .indjntext .indjnmore:after{background: url(../images/jhjt.png) center no-repeat;} .indjnds ul li .indjntext .indjnmore:before{ content:"";display:block; width:2px; height:2px;border-radius:50%;background: linear-gradient(to bottom, #2894aa , #2d6fb2); position:absolute; left:50%; top:50%; z-index:2;transition: all .2s ease;} .indjnds ul li:hover .indjntext .indjnmore:before{width:100%; height:100%; left:0; top:0;} .indjnds .jndsmore{display:block;margin:10px auto 0;color:#fff;font-size:17px;width: 180px;height:56px;line-height:56px;overflow: hidden;position: relative;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;text-align:center;background: url(../images/jhjt.png) 118px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);padding-right: 30px;} .indjnds .jndsmore:hover{background: url(../images/jhjt.png) 123px center no-repeat, linear-gradient(to right, #2894aa , #2d6fb2);} .indjnds ul li:hover .indjnimg img{ -webkit-transform: scale(1.07);-moz-transform: scale(1.07);transform: scale(1.07);} .indjnds ul li:hover{ background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.1);} .indjnds ul li:hover .indjntext .jnname{ color:#2e71b4;} @media (max-width:1200px) { .indjnds ul li .indjnimg{height:250px;} .indjnds ul li .indjntext{ padding:20px;} } @media (max-width:1023px) { .indjnds{padding:40px 0;} .indjnds ul li{ width:48.5%; margin-right:3%; margin-bottom:20px;} .indjnds ul li:nth-child(3n){margin-right:3%;} .indjnds ul li:nth-child(2n){margin-right:0;} } @media (max-width:767px) { .indjnds{padding:30px 0;} .indjnds ul li .indjnimg{ height:220px;} .indjnds ul li .indjntext .jnname{ font-size:20px;} .indjnds ul li .indjntext p{ line-height:25px; height:50px;margin: 5px 0 15px;} .indjnds ul li .indjntext .indjnfoot{ height:45px;} .indjnds ul li .indjntext .indjnmore{ width:45px; height:45px;} .indjnds .jndsmore {font-size:15px;width: 140px;height: 45px;line-height: 45px;background: url(../images/jhjt.png) 90px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} .indjnds .jndsmore:hover {background: url(../images/jhjt.png) 93px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} } @media (max-width:414px) { .indjnds ul li{ width:100%;margin-right:0; margin-bottom:10px;} .indjnds ul li:nth-child(3n){margin-right:0;} } /*49987威尼斯新闻中心*/ .indnew{ padding:60px 0; overflow:hidden;background:#f7f7f7; min-height:300px;} .indnew .ind_tjnew{width:36%; float:left; background:#fff; padding:39px 25px; overflow:hidden;} .indnew .ind_tjnew .tjnew_name{ font-size:24px; color:#333;max-width:100%; margin-bottom:15px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all .5s ease;} .indnew .ind_tjnew time{ color:#777; font-size:16px;transition: all .5s ease;} .indnew .ind_tjnew time:before{ content:""; display:block; width:18px; height:18px; overflow:hidden;background: url(../images/tbicojh.png) no-repeat; background-position:0 0; float: left; margin: 6px 6px 0 0;} .indnew .ind_tjnew .tjnew_img{ display:block; margin:25px 0;width:100%; height:355px; overflow:hidden; position:relative;} .indnew .ind_tjnew .tjnew_img img{ width:100%; height:100%;object-fit: cover; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition: all .5s ease;} .indnew .ind_tjnew .jtnewms{ font-size:16px; color:#999; line-height:28px; height:56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .indnew .ind_tjnew:hover .tjnew_name{ color:#2e71b4;} .indnew .ind_tjnew:hover time{ color:#2e71b4;} .indnew .ind_tjnew:hover time:before{ background-position:-18px 0;} .indnew .ind_tjnew:hover .tjnew_img img{ -webkit-transform: scale(1.07);-moz-transform: scale(1.07);transform: scale(1.07);} .indnew .ind_newlist{ width:61%; float:right;background:#fff;overflow:hidden;} .indnew .ind_newlist li{ width:100%; border-bottom:1px dashed #dcdcdc; padding:20px; overflow:hidden;} .indnew .ind_newlist li:last-child{ border:0;} .indnew .ind_newlist li .newlist_img{ width:262px; height:164px; float:left; margin-right:25px; position:relative; overflow:hidden;} .indnew .ind_newlist li .newlist_img img{width:100%; height:100%;object-fit: cover; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition: all .5s ease;} .indnew .ind_newlist li .newlist_text{width: calc(100% - 287px); float:right;} .indnew .ind_newlist li .newlist_name{font-size:22px; color:#333;max-width:100%; margin-bottom:15px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all .5s ease;} .indnew .ind_newlist li time{color: #2e71b4; font-size:16px;} .indnew .ind_newlist li time:before{ content:""; display:block; width:18px; height:18px; overflow:hidden;background: url(../images/tbicojh.png) no-repeat; background-position:-18px 0; float: left; margin: 6px 6px 0 0;} .indnew .ind_newlist li .ms{ font-size:16px; color:#999;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin:10px 0 25px;} .indnew .ind_newlist li .newlist_more{display:block; width:18px; height:6px;background: url(../images/tbicojh.png) no-repeat; background-position:-36px 0; float: left;transition: all .5s ease;} .indnew .ind_newlist li:hover .newlist_img img{-webkit-transform: scale(1.07);-moz-transform: scale(1.07);transform: scale(1.07);} .indnew .ind_newlist li:hover .newlist_name{color:#2e71b4;} .indnew .ind_newlist li:hover .newlist_more{ margin-left:5px;} @media (max-width:1150px) { .indnew .ind_tjnew{width:100%;} .indnew .ind_newlist{ width:100%; margin-top:10px;} } @media (max-width:1023px) { .indnew{ padding:40px 0;} } @media (max-width:767px) { .indnew{ padding:30px 0;} .indnew .ind_tjnew{padding: 25px 20px;} .indnew .ind_tjnew .tjnew_img{margin: 15px 0;height: 214px;} .indnew .ind_tjnew .tjnew_name{ font-size:22px;margin-bottom: 5px;} .indnew .ind_newlist li .newlist_img{width: 182px;height: 124px;} .indnew .ind_newlist li .newlist_text{width: calc(100% - 214px);} .indnew .ind_newlist li .newlist_name{ font-size:20px;} } @media (max-width:600px) { .indnew .ind_newlist li .newlist_img{width: 100%;height: 214px;} .indnew .ind_newlist li .newlist_text{width:100%;} .indnew .ind_newlist li .newlist_name{ margin:10px 0;} .indnew .ind_newlist li .ms{margin: 8px 0 13px;} } /*底部 开始*/ .foot { width:100%;background-color:#222;padding: 40px 0;} .foot .w1600{position:relative;} .foot .foot_left{width: calc(100% - 320px); padding-right:40px; border-right:1px solid #383838;} .foot .foot_left .footnav{ margin-bottom:25px;} .foot .foot_left .footnav a{ padding:0 2.5%; font-size:17px; color:#fff; border-right:1px solid #383838; transition: all .4s ease;} .foot .foot_left .footnav a:last-child{ border:0;} .foot .foot_left .footnav a:hover{ color:#2e71b4;} .foot .foot_left ul{ overflow:hidden; padding:40px 0;border-top:1px solid #383838; border-bottom:1px solid #383838; margin-bottom:30px;} .foot .foot_left ul li{ width:33.3333%; float:left; position:relative; padding-left:52px;} .foot .foot_left ul li:before{ content:""; display:block; width:42px; height:42px;background: url(../images/tbicojh.png) no-repeat; background-position:-69px 0; position:absolute; left:0; top:50%; transform:translateY(-50%);} .foot .foot_left ul li:nth-of-type(2):before{ background: url(../images/tbicojh.png) no-repeat; background-position:-167px 0;} .foot .foot_left ul li:nth-of-type(3):before{ background: url(../images/tbicojh.png) no-repeat; background-position:-118px 0;} .foot .foot_left ul li p{ font-size:16px; color:#7d7d7d;} .foot .foot_left ul li span{ font-size:15px; color:#fff;} .foot .foot_left .link{ color:#7b7b7b; position:relative;margin-bottom:10px;} .foot .foot_left .link p{ padding-left:22px; float:left;} .foot .foot_left .link p:before{ content:""; display:block; width:18px; height:18px;background: url(../images/tbicojh.png) no-repeat; background-position:-233px 0; position:absolute; left:0; top:3px;} .foot .foot_left .link a{color:#7b7b7b; margin-right:10px; line-height:21px;} .foot .foot_left .link a:hover{ color:#fff;transition: all .5s ease;} .foot .foot_left .footbq{color:#7b7b7b;} .foot .foot_left .footbq a{color:#7b7b7b;} .foot .foot_left .footbq a:hover{ color:#fff;transition: all .5s ease;} .foot .foot_right{width: 280px; position:absolute; top:50%; right:0; transform:translateY(-50%);} .foot .foot_right p{ font-size:17px; color:#fff;} .foot .foot_right em{ display:block; width:60px; height:1px; background:#383838; margin:10px 0 5px;} .foot .foot_right span{ font-size:36px;color: #5bd899; background: linear-gradient(to bottom, #2894aa, #2d6fb2);-webkit-background-clip: text;color: transparent;letter-spacing: -1px;} .foot .foot_right .ewmbox{ width:100%; margin:10px 0;} .foot .foot_right .ewmbox .ewm1{ width:114px; height:145px; float:left; margin-left:57px;} .foot .foot_right .ewmbox .ewm2{ width:114px; height:145px; float:right;} .foot .foot_right .ewmbox img{ width:100%;} .foot .foot_right .ewmbox{ max-width:100%;} .foot .foot_right .ewmbox i{ color:#fff; text-align:center; display:block; margin-top:10px;} @media screen and (max-width:1400px){ .foot .foot_left{width: calc(100% - 260px);padding-right: 20px;} .foot .foot_left .footnav a{ font-size:15px;padding: 0 2.2%;} .foot .foot_right{width: 240px;} .foot .foot_right span{ font-size:30px;} } @media screen and (max-width:1200px){ .foot .foot_left .footnav a{padding: 0 1.5%;} .foot .foot_left ul li{ width:50%;} .foot .foot_left ul li:nth-of-type(3){ display:none;} } @media screen and (max-width:1023px){ .foot{ padding:25px 0;} .foot .foot_left{ width:100%; padding-right:0; border-right:0;} .foot .foot_left .footnav,.foot .foot_left ul{ display:none;} .foot .foot_right{ position:static; transform:none;margin: 0 auto; width:260px; text-align:center; overflow: hidden; margin-bottom: 20px;} .foot .foot_right p,.foot .foot_right em{ display:none;} } @media (max-width: 767px) { } @media (max-width: 320px) { } /*底部 结束*/ /*内页banner*/ .nyba_lff{ width:100%; height:560px;background: url(../images/ny_banner1.jpg) center no-repeat; background-size:cover; position:relative;} .nyba_lff .nyBa_text{ position:absolute; top:40%; left:50%; transform:translate(-50%,-50%);} .nyba_lff .nyBa_text em{ width:34px; height:4px; background:#fff; display:block;} .nyba_lff .nyBa_text p{ font-size:50px; color:#fff; margin:20px 0 0;} .nyba_lff .nyBa_text span{font-size:16px; color:#fff; display:block;} .nyba_lff .ny_mbxr{ position: absolute; bottom:110px;left:50%; transform:translateX(-50%); color:#FFF; font-size:16px;} .nyba_lff .ny_mbxr a{color:#FFF;} .nyba_lff .ny_mbxr img{ margin-right:5px;} .case_nyba{background: url(../images/ny_banner2.jpg) center no-repeat;} .jszc_nyba{background: url(../images/ny_banner3.jpg) center no-repeat;} .xwzx_nyba{background: url(../images/ny_banner4.jpg) center no-repeat;} .whkb_nyba{background: url(../images/ny_banner5.jpg) center no-repeat;} .cpzs_nyba{background: url(../images/ny_banner6.jpg) center no-repeat;} .jnds_nyba{background: url(../images/ny_banner7.jpg) center no-repeat;} @media screen and (max-width:1399px){ .nyba_lff{height:460px;} .nyba_lff .nyBa_text p{ font-size:40px;} .nyba_lff .ny_mbxr{bottom:85px; font-size:15px;} } @media screen and (max-width:1023px){ .nyba_lff{height:320px; margin-top:68px;} .nyba_lff .nyBa_text p{ font-size:30px;} .nyba_lff .ny_mbxr{bottom:70px;color: rgba(255,255,255,.8);} .nyba_lff .ny_mbxr a{color: rgba(255,255,255,.8);} .nyba_lff .ny_mbxr img{ display:none;} } @media screen and (max-width:767px){ .nyba_lff{height:220px;} .nyba_lff .nyBa_text p{font-size:22px;margin: 15px 0 0;} .nyba_lff .nyBa_text span{font-size:14px;} .nyba_lff .ny_mbxr{bottom:20px !important;font-size:13px; line-height:22px;} } /*内页关于我们*/ .abtopbtn{ height:80px; background:rgba(1,1,1,.4); margin-top:-80px; position:relative;} .abtopbtn a{ padding:0 5%;color:#fff; font-size:16px; font-weight:bold; line-height:80px; display:block; float:left; position:relative;} .abtopbtn a:hover,.abtopbtn a.on{background: linear-gradient(to bottom, #2894aa, #2d6fb2);} .abtopbtn a i{ width:20px; height:21px;background: url(../images/nytbico.png) center no-repeat; background-position:0 0; float:left; margin:28px 10px 0 0;} .abtopbtn a:nth-of-type(2) i{background-position:0 -21px;} .abtopbtn a:nth-of-type(3) i{background-position:0 -42px;} .abtopbtn a:after{ content:""; width:1px; height:13px; background:#a9abae; position:absolute; right:0; top:50%; transform:translateY(-50%);} .abtopbtn a:hover:after,.abtopbtn a.on:after{ display:none;} .abtopbtn a:last-child:after{ width:0;} @media screen and (max-width:1399px){ .abtopbtn{ height:70px;margin-top:-70px;} .abtopbtn a{line-height:70px;} .abtopbtn a i{ margin:24px 10px 0 0;} } @media screen and (max-width:1023px){ .abtopbtn{ height:60px;margin-top:-60px;} .abtopbtn a{line-height:60px;} .abtopbtn a i{ margin:20px 10px 0 0;} } @media screen and (max-width:767px){ .abtopbtn{ display:none;} } /*关于我们 简介*/ .ny_content{ min-height:500px;} .ny_content .nyab_one{ margin:70px 0;} .nyab_one .nyab1-top{ overflow:hidden; margin-bottom:50px;} .nyab_one .nyab1-top .ab1left{ width:230px; float:left;} .nyab_tit p{ font-size:34px; line-height:40px; margin-bottom:7px;} .nyab_tit span{ color:#e2e2e2; text-transform:uppercase; font-size:21px;} .nyab_one .nyab1-top .ab1left a{ display:block; color:#fff; font-size:16px; text-align:center; width:146px; height:50px; line-height:50px;background: linear-gradient(to bottom, #2894aa, #2d6fb2); margin-top:50px;} .nyab_one .nyab1-top .ab1right{width: calc(100% - 270px); float:right; font-size:16px; color:#777; line-height:32px; max-height:256px;overflow-y: auto; padding-right:1%;} .nyab_one .nyab1-foot{ overflow:hidden; position:relative;} .nyab_one .nyab1-foot .ab1left2{width:230px; float:left;} .nyab_one .nyab1-foot .ab1left2 .li:nth-of-type(1){ position:absolute; top:0;} .nyab_one .nyab1-foot .ab1left2 .li:nth-of-type(2){ position:absolute; top:50%; transform:translateY(-50%);} .nyab_one .nyab1-foot .ab1left2 .li:nth-of-type(3){ position:absolute; bottom:0;} .nyab_one .nyab1-foot .ab1left2 .li span{ color:#999; font-size:15px;} .nyab_one .nyab1-foot .ab1left2 .li p{ font-size:48px; line-height:56px; font-weight:bold; color:#2e71b4; position:relative;} .nyab_one .nyab1-foot .ab1left2 .li p em{ font-size:24px; position:absolute; right:-20px;; top:-15px;font-weight:bold;} .nyab_one .nyab1-foot .ab1left2 .li p i{position:absolute; right:-20px; bottom:-10px; font-size:16px;color:#999;} .nyab_one .nyab1-foot .ab1right2{width: calc(100% - 270px); float:right;} .nyab_one .nyab1-foot .ab1right2 .ab_img1{ float:left; width:54.436%;} .nyab_one .nyab1-foot .ab1right2 .ab_img1 img{ max-width:100%;} .nyab_one .nyab1-foot .ab1right2 .ab_img2{ float:right;width:44.812%;} .nyab_one .nyab1-foot .ab1right2 .ab_img2 img{ max-width:100%;} @media screen and (max-width:1399px){ .nyab_one .nyab1-top .ab1left{width:180px;} .nyab_one .nyab1-top .ab1right{width: calc(100% - 210px);} .nyab_one .nyab1-foot .ab1left2{width:180px;} .nyab_one .nyab1-foot .ab1right2{width: calc(100% - 210px);} } @media screen and (max-width:1023px){ .nyab_tit p{ font-size:26px; line-height:30px; margin-bottom:3px;} .nyab_tit span{font-size:16px;} .ny_content .nyab_one{ margin:45px 0;} .nyab_one .nyab1-top{ margin-bottom:20px;} .nyab_one .nyab1-top .ab1left{width:100%; text-align:center;} .nyab_one .nyab1-top .ab1left a{ display:none;} .nyab_one .nyab1-top .ab1right{width:100%; margin-top:20px;} .nyab_one .nyab1-foot{ position:static;} .nyab_one .nyab1-foot .ab1left2{width:100%; text-align:center; margin-bottom:10px;} .nyab_one .nyab1-foot .ab1right2{width:100%;} .nyab_one .nyab1-foot .ab1left2 .li{ float:left; width:33.33333%;} .nyab_one .nyab1-foot .ab1left2 .li:nth-of-type(1){ position:static;} .nyab_one .nyab1-foot .ab1left2 .li:nth-of-type(2){ position:static; transform:none;} .nyab_one .nyab1-foot .ab1left2 .li:nth-of-type(3){ position:static;} .nyab_one .nyab1-foot .ab1left2 .li p i{ position:static;} .nyab_one .nyab1-foot .ab1left2 .li p em{left: 60px;top: -15px;} } @media screen and (max-width:767px){ .ny_content .nyab_one{ margin:30px 0;} .nyab_one .nyab1-top .ab1right{ margin-top:10px;} .nyab_one .nyab1-foot .ab1left2{ display:none;} } /*企业文化*/ .ny_content .nyab_two{ width:100%; overflow:hidden; padding:65px 0; background:#e6eff4;} .nyab_two .nyab_tit{ text-align:center;} .nyab_two .nyab_tit span{ color:#b3c5d3;} .nyab_two ul{ margin-top:40px; overflow:hidden;} .nyab_two ul li{ width:23.875%; float:left; margin-right:1.5%; background:#fff; padding:45px 20px; position:relative; overflow:hidden;} .nyab_two ul li:before{ content:""; display:block; width:100%; height:80%; left:0; top:0;background: linear-gradient(to bottom, #2894aa, #2d6fb2); position:absolute; opacity:0;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;} .nyab_two ul li:hover:before{ opacity:1; height:100%;} .nyab_two ul li:nth-child(4n){ margin-right:0;} .nyab_two ul li span{ font-size:30px; color:#ddd; text-transform:uppercase; display:block; line-height:36px;} .nyab_two ul li:hover span{ position:relative; color:rgba(255,255,255,.1); z-index:22;} .nyab_two ul li p{ font-size:24px; font-weight:bold; margin:15px 0;} .nyab_two ul li:hover p{position:relative; color:#fff; z-index:22;} .nyab_two ul li .ms{ font-size:15px; line-height:30px; color:#777; height:150px; overflow-y:auto;} .nyab_two ul li:hover .ms{position:relative; color:#fff; z-index:22;} .nyab_two ul li em{ display:block; width:80px; height:87px;background: url(../images/qywhico.png)no-repeat; background-position:0 0; margin-top:30px;} .nyab_two ul li:nth-of-type(2) em{background-position:-80px 0;} .nyab_two ul li:nth-of-type(3) em{background-position:-160px 0;} .nyab_two ul li:nth-of-type(4) em{background-position:-240px 0;} .nyab_two ul li:hover em{background-position:0 -87px; position:relative; z-index:22;} .nyab_two ul li:nth-of-type(2):hover em{background-position:-80px -87px;} .nyab_two ul li:nth-of-type(3):hover em{background-position:-160px -87px;} .nyab_two ul li:nth-of-type(4):hover em{background-position:-240px -87px;} @media screen and (max-width:1023px){ .ny_content .nyab_two{padding: 40px 0 20px;} .nyab_two ul{ margin-top:20px;} .nyab_two ul li{ width:49%; margin-right:2%; margin-bottom:20px;} .nyab_two ul li:nth-child(2n){ margin-right:0;} } @media screen and (max-width:767px){ .ny_content .nyab_two{padding: 30px 0 25px;} .nyab_two ul{ margin-top:15px;} .nyab_two ul li{padding:30px 20px;} .nyab_two ul li span{ font-size:24px;line-height: 32px;} .nyab_two ul li p{ margin:10px 0;} .nyab_two ul li em{ margin-top:15px;} } @media screen and (max-width:500px){ .nyab_two ul li{ width:100%; margin-right:0; margin-bottom:10px;} .nyab_two ul li .ms{ height:120px;} } /*寄语*/ .nyab_three{ width:100%; padding:150px 0; overflow:hidden;background: url(../images/abjiyu_bg.jpg) center no-repeat; background-size:cover; } .nyab_three .nyab_tit p{ font-size:40px; font-weight:bold; color:#fff; margin-top:17px; line-height:44px;} .nyab_three .nyab_tit span{color:#fff; font-size:16px;} .nyab_three .jycont{color:rgba(255,255,255,.86); font-size:16px; line-height:38px; width:50%; margin-top:40px; max-height:484px; overflow:auto;} .nyab_three .jycont p{color:rgba(255,255,255,.86); font-size:16px; line-height:38px;} @media screen and (max-width:1399px){ .nyab_three .jycont{ width:80%;} } @media screen and (max-width:1023px){ .nyab_three{padding:100px 0;} .nyab_three .nyab_tit{ text-align:center;} .nyab_three .nyab_tit p{ font-size:28px; margin-top:2px;} .nyab_three .jycont{ width:100%; font-size:15px; line-height:30px; margin-top:20px;} .nyab_three .jycont p{font-size:15px; line-height:30px;} } @media screen and (max-width:767px){ .nyab_three{padding:60px 0;} .nyab_three .jycont{ margin-top:10px;} } /*荣誉资质*/ .nyab_four{width:100%; padding:65px 0; overflow:hidden;} .nyab_four .nyab_tit{ text-align:center;} .nyab_four .nyab_tit span{ color:#b3c5d3;} .nyab_four .abhonor_box{ width:100%; position: relative; overflow:hidden; padding: 40px 0 50px;} .nyab_four .abhonor_box ul li{ width:32.5%; float:left;} .nyab_four .abhonor_box ul li .bonorimg{ width:100%; height:344px; background:#f7f7f7; position:relative; display:block; overflow:hidden;} .nyab_four .abhonor_box ul li .bonorimg:before{ content:""; display:block; width:26px; height:26px; background:rgba(1,72,149,.7) url(../images/ssbai.png) center no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; opacity:0; transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s; } .nyab_four .abhonor_box ul li:hover .bonorimg:before{ width:100%; height:100%;opacity:1;} .nyab_four .abhonor_box ul li .bonorimg img{ max-width:98%; max-height:98%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;} .nyab_four .abhonor_box ul li:hover .bonorimg img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .nyab_four .abhonor_box ul li .bonorname{ display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;padding:0 10px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:#e5e5e5;transition: all .4s ease;} .nyab_four .abhonor_box ul li:hover .bonorname{background:#2e71b4; color:#fff;} .nyab_four .swiper-pagination { bottom:0;} .nyab_four .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background:#606060; border-radius:6px;transition: all .5s ease;} .nyab_four .swiper-pagination-bullet-active .swiper-pagination-bullet{width: 32px; background-color:linear-gradient(to bottom, #2894aa , #2d6fb2);} .nyab_four .swiper-pagination .swiper-pagination-bullet-active { width:32px; height:12px; border-radius:10px; background:linear-gradient(to bottom, #2894aa , #2d6fb2);} .nyab_four .autoplay .swiper-pagination-bullet-active .swiper-pagination-bullet{ background:linear-gradient(to bottom, #2894aa , #2d6fb2);} @media screen and (max-width:1399px){ .nyab_four .abhonor_box ul li .bonorimg{height:300px;} } @media screen and (max-width:1023px){ .nyab_four{padding:40px 0;} .nyab_four .abhonor_box{padding: 20px 0 30px;} .nyab_four .abhonor_box ul li .bonorimg{height:200px;} } @media screen and (max-width:767px){ .nyab_four{padding:30px 0;} .nyab_four .abhonor_box{padding: 15px 0 30px;} } /*内页关于我们 结束*/ /*内页技能大赛*/ .ny_jndsbox{ padding:65px 0; overflow:hidden;} .ny_jndsbox ul{ width:100%;} .ny_jndsbox ul li{ width:32%; float:left; margin-right:2%; margin-bottom:35px;} .ny_jndsbox ul li:nth-child(3n){ margin-right:0;} .ny_jndsbox ul li .nyjn_img{width:100%; height:310px; background:#f7f7f7; position:relative; display:block; overflow:hidden;} .ny_jndsbox ul li .nyjn_img:before{ content:""; display:block; width:100%; height:100%; background:rgba(1,72,149,.7) url(../images/ssbai.png) center no-repeat; position:absolute; top:0; left:0; z-index:2; opacity:0;transform: scale(.1); transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; } .ny_jndsbox ul li:hover .nyjn_img:before{opacity:1;transform: scale(1);} .ny_jndsbox ul li .nyjn_img img{width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;object-fit: cover;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;} .ny_jndsbox ul li:hover .nyjn_img img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .ny_jndsbox ul li .nyjn_name{ display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:16px; padding:0 10px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:#e5e5e5;transition: all .4s ease;} .ny_jndsbox ul li:hover .nyjn_name{background:#2e71b4; color:#fff;} @media screen and (max-width:1399px){ .jndsbtn a{ padding:0 2%; font-size:14px;} .ny_jndsbox ul li .nyjn_img{height:260px;} } @media screen and (max-width:1023px){ .ny_jndsbox{ padding:40px 0;} .ny_jndsbox ul li{ margin-bottom:20px;} .ny_jndsbox ul li .nyjn_img{height:200px;} } @media screen and (max-width:768px){ .jndsbtn a i{margin: 20px 5px 0 0;} } @media screen and (max-width:767px){ .ny_jndsbox{ padding:30px 0;} .ny_jndsbox ul li{ width:48.5%; margin-right:3%; margin-bottom:15px;} .ny_jndsbox ul li:nth-child(3n){ margin-right:3%;} .ny_jndsbox ul li:nth-child(2n){ margin-right:0;} .ny_jndsbox ul li .nyjn_name{ height:50px; line-height:50px; font-size:15px;} } @media screen and (max-width:500px){ .ny_jndsbox ul li .nyjn_img{height:130px;} } /*分页样式 开始*/ #fengye { text-align: center; margin: 20px auto 0; color: #555; font-size:0;} #fengye table { display:inline-block;} #fengye table tr td { font-size:0;} #fengye a { display: inline-block; padding: 0 15px;height: 36px; line-height: 36px; text-align: center; margin: 0 5px; border-radius:0; color: #555; font-size:14px; border:1px solid #eaeaea; border-radius:5px;} #fengye.fengye1 a { background-color:#f0f0f0;} #fengye a#firstpage, #fengye a#uppage, #fengye a#downpage, #fengye a#endpage { background: #fff; color: #9c9ca3;border:1px solid #eaeaea; border-radius:5px;} #fengye a#firstpage{padding: 0 25px;} #fengye a:hover {background: linear-gradient(45deg, #2894aa, #2d6fb2) !important; color: #fff !important;} #fengye a.pnnum1 {background: linear-gradient(45deg, #2894aa, #2d6fb2);color: #fff;} #fengye input { display: inline-block; padding: 0 5px; width: 100px !important; height: 36px !important; line-height: 36px; text-align: center; border-radius: 0; margin: 0 5px; cursor: pointer; border: 0; outline:none;color: #9c9ca3;} #fengye .p_input { display: inline-block; padding: 0 5px; background: #ddd; height: 36px; line-height: 36px; text-align: center; margin: 0 5px; color: #555; cursor: default;} @media (max-width: 767px) { #fengye { margin:10px auto 20px;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; font-size:14px; padding: 0 15px; border-radius: 0; display:none;} #fengye a#firstpage, #fengye a#uppage, #fengye a#downpage, #fengye a#endpage { display:inline-block;} } @media (max-width: 375px) { } @media (max-width: 320px) { #fengye a { padding:0 10px;} } /*分页样式 结束*/ /*荣誉资质页面*/ .ny_honorbox .ny_jndsbox ul li{ width:23.5%;} .ny_honorbox .ny_jndsbox ul li:nth-child(3n){ margin-right:2%;} .ny_honorbox .ny_jndsbox ul li:nth-child(4n){margin-right:0;} .ny_honorbox .ny_jndsbox ul li .nyjn_img img{ width:auto; max-width:100%;} .ny_honorbox .ny_jndsbox ul li .nyjn_img:before{width:100%; height:100%; top:0; left:0;} @media (max-width: 1200px) { .ny_honorbox .ny_jndsbox ul li{ width:32%;} .ny_honorbox .ny_jndsbox ul li:nth-child(4n){margin-right:2%;} .ny_honorbox .ny_jndsbox ul li:nth-child(3n){ margin-right:0;} } @media (max-width: 767px) { .ny_honorbox .ny_jndsbox ul li{ width:48.5%;} .ny_honorbox .ny_jndsbox ul li:nth-child(3n){margin-right:3%;} .ny_honorbox .ny_jndsbox ul li:nth-child(2n){ margin-right:0;} } @media (max-width: 500px) { .ny_honorbox .ny_jndsbox ul li{ width:100%;} .ny_honorbox .ny_jndsbox ul li:nth-child(3n){margin-right:0;} .ny_jndsbox ul li .nyjn_img{ height:260px;} } /*产品列表页*/ /*分类*/ .nyba_lff .nonefl{ bottom:37px;} .ny_prolist{padding:65px 0;} .ny_prolist .flleft{ width:21.25%; float:left;overflow: hidden;margin: 0;padding: 0;} .ny_prolist .flleft .h_left { width:100%; overflow:hidden;margin:0 auto 20px;} .ny_prolist .flleft .cp_type {} .ny_prolist .flleft .cp_type .hd {background: linear-gradient(to bottom, #2894aa, #2d6fb2); padding:18px 25px; position:relative;} .ny_prolist .flleft .cp_type .hd:after{ content:""; display:block; width:49px; height:49px;background:url(../images/tbicojh.png) center no-repeat;background-position:-352px 0; position:absolute; right:25px; top:24px;} .ny_prolist .flleft .cp_type .hd p { height:40px; line-height:40px; font-size:28px; font-weight:bold; color:#fff;} .ny_prolist .flleft .cp_type .hd span { display:block; height:20px; line-height:20px; font-size:14px; color:rgba(255,255,255,.5); text-transform:uppercase;} .ny_prolist .flleft .cp_type .bd {width:100%; background:#f5f5f5; border-top:0;float:right;} .ny_prolist .flleft .cp_type .bd ul li.on ,.ny_prolist .flleft .cp_type .bd ul li.dw { border-left:3px solid #2e71b4;} .ny_prolist .flleft .cp_type .bd ul li.dw div{ display:block;} .ny_prolist .flleft .cp_type .bd ul li p { height:70px; line-height:70px; padding:0 65px 0 0; position:relative; border-bottom:1px solid #fff;border-top:1px solid #fff;} .ny_prolist .flleft .cp_type .bd ul li:first-child p{ border-top:0;} .ny_prolist .flleft .cp_type .bd ul li:last-child p{ border:0;} .ny_prolist .flleft .cp_type .bd ul li p a { display:block; width:100%; padding:0 0 0 25px; overflow: hidden; line-height:70px; color:#333; font-size:17px; white-space:nowrap; text-overflow: ellipsis; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all .5s ease;} .ny_prolist .flleft .cp_type .bd ul li p span { display:block; width:21px; height:21px; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); right:25px;background:url(../images/pro_down.png) center center no-repeat; background-size:21px 21px; transition: all .4s ease;} .ny_prolist .flleft .cp_type .bd ul li:hover p span{ background:url(../images/pro_down2.png) center center no-repeat; background-size:21px 21px;} .ny_prolist .flleft .cp_type .bd ul li div { display:none; padding:15px 0; width:100%;border-bottom: 1px solid #fff;} .ny_prolist .flleft .cp_type .bd ul li:last-child div { border-bottom:0;} .ny_prolist .flleft .cp_type .bd ul li div a { display:block; width:100%;line-height:38px; color:#454545; font-size:15px; margin:0 auto 1px; padding:0 20px 0 36px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .ny_prolist .flleft .cp_type .bd ul li div a:before{content:""; display:block; width:6px; height:1px; background:#666; float:left;margin-top: 20px; margin-right: 10px;} .ny_prolist .flleft .cp_type .bd ul li p:hover a, .ny_prolist .flleft .cp_type .bd ul li.on p a,.ny_prolist .flleft .cp_type .bd ul li.dw p a { color:#2e71b4; font-weight:bold;} .ny_prolist .flleft .cp_type .bd ul li.on p span,.ny_prolist .flleft .cp_type .bd ul li.dw p span{ background:url(../images/pro_down3.png) center center no-repeat;background-size:21px 21px;} .ny_prolist .flleft .cp_type .bd ul li div a:hover { color:#2e71b4; background:url(../images/icon5.png) 20px center no-repeat; background-color:#f6f6f6;} .ny_prolist .flleft .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:94%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .ny_prolist .flleft .cp_type .bd ul a.ckqb:hover { background:#e60027; color:#fff;} /*相关新闻*/ .ny_prolist .flleft .ny_xgxw .cp_type .hd:after{background-position: -350px -64px;} .ny_prolist .flleft .xwbd{ min-height:200px;background: #f5f5f5;} .ny_prolist .flleft .xwbd ul li{padding: 0 25px 0 20px;} .ny_prolist .flleft .xwbd ul li p{ width:100%; padding:15px 0;border-bottom:1px solid #fff;} .ny_prolist .flleft .xwbd ul li p a{ font-size:16px; line-height:30px; display:block; padding-right:20px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;background:url(../images/xgxwjt.png) 100% center no-repeat; transition: all .4s ease;} .ny_prolist .flleft .xwbd ul li:hover p a{ color:#2e71b4; background:url(../images/xgxwjt2.png) 100% center no-repeat;} .ny_prolist .flleft .xwbd ul li p time{ color:#999;} .ny_prolist .proliright{ width:75.5%; float:right;} .ny_prolist .proliright ul li{ width:100%; padding:20px;border-bottom:1px solid #eaeaea; overflow:hidden; margin-bottom:20px; background:#fff; transition: all .4s ease;} .ny_prolist .proliright ul li:hover{ box-shadow:0 7px 20px #eaeaea;} .ny_prolist .proliright ul li .proli_img{ display:block; width:266px; height:266px; border:1px solid #eaeaea; position:relative; float:left;} .ny_prolist .proliright ul li .proli_img:before{ content:""; display:block; width:100%; height:100%; background:rgba(1,72,149,.7) url(../images/ckmore.png) center no-repeat; position:absolute; top:0; left:0; z-index:2; opacity:1;transform: scale(.1); transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; display:none; } .ny_prolist .proliright ul li:hover .proli_img:before{opacity:1;transform: scale(1);} .ny_prolist .proliright ul li .proli_img img{ max-width:98%; max-height:98%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;} .ny_prolist .proliright ul li .lbliright{width: calc(100% - 306px); float:right; } .ny_prolist .proliright ul li .lbliright .proli_name{ font-size:17px; padding:20px 0; border-bottom:1px dashed #eaeaea; display:block;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ny_prolist .proliright ul li:hover .lbliright .proli_name{} .ny_prolist .proliright ul li .lbliright .ms{ font-size:15px; color:#888; padding:20px 0 10px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ny_prolist .proliright ul li .lbliright .ms i{ color:#333;} .ny_prolist .proliright ul li .cxxz4{ width:100%; float:left; margin-right:0; color:#888; font-size:15px; height:40px; line-height:40px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ny_prolist .proliright ul li .cxxz4:nth-child(2n){ margin-right:0;} .ny_prolist .proliright ul li .cxxz4 i{ color:#333;} .ny_prolist .proliright ul li .proli_more{display:block; float:right; margin-top:20px;color:#fff;font-size:15px;width: 120px;height:40px;line-height:40px;overflow: hidden;position: relative;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;text-align:center;background: url(../images/jhjt.png) 81px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);padding-right: 30px;} .ny_prolist .proliright ul li:hover .proli_more{background: url(../images/jhjt.png) 86px center no-repeat, linear-gradient(to right, #2894aa , #2d6fb2);} @media screen and (max-width:1399px){ .ny_prolist .flleft{width:26%;} .ny_prolist .proliright{ width:71%;} .ny_prolist .proliright ul li .proli_img{ width:246px; height:246px;} .ny_prolist .proliright ul li .lbliright{width: calc(100% - 275px);} .ny_prolist .proliright ul li .cxxz4{ height:35px; line-height:35px;font-size: 14px;} .ny_prolist .proliright ul li .proli_more{ margin-top:10px; float:left;} } @media screen and (max-width:1080px){ .ny_prolist .flleft{ width:100%;} .ny_prolist .flleft .h_left{ margin-bottom:10px;} .ny_prolist .flleft .cp_type .hd{ overflow:hidden;background: url(../images/phonefl.png) 96% center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2); padding: 5px 25px;} .ny_prolist .flleft .cp_type .hd.on{background: url(../images/phonefl2.png) 96% center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} .ny_prolist .flleft .cp_type .hd:after{ display:none;} .ny_prolist .flleft .cp_type .hd p{ font-size:22px; line-height:44px; margin-right:5px; float:left;} .ny_prolist .flleft .cp_type .hd span{ float:left; height:45px; line-height:45px;} .ny_prolist .flleft .cp_type .bd{ display:none;} .ny_prolist .flleft .cp_type .bd ul li p{ height:60px; line-height:60px;} .ny_prolist .flleft .cp_type .bd ul li p a{line-height:60px;} .ny_prolist .flleft .cp_type .bd ul li p span{ right:4%;} .ny_prolist .flleft .xwbd{ display:none;} .ny_prolist .flleft .xwbd ul li{padding: 0 4% 0 20px;} .ny_prolist .proliright{ width:100%;padding: 0;} } @media screen and (max-width:1023px){ .ny_prolist{padding:40px 0;} } @media screen and (max-width:767px){ .ny_prolist{padding:30px 0;} .ny_prolist .flleft .cp_type .hd p{ font-size:18px;} .ny_prolist .flleft .cp_type .hd span{ font-size:12px;} .ny_prolist .proliright ul{ margin-top:10px;} .ny_prolist .proliright ul li{ box-shadow:0 2px 6px #eaeaea;} .ny_prolist .proliright ul li .proli_img{ width:100%; height:280px;} .ny_prolist .proliright ul li .lbliright{ width:100%;} .ny_prolist .proliright ul li .lbliright .proli_name{ padding:15px 0;} } /*联系我们*/ .lxwmbtn a i{ width:20px; height:21px;background: url(../images/nytbico.png) center no-repeat; background-position:-21px 0; float:left; margin:29px 10px 0 0;} .lxwmbtn a:nth-of-type(2) i{background-position:-21px -21px;} .lxwmbtn a:nth-of-type(3) i{background-position:-21px -42px;} .lxwmbtn a:nth-of-type(4) i{background-position:-21px -64px;} @media (max-width:1023px) { .lxwmbtn a i{margin:20px 10px 0 0;} } /*lyNy_contact 开始*/ .lxwmcont{ background:#f0f5fa;} .lyNy_contact { padding:70px 0;overflow: hidden;} .lyNy_contact .lyNyCont_lxfs { width: 50%; overflow: hidden; margin: 0; padding: 0 20px 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyNyCont_lxfs ul li { width: 48.5%; height: 155px; margin: 0 3% 20px 0; padding: 40px 30px 40px 120px; background-color: #fff; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyNyCont_lxfs ul li:nth-child(2n+2) { margin: 0 0 20px; } .lyNyCont_lxfs ul li i { display: block; width: 70px; height: 70px; overflow: hidden; margin: -35px 0 0 0; padding: 0; background-color: #f6f6f6; border-radius: 50%; position: absolute; left: 30px; top: 50%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .lyNyCont_lxfs ul li i img { display: block; width: 40px; height: 40px; overflow: hidden; margin: 15px auto; padding: 0; } .lyNyCont_lxfs ul li:hover i { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .lyNyCont_lxfs ul li .ContLxfs_text { width: 100%; overflow: hidden; margin: 0; padding: 10px 0; } .lyNyCont_lxfs ul li .ContLxfs_text span { display: block; width: 100%; height: 25px; overflow: hidden; line-height: 25px; color: #999; font-size: 15px; margin: 0 auto 5px; padding: 0; } .lyNyCont_lxfs ul li .ContLxfs_text p { width: 100%; height: auto; min-height: 25px; max-height: 50px; overflow: hidden; line-height: 25px; color: #333; font-size: 15px; word-break: break-all; display: -webkit-box; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 auto; padding: 0; } .lyNyCont_lxfs ul li .ContLxfs_text p font { font-size: 20px; } .lyNy_contact .lyNyCont_ewm { width: 50%; overflow: hidden; margin: 0; padding: 0 0 0 20px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyNyCont_ewm .NyContEwm_con { width: 100%; height: 330px; overflow: hidden; margin: 0 auto; padding: 60px 40px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyContEwm_con .NyContEwm_text { width: 65%; overflow: hidden; margin: 0; padding: 40px 0; float: left; } .NyContEwm_con .NyContEwm_text i { display: block; width: 110px; height: 110px; overflow: hidden; margin: 0 20px 0 0; padding: 0; border-radius: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyContEwm_con .NyContEwm_text i img { display: block; width: 108px; height: 108px; overflow: hidden; padding: 0; } .NyContEwm_con .NyContEwm_text p { overflow: hidden; line-height: 30px; color: #333; font-size: 20px; font-weight: bold; margin: 0; padding: 0; } .NyContEwm_con .NyContEwm_text font { display: block; overflow: hidden; line-height: 40px; color: #2e71b4; font-size: 30px; margin: 5px 0; padding: 0; } .NyContEwm_con .NyContEwm_text span { display: block; overflow: hidden; line-height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; } .NyContEwm_con .NyContEwm_code { width: 35%; overflow: hidden; margin: 0; padding: 0; float: right; } .NyContEwm_con .NyContEwm_code span { display: block; width: 160px; height: 160px; overflow: hidden; margin: 0 auto 10px; padding: 0; border: 1px solid #f1f1f1; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyContEwm_con .NyContEwm_code span img { display: block; max-width: 100%; max-height: 100%; overflow: hidden; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .NyContEwm_con .NyContEwm_code p { width: 100%; overflow: hidden; line-height: 20px; color: #333; font-size: 14px; text-align: center; margin: 0 auto; padding: 0; } .lyNy_contact .lyNyCont_MapMsg { width: 100%; overflow: hidden; margin: 20px auto 0; padding: 30px 0; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyNyCont_MapMsg .lyNyCont_Map { width: 50%; overflow: hidden; margin: 0; padding: 0 20px 0 30px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyNyCont_Map .NyContMap_main { width: 100%; height: 512px; overflow: hidden; margin: 0; padding: 0; border: 10px solid #f3f5f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyNyCont_Map .NyContMap_main #container { width: 100%; height: 120%; overflow: hidden; margin: 0; padding: 0; } .lyNyCont_MapMsg .lyNyCont_Msg { width: 50%; overflow: hidden; margin: 0; padding: 60px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lyNyCont_Msg .ContMsg_tit { width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 24px; margin: 0 auto 30px; padding: 0; } .lyNyCont_Msg .ContMsg_tit font { display: inline-block; color: #999; font-size: 14px; margin: 0 0 0 10px; } .lyNyCont_Msg .NyContMsg_main { width: 100%; overflow: hidden; margin: 0; padding: 0; } .NyContMsg_main ul li.msg_ipt { width: 48.5%; overflow: hidden; margin: 0 3% 20px 0; padding: 0; float: left; } .NyContMsg_main ul li.msg_ipt:nth-child(2n+2) { margin: 0 0 20px; } .NyContMsg_main ul li.msg_tara { width: 100%; margin: 0 auto 20px; float: inherit; } .NyContMsg_main ul li.msg_btn { width: 100%; margin: 0 auto; float: inherit; } .NyContMsg_main ul li.msg_ipt input { display: block; width: 100%; height: 44px; overflow: hidden; line-height: 44px; color: #555; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 0 20px; background: #f6f6f6 url(../images/tb_img.png) center right no-repeat; border: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyContMsg_main ul li.msg_ipt:nth-of-type(3) input{ background:#f6f6f6;} .NyContMsg_main ul li.msg_tara textarea { display: block; width: 100%; height: 140px; overflow: hidden; line-height: 30px; color: #555; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 10px 20px; border: 0; outline: none; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6 url(../images/tb_img.png) top right no-repeat;background-position: 100% 10px;} .NyContMsg_main ul li.msg_btn input { display: block; width: 140px; height: 44px; overflow: hidden; line-height: 44px; color: #fff; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; margin: 0 20px 0 0; padding: 0 20px; border: 0; outline: none; cursor: pointer; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyContMsg_main ul li.msg_btn input.MsgBtn1 { background-color:#42897c;background: linear-gradient(to right, #2894aa, #2d6fb2); } .NyContMsg_main ul li.msg_btn input.MsgBtn2 { background-color: #cecece; margin-right:0; } @media (max-width:1440px) { .lyNyCont_lxfs ul li { padding: 40px 20px 40px 110px; } .lyNyCont_lxfs ul li i { left: 20px; } .lyNyCont_ewm .NyContEwm_con { padding: 60px 20px; } .lyNy_contact .lyNyCont_MapMsg { padding: 20px 0; } .lyNyCont_MapMsg .lyNyCont_Map { padding: 0 20px; } .lyNyCont_Map .NyContMap_main { height: 472px; } .lyNyCont_MapMsg .lyNyCont_Msg { padding: 40px; } } @media (max-width:1280px) { .lyNy_contact .lyNyCont_lxfs { width: 100%; margin: 0 auto; padding: 0; float: inherit; } .lyNyCont_lxfs ul li { width: 49%; margin: 0 2% 20px 0; padding: 40px 30px 40px 120px; } .lyNyCont_lxfs ul li:nth-child(2n+2) { margin: 0 0 20px; } .lyNyCont_lxfs ul li i { left: 30px; } .lyNyCont_ewm .NyContEwm_con { height: auto; padding: 40px; } .NyContEwm_con .NyContEwm_text { width: 50%; } .NyContEwm_con .NyContEwm_code { width: 50%; } .lyNy_contact .lyNyCont_ewm { width: 100%; padding: 0; float: inherit; } .lyNy_contact .lyNyCont_MapMsg { padding: 40px; } .lyNyCont_MapMsg .lyNyCont_Map { width: 100%; padding: 0; float: inherit; } .lyNyCont_MapMsg .lyNyCont_Msg { width: 100%; margin: 40px auto 0; padding: 0; float: inherit; } .lyNyCont_MapMsg [onpositionupdate]{ display:none !important;} } @media (max-width:1023px) { .lyNy_contact { padding:40px 0;} } @media (max-width:800px) { .ny_main { padding: 40px 0; } .ny_main1 { padding: 40px 0 0; } .lyNyCont_ewm .NyContEwm_con { padding: 30px; } .NyContEwm_con .NyContEwm_text { width: 60%; padding: 25px 0; } .NyContEwm_con .NyContEwm_code { width: 40%; } .lyNy_contact .lyNyCont_MapMsg { padding: 30px; } .lyNyCont_Map .NyContMap_main { height: 400px; } .lyNyCont_MapMsg .lyNyCont_Msg { margin: 30px auto 0; } .lyNyCont_Msg .ContMsg_tit { margin: 0 auto 20px; } } @media (max-width: 767px) { .lyNy_contact { padding:30px 0;} .ny_main { padding: 30px 0; } .ny_main1 { padding: 30px 0 0; } .lyNyCont_lxfs ul li { width: 100%; margin: 0 auto 20px; padding: 40px 20px 40px 110px; float: inherit; } .lyNyCont_lxfs ul li:nth-child(2n+2) { margin: 0 auto 20px; } .lyNyCont_lxfs ul li i { left: 20px; } .lyNyCont_ewm .NyContEwm_con { padding: 20px; } .NyContEwm_con .NyContEwm_text { width: 100%; margin: 0 auto 20px; padding: 0; float: inherit; } .NyContEwm_con .NyContEwm_text i { float: inherit; margin: 0 auto 20px; } .NyContEwm_con .NyContEwm_text p, .NyContEwm_con .NyContEwm_text font, .NyContEwm_con .NyContEwm_text span { text-align: center; } .NyContEwm_con .NyContEwm_code { width: 100%; margin: 0 auto; float: inherit; } .lyNy_contact .lyNyCont_MapMsg { padding: 20px; } .lyNyCont_Map .NyContMap_main { height: 250px; } .lyNyCont_MapMsg .lyNyCont_Msg { margin: 30px auto 0; } .lyNyCont_Msg .ContMsg_tit { margin: 0 auto 20px; } .NyContMsg_main ul li.msg_ipt { width: 100%; margin: 0 auto 20px; float: inherit; } } @media (max-width: 375px) { .NyContMsg_main ul li.msg_btn input { width: 130px; } } @media (max-width: 320px) { .NyContMsg_main ul li.msg_btn input { width: 108px; } } /*lyNy_contact 结束*/ /*产品展示页面*/ .ny_prolist .productright{width: 75.5%;float: right;} .ny_prolist .productright ul{ width:100%;} .ny_prolist .productright ul li{ width:31.5%; margin-right:2.75%; float:left; margin-bottom:30px; border:1px solid #efefef;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; } .ny_prolist .productright ul li:nth-child(3n){margin-right:0;} .ny_prolist .productright ul li:hover{box-shadow:0 10px 30px rgba(0,0,0,0.1);} .ny_prolist .productright ul li .proli_img{ display:block; width:100%; height:290px; position:relative; overflow:hidden;} .ny_prolist .productright ul li .proli_img img{ max-width:98%; max-height:98%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; } .ny_prolist .productright ul li:hover .proli_img img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .ny_prolist .productright ul li .lblibottom{ padding:10px 25px 30px 25px; text-align:center;} .ny_prolist .productright ul li .proli_name{ display:block; font-size:18px; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .ny_prolist .productright ul li:hover .proli_name{color: #2e71b4;} .ny_prolist .productright ul li .lblibottom .ms{ font-size:15px; color:#777; height:30px; line-height:30px; margin:3px 0 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:none;} .ny_prolist .productright ul li .tubxx{ border-top:1px solid #efefef;border-bottom:1px solid #efefef; padding:12px 0; overflow:hidden; text-align:left; display:none;} .ny_prolist .productright ul li .tubxx .proxx1{ width:49%; float:left;} .ny_prolist .productright ul li .tubxx .proxx1:before{ content:""; display:block; width:38px; height:38px; border:1px solid #efefef; border-radius:7px;background: url(../images/proxxico1.png) center no-repeat; float:left; margin-right:10px;} .ny_prolist .productright ul li .tubxx .proxx2{ width:49%; float:right;} .ny_prolist .productright ul li .tubxx .proxx2:before{ content:""; display:block; width:38px; height:38px; border:1px solid #efefef; border-radius:7px;background: url(../images/proxxico2.png) center no-repeat; float:left; margin-right:10px;} .ny_prolist .productright ul li .tubxx p{ color:#999;} .ny_prolist .productright ul li .tubxx span{ font-size:15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; height:20px; line-height:20px; display:block;} .ny_prolist .productright ul li .proli_more{ display:block; text-align:center; color:#fff; font-size:15px; width:100%; height:50px; line-height:50px;background: linear-gradient(to bottom, #2894aa, #2d6fb2); margin-top:20px;} @media (max-width: 1399px) { .ny_prolist .productright{width: 71%;} .ny_prolist .productright ul li{ width:48.5%;margin-right:3%; margin-bottom:25px;} .ny_prolist .productright ul li:nth-child(3n){margin-right:3%;} .ny_prolist .productright ul li:nth-child(2n){margin-right:0;} } @media (max-width: 1080px) { .ny_prolist .productright{width: 100%; margin-top:15px;} } @media (max-width: 767px) { .ny_prolist .productright ul li{ margin-bottom:15px;} .ny_prolist .productright ul li .proli_img{ display:block; width:100%; height:240px; } .ny_prolist .productright ul li .proli_name{ font-size:18px;} .ny_prolist .productright ul li .tubxx{ display:none;} .ny_prolist .productright ul li .tubxx .proxx1{ width:100%; margin-bottom:5px;} .ny_prolist .productright ul li .tubxx .proxx2{ width:100%;} .ny_prolist .productright ul li .proli_more{ margin-top:0; height:45px; line-height:45px;} } @media (max-width: 500px) { .ny_prolist .productright ul li{ width:100%; margin-right:0;} .ny_prolist .productright ul li:nth-child(3n){margin-right:0;} } /*应用领域*/ .ny_case{ padding:65px 0;} .case_box ul li { width:100%; overflow:hidden; margin:0 auto 60px; padding:80px 0 0; position:relative;} .case_box ul li:last-child { margin:0 auto 30px;} .case_box ul li .NySolutionList_name { width:auto; max-width:48%; height:auto; overflow:hidden; margin:0; padding:0; position:absolute; top:0; left:0;} .case_box ul li:nth-child(2n+2) .NySolutionList_name { right:0; left:inherit;} .case_box ul li .NySolutionList_name a {display:block;width:auto;height:80px;overflow:hidden;line-height:80px;color:#fff;font-size:26px;white-space: nowrap;text-overflow: ellipsis;margin:0;padding:0 80px;background: #2d6fb2;background-image: linear-gradient(45deg, #2894aa , #2d6fb2);background-size:100% 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a {padding:0 80px;text-align:right;background-size:100% 100%;} .case_box ul li .NySolutionList_img { width:50%; height:440px; margin:0; padding:0; position:absolute; top:0; right:0;} .case_box ul li:nth-child(2n+2) .NySolutionList_img { left:0;} .case_box ul li:hover .NySolutionList_img { box-shadow:0 10px 20px rgba(20,34,49,0.1);} .case_box ul li .NySolutionList_img a { display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative;} .case_box ul li .NySolutionList_img a img {display:block;width: 100%;height: 100%; max-height:500px;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;object-fit: cover;} .case_box ul li:hover .NySolutionList_img a img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .case_box ul li .NySolutionList_text { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; background-color:#f2f3f6;} .case_box ul li .NySolutionList_text .NySolutionList_con { width:50%; min-height:400px; overflow:hidden; margin:0; padding:60px 80px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con { float:right;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms { width:100%; height:150px; overflow:hidden;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p {width:100%;max-height:150px;overflow:hidden;line-height:30px;color:#666;font-size: 16px;text-align:justify;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;} .case_box ul li .NySolutionList_text .NySolutionList_con a {/* background-color: #00a1e9; */position:absolute;/* background-image: linear-gradient(45deg, #65ae46 , #1e91c6); */} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:80px; left:inherit;} .case_box ul li .NySolutionList_text .NySolutionList_con a img { display:inline-block; vertical-align:middle; margin:-4px 0 0 8px; padding:0; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;} .case_box ul li .NySolutionList_text .NySolutionList_con a:hover img { margin:-4px 0 0 16px;} @media screen and (width:1600px){ .case_box ul li .NySolutionList_img { height:420px;} .case_box ul li .NySolutionList_text .NySolutionList_con { min-height:380px;} .case_box ul li .NySolutionList_text .NySolutionList_con a { bottom:60px;} } @media screen and (min-width:1440px) and (max-width:1599px) { .case_box { max-width:inherit;} .case_box ul li .NySolutionList_name a { padding:0 60px;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 60px;} .case_box ul li .NySolutionList_img { height:375px;} .case_box ul li .NySolutionList_text .NySolutionList_con { min-height:335px; padding:40px 60px;} .case_box ul li .NySolutionList_text .NySolutionList_con a { bottom:50px; left:60px;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:60px; left:inherit;} } @media screen and (min-width:1360px) and (max-width:1439px) { .case_box { max-width:inherit;} .case_box ul li .NySolutionList_name a { padding:0 60px;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 60px;} .case_box ul li .NySolutionList_img { height:355px;} .case_box ul li .NySolutionList_text .NySolutionList_con { min-height:315px; padding:40px 60px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:120px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:120px; -webkit-line-clamp: 4;} .case_box ul li .NySolutionList_text .NySolutionList_con a { bottom:50px; left:60px;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:60px; left:inherit;} } @media screen and (min-width:1280px) and (max-width:1359px) { .case_box { max-width:inherit;} .case_box ul li .NySolutionList_name a { font-size:24px; padding:0 60px;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 60px;} .case_box ul li .NySolutionList_img { height:330px;} .case_box ul li .NySolutionList_text .NySolutionList_con { min-height:295px; padding:40px 60px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:120px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:120px; -webkit-line-clamp: 4;} .case_box ul li .NySolutionList_text .NySolutionList_con a { bottom:40px; left:60px;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:60px; left:inherit;} .Ny_Solution .NySolution_part3 { max-width: inherit; padding:80px 40px 50px;} .NySolution_list3 ul li { height:75px;} } @media screen and (min-width:1200px) and (max-width:1279px) { .NySolution_part2 .case_box { max-width:inherit;} .case_box ul li .NySolutionList_name a { font-size:24px; padding:0 40px;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px;} .case_box ul li .NySolutionList_img { height:310px;} .case_box ul li .NySolutionList_text .NySolutionList_con { min-height:275px; padding:30px 40px 40px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:120px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:120px; -webkit-line-clamp: 4;} .case_box ul li .NySolutionList_text .NySolutionList_con a { bottom:40px; left:40px;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:40px; left:inherit;} } @media screen and (min-width:1080px) and (max-width:1199px) { .case_box { max-width:inherit;} .case_box ul li { margin:0 auto 40px; padding:60px 0 0;} .case_box ul li .NySolutionList_name a { height:60px; line-height:60px; font-size:22px; padding:0 40px;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px;} .case_box ul li .NySolutionList_img { height:275px;} .case_box ul li .NySolutionList_text .NySolutionList_con { min-height:240px; padding:30px 40px 40px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:84px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:84px; line-height:28px; font-size:14px; -webkit-line-clamp:3;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:40px; left:inherit;} } @media screen and (min-width:1024px) and (max-width:1079px) { .case_box { max-width:inherit;} .case_box ul li { margin:0 auto 40px; padding:60px 0 0;} .case_box ul li .NySolutionList_name a { height:60px; line-height:60px; font-size:22px; padding:0 40px;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px;} .case_box ul li .NySolutionList_img { height:260px;} .case_box ul li .NySolutionList_text .NySolutionList_con { min-height:225px; padding:30px 40px 40px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:84px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:84px; line-height:28px; font-size:14px; -webkit-line-clamp:3;} .case_box ul li .NySolutionList_text .NySolutionList_con a { bottom:40px; left:40px;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:40px; left:inherit;} } @media screen and (max-width:1023px) and (min-width:768px) { .ny_case{ padding:40px 0;} .case_box { max-width:inherit;} .case_box ul li { margin:0 auto 40px; padding:0;} .case_box ul li:last-child { margin:0 auto 10px;} .case_box ul li .NySolutionList_name { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0; position: inherit; top: inherit; left: inherit;} .case_box ul li .NySolutionList_name a { height:60px; line-height:60px; font-size:22px; text-align: center; padding:0 40px;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px; text-align: center;} .case_box ul li .NySolutionList_img { width: 100%; height:300px; position:inherit; left:inherit; top:inherit; right:inherit;} .case_box ul li .NySolutionList_img a { height:100%;} .case_box ul li .NySolutionList_img a img { position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit;} .case_box ul li .NySolutionList_text .NySolutionList_con { width: 100%; height:auto; min-height:inherit; padding:20px 30px 30px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:84px;margin-bottom:20px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:84px; line-height:28px; font-size:14px; -webkit-line-clamp:3; margin:0 auto 20px; text-align:center;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con p { text-align:center;} .case_box ul li .NySolutionList_text .NySolutionList_con a { position: inherit; bottom:inherit; left:inherit; margin:0 auto;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:inherit; left:inherit;} } @media (max-width: 767px) { .ny_case{ padding:30px 0;} .case_box { max-width:inherit;} .case_box ul li { margin:0 auto 20px; padding:0;} .case_box ul li .NySolutionList_name { width: 100%; max-width: 100%; height: auto; overflow: hidden; margin: 0; padding: 0; position: inherit; top: inherit; left: inherit;} .case_box ul li .NySolutionList_name a { height:50px; line-height:50px; font-size:18px; text-align: center; padding:0 20px;} .case_box ul li:nth-child(2n+2) .NySolutionList_name a { padding:0 40px; text-align: center;} .case_box ul li .NySolutionList_img { width: 100%; height:220px; position:inherit; left:inherit; top:inherit; right:inherit;} .case_box ul li .NySolutionList_img a { height:100%;} .case_box ul li .NySolutionList_img a img { max-height:220px; position:inherit; left:inherit; top:inherit; right:inherit; bottom:inherit;} .case_box ul li .NySolutionList_text .NySolutionList_con { width: 100%; height:auto; min-height:inherit; padding:20px 20px 30px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms {height:72px;} .case_box ul li .NySolutionList_text .NySolutionList_con .NySolutionList_ms p { max-height:72px; line-height:24px; font-size:14px; -webkit-line-clamp:3; margin:0 auto; text-align:center;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con p { text-align:center;} .case_box ul li .NySolutionList_text .NySolutionList_con a { position: inherit; bottom:inherit; left:inherit; margin:20px auto 0;} .case_box ul li:nth-child(2n+2) .NySolutionList_text .NySolutionList_con a { right:inherit; left:inherit;} } /*招贤纳士*/ .ny_job{ padding:65px 0; overflow:hidden;} .ny_job ul{ width:100%;} .ny_job ul li{ width:100%; border:1px solid #e5e5e5; overflow:hidden; margin-bottom:15px;} .ny_job ul li .jobname>div{width:94.8%; margin:0 auto;height:80px; line-height:80px; font-size:24px; padding-left:40px;background: url(../images/hrem.png) left center no-repeat; border-bottom:1px solid #e5e5e5;cursor: pointer; position:relative;} .ny_job ul li .zxxian.active .jobname{ width:100%;background:linear-gradient(to right, #2894aa, #2d6fb2);} .ny_job ul li .zxxian.active .jobname>div{width:94.8%; margin:0 auto; border:0; color:#fff;background: url(../images/hrem2.png) left center no-repeat;} .ny_job ul li .jobname span{background: url(../images/jia.png) no-repeat; position: absolute;width: 26px;height: 26px;display: inline-block;top: 50%;transform: translateY(-50%); right: 0;} .ny_job ul li .zxxian.active .jobname span{background: url(../images/jia2.png) no-repeat;} .ny_job ul li .jioin-li{width:94.8%; margin:0 auto; display:block;} .ny_job ul li .zxxian.active .jioin-li{ display:none;} .ny_job ul li .jioin-li p{ width:25%; float:left; color:#999; font-size:15px; padding:27px 0;white-space: nowrap;text-overflow: ellipsis; overflow:hidden;} .ny_job ul li .join-detail{width:100%; padding:40px 2.6%; margin:0 auto;background-color: #fafafa;display:none;} .ny_job ul li .join-detail .biaoti{ font-size:16px; color:#666; margin-bottom:10px;} .ny_job ul li .join-detail .detian-one{ margin-bottom:25px;} .ny_job ul li .join-detail .jobms,.ny_job ul li .join-detail .jobms p{ font-size:15px; line-height:30px; color:#999;} .ny_job ul li .join-detail .btn-more{ display:block; width:170px; height:50px; line-height:50px; color:#fff; text-align:center;background:linear-gradient(to right, #2894aa, #2d6fb2); font-size:16px;} @media (max-width: 1023px) { .ny_job{ padding:40px 0;} .ny_job ul li .jobname>div{height: 60px;line-height: 60px;} .ny_job ul li .join-detail{padding: 25px 4%;} } @media (max-width: 767px) { .ny_job{ padding:30px 0;} .ny_job ul li:last-child{ margin-bottom:25px;} .ny_job ul li .jobname>div{ font-size:20px;} .ny_job ul li .jioin-li{ padding:5px 0 18px; overflow:hidden;} .ny_job ul li .jioin-li p{ width:50%;padding: 10px 0 0;} } @media (max-width: 375px) { .ny_job ul li .jioin-li p{ font-size:14px;} } /*内页新闻资讯*/ .newtopbtn a:nth-of-type(2) i {background-position: -43px 0;} .newtopbtn a:nth-of-type(3) i {background-position: -43px -21px;} .newtopbtn a:nth-of-type(4) i {background-position: 0 -21px;} .ny_news{padding:65px 0;} .ny_news .ny_tjnew {border:1px solid #e5e5e5; overflow:hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;transition:all .4s linear;} .ny_news .ny_tjnew:hover{box-shadow:6px 6px 27px rgba(0,0,0,0.11);} .ny_news .ny_tjnew .ny_tjnewleft{ display:block; width:45.5%;float:left; position:relative;} .ny_news .ny_tjnew .ny_tjnewleft img{ width:100%; min-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;object-fit: cover;} .ny_news .ny_tjnew .ny_tjnewright{width:54.5%;float:right; padding:50px 3% 60px 4%;} .ny_news .ny_tjnew .ny_tjnewright .time{ font-size:18px; color:#666;transition:all .3s linear;} .ny_news .ny_tjnew:hover .ny_tjnewright .time{ font-size:18px; color:#2e71b4;} .ny_news .ny_tjnew .ny_tjnewright .time i{ font-size:36px; font-weight:bold;} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewname{ display:block; font-size:24px; margin:30px 0 40px;transition:all .3s linear;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .ny_news .ny_tjnew:hover .ny_tjnewright .ny_tjnewname{ color:#2e71b4;} .ny_news .ny_tjnew .ny_tjnewright .ms{ height:90px; line-height:30px; overflow:hidden; font-size:16px; color:#666; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewmore{display:block;margin-top:40px;color:#fff;font-size:17px;width: 180px;height:50px;line-height:50px; border-radius:30px;overflow: hidden;position: relative;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;text-align:center;background: url(../images/jhjt.png) 118px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);padding-right: 30px;} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewmore:hover{background: url(../images/jhjt.png) 123px center no-repeat, linear-gradient(to right, #2894aa , #2d6fb2);} .ny_news ul li{ width:100%; margin-bottom:30px;padding: 28px 0 28px 26px;border: 1px solid #e5e5e5; position:relative;display: flex;transition:all .4s linear;} .ny_news ul li:first-child{margin-top:40px;} .ny_news ul li:hover{box-shadow:6px 6px 27px rgba(0,0,0,0.11);} .ny_news ul li:before{content:"";height:2px;width:0;background:#2e71b4;left:0;position:absolute;bottom:0;transition:all .4s linear;} .ny_news ul li:hover:before{width:100%;} .ny_news ul li .ny_newliimg{ display:block; position:relative;width: 22.875%;min-width: 22.875%;float:left;line-height: 0;overflow: hidden;} .ny_news ul li .ny_newliimg img{width: 100%; height:100%;object-fit: cover;transition:all .4s linear;} .ny_news ul li:hover .ny_newliimg img{transform:scale(1.1)} .ny_news ul li .tt{padding:0 55px;margin-top:34px; width:61.3125%;} .ny_news ul li .ny_newname{ display:block;font-size:20px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .ny_news ul li:hover .ny_newname{color:#2e71b4;} .ny_news ul li .ms{font-size:16px;color:#666;line-height:30px; height:90px;word-break: break-all;margin-top:40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;} .ny_news ul li .data{width:15.8125%;display:flex;align-items:center;flex-direction:column;min-width:15.8125%;position:relative;} .ny_news ul li .data:after{content:"";position:absolute;height:calc(100% + 20px);left:0;top:50%;transform:translate(0,-50%);width:1px;background:#E5EBF3;} .ny_news ul li .md{font-size:36px;font-weight: bold;line-height:40px;color:#666;transition:all .4s linear;} .ny_news ul li:hover .md{color:#2e71b4;} .ny_news ul li .yy{font-size:16px;font-weight:400;line-height:18px;margin-top:15px;color:#666;transition:all .4s linear;} .ny_news ul li:hover .yy{color:#2e71b4;} .ny_news ul li .more{background:#bababa url(../images/arrows2.png) center no-repeat;border-radius:50%;display:flex;align-items:center;justify-content:center;height:44px;width:44px;transition:all .4s linear;margin-top:50px;} .ny_news ul li:hover .more{ background: url(../images/arrows2.png) center no-repeat,linear-gradient(to bottom, #2d6fb2, #2894aa);} .ny_news ul li .more i{font-size:24px;color:#fff} @media (max-width: 1299px) { .ny_news .ny_tjnew .ny_tjnewright{padding:30px 3% 40px 4%; } .ny_news .ny_tjnew .ny_tjnewright .time i{ font-size:30px;} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewname{margin:20px 0 20px;font-size:22px;} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewmore{ margin-top:30px;} } @media (max-width: 1023px) { .ny_news{padding:40px 0;} .ny_news .ny_tjnew .ny_tjnewleft{ width:100%; height:300px;} .ny_news .ny_tjnew .ny_tjnewleft img{ width:100%; height:100%;} .ny_news .ny_tjnew .ny_tjnewright{ width:100%;padding: 20px 20px 30px;} .ny_news .ny_tjnew .ny_tjnewright .time i{ font-size:24px;} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewname{margin: 10px 0 10px;font-size: 20px;} .ny_news .ny_tjnew .ny_tjnewright .ms{ height:auto; max-height:84px; line-height:28px;} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewmore{ font-size: 15px;margin-top:20px; width:150px; height:46px; line-height:46px;background: url(../images/jhjt.png) 100px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewmore:hover{background: url(../images/jhjt.png) 104px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} .ny_news ul li{padding: 18px;display:block; overflow:hidden; margin-bottom:20px;} .ny_news ul li:first-child{margin-top:30px;} .ny_news ul li .ny_newliimg{ width:100%;height:300px; margin-bottom:25px; } .ny_news ul li .tt{padding:0;margin-top:0;width: calc(100% - 160px); float:left;} .ny_news ul li .ms{ margin-top:20px;} .ny_news ul li .data{ width:140px; min-width:140px; float:right;} .ny_news ul li .md{ font-size:30px;} .ny_news ul li .more{ width:34px; height:34px; margin-top:25px;} } @media (max-width: 767px) { .ny_news{padding:30px 0;} .ny_news .ny_tjnew .ny_tjnewleft{height: 250px;} .ny_news .ny_tjnew .ny_tjnewleft img{ width:100%; height:100%;} .ny_news .ny_tjnew .ny_tjnewright{padding:18px 18px 28px 18px;} .ny_news .ny_tjnew .ny_tjnewright .ms{ font-size:14px;} .ny_news ul li{ margin-bottom:15px;} .ny_news .ny_tjnew .ny_tjnewright .ny_tjnewname{font-size: 18px;} .ny_news ul li:first-child{margin-top:20px;} .ny_news ul li .ny_newliimg{height:250px;} .ny_news ul li .tt{width: calc(100% - 110px);} .ny_news ul li .ny_newname{ font-size:18px;} .ny_news ul li .ms{ font-size:14px; line-height:28px; height:56px;-webkit-line-clamp: 2;} .ny_news ul li .data{ width:90px; min-width:90px;} .ny_news ul li .md{ font-size:20px;} .ny_news ul li .yy{ margin-top:0;} .ny_news ul li .more{margin-top:20px;} } @media (max-width: 414px) { .ny_news .ny_tjnew .ny_tjnewleft{height:220px;} .ny_news ul li .ny_newliimg{height:220px;} } /*新闻详细页*/ .nynew_show{padding:65px 0; overflow:hidden;} .nynew_show .newshow_left{ width:68%; float:left;} .nynew_show .top_h1{ border-bottom:1px solid #ecf2fa; overflow:hidden; padding-bottom:22px;margin-bottom:40px;} .nynew_show .top_h1 h1{ font-size:24px;} .nynew_show .top_h1 p{line-height: 24px;margin-top:22px; color:#999; float:left; margin-right:88px;} .nynew_show .top_h1 p img{ margin-right:5px;} .nynew_show .newshow_conet{ font-size:15px; line-height:32px; color:#666; min-height:500px;} .nynew_show .newshow_conet img .nynew_show .newshow_conet p,.nynew_show .newshow_conet table,.nynew_show .newshow_conet tr,.nynew_show .newshow_conet td,.nynew_show .newshow_conet video,.nynew_show .nynew_show .newshow_conet div,.nynew_show .newshow_conet span{ width:auto !important; max-width:100%; max-height:100%;} .updownfy{ margin-top:40px; overflow:hidden;} .updownfy a{ display:block; border:1px solid #eaeaea; width:30%; float:left; height:50px; line-height:50px; text-align:center;color: #b5b5b5;transition:all .4s linear;} .updownfy .upfy{ margin-right:1.5%;} .updownfy .upfy:hover{ background: linear-gradient(to right, #2894aa, #2d6fb2);border:1px solid #2e71b4; color:#fff;} .updownfy .fanhui{ width:37%;position:relative;} .updownfy .fanhui:hover{border:1px solid #2e71b4;} .updownfy .fanhui:before{ content:""; display:block; width:18px; height:18px; position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); background: url(../images/fanyeico.png) center no-repeat; background-position:0 0;transition:all .2s linear; } .updownfy .fanhui:hover:before{background-position:0 -18px; } .updownfy .downfy{ margin-left:1.5%;} .updownfy .downfy:hover{ background: linear-gradient(to right, #2894aa, #2d6fb2);border:1px solid #2e71b4; color:#fff;} .updownfy a i{ width:18px; height:18px; background: url(../images/fanyeico.png) center no-repeat;background-position:-18px 0;display: inline-block; position: relative;top:5px; margin-right: 14px;} .updownfy:hover a i{background-position:-18px -18px;} .updownfy .downfy i{background: url(../images/fanyeico.png) center no-repeat;background-position:-36px 0;margin-right:0; margin-left: 14px;} .updownfy:hover .downfy i{background-position:-36px -18px;} .nynew_show .newshow_right{ width:27%; float:right;} .nynew_show .newshow_right .tjzxbt{font-size: 24px;margin-bottom: 22px;} .nynew_show .newshow_right .tjzxbt img{ margin-right:8px;} .nynew_show .newshow_right ul li{ width:100%;margin-bottom: 20px;} .nynew_show .newshow_right ul li .ny_newliimg{ display:block; width:100%; height:230px; overflow:hidden;} .nynew_show .newshow_right ul li .ny_newliimg img{width:100%; height:100%;object-fit: cover;transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s;} .nynew_show .newshow_right ul li:hover .ny_newliimg img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .nynew_show .newshow_right ul li .text{border: 1px solid #ecf2fa; padding: 29px 39px 29px 33px;transition: all ease 0.4s;} .nynew_show .newshow_right ul li time{color: #9d9d9d;} .nynew_show .newshow_right ul li .ny_newname{ display:block; width:100%; font-size: 18px;line-height: 24px;max-height: 48px; overflow: hidden;margin-top: 12px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} .nynew_show .newshow_right ul li:hover .ny_newname{ color:#2e71b4;} @media (max-width: 1299px) { .nynew_show{padding: 35px 0;} .nynew_show .newshow_right ul li .ny_newliimg{ height:180px;} .nynew_show .newshow_right ul li .text{padding: 20px 15px 20px 15px;} } @media (max-width: 1023px) { .nynew_show{padding:40px 0;} .nynew_show .newshow_conet{ min-height:50px;} .nynew_show .newshow_left{ width:100%;} .nynew_show .top_h1{ margin-bottom:20px;padding-bottom: 12px;} .nynew_show .top_h1 h1{ font-size:20px;} .nynew_show .top_h1 p{ margin-right:30px; margin-top:12px;} .nynew_show .newshow_right{ width:100%;} .nynew_show .newshow_right .tjzxbt{font-size:20px;margin: 32px 0 15px;} .nynew_show .newshow_right ul li .ny_newliimg{ height:300px;} .nynew_show .newshow_right ul li{ margin-bottom:10px;} .nynew_show .newshow_right ul li .ny_newname{font-size:16px;} } @media (max-width: 767px) { .nynew_show{padding:30px 0;} .nynew_show .top_h1 h1{ text-align:center;} .nynew_show .top_h1>div{display:flex; display: -webkit-flex; justify-content:center;} .updownfy a{ width:32%;} .updownfy .fanhui{ width:33%;} .updownfy a i{ margin-right:5px;} .updownfy .downfy i{ margin-right:6px;} .nynew_show .newshow_right ul li .ny_newliimg{ height:220px;} } /*培训服务*/ .ny_content .ny_pxfw{ padding:65px 0 0; overflow:hidden;} .ny_pxfw .pxfw_top{ margin:20px auto 85px; overflow:hidden;display:flex; display: -webkit-flex;justify-content: space-between; align-items: center;} .ny_pxfw .pxfw_top .fw_topleft{ width:42%; float:left; font-size:18px; line-height:38px;} .ny_pxfw .pxfw_top .fw_topright{width:44.6%; float:right; height:168px; border-left:1px solid #eaeaea;padding-left: 10%; position:relative;} .ny_pxfw .pxfw_top .fw_topright>div{ position:absolute; top:50%; transform:translateY(-50%);} .ny_pxfw .pxfw_top .fw_topright p img{ margin-right:10px;width: 34px;} .ny_pxfw .pxfw_top .fw_topright .p1{ font-size:38px; margin-bottom:30px;} .ny_pxfw .pxfw_top .fw_topright .p2{ font-size:18px;} .ny_pxfw .pxfw_foot{ background:#f8f8f8; padding:70px 0;} .ny_pxfw .pxfw_foot .pxbt{ text-align:center;margin: 0 3%;} .ny_pxfw .pxfw_foot .pxbt p{font-size:34px; line-height:36px;margin-bottom:25px; } .ny_pxfw .pxfw_foot .pxbt span{ font-size:16px; color:#666;} .ny_pxfw .pxfw_foot .fwzhanshi{background:#fff; overflow:hidden; margin-top:40px;display: -webkit-flex;display: flex;flex-wrap: wrap;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_text{ width:50%; float:left; padding:4%;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_text .ifont-30{ font-size:30px;border-bottom: 1px solid #e5e5e5;padding-bottom: 25px;margin-bottom: 25px;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_text .ifont-16{ font-size:16px; color:#666; line-height:36px;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_img{ width:50%; float:right;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_img img{width: 100%;min-height: 100%;object-fit: cover;} @media (max-width: 1023px) { .ny_content .ny_pxfw{ padding:40px 0 0;} .ny_pxfw .pxfw_top{margin: 10px auto 50px;} .ny_pxfw .pxfw_top .fw_topleft{ width:50%;font-size: 16px;line-height: 32px;} .ny_pxfw .pxfw_top .fw_topright{ padding-left:5%;} .ny_pxfw .pxfw_top .fw_topright .p1{ font-size:30px;} .ny_pxfw .pxfw_foot{padding:50px 0;} .ny_pxfw .pxfw_foot .pxbt{ text-align:left;} .ny_pxfw .pxfw_foot .pxbt p{ font-size:26px; line-height:28px;margin-bottom: 15px;} } @media (max-width: 767px) { .ny_content .ny_pxfw{ padding:30px 0 0;} .ny_pxfw .pxfw_top .fw_topleft{ width:100%;line-height: 28px;} .ny_pxfw .pxfw_top{display: block !important; margin: 0 auto 30px;} .ny_pxfw .pxfw_top .fw_topright{width:100%; padding-left:0; border-left:0;border-top: 1px solid #eaeaea; margin-top:20px; height:auto; padding-top:20px;} .ny_pxfw .pxfw_top .fw_topright>div{ position:static; transform:none;} .ny_pxfw .pxfw_top .fw_topright .p1{ margin-bottom:10px;} .ny_pxfw .pxfw_foot{padding:40px 0;} .ny_pxfw .pxfw_foot .pxbt span{ line-height:28px;} .ny_pxfw .pxfw_foot .fwzhanshi{ margin-top:30px;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_text{ width:100%;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_text .ifont-30{ font-size:24px;padding-bottom:15px; margin-bottom: 15px;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_img{ width:100%;} .ny_pxfw .pxfw_foot .fwzhanshi .fwzs_text .ifont-16{line-height:28px;} } /*内页售后服务*/ .ny_shfw1{ padding:65px 0 85px; overflow:hidden;} .ny_shfw1 .ny_shfwtit{ text-align:center;} .ny_shfw1 .ny_shfwtit p{letter-spacing: 2px;color: #b3c3cf;text-transform: uppercase; font-size:14px;} .ny_shfw1 .ny_shfwtit span{ font-size:34px; font-weight:bold; margin-top:10px;} .ny_shfw1 ul{ width:100%; margin-top:60px; overflow:hidden;} .ny_shfw1 ul li{ width:25%; float:left; text-align:center; padding:0 15px;} .ny_shfw1 ul li span{ display:block; font-size:24px; font-weight:bold; margin:30px 0 15px;} .ny_shfw1 ul li p{ font-size:16px; color:#777;} .ny_shfw2{padding:100px 0; background:#f1f5f7; overflow:hidden;} .ny_shfw2 .w1600{justify-content: space-between; display:flex; display: -webkit-flex;} .ny_shfw2 .nyshfw2_l{ width:42%; float:left; background:#fff; padding:2.5%;} .ny_shfw2 .nyshfw2_l .ny_shfwtit p{letter-spacing: 2px;color: #b3c3cf;text-transform: uppercase; font-size:14px;} .ny_shfw2 .nyshfw2_l .ny_shfwtit span{ font-size:34px; font-weight:bold; margin-top:10px;} .ny_shfw2 .nyshfw2_l .serve_ul{ overflow:hidden; margin-top:27px; width:100%;} .ny_shfw2 .nyshfw2_l .serve_ul li{ width:33.33333%; float:left; padding-right:15px;} .ny_shfw2 .nyshfw2_l .serve_ul li span{ display:block; font-size:20px; font-weight:bold;} .ny_shfw2 .nyshfw2_l .serve_ul li p{ font-size:16px; color:#777; margin-top:8px;} .ny_shfw2 .nyshfw2_l .serve_ul2{ margin-top:60px;} .ny_shfw2 .nyshfw2_l .serve_ul2 li{color: #73757f;position: relative;padding-left: 3.5%; font-size:16px; margin-bottom:10px; line-height:32px;} .ny_shfw2 .nyshfw2_l .serve_ul2 li::after {content: ''; width:4px; height:4px; background: #0081dd;border-radius: 100%;position: absolute;left: 0; top: 15px;z-index: 9;} .ny_shfw2 .nyshfw2_r{ width:55%; float:right;} .ny_shfw2 .nyshfw2_r .serve_ul3 li{ width:100%;display:flex; display: -webkit-flex;overflow: hidden; margin-bottom:5px; background:#fff;} .ny_shfw2 .nyshfw2_r .serve_ul3 li:last-child{ margin-bottom:0;} .ny_shfw2 .nyshfw2_r .serve_ul3 li .serve_pic {width: 22%;min-height: 160px; background: linear-gradient(45deg, #2894aa, #2d6fb2); position:relative;} .ny_shfw2 .nyshfw2_r .serve_ul3 li section{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9;} .ny_shfw2 .nyshfw2_r .serve_ul3 li section span{color: #fff;display: block;text-align: center; margin-top:10px; font-size:20px;} .ny_shfw2 .nyshfw2_r .serve_ul3 .serve_w {width: 78%;min-height: 160px;padding: 16px 6%;display:flex; display: -webkit-flex;align-items: center; color:#777; font-size:16px; line-height:34px;} @media (max-width: 1080px) { .ny_shfw2 .nyshfw2_l .serve_ul li p{ font-size:15px;} } @media (max-width: 1023px) { .ny_shfw1{ padding:40px 0 60px;} .ny_shfw1 .ny_shfwtit span{ font-size:24px;} .ny_shfw1 ul{ margin-top:35px;} .ny_shfw1 ul li span{ font-size:18px;margin: 20px 0 10px;} .ny_shfw1 ul li p{ font-size:15px;} .ny_shfw2{padding:60px 0;} .ny_shfw2 .w1600{ display:block !important;} .ny_shfw2 .nyshfw2_l{ width:100%; margin-bottom:15px; padding:30px;} .ny_shfw2 .nyshfw2_l .ny_shfwtit span{ font-size:24px;} .ny_shfw2 .nyshfw2_l .serve_ul{ margin-top:20px;} .ny_shfw2 .nyshfw2_l .serve_ul li span{ font-size:18px;} .ny_shfw2 .nyshfw2_l .serve_ul2{ margin-top:30px;} .ny_shfw2 .nyshfw2_l .serve_ul2 li{font-size:15px; line-height:28px;} .ny_shfw2 .nyshfw2_r{ width:100%;} .ny_shfw2 .nyshfw2_r .serve_ul3 .serve_w{ font-size:15px; line-height:30px;padding: 16px;} } @media (max-width: 767px) { .ny_shfw1{ padding:30px 0 45px;} .ny_shfw1 .ny_shfwtit span{ font-size:22px;} .ny_shfw1 ul{ margin-top:5px;} .ny_shfw1 ul li{ width:50%; margin-top:30px;} .ny_shfw2{padding:40px 0;} .ny_shfw2 .nyshfw2_l{ padding:25px;} .ny_shfw2 .nyshfw2_l .serve_ul2{ margin-top:10px;} } @media (max-width: 600px) { .ny_shfw2 .nyshfw2_l .serve_ul{ margin-top:5px;} .ny_shfw2 .nyshfw2_l .serve_ul li{ width:100%; margin-top:10px;} .ny_shfw2 .nyshfw2_l .serve_ul li p{ margin-top:0;} } /*危化考培集合页*/ .nywhkb_all{padding:65px 0; overflow:hidden;} .nywhkb_all .nywhkb_allbit{ margin-bottom:50px; overflow:hidden;} .nywhkb_all .nywhkb_allbit p{ font-size:36px; float:left;} .nywhkb_all .nywhkb_allbit span{ font-size:20px; color:#b3c5d3; padding-left:13px; text-transform:uppercase;} .nywhkb_all .nywhkb_allbit a{display:block; float:right;color:#fff;font-size:17px;width: 160px;height:50px;line-height:50px;overflow: hidden;position: relative;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;text-align:center;background: url(../images/jhjt.png) 108px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);padding-right: 30px;} .nywhkb_all .nywhkb_allbit a:hover{background: url(../images/jhjt.png) 113px center no-repeat, linear-gradient(to right, #2894aa , #2d6fb2);} .nywhkb_all .nywhkb_one .ny_tjwhkb{border:1px solid #f1f1f1; margin-bottom:40px; overflow:hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;transition:all .4s linear;} .nywhkb_all .nywhkb_one .ny_tjwhkb:hover{box-shadow:4px 4px 20px rgba(0,0,0,0.11);} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbleft{ display:block; width:42.5%;float:left; position:relative;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbleft:before{ content:""; display:block; width:26px; height:26px; background:rgba(1,72,149,.7) url(../images/ssbai.png) center no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; opacity:0; transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; } .nywhkb_all .nywhkb_one .ny_tjwhkb:hover .ny_tjwhkbleft:before{ width:100%; height:100%;opacity:1;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbleft img{ width:100%; min-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;object-fit: cover;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright{width:57.5%;float:right; padding:50px 3% 60px;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .time{ font-size:16px; color:#999;transition:all .3s linear; display:block; margin:20px 0 30px; background: url(../images/newtime.png) left center no-repeat;padding-left: 24px;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .time i{ font-size:36px; font-weight:bold;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .ny_tjwhkbname{ display:block; font-size:24px;transition:all .3s linear;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .nywhkb_all .nywhkb_one .ny_tjwhkb:hover .ny_tjwhkbright .ny_tjwhkbname{ color:#2e71b4;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .ms{ height:60px; line-height:30px; overflow:hidden; font-size:16px; color:#666;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .tjwhkbfoot{border-top: 1px solid #f1f1f1;position: relative;padding-top: 40px; margin-top:60px;} .nywhkb_all .nywhkb_one .ny_tjwhkb:hover .ny_tjwhkbright .tjwhkbfoot{border-top: 1px solid #2e71b4;transition:all .3s linear;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .ny_tjwhkbmore{ font-size:16px; color:#2e71b4; position:relative;padding-right: 30px;transition:all .3s linear;} .nywhkb_all .nywhkb_one .ny_tjwhkb:hover .ny_tjwhkbright .ny_tjwhkbmore{ padding-right: 36px;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .ny_tjwhkbmore:after{ content:""; display:block; width:20px; height:20px; border-radius:50%;background:#2e71b4 url(../images/whkbjt.png)center no-repeat; position:absolute; right:0; top:1px;} .nywhkb_all .nywhkb_one ul li { padding: 20px;border: 1px solid #f1f1f1;width: 48.5%; float:left; margin-right:3%;transition:all .3s;} .nywhkb_all .nywhkb_one ul li:hover{box-shadow:3px 3px 14px rgba(0,0,0,0.11);} .nywhkb_all .nywhkb_one ul li:nth-child(2n){ margin-right:0;} .nywhkb_all .nywhkb_one ul li .li_limg{ display:block; width:296px; height:180px; float:left; position:relative;} .nywhkb_all .nywhkb_one ul li .li_limg:before{ content:""; display:block; width:26px; height:26px; background:rgba(1,72,149,.7) url(../images/ssbai.png) center no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; opacity:0; transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; } .nywhkb_all .nywhkb_one ul li:hover .li_limg:before{ width:100%; height:100%;opacity:1;} .nywhkb_all .nywhkb_one ul li .li_limg img{ width:100%; height:100%;object-fit: cover;} .nywhkb_all .nywhkb_one ul li .li_right{width: calc(100% - 316px); float:right;} .nywhkb_all .nywhkb_one ul li .li_right .li_name{font-size: 18px; line-height: 30px; margin: 10px 0 70px;display: block;line-height: 30px; height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;transition:all .3s;} .nywhkb_all .nywhkb_one ul li:hover .li_right .li_name{ color:#2e71b4;} .nywhkb_all .nywhkb_one ul li .li_right p{ color:#ccc;background: url(../images/newtime.png) left center no-repeat;padding-left: 24px;} .nywhkb_all .nywhkb_two{padding:60px 0; background:#edf0f3; margin-top:60px; overflow:hidden;} .nywhkb_all .nywhkb_two .whkb_twoleft{ width:66%; float:left; background:#fff; padding:28px 28px 29px;transition:all .3s linear;} .nywhkb_all .nywhkb_two .whkb_twoleft:hover{box-shadow:3px 3px 14px rgba(0,0,0,0.11);} .nywhkb_all .nywhkb_two .whkb_twoleft .twoleft_box{} .nywhkb_all .nywhkb_two .whkb_twoleft .faimg{ display:block; width:50%; margin-right:2%; height:360px; float:left; position:relative;} .nywhkb_all .nywhkb_two .whkb_twoleft .faimg:before{ content:""; display:block; width:26px; height:26px; background:rgba(1,72,149,.7) url(../images/ssbai.png) center no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; opacity:0; transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; } .nywhkb_all .nywhkb_two .whkb_twoleft:hover .faimg:before{ width:100%; height:100%;opacity:1;} .nywhkb_all .nywhkb_two .whkb_twoleft .faimg img{ width:100%; height:100%;object-fit: cover; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;} .nywhkb_all .nywhkb_two .whkb_twoleft .text{ width:47%; float:right;} .nywhkb_all .nywhkb_two .whkb_twoleft .text .faname{ display:block;font-size:20px; line-height:30px; height:60px;overflow: hidden; margin-top:28px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition:all .3s linear;} .nywhkb_all .nywhkb_two .whkb_twoleft:hover .text .faname{ color:#2e71b4;} .nywhkb_all .nywhkb_two .whkb_twoleft .text p{ color:#ccc;background: url(../images/newtime.png) left center no-repeat;padding-left: 24px; margin:20px 0;} .nywhkb_all .nywhkb_two .whkb_twoleft .text .ms{ color:#999; line-height:30px; height:120px; font-size:15px; margin-bottom:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .nywhkb_all .nywhkb_two .whkb_twoleft .text .ny_tjwhkbmore{ font-size:16px; color:#2e71b4; position:relative;padding-right: 30px;transition:all .3s linear;} .nywhkb_all .nywhkb_two .whkb_twoleft:hover .text .ny_tjwhkbmore{ padding-right: 36px;} .nywhkb_all .nywhkb_two .whkb_twoleft .text .ny_tjwhkbmore:after{ content:""; display:block; width:20px; height:20px; border-radius:50%;background:#2e71b4 url(../images/whkbjt.png)center no-repeat; position:absolute; right:0; top:1px;} .nywhkb_all .nywhkb_two .whkb_tworight{ width:32%; float:right;} .nywhkb_all .nywhkb_two .whkb_tworight ul li{ width:100%; margin-bottom:10px; background:#fff; padding:20px 30px;transition:all .3s linear;} .nywhkb_all .nywhkb_two .whkb_tworight ul li:last-child{ margin-bottom:0;} .nywhkb_all .nywhkb_two .whkb_tworight ul li:hover,.nywhkb_all .nywhkb_two .whkb_tworight ul li.on{background: linear-gradient(to left, #2894aa , #2d6fb2);} .nywhkb_all .nywhkb_two .whkb_tworight ul li .faname{ font-size:17px; padding-left:15px; position:relative;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .nywhkb_all .nywhkb_two .whkb_tworight ul li:hover .faname,.nywhkb_all .nywhkb_two .whkb_tworight ul li.on .faname{ color:#fff;} .nywhkb_all .nywhkb_two .whkb_tworight ul li .faname:before{ content:""; display:block; width:4px; height:4px; border-radius:50%; background:#333; position:absolute; top:10px; left:0;} .nywhkb_all .nywhkb_two .whkb_tworight ul li:hover .faname:before,.nywhkb_all .nywhkb_two .whkb_tworight ul li.on .faname:before{ background:#fff;} .nywhkb_all .nywhkb_two .whkb_tworight ul li p{ color:#999; font-size:15px; margin-top:10px;} .nywhkb_all .nywhkb_two .whkb_tworight ul li:hover p,.nywhkb_all .nywhkb_two .whkb_tworight ul li.on p{ color:#fff;} .nywhkb_all .nywhkb_three{ padding-top:60px;} .nywhkb_all .nywhkb_three .xmal_lb{position:relative;} .nywhkb_all .nywhkb_three .xmal_lb .swiper-container4{ overflow:hidden;} .nywhkb_all .nywhkb_three .xmal_lb ul li{ width:32%; float:left;} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmal_img{ display:block; width:100%; height:300px; position:relative;} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmal_img:before{ content:""; display:block; width:26px; height:26px; background:rgba(1,72,149,.7) url(../images/ssbai.png) center no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; opacity:0; transition-duration: .4s;-ms-transition-duration: .4s;-moz-transition-duration: .4s;-webkit-transition-duration: .4s; } .nywhkb_all .nywhkb_three .xmal_lb ul li:hover .xmal_img:before{ width:100%; height:100%;opacity:1;} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmal_img img{ width:100%; height:100%;object-fit: cover;} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmaltext{ padding:6%; background:#f7f7f7; text-align:center;} .nywhkb_all .nywhkb_three .xmal_lb ul li:hover .xmaltext{background: linear-gradient(to bottom, #2894aa , #2d6fb2);} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmaltext .xmal_name{ font-size:18px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;} .nywhkb_all .nywhkb_three .xmal_lb ul li:hover .xmaltext .xmal_name{ color:#fff;} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmaltext p{ margin-top:10px; font-size:15px; color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .nywhkb_all .nywhkb_three .xmal_lb ul li:hover .xmaltext p{color:#fff;} .nywhkb_all .nywhkb_three .swiper-button-prev{background:url(../images/prev.png) center no-repeat;left:-50px;} .nywhkb_all .nywhkb_three .swiper-button-prev:hover{background:url(../images/prev_hover.png) center no-repeat;} .nywhkb_all .nywhkb_three .swiper-button-next{background:url(../images/prev.png) center no-repeat;right:-50px; transform:rotate(180deg);} .nywhkb_all .nywhkb_three .swiper-button-next:hover{background:url(../images/prev_hover.png) center no-repeat;} @media (max-width:1650px) { .nywhkb_all .nywhkb_three .xmal_lb .swiper-container4{ width:90%; margin:0 auto;} .nywhkb_all .nywhkb_three .swiper-button-prev{left:0;} .nywhkb_all .nywhkb_three .swiper-button-next{right:0;} } @media (max-width: 1399px) { .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright{padding: 40px 3% 50px;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .tjwhkbfoot{padding-top: 30px;margin-top: 30px;} .nywhkb_all .nywhkb_one ul li .li_limg{ width:200px; height:150px;} .nywhkb_all .nywhkb_one ul li .li_right {width: calc(100% - 220px);} .nywhkb_all .nywhkb_one ul li .li_right .li_name{margin: 10px 0 50px;} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmal_img{ height:220px;} } @media (max-width: 1023px) { .nywhkb_all{padding:40px 0;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .ny_tjwhkbname{ font-size:20px;} .nywhkb_all .nywhkb_allbit{ margin-bottom:30px;} .nywhkb_all .nywhkb_allbit p{ font-size:30px;} .nywhkb_all .nywhkb_allbit span{ font-size:18px;} .nywhkb_all .nywhkb_one .ny_tjwhkb{ margin-bottom:10px;} .nywhkb_all .nywhkb_one ul li{ width:100%; margin-right:0; margin-top:15px;} .nywhkb_all .nywhkb_one ul li .li_limg{ width:296px; height:180px;} .nywhkb_all .nywhkb_one ul li .li_right {width: calc(100% - 316px);} .nywhkb_all .nywhkb_two{ padding:40px 0; margin-top:40px;} .nywhkb_all .nywhkb_two .whkb_twoleft{ width:100%; margin-bottom:10px;} .nywhkb_all .nywhkb_two .whkb_tworight{width:100%;} .nywhkb_all .nywhkb_two .whkb_twoleft .faimg{ height:300px;} .nywhkb_all .nywhkb_two .whkb_twoleft .text .faname{ height:30px;-webkit-line-clamp: 1;margin-top: 18px;} .nywhkb_all .nywhkb_three{ padding-top:40px;} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmaltext p{ margin-top:5px;} } @media (max-width: 767px) { .nywhkb_all{padding:30px 0;} .nywhkb_all .nywhkb_allbit{ margin-bottom:20px;} .nywhkb_all .nywhkb_allbit p{ font-size:26px;} .nywhkb_all .nywhkb_allbit a{font-size: 14px; height:45px; line-height:45px; width:120px;background: url(../images/jhjt.png) 79px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} .nywhkb_all .nywhkb_allbit a:hover{background: url(../images/jhjt.png) 83px center no-repeat, linear-gradient(to bottom, #2894aa , #2d6fb2);} .nywhkb_all .nywhkb_allbit span{ display:none;} .nywhkb_all .nywhkb_one .ny_tjwhkb{ display:block !important;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbleft{ width:100%; height:230px;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbleft img{ width:100%;position:static; height:100%;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright{ width:100%;padding: 20px 15px 30px;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .ny_tjwhkbname{ font-size:18px;} .nywhkb_all .nywhkb_one .ny_tjwhkb .ny_tjwhkbright .time{margin: 10px 0;} .nywhkb_all .nywhkb_one ul li{ padding:15px;} .nywhkb_all .nywhkb_one ul li .li_limg{ width:100%; height:230px;} .nywhkb_all .nywhkb_one ul li .li_right{width:100%;} .nywhkb_all .nywhkb_one ul li .li_right .li_name{ height:30px;margin: 10px 0;-webkit-line-clamp:1;} .nywhkb_all .nywhkb_two .whkb_twoleft{padding:15px;} .nywhkb_all .nywhkb_two .whkb_twoleft .faimg{ width:100%;} .nywhkb_all .nywhkb_two .whkb_twoleft .text{width:100%;} .nywhkb_all .nywhkb_three .xmal_lb .swiper-container4{ width:86%; margin:0 auto;} .nywhkb_all .nywhkb_three .xmal_lb ul li .xmal_img{ height:200px;} .nywhkb_all .nywhkb_three .swiper-button-prev,.nywhkb_all .nywhkb_three .swiper-button-next{ background-size:100%; width:36px;} .nywhkb_all .nywhkb_three .swiper-button-prev:hover,.nywhkb_all .nywhkb_three .swiper-button-next:hover{ background-size:100%; width:36px;} } @media (max-width: 414px) { .nywhkb_all .nywhkb_three .xmal_lb .swiper-container4{ width:80%;} } /*产品详情页 top*/ .ny_content .ny_proshow{padding: 65px 0 0; overflow:hidden;background:#f6f8f9;} .ny_content .ny_proshow .ny_proshowtop{background:#fff;} .pro_detail_main { width:100%; height:auto; margin: 0 auto 60px; padding: 40px; background-color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.1); position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_main .pro_detail_img { width:480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eee; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .pro_detail_img .pro_detail_img_main { width:100%; height: 100%; margin: 0 auto; padding: 0; position: relative;} .pro_detail_img_main img { display:block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .pro_detail_main .pro_detail_text { width:100%;overflow: hidden; margin: 0;float: right; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; text-align:center;} .pro_detail_text h1 {width:100%; overflow: hidden; line-height: 40px;font-size: 26px; font-weight:bold; padding: 0; float:left;} .pro_detail_text .profh_btn{ display:block; width:120px; height:40px; line-height:40px; text-align:center; color:#fff;background: linear-gradient(to bottom, #2894aa, #2d6fb2);float:right;} .pro_detail_text .jyms { width:100%;overflow:hidden; margin:20px auto 30px;padding: 15px 20px; background-color:#f2f3f6; box-sizing: border-box;} .pro_detail_text .jyms p { width:100%; height:112px; overflow:hidden; line-height:28px; color:#888; font-size:16px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; margin:0 auto; padding:0;} .pro_detail_text .jyms p span { display:inline-block; font-size:15px; color:#555;} .pro_detail_text ul { width:100%; margin:30px auto 10px; padding:20px 0 0; border-top:1px solid #eaeaea;overflow:hidden; display:flex; display: -webkit-flex;justify-content:center;} .pro_detail_text ul li {margin-right:20px; font-size:15px;text-align: justify;margin-bottom:15px;padding: 0; float:left;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .pro_detail_text ul li:nth-child(2n){ margin-right:0;} .pro_detail_text ul li:nth-of-type(1){ color:#999;} .pro_detail_text ul li:nth-of-type(2){ color:#2e71b4;} .pro_detail_text ul li span { color:#999; display:inline-block; width:60px; margin-right:13px;} .pro_detail_text .pro_detail_btn { width:100%; overflow: hidden;margin-top: 25px;} .pro_detail_text .pro_detail_btn p{ font-size:15px; color:#999; margin-bottom:15px;} .pro_detail_btn a { display:block; width:35%; height:56px; line-height:56px;overflow: hidden; color: #fff; font-size:18px; text-align: center; margin: 0; padding: 0; float: left;} .pro_detail_btn a.prodtl_btn1 { float:left; margin: 0 15px 0 0; background: linear-gradient(to bottom, #2894aa, #2d6fb2);} .pro_detail_btn a.prodtl_btn2 { float:left; color:#333; border:1px solid #bfbfbf; position:relative;padding-left: 3%;} .pro_detail_btn a.prodtl_btn2 i{ margin-right:5px;background: url(../images/jiaotan.png) no-repeat; width:26px; height:27px; display:inline-block;position: absolute;margin: 6% 0 0 -12%;} .pro_detail_btn a.prodtl_btn2:hover{ background:linear-gradient(to bottom, #2894aa, #2d6fb2); color:#fff; border:none;} .pro_detail_btn a.prodtl_btn2:hover i{background: url(../images/jiaotan_on.png) no-repeat;} @media screen and (max-width:1200px){ .pro_detail_btn a.prodtl_btn2{padding-left: 5%;} .pro_detail_btn a.prodtl_btn2 i{margin: 8% 0 0 -18%;} } @media screen and (max-width:1199px) and (min-width:1080px) { .pro_detail_btn a.prodtl_btn2{padding-left: 3%;} .pro_detail_btn a.prodtl_btn2 i{margin: 4% 0 0 -10%;} } @media screen and (max-width:1079px) and (min-width:1024px) { .pro_detail_btn a.prodtl_btn2{padding-left: 3%;} .pro_detail_btn a.prodtl_btn2 i{margin: 4% 0 0 -10%;} } @media screen and (max-width:768px){ .pro_detail_btn a.prodtl_btn2 i{margin: 5% 0 0 -13%;} } @media screen and (max-width:425px){ .pro_detail_btn a.prodtl_btn2{ padding:0;} .pro_detail_btn a.prodtl_btn2 i{ display:none;} } /**产品详情页产品图片切换**/ .prodetail_img { width:100%;margin: 0; padding: 0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width:19.8%; height:auto; padding-top:0; overflow:hidden; float:left;} #spec-left { width:16px; height:70px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:70px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:525px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul {} #spec-list ul li { float:left; display:inline; padding:0; width:100%; height:98px; margin:0 auto 9px;} #spec-list ul li:last-child { margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; border:1px solid #dfdfdf; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #spec-list ul li:hover p { border:1px solid #1f71c2;} #spec-list ul li img { display:block; max-width:94%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ .jqzoom { position:relative; width:100%; height:450px; overflow:hidden; padding:0;box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; float:right;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .jqZoomPup{ display:none !important;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:104%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} .prodetail_img a.videoIco {position:absolute;z-index:9;width:52px;height:52px;left:42px;bottom:24px;background:url(https://public.mtnets.com/images/public/video.png) no-repeat 0 0;} .videoItem {width:100%;height:100%;position:absolute;z-index:990;top:0;left:0;background: #010001;} .videoItem a {position:absolute;width:36px;height:36px;top:0px;right:0px;z-index:11;background:url(https://public.mtnets.com/images/public/video.png) no-repeat -56px 0;} .Warning {text-align:center;font-size:14px;font-family:microsoft yahei;line-height:27px;color:#fff;width:606px;height:400px;background-color:#000;margin:0 auto;} .Warning b {display:inline-block;width:30px;height:27px;margin:12px;margin:150px 0 20px 0;background:url("https://public.mtnets.com/images/public/waring.png") no-repeat;} @media screen and (max-width:1199px) and (min-width:1080px) { .pro_detail_main { width:100%;} .prodetail_img { width:45%; position:inherit;float: left;} #preview, #spec-n5, #spec-list, .jqzoom {} .pro_detail_main .pro_detail_text { width:52%;} .pro_detail_text .pro_detail_btn { width:100%;} .zoomdiv { left:104%!important;} } @media screen and (min-width:1080px) and (max-width:1199px) { .ly_NyProDetail { max-width:inherit; padding:0 40px;} .prodetail_img { width:100%; height:480px; float:inherit;} .jqzoom { height:480px;} #spec-list ul li {height: 89px;} .pro_detail_main .pro_detail_text { width:100%; min-height: inherit; float:inherit; margin:30px auto 0;} .pro_detail_text h1 { font-size:30px;} .pro_detail_text .jyms { height:auto; margin:20px auto;} .pro_detail_text .jyms p { height: 84px; font-size:15px; -webkit-line-clamp: 3;} .pro_detail_btn a { height:50px; line-height:50px; font-size:18px;} .zoomdiv,.jqZoomPup { display:none !important;} } @media screen and (min-width:1024px) and (max-width:1079px) { .ly_NyProDetail { max-width:inherit; padding:0 40px;} .prodetail_img { width:100%;float:inherit;} .jqzoom { height:480px;} #spec-list ul li {height: 89px;} .pro_detail_main .pro_detail_text { width:100%; min-height: inherit; float:inherit; margin:30px auto 0; padding:0;} .pro_detail_text .pro_detail_btn{ position:inherit; margin:10px auto 0;} .pro_detail_text h1 { font-size:30px;} .pro_detail_text .jyms { height:auto; margin:20px auto;} .pro_detail_text .jyms p { height: 90px; font-size:15px; -webkit-line-clamp: 3;} .pro_detail_text ul li { margin:5px 0;} .pro_detail_btn a { height:50px; line-height:50px; font-size:18px;} .zoomdiv,.jqZoomPup { display:none !important;} } @media screen and (max-width:1023px){ .ny_content .ny_proshow{padding: 40px 0 0;} .ly_NyProDetail { max-width:inherit; padding:0 40px;} .pro_detail_main { padding:20px;margin: 0 auto 40px;} .prodetail_img { width:100%; height:440px; float:inherit;} .jqzoom { height:440px;} #spec-list ul li {height: 81px;} .pro_detail_main .pro_detail_text { width:100%; min-height: inherit; float:inherit; margin:20px auto 0;} .pro_detail_text h1 { line-height:36px; font-size:28px;} .pro_detail_text .jyms { height:auto; margin:20px auto;} .pro_detail_text .jyms p { height: 84px; font-size:15px; -webkit-line-clamp: 3;} .pro_detail_btn a { height:50px; line-height:50px; font-size:18px;} .zoomdiv,.jqZoomPup { display:none !important;} .ly_NyProDetail .lyNyProDetail_con { padding:0 20px 20px;} .lyNyProDetail_ConTit p { width:90px; } .lyNyProDetail_con .lyNyProDetail_ConTit { margin:0 auto 20px;} .Proshow_ConText p { margin:0 auto 10px;} } @media (max-width: 767px) { .ny_content .ny_proshow{padding: 30px 0 0;} .ly_NyProDetail { max-width:inherit; margin:20px auto; padding:0 20px;} .pro_detail_main { margin:0 auto 30px; padding:20px;} .prodetail_img { width:100%; height:auto; float:inherit;} .jqzoom { width:100%; height:300px; float:inherit;} #spec-n5 { width:100%; float:inherit; margin:6px 0 0;} #spec-list ul li { width:18.4%; height: 70px; margin:0 2% 0 0;} #spec-list ul li:nth-child(5) { margin:0;} .pro_detail_main .pro_detail_text { width:100%; min-height: inherit; float:inherit; margin:20px auto 0; } .pro_detail_text h1 {width:100%; line-height:32px; font-size:24px;} .pro_detail_text .profh_btn{ display:none;} .pro_detail_text .jyms { height:auto; margin:20px auto; padding:10px 10px 15px;} .pro_detail_text .jyms p { height: 72px; line-height:24px; font-size:14px; -webkit-line-clamp: 3;} .pro_detail_text ul{padding: 20px 0 10px;} .pro_detail_text ul li {font-size:15px; margin-bottom:10px;} .pro_detail_btn a { height:45px; line-height:45px; font-size:14px; width:120px;} .zoomdiv,.jqZoomPup { display:none !important;} .ly_NyProDetail .lyNyProDetail_con { padding:0 20px 20px;} .lyNyProDetail_ConTit p { width:90px; } .lyNyProDetail_con .lyNyProDetail_ConTit { margin:0 auto 20px;} .Proshow_ConText img, .Proshow_ConText table, .Proshow_ConText tr, .Proshow_ConText td, .Proshow_ConText p, .Proshow_ConText span, .Proshow_ConText div, .Proshow_ConText video, .Proshow_ConText embed { font-size:14px; line-height:28px;} .Proshow_ConText p { margin:0 auto 10px;} } @media (max-width: 375px) { .jqzoom { height:240px;} #spec-list ul li { height: 60px;} .pro_detail_text h1 { line-height:30px; font-size:22px;} } @media (max-width: 320px) { .jqzoom { height:200px;} } /*产品详情 foot*/ .ny_content .ny_proshow .proshowfoot{ background:#fff; overflow:hidden; padding:65px 0;} .ny_content .ny_proshow .flleft{ float:right;} .ny_content .ny_proshow .proshowright{width: 75.5%; float:left;} .ny_content .ny_proshow .proshowright .conttit{ width:100%; border-bottom:1px solid #eaeaea;} .ny_content .ny_proshow .proshowright .conttit p{ width:160px; height:60px; line-height:60px; color:#fff; text-align:center; font-size:18px;background: linear-gradient(to bottom, #2894aa, #2d6fb2);} .ny_content .ny_proshow .proshowright .Proshow_ConText { width:100%; overflow:hidden; line-height: 28px; color: #555; font-size: 14px; margin:0 auto; padding:0;min-height:300px; padding-top:40px;} .ny_content .ny_proshow .proshowright .Proshow_ConText p { margin:0 auto 20px;} .ny_content .ny_proshow .proshowright .Proshow_ConText img, .ny_content .ny_proshow .proshowright .Proshow_ConText table, .ny_content .ny_proshow .proshowright .Proshow_ConText tr, .ny_content .ny_proshow .proshowright .Proshow_ConText td, .ny_content .ny_proshow .proshowright .Proshow_ConText p, .ny_content .ny_proshow .proshowright .Proshow_ConText span, .ny_content .ny_proshow .proshowright .Proshow_ConText div, .ny_content .ny_proshow .proshowright .Proshow_ConText video, .ny_content .ny_proshow .proshowright .Proshow_ConText embed { width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%; line-height: 30px; color: #333; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all; margin:0 !important;} .ny_content .ny_proshow .proshowright .Proshow_ConText table tr td p { text-indent:0!important;} .ny_content .ny_proshow .proshowright .Proshow_ConText p b { font-weight:bold;} .ny_content .ny_proshow .proshowright .Proshow_ConText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} @media (max-width:1399px) { .ny_content .ny_proshow .proshowright{ width:71%;} } @media (max-width:1200px) { .ny_content .ny_proshow .proshowright{ width:71.5%;} } @media (max-width:1080px) { .ny_content .ny_proshow .flleft{ float:right; margin-top:20px;} .ny_content .ny_proshow .proshowright{ width:100%;} .ny_content .ny_proshow .proshowright .conttit p{ height:55px; line-height:55px;} } @media (max-width:1023px) { .ny_content .ny_proshow .proshowfoot{padding:40px 0;} .ny_content .ny_proshow .proshowright .Proshow_ConText { padding-top:30px; min-height:50px;} } @media (max-width: 767px) { .ny_content .ny_proshow .proshowfoot{padding:30px 0;} .ny_content .ny_proshow .proshowright .Proshow_ConText { max-height:99999999999999999999999px;} .ny_content .ny_proshow .proshowright .Proshow_ConText div { max-height:99999999999999999999999px;} } /*右侧漂浮 开始*/ .client-2 {position:fixed;right:-155px;bottom:50%;z-index:999;} .client-2 li a {text-decoration:none;} .client-2 li {margin-top:5px;clear:both;height:70px;position:relative;} .client-2 li i {background:url(../images/fx_on.png) no-repeat;display:block;width:30px;height:27px;margin: 4px auto 0;text-align:center;} .client-2 li p {height:20px;font-size:12px;line-height:20px;overflow:hidden;text-align:center;color:#fff;} .client-2 li.my-kefu-qq i {background-position:4px 5px;} .client-2 li.my-kefu-tel i {background-position:3px -24px;} .client-2 li.my-kefu-liuyan i {background-position:3px -53px;} .client-2 li.my-kefu-weixin i {background-position:-32px 1px;} .client-2 li.my-kefu-weibo i {background-position:-30px -22px;} .client-2 li.my-kefu-ftop {display:none;} .client-2 li.my-kefu-ftop i {width:33px;height:45px;background-position:-27px -47px;} .client-2 li .my-kefu-left {float:left;width:70px;height:70px;position:relative;} .client-2 li .my-kefu-tel-right {font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;} .client-2 li .my-kefu-right {width:20px;} .client-2 li .my-kefu-main { background:#12b7f5;color:#fff;height:70px;width:70px;padding:9px 0 6px;float:left;} .client-2 li .my-kefu-tel-main{ width:225px;} .client-2 li .my-kefu-weixin-pic {position:absolute;left:-130px;top:-24px;display:none;z-index:333;} .my-kefu-weixin-pic img {width:115px;height:115px;} /*.client-2 li:hover .my-kefu-main{background:linear-gradient(to bottom, #2894aa , #2d6fb2); border:0;} .client-2 li:hover i{background:url(../images/fx_on.png) no-repeat;}*/ .client-2 li:hover p{ color:#fff;} .client-2 li.my-kefu-qq:hover i {background-position:4px 5px;} .client-2 li.my-kefu-tel:hover i {background-position:3px -24px;} .client-2 li.my-kefu-liuyan:hover i {background-position:3px -53px;} .client-2 li.my-kefu-weixin:hover i {background-position:-32px 1px;} .client-2 li.my-kefu-weibo:hover i {background-position:-30px -22px;} .client-2 li.my-kefu-ftop:hover i {background-position:-27px -47px;} @media (max-width:880px) { .my-kefu-liuyan,.my-kefu-weixin,.my-kefu-tel-right{display:none;} .client-2{right:0;bottom:5%} .client-2 li{ height:61px; position: static;} .client-2 li .my-kefu-tel-main,.client-2 li .my-kefu-main{ width:54px;border-radius:50%; height:54px;} .my-kefu-main{background:linear-gradient(to bottom, #2894aa , #2d6fb2) !important; border:0;} .client-2 li a p{ display:none;} .client-2 li i{background:url(../images/fx_on.png) no-repeat;} .client-2 .my-kefu-ftop i {margin: -8px 0 0 8px;} .client-2 .my-kefu-ftop{ margin-top:10px;} .client-2 .my-kefu-tel i {margin: 6px 0 0 11px;} } @media (max-width:768px) { } /*右侧漂浮 结束*/ /*nyDown 开始*/ .nyDown_List { width:100%; height:auto; margin:65px auto 0; padding:0;} .nyDown_List ul li { width:48.5%; height:auto; margin:0 3% 30px 0; padding:0 100px 0 0; background-color:#f8f8fb; box-shadow:0 0 0 rgba(0,0,0,0); float:left; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyDown_List ul li:nth-child(2n+2) { margin:0 0 30px;} .nyDown_List ul li:hover { box-shadow:0 0 10px rgba(0,0,0,0.06);} .nyDown_List ul li .nyDown_Btn { width:100px; height:100px; margin:0; padding:0; border-left:1px solid #e6e6e6; position:absolute; top:0; right:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyDown_List ul li .nyDown_Btn a { display:block; width:100px; height:100px; margin:0 auto; padding:25px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyDown_List ul li .nyDown_Btn a i.DwIco { display:block; width:50px; height:50px; margin:0 auto; padding:0; background:url(../images/down.png) center center no-repeat; background-size:100% 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .nyDown_List ul li:hover .nyDown_Btn { border-left:1px solid #2e71b4;} .nyDown_List ul li:hover .nyDown_Btn a i.DwIco { background:url(../images/down2.png) center center no-repeat; background-size:100% 100%;} .nyDown_List ul li .nyDown_Text { width:100%; height:100px; overflow:hidden; margin:0; padding:15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyDown_List ul li .nyDown_Text a.nyDown_Name { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; margin:0 auto 6px; padding:0 0 0 13px; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nyDown_List ul li .nyDown_Text a.nyDown_Name i { display:block; width:3px; height:20px; margin:0; padding:0; background-color:#2e71b4; position:absolute; left:0; top:10px;} .nyDown_List ul li .nyDown_Text span { display:block; width:100%; height:24px; overflow:hidden; line-height:24px; color:#999; font-size:14px; margin:0 auto; padding:0;} .nyDown_List ul li .nyDown_Text span img { display:block; width:18px; height:18px; margin:2px 6px 2px 0; padding:0; float:left;} .nyDown_List ul li:hover .nyDown_Text a.nyDown_Name { color:#2e71b4;} .DownBtn a { display:block; width:160px; height:44px; line-height:44px; color:#fff; font-size:16px; margin:40px auto; padding:0 33px; background:#2e71b4 url(../images/down3.png) 108px 10px no-repeat; background-size:24px 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .DownBtn a:hover { background-color:#2894aa;} @media (max-width:1200px) { .nyDown_List ul li .nyDown_Text a.nyDown_Name { font-size:18px;} .nyDown_List ul li .nyDown_Text a.nyDown_Name i { height:18px; top:11px;} } @media (max-width:1023px) { .nyDown_List {margin:40px auto 0;} } @media (max-width:800px) { .nyDown_List ul li { width:100%; height:auto; margin:0 auto 20px; float:inherit;} .nyDown_List ul li:nth-child(2n+2) { margin:0 auto 20px;} .DownBtn a { margin:20px auto;} .nyDown_Main #fengye { margin:20px auto 0;} } @media (max-width:767px) { .nyDown_List {margin:30px auto 0;} .nyDown_List ul li { width:100%; height:auto; margin:0 auto 12px; padding:0 70px 0 0; float:inherit;} .nyDown_List ul li:nth-child(2n+2) { margin:0 auto 12px;} .nyDown_List ul li .nyDown_Text { height:80px; padding:10px 12px;} .nyDown_List ul li .nyDown_Text a.nyDown_Name { height:36px; line-height:36px; margin:0 auto;} .nyDown_List ul li .nyDown_Text a.nyDown_Name i { top:9px;} .nyDown_List ul li .nyDown_Btn { width:70px; height:80px;} .nyDown_List ul li .nyDown_Btn a { width:70px; height:80px; padding:20px 0;} .nyDown_List ul li .nyDown_Btn a i.DwIco { width:40px; height:40px;} .DownBtn a { margin:20px auto;} } @media (max-width:375px) { .nyDown_List ul li .nyDown_Text a.nyDown_Name { font-size:16px;} } @media (max-width:320px) { } /*nyDown 结束*/ .newshow_conet img,.newshow_conet img,.Proshow_ConText img { max-width:100%!important;height: auto!important;}